Cách bố trí trang web có thể được thực hiện theo hai cách khác nhau:
- Các bố cục chiều rộng cố định - Đây là các bố cục có chiều rộng của toàn bộ trang được đặt bằng một giá trị số cụ thể.
- Bố cục chất lỏng - Đây là các bố cục có chiều rộng của toàn bộ trang linh hoạt tùy thuộc vào trình duyệt của người xem có chiều rộng như thế nào.
Có những lý do tốt để sử dụng cả hai phương pháp bố cục, nhưng không hiểu cả lợi ích và thiếu sót tương đối của từng phương pháp, bạn không thể đưa ra quyết định tốt về việc sử dụng cho trang Web của bạn.
Chiều rộng cố định Layouts
Bố cục cố định là các bố cục bắt đầu với kích thước cụ thể, được xác định bởi nhà thiết kế web . Chúng vẫn giữ nguyên chiều rộng đó, bất kể kích thước của cửa sổ trình duyệt đang xem trang. Bố cục chiều rộng cố định cho phép một nhà thiết kế kiểm soát trực tiếp hơn cách trang sẽ trông như thế nào trong hầu hết các trường hợp. Chúng thường được các nhà thiết kế ưa thích với nền in, vì chúng cho phép nhà thiết kế thực hiện các điều chỉnh phút cho bố cục và giữ chúng nhất quán trên các trình duyệt và máy tính.
Bố cục chất lỏng
Bố cục lỏng là bố trí dựa trên tỷ lệ phần trăm của kích thước cửa sổ trình duyệt hiện tại. Chúng uốn cong với kích thước của cửa sổ, ngay cả khi người xem hiện tại thay đổi kích thước trình duyệt của họ khi họ đang xem trang web. Bố cục chiều rộng chất lỏng cho phép sử dụng rất hiệu quả không gian được cung cấp bởi bất kỳ cửa sổ trình duyệt Web hoặc độ phân giải màn hình nào. Chúng thường được các nhà thiết kế ưa thích, có nhiều thông tin để có được trong không gian nhỏ nhất có thể, vì chúng vẫn nhất quán về kích thước và trọng số trang tương đối bất kể ai đang xem trang.
Cổ phần là gì?
Phương pháp được chọn cho thiết kế trang web của bạn sẽ có tác động nhiều hơn không chỉ thiết kế của bạn. Tùy thuộc vào việc bạn chọn, bạn sẽ ảnh hưởng đến khả năng quét văn bản của người đọc, tìm thấy những gì họ đang tìm kiếm hoặc đôi khi thậm chí sử dụng trang web của bạn. Đồng thời, kiểu bố cục sẽ ảnh hưởng đến những nỗ lực của bạn trong việc tiếp thị trang web của bạn thông qua xây dựng thương hiệu, tính khả dụng của bất động sản và tính thẩm mỹ của trang web của bạn.
Lợi ích của bố cục chiều rộng cố định
- Bố cục chiều rộng cố định cho phép nhà thiết kế xây dựng các trang trông giống hệt nhau bất kể ai đang xem chúng.
- Các phần tử chiều rộng cố định như hình ảnh sẽ không áp đảo văn bản trên màn hình nhỏ hơn vì chiều rộng của toàn bộ trang sẽ bao gồm các phần tử đó.
- Độ dài quét sẽ không bị ảnh hưởng bởi các đoạn văn bản lớn, bất kể trình duyệt web rộng đến mức nào.
Lợi ích của bố cục lỏng
- Bố cục chiều rộng lỏng mở rộng và hợp đồng để lấp đầy không gian có sẵn.
- Tất cả các bất động sản có sẵn được sử dụng, cho phép nhà thiết kế hiển thị nhiều nội dung hơn trên màn hình lớn hơn, nhưng vẫn tồn tại trên các màn hình nhỏ hơn.
- Bố cục chất lỏng cung cấp sự nhất quán về độ rộng tương đối, cho phép trang phản hồi tự động hơn với các hạn chế do khách hàng đặt ra như kích thước phông chữ lớn hơn.
Hạn chế đối với bố cục chiều rộng cố định
- Bố cục chiều rộng cố định có thể gây ra cuộn ngang trong các cửa sổ trình duyệt nhỏ hơn. Và hầu hết mọi người không thích cuộn theo chiều ngang.
- Chúng cũng có thể dẫn đến việc mở rộng khoảng trắng trong các màn hình lớn hơn, dẫn đến nhiều không gian không sử dụng và di chuyển theo chiều dọc hơn có thể là cần thiết.
- Bố cục chiều rộng cố định không xử lý các thay đổi của khách hàng đối với kích thước phông chữ rất tốt. Đối với sự gia tăng nhỏ trong kích thước phông chữ, chúng có thể được chấp nhận, nhưng để tăng lớn hơn, bố cục có thể bị xâm phạm.
Hạn chế đối với bố cục lỏng
- Bố cục lỏng cho phép kiểm soát chính xác rất ít so với chiều rộng của các phần tử khác nhau của trang.
- Chúng có thể dẫn đến cột văn bản quá rộng để thoải mái quét hoặc trên các trình duyệt nhỏ hơn quá nhỏ để các từ hiển thị rõ ràng.
- Bố trí chất lỏng có thể có vấn đề khi một yếu tố chiều rộng cố định, chẳng hạn như một hình ảnh, được đặt bên trong một cột lỏng. Nếu cột được hiển thị mà không có đủ không gian cho hình ảnh, một số trình duyệt sẽ tăng chiều rộng cột, bỏ qua hướng dẫn của nhà thiết kế, trong khi các trình duyệt khác sẽ làm chồng chéo văn bản và hình ảnh để đạt được tỷ lệ chính xác.
Phần kết luận
Nhiều trang web có nhiều thông tin mà họ cần để truyền đạt trong không gian nhỏ nhất có thể sẽ hoạt động tốt với bố cục lỏng. Điều này cho phép họ tận dụng lợi thế của tất cả các bất động sản mà màn hình lớn hơn cung cấp trong khi không shorting màn hình nhỏ hơn.
Các trang web yêu cầu kiểm soát chính xác cách các trang trong mọi tình huống sẽ hoạt động tốt để sử dụng bố cục chiều rộng cố định. Điều này đảm bảo rằng việc xây dựng thương hiệu cho trang web của bạn là nhất quán và rõ ràng bất kể kích thước màn hình được xem là gì.
Tùy chọn bố cục
Nhiều người thích cách tiếp cận hỗn hợp hơn. Họ không thích sử dụng bố cục lỏng cho các khối văn bản lớn, vì điều đó có thể hiển thị văn bản không thể đọc được trên một màn hình nhỏ hoặc không thể quét được trên một màn hình lớn. Vì vậy, họ có xu hướng làm cho các cột chính của trang có chiều rộng cố định, nhưng làm cho đầu trang, chân trang và cột phụ linh hoạt hơn để chiếm đoạt phần còn lại của bất động sản và không làm mất khả năng của các trình duyệt lớn hơn.
Một số trang web sử dụng tập lệnh để xác định kích thước cửa sổ trình duyệt của bạn và sau đó thay đổi các yếu tố hiển thị tương ứng. Ví dụ: nếu bạn mở một trang web như vậy trong một cửa sổ rất rộng, bạn có thể nhận thêm một cột liên kết ở phía bên trái, rằng khách hàng có màn hình nhỏ hơn có thể không nhìn thấy. Ngoài ra, văn bản bao quanh quảng cáo phụ thuộc vào độ rộng của cửa sổ trình duyệt của bạn. Nếu nó đủ rộng, trang web sẽ bao quanh văn bản xung quanh nó, nếu không, trang web sẽ hiển thị văn bản bài viết bên dưới quảng cáo. Trong khi hầu hết các trang web không cần mức độ phức tạp này, nó thể hiện một cách để tận dụng màn hình lớn hơn mà không ảnh hưởng đến màn hình hiển thị trên màn hình nhỏ hơn.