โรงเรียน Web Design ทำเว็บ Mac Final cut Pro Graphic design

โครงสร้างของ Website TABLE to CSS : ยุคสมัยของการเขียนเว็บไซน์

ในการเขียนเว็บไซน์นั้น ก็มียุคสมัยหรือวิวัฒนาการของมันเช่นเดียวกัน นับตั้งแต่ยุค Table ถึง CSS

เริ่มจาก ยุคสมัยของ Table

ในช่วงนี้นั้น หลักการของ css ยังเป็นเรื่องแปลก ผู้คนยังไม่ค่อยจะรู้จักเท่าไหร่มากนัก การเขียนเว็บไซน์จึงใช้หลัก Table Layout คือ การเขียนโครงสร้างโดยใช้ table เป็นหลัก อยากได้อะไร ตรงไหน ก็สร้าง table ซ้อนทับขึ้นมาเรื่อยๆ หรืออาจกล่าวได้ว่า Table Layout นี้เป็นคำตอบเดียวที่จะสามารถจัดวางหน้าเว็บให้อยู่ถูกที่ ถูกทางตามที่ Designer ออกแบบมาให้ใกล้เคียงที่สุดและด้วยการช่วยเหลือของ Adobe Image Ready ด้วยแล้ว การตัดภาพออกมาก็ง่ายมากแค่กระดิกนิ้ว แถมยังบอกได้อีกว่า การสร้า้งเว็บสมัยนี้เป็นที่ชื่นชอบของเหล่า Designer เลยที่เดียว

เมื่อ Table ถูกลดความสำคัญลง

ความเปลี่ยนแปลงเริ่มเกิดขึ้น เมื่อ Google เข้ามามีบทบาทในกระแสของการทำเว็บไซน์ การเข้าถึงข้อมูลง่ายและรวดเร็ว เริ่มเป็นที่ติดปาก กระแส SEO หรือ Search engine optimization เริ่มเป็นที่ติดหู จะทำอย่างไรเพื่อที่จะทำเว็บให้ติดอันดับ “การค้นหาของ Google” ง่ายขึ้น วิธีการเขียนหน้าเว็บไซน์ จึงเริ่มเปลี่ยนไป ภาษา XHTML+CSS เริ่มถูกนำเข้ามาใช้ และ Table ถูกลดความสำคัญลงอย่างชัดเจน

ยุคสมัยของ CSS หรือ CSS2

แนวความคิดที่จะใช้โครงสร้าง Table ในการเขียนเว็บให้น้อยลง หลักการ Tableless Layout จึงเริ่มเข้ามา Tableless Layout คือ การใช้ table ให้น้อยลง แต่ไม่ใช่ว่าจะไม่ใช้เลย แต่ใช้เท่าที่จำเป็น ใช้ CSS เข้ามาเขียนโครงสร้างแทน Table แบบเดิมๆ ซึ่งการเขียนโครงส้รางแบบนี้ ทำให้บรรดา Search engine เช่น Google เข้าถึงข้อมูลได้ง่ายขึ้นและใช้เวลาโหลดหน้าเว็บรวดเร็วขึ้นด้วย

ยุคสมัยของ CSS ในอนาคต หรือ CSS3

ใน CSS2 นั้น จะใช้ Float ในการกำหนดโครงสร้างว่าจะอยู่ซ้ายหรือขวา แต่เจ้า CSS3 นั้นจะใช้หลักการของ ของ Selector ในการกำหนดโครงสร้างเข้ามาช่วย ซึ่งจะขอยกไปบทความถัดไปครับ

Tags: CSS, web design