Xúc Äất mang bán, hai ngÆ°á»i Äà n ông vÆ°á»ng lao lý
Mục lục:
Các nhà phát triển trang web sớm không phải lo lắng nhiều về thiết kế trang web khi người dùng xem chúng trên máy tính và các máy tính đó có độ phân giải màn hình cố định. Với cuộc cách mạng trên thiết bị di động, ngày càng có nhiều người đang tìm kiếm trên thiết bị di động của họ - máy tính bảng hoặc điện thoại di động - để biết thông tin. Do đó, nó trở nên cần thiết cho các nhà phát triển trang web, để tạo một trang web phục vụ mọi thứ từ Windows PC đến các thiết bị di động. Bài viết này giải thích sự khác biệt giữa thích ứng và thiết kế web đáp ứng và cho phép bạn quyết định cái nào tốt hơn cho bạn và tổ chức của bạn.
Có hai cách để tạo trang web để chúng có thể phục vụ cho các độ phân giải màn hình khác nhau: từ máy tính đến điện thoại di động. Các phương pháp là thiết kế web thích ứng và thiết kế web đáp ứng. Trong cả hai trường hợp, mục tiêu cuối cùng là tạo ra một trang web có thể xem được trên bất kỳ loại độ phân giải màn hình nào. Mục đích trình bày thông tin trên một loạt các thiết bị - từ máy tính đến máy tính bảng tới điện thoại di động.
Thiết kế web đáp ứng
Thiết kế web đáp ứng liên quan đến mã hóa bổ sung và sử dụng cái gọi là “lưới chất lỏng”. Các con số được chỉ định bằng "phần trăm" thay vì số pixel chính xác. Điều này làm cho cùng một mã trang web hiển thị chính xác trên màn hình PC và trên màn hình điện thoại di động. Vì vậy, không có vấn đề làm thế nào bạn thay đổi kích cỡ màn hình của bạn, cùng một trang web được trình bày một cách dễ đọc. Đối với các trang web nhỏ hơn, văn bản và hình ảnh dễ dàng lưu thông với không gian màn hình và vừa với nó mà không vi phạm trang web hoặc không cắt xén trang web.
Cách tiếp cận thiết kế web đáp ứng bắt buộc phải sử dụng CSS3 thay vì chỉ CSS.
Thiết kế web thích nghi
Thiết kế web thích nghi cũng tập trung vào việc trình bày trang web có thể xem trên máy tính bảng và điện thoại di động ngoài màn hình PC. Cách tiếp cận này hơi khác một chút. Trong thiết kế web đáp ứng, nó linh hoạt cho phép lưu lượng văn bản tự do và định cỡ hình ảnh để vừa với các màn hình khác nhau.
Trong thiết kế web thích ứng, nhà phát triển sử dụng kích thước màn hình được xác định trước và mã tương ứng. Tức là, khi người dùng truy cập vào trang web, trang web sẽ xác định loại thiết bị đang được sử dụng và trình bày trang web được thiết kế cho kích thước màn hình thiết bị cụ thể đó. Nội dung có thể khác nhau giữa các thiết bị trong một số trường hợp.
Ví dụ, các nhà phát triển sẽ xem xét 1280 × 800 pixel cho PC, 8 "cho máy tính bảng và 5" cho điện thoại di động. Mã đầu của thiết kế web thích ứng chứa nhận dạng màn hình. Nếu đó là PC, hãy hiển thị phiên bản PC của trang web. Nếu đó là máy tính bảng 8 ", hãy hiển thị phiên bản máy tính bảng của trang web và tương tự như vậy, nếu thiết bị là điện thoại di động, hãy hiển thị phiên bản di động của trang web. chính xác bằng pixel thay vì làm theo tỷ lệ phần trăm.
Nếu thiết bị mới đi qua với độ phân giải màn hình khác nhau, nhà phát triển sẽ phải quay lại mã hóa để kết hợp các độ phân giải màn hình mới hơn. các thiết bị nhỏ hơn nếu nhà phát triển không cẩn thận.
So với thiết kế web đáp ứng, thiết kế web thích ứng dễ dàng hơn để mã hóa và hầu hết các nhà phát triển đều chọn thiết kế web sau đáp ứng.
Responsive vs Adaptive web design
Responsive websites Mã này phức tạp và sử dụng các giá trị phần trăm thay vì các giá trị pixel cố định, cần có số lượng tập trung tốt để xây dựng một trang web có quy mô theo kích thước màn hình của thiết bị. dễ dàng hơn để tạo các trang web khác nhau cho các thiết bị khác nhau như trường hợp trong thiết kế web thích ứng. Mặc dù công việc có nhiều trong thiết kế web thích ứng vì các nhà phát triển sẽ tạo ra các trang web khác nhau cho các kích thước thiết bị khác nhau, nó vẫn dễ dàng hơn so với thiết kế web đáp ứng.
Vì có quá nhiều thiết bị di động trên thị trường, các nhà phát triển không nhất thiết phải bao gồm tất cả các loại độ phân giải màn hình. Điều đó dẫn đến việc cắt xén các trang web trong các màn hình nhỏ hơn khi sử dụng cách tiếp cận thiết kế web thích ứng.
Các trang web thích ứng chậm tải một chút vì trang web đầu tiên tìm ra thiết bị nào và độ phân giải màn hình nào đang được sử dụng. Dựa trên đó, phiên bản liên quan của trang web được tải lên màn hình của thiết bị. Trong trường hợp thiết kế web đáp ứng, mã duy nhất được sử dụng và nó sẽ tự động bị thu nhỏ để vừa với màn hình thiết bị di động.
Bạn cũng có thể xem bài đăng này trên MSDN có tiêu đề Tại sao tôi thích thiết kế web thích nghi hơn thiết kế web.
NC10 của Samsung không chỉ là một netbook - đó là một loạt các lựa chọn thú vị. Nó ghi một vài điểm với một màn hình tốt, tuổi thọ pin lớn, và các phím có kích thước thích hợp cho bàn tay con người. Tuy nhiên, trước khi chúng tôi tiến hành xem xét lại, bạn nên biết rằng một mô hình tốt hơn, thỏa mãn hơn - Samsung N110 - cũng có mặt trên màn hình.
Quay lại netbook trong tầm tay. Khi tôi lần đầu tiên đặt tay lên NC10, phản ứng ruột của tôi là nó có vẻ khủng khiếp giống như chiếc Lenovo IdeaPad S10 nguyên bản. Đo 10,3 x 7,3 x 1,5 inch và nặng 2,9 pound, nó có các đường tương tự và cách bố trí tương tự với máy đó. Và nó có một mức giá tương tự - nó được bán với giá khoảng 440 đô la. Nhưng sau khi bắt đầu cảm giác sợ hãi của déjà vu, tôi đã trở nên yêu - và ghét - NC10 vì một vài lý do.
Máy tính xách tay có hiệu suất chơi game tốt bị sai lệch bởi màn hình và bàn phím klutzy. GT 725 là - theo nghĩa đen và nghĩa bóng - nhẹ hơn một chút so với các đối thủ cạnh tranh laptop 17 inch. Và đó không nhất thiết phải là một điều xấu: Giá thấp hơn một chút so với chi phí của nhiều thay thế máy tính để bàn khác, trong khi trường hợp 7,7 pound khổng lồ là một bóng râm dễ quản lý hơn nhiều. Điều quan trọng hơn trong trường hợp này là nó cung cấp hiệu suất mạnh mẽ cho một hợp lý $ 1699.
Trong thử nghiệm không chính thức, thực tế của tôi, hiệu suất chơi game của GT 725 gây ấn tượng. Thậm chí chạy ở chế độ toàn màn hình (1920 x 1280 pixel) với tất cả các đồ họa trang trí, nó vẫn duy trì tốc độ khung hình mượt mà trong mọi thứ tôi thử nghiệm, cho dù tôi bị tấn công bởi những trái ác quỷ còn lại của 442 Dead, bị bắn bởi người ngoài hành tinh của Crysis Warhead. những người du mục khải huyền, hoặc né tránh người ngoài hành tinh zombie của Dead Space - bạn sẽ có được ý tưởng.
ĐáNh giá: Bút chì cho phép bạn thực hiện các mockups cho ứng dụng dành cho thiết bị di động, trang web và phần mềm máy tính để bàn. thông qua các ý tưởng thiết kế khác nhau cho một ứng dụng hoặc trang web mới. Điều tốt nó cũng dễ sử dụng;
Bạn có thể không phải là một lập trình viên hay một nhà phát triển Web, nhưng điều đó không có nghĩa là bạn không biết chính xác cách bạn muốn ứng dụng hoặc trang web mới của bạn trông và cảm nhận như thế nào. Cố gắng để có được cái nhìn hoàn hảo chỉ với những từ có thể là một trải nghiệm bực bội cho cả khách hàng và nhà phát triển. Một mockup giao diện tốt có giá trị một nghìn từ và bạn không phải biết cách viết mã để tạo một từ. Trong thực tế, nó thậm chí không có chi phí cho bạn bất cứ điều g