Tại sao không nên dùng Table trong thiết kế website?
Số trang: 5
Loại file: pdf
Dung lượng: 0.00 B
Lượt xem: 11
Lượt tải: 0
Xem trước 2 trang đầu tiên của tài liệu này:
Thông tin tài liệu:
Tại sao không nên dùng Table trong thiết kế website Cách thiết kế layout theo dạng table đã quá phổ biến với các thiết kế viên (designer) vì tính trực quan, thời gian thiết kế cũng được rút ngắn và khả năng tương thích trình duyệt cao. Nhưng việc lạm dụng thiết kế web theo table cũng dẫn đến một số rắc rối cho các designer. Vào cuối thập niên 90, W3C giới thiệu CSS (Cascading Style Sheets) cho phép tùy biến những kiểu thể hiện khác nhau cho tài liệu HTML. Các trình duyệt nhanh chóng hỗ trợ CSS,...
Nội dung trích xuất từ tài liệu:
Tại sao không nên dùng Table trong thiết kế website?Tại sao không nên dùng Table trong thiết kế website ?Tại sao không nên dùng Table trong thiết kế websiteCách thiết kế layout theo dạng table đã quá phổ biến với các thiết kế viên(designer) vì tính trực quan, thời gian thiết kế cũng được rút ngắn và khảnăng tương thích trình duyệt cao. Nhưng việc lạm dụng thiết kế web theotable cũng dẫn đến một số rắc rối cho các designer. Vào cuối thập niên 90,W3C giới thiệu CSS (Cascading Style Sheets) cho phép tùy biến những kiểuthể hiện khác nhau cho tài liệu HTML. Các trình duyệt nhanh chóng hỗ trợCSS, các Designer bắt đầu áp dụng chuẩn này cho những thiết kế của họ.Sau đây là những lý do thiết kế web nên từ bỏ việc sử dụng table vàchuyển sang dùng CSS: + Table làm gia tăng kích thước của site dẫn đến việc tiêu tốn băng thôngkhông cần thiết. + Tiêu tốn thời gian hiệu chỉnh hơn so với việc dùng CSS nếu website cóthay đổi. + Những người khiếm thị hoặc những người truy cập website bằng DTDDhay PDA sẽ không được hiển thị đúng.Cuối cùng, tiêu chuẩn web theo W3C hiện tại là sử dụng CSS và tin tốt lànhlà tất cả các trình duyệt đều hỗ trợ chuẩn này.Tại sao CSS tốt hơn?Thiết kế web thiết kế layout với CSS có một số thuận lợi đối với việc SEOWeb, điển hình là việc có thể đặt nội dung trước các mã lệnh khác bằng thẻDIV ( luôn nhớ rằng việc bố trí những nội dung quan trọng bao gồm từkhóa lên phần đầu của trang web luôn làm gia tăng sự nổi bật của từ khóa ).Thiết kế web CSS giúp giảm bớt kích thước của trang web và khách thamquan (visitor) không cần phải tải về những dữ liệu mang tính chất trình bàykhi xem mỗi trang vì chúng đã được lưu trong bộ nhớ tạm (cache) của trìnhduyệt.Những thuận lợi khi dùng CSS + Đồng bộ định dạng và dùng chung cho tất cả các trang. + Vẫn có thể dùng CSS ngoài mục đích SEO Web. + Website sẽ được tổ chức chặt chẽ và dễ bảo trì.Tóm lại, việc thiết kế web dùng thẻ DIV nói riêng hay CSS nói chung thaythế cho các table lồng nhau sẽ làm giảm đáng kể kích thước trang, tổ chứcwebsite được chặt chẽ hơn, dễ bảo trì hơn và gia tăng tính khả dụng.Một điểm không thuận lợi khi sử dụng CSS là chúng ta phải học về nó, tuynhiên, điều này không quá khó cho các webmaster.Cả hai phương pháp, table lồng nhau và CSS đều được quan tâm khi nói vềSEO Web. Nhưng chúng ta đã biết, các robot sẽ quét qua toàn bộ mã trongcác trang web mà chúng viếng thăm, tuy nhiên, nếu số lượng mã quá lớn,các robot có thể không tiếp cận trọn vẹn, từ đó, việc bố trí nội dung sao chocác robot có thể tiếp cận là một điều khá quan trọng và điều này chắc chắnviệc dùng CSS sẽ làm tốt hơn.Bây giờ chúng ta sẽ xem qua vài bước thực tế về việc sử dụng thẻ DIV sovới table để nâng cao sức hấp dẫn cho các công cụ tìm kiếm ( SEO Web ).Tối ưu hóa trang web dựa trên tableKhi một trang web được tạo ra khi dùng table, thông thườngng phần nộidung chính sẽ nằm ở ô dưới cùng bên phải của table. Các robot quét 1 trangweb theo chiều từ trái sang phải và từ trên xuống dưới sẽ đi qua rất nhiềuđoạn mã trước khi tiếp cận được nội dung này. Để tránh điều này, chúng taphải bố trí nội dung vào những ô đầu tiên nằm ở phần trên của table và cáchtốt nhất là đưa nội dung lên trên mã HTML bằng cách dịch chuyển phầnmenu từ trái sang phải (menu thường được bố trí bên trái).
Nội dung trích xuất từ tài liệu:
Tại sao không nên dùng Table trong thiết kế website?Tại sao không nên dùng Table trong thiết kế website ?Tại sao không nên dùng Table trong thiết kế websiteCách thiết kế layout theo dạng table đã quá phổ biến với các thiết kế viên(designer) vì tính trực quan, thời gian thiết kế cũng được rút ngắn và khảnăng tương thích trình duyệt cao. Nhưng việc lạm dụng thiết kế web theotable cũng dẫn đến một số rắc rối cho các designer. Vào cuối thập niên 90,W3C giới thiệu CSS (Cascading Style Sheets) cho phép tùy biến những kiểuthể hiện khác nhau cho tài liệu HTML. Các trình duyệt nhanh chóng hỗ trợCSS, các Designer bắt đầu áp dụng chuẩn này cho những thiết kế của họ.Sau đây là những lý do thiết kế web nên từ bỏ việc sử dụng table vàchuyển sang dùng CSS: + Table làm gia tăng kích thước của site dẫn đến việc tiêu tốn băng thôngkhông cần thiết. + Tiêu tốn thời gian hiệu chỉnh hơn so với việc dùng CSS nếu website cóthay đổi. + Những người khiếm thị hoặc những người truy cập website bằng DTDDhay PDA sẽ không được hiển thị đúng.Cuối cùng, tiêu chuẩn web theo W3C hiện tại là sử dụng CSS và tin tốt lànhlà tất cả các trình duyệt đều hỗ trợ chuẩn này.Tại sao CSS tốt hơn?Thiết kế web thiết kế layout với CSS có một số thuận lợi đối với việc SEOWeb, điển hình là việc có thể đặt nội dung trước các mã lệnh khác bằng thẻDIV ( luôn nhớ rằng việc bố trí những nội dung quan trọng bao gồm từkhóa lên phần đầu của trang web luôn làm gia tăng sự nổi bật của từ khóa ).Thiết kế web CSS giúp giảm bớt kích thước của trang web và khách thamquan (visitor) không cần phải tải về những dữ liệu mang tính chất trình bàykhi xem mỗi trang vì chúng đã được lưu trong bộ nhớ tạm (cache) của trìnhduyệt.Những thuận lợi khi dùng CSS + Đồng bộ định dạng và dùng chung cho tất cả các trang. + Vẫn có thể dùng CSS ngoài mục đích SEO Web. + Website sẽ được tổ chức chặt chẽ và dễ bảo trì.Tóm lại, việc thiết kế web dùng thẻ DIV nói riêng hay CSS nói chung thaythế cho các table lồng nhau sẽ làm giảm đáng kể kích thước trang, tổ chứcwebsite được chặt chẽ hơn, dễ bảo trì hơn và gia tăng tính khả dụng.Một điểm không thuận lợi khi sử dụng CSS là chúng ta phải học về nó, tuynhiên, điều này không quá khó cho các webmaster.Cả hai phương pháp, table lồng nhau và CSS đều được quan tâm khi nói vềSEO Web. Nhưng chúng ta đã biết, các robot sẽ quét qua toàn bộ mã trongcác trang web mà chúng viếng thăm, tuy nhiên, nếu số lượng mã quá lớn,các robot có thể không tiếp cận trọn vẹn, từ đó, việc bố trí nội dung sao chocác robot có thể tiếp cận là một điều khá quan trọng và điều này chắc chắnviệc dùng CSS sẽ làm tốt hơn.Bây giờ chúng ta sẽ xem qua vài bước thực tế về việc sử dụng thẻ DIV sovới table để nâng cao sức hấp dẫn cho các công cụ tìm kiếm ( SEO Web ).Tối ưu hóa trang web dựa trên tableKhi một trang web được tạo ra khi dùng table, thông thườngng phần nộidung chính sẽ nằm ở ô dưới cùng bên phải của table. Các robot quét 1 trangweb theo chiều từ trái sang phải và từ trên xuống dưới sẽ đi qua rất nhiềuđoạn mã trước khi tiếp cận được nội dung này. Để tránh điều này, chúng taphải bố trí nội dung vào những ô đầu tiên nằm ở phần trên của table và cáchtốt nhất là đưa nội dung lên trên mã HTML bằng cách dịch chuyển phầnmenu từ trái sang phải (menu thường được bố trí bên trái).
Tìm kiếm theo từ khóa liên quan:
website là gì tìm hiểu về website lập trình web giáo trình php thiết kế web với php lập trình phpGợi ý tài liệu liên quan:
-
[Thảo luận] Học PHP như thế nào khi bạn chưa biết gì về lập trình?
5 trang 130 0 0 -
161 trang 129 1 0
-
Bài giảng Lập trình web nâng cao: Chương 8 - Trường ĐH Văn Hiến
36 trang 107 1 0 -
MỘT SỐ ĐIỂM CẦN CHÚ Ý KHI THIẾT KẾ WEB
5 trang 106 0 0 -
GIÁO TRÌNH LẬP TRÌNH WEB_PHẦN 2_BÀI 3
3 trang 103 0 0 -
Lập Trình Web: Các trang quản trị trong PHP - GV: Trần Đình Nghĩa
8 trang 91 0 0 -
101 trang 91 2 0
-
231 trang 90 1 0
-
Bài giảng Lập trình web nâng cao: Chương 7 - Trường ĐH Văn Hiến
16 trang 65 1 0 -
Bài giảng Lập trình Web ASP.Net với C#: Chương 9 - Th.S Phạm Đào Minh Vũ
55 trang 49 0 0