เปลี่ยนใจมาใช้ div แทน table ตอนที่ 1

ความเคยชินที่ได้ทำสิ่งใดสิ่งหนึ่งมาช้านาน จากยาก จนกลายเป็นง่าย และไม่อยากเปลี่ยนไปทำรูปแบบอื่นอีก อาการอย่างนี้ บางครั้งมันอาจจะทำให้เราท้อแท้ใจ เมื่อเจอของใหม่

เหมือนเวลาที่ท่านเคยทำอะไรบางอย่างมานาน ทำแล้วทำอีก ทำแล้วทำอีก แล้วอยู่ๆ วันหนึงก็มี เงาลึกลับมาบอกท่านว่า ที่ท่านกำลังทำนั้น มันผิด มันมีทางที่ถูกต้อง ท่านควรลองศึกษาทางใหม่ดูบ้าง

อาการแรกที่ท่านอาจจะรู้สึกและต้องทำ แต่อาจจะทำไม่ได้ คือ ทำใจ ทำใจให้ยอมรับและปรับเปลี่ยน

การเรียนรู้สิ่งใหม่มันไม่ใช่เรื่องยาก มากมายอะไร แต่การบังคับจิตใจตัวเองให้ยอมรับนั้น มันยากยิ่งกว่าต่างหาก

ย้อนกลับไป เมื่อหลายปีก่อน ตอนที่ผมเพิ่งเริ่มทำเว็บใหม่ๆ เครื่องมือที่ใช้ก่อร่างสร้างเว็บก็ไม่ใช่ใครอื่นใด คือ ดรีมวีฟเว่อร์ 3 นั่นเอง

เปิดโปรแกรมปุ๊บ ตามสเตปเลยครับพี่น้อ

  1. กด คอนโทรล + เอ็น เพื่อเปิดหน้าใหม่
  2. กด คอนโทรล + เจ เพื่อตั้งค่า หน้าเว็บ เช่น ใส่ไตเติล, สีพื้นหลัง, สิลิงค์
  3. คลิ๊กที่ ปุ่ม ตาราง เอาเลย 3 แถว 1 คอลัมน์ จัดกลางหน้าจอ ความกว้าง 780 พิกเซล
  4. ใส่ดีไซน์ ห่วยๆ ที่หั่นมาพร้อมแล้วจากโฟโต้ฉอป
  5. เพิ่มข้อมูล ยัดตารางซ้อนไปซ้อนมา ได้เว็บ 1 หน้า จบ

หารู้ไม่ว่า โค้ด HTML ที่มันเกิดขึ้นที่มันถูกปกปิดด้วยหน้าตาที่มองเห็นอยู่นั่น มันช่างสับสน วุ่นวายและได้ระเบียบสิ้นดี

ใช่แล้ว ใครจะไปสนใจ ในเมื่อเว็บมันก็ดูได้ ปกติ ไม่เห็นมีใครว่าอะไรเลย เป็นเว็บดีไซเนอร์นี่ ไปสนใจโค้ดภาษาทำแมวอะไรกันเล่า

และแล้วโลกอันคับแคบ ก็ได้เปิดกว้าง ขี้เลื่อยและหางอึ่งที่เคยกองผสมกันอยู่ เริ่มมีประโยชน์ หลังจากที่ให้เวลาว่างจัดของชีวิตช่วงนึ่ง เข้าเว็บ Opera.com

และสงสัยว่า มันเขียนเว็บยังไงของมันวะ กูไม่เห็นรู้เรื่องกับ ป้า มันเลย

และพอติดตั้งบราวเซอร์ นาม โอเปร่า ลงเครื่อง และใช้บราวเซอร์ใหม่ตัวนี้ เข้าดูเว็บของตัวเอง

ก็ได้แต่ร้องดังๆ ออกมา โอว เว็บกรูเป็นอะไรไปเนี่ย

ทางแก้ตอนนั้นคือ ใช้ IE6 อย่างเดียวเหมือนเดิมครับ

แต่ความสงสัยของคุณหนูจำไม ยังไม่หาย แค่อยากรู้ว่ามันเขียนกันยังไง ตารางมันเอาไปซ่อนไว้ที่ไหนวะ

ผมพาชีวิตกลับไปที่ ศูนย์ใหม่ เริ่มเดินจาก ตีนเขา ขึ้นสู่ยอดเขา เก็บผักเก็บผลไม้ตามทางไปเรื่อย เกือบ 2 ปี ผมจึงได้ทำเว็บ ไทยซีเอสเอส ออกมา เพราะผมขี้เกียจเข้าไปหาอ่านตามเว็บต่างประเทศ และมองหาเว็บที่เป็นภาษาไทย มันไม่มีเลย

เขียน CSS + HTML มันไม่เท่าไหร่

เขียนไปเขียนมา มันกลายเป็น CSS + XHTML

และจากนั้นมา ก็ได้รู้ว่า เขียนเว็บ มันต้องเขียนตามหลักการและโครงสร้างภาษานี่หว่า ตายห่า ที่ผ่านมา กูมั่วทั้งเพ

โอ้ว ยังไม่ได้ div กันเลย รอตอนต่อไปขอรับ..

รักกันชอบกันอย่าลืมแชร์นะครัช:
error0
Tweet 20
fb-share-icon20

Back to Top

0 Responses to เปลี่ยนใจมาใช้ div แทน table ตอนที่ 1

  1. eknimation

    กำลังพยายามเปลี่ยนมาใช้ div แทนอยู่คับ

    เริ่มติดใจแล้วหล่ะ มันทำอะไรได้หลายอย่างที่ table ทำไม่ได้

    แต่ผมยังใช้เวลาทำน๊านนาน กว่าจะได้สัก 1 หน้า

    Reply

  2. พร อันทะ

    นึกถึงตอนหัดทำเว็บด้วยตารางใหม่ๆ เข้าไว้ครับ

    ตอนนั้นความรู้สึกเรา คงเหมือนหรือคล้ายๆ ตอนนี้แหละ

    ทำเว็บทำไมมันยากอย่างงี้วะ

    แต่เราก็ทำมาได้กันใช่มั้ยครับ

    ครือๆ กัน

    Reply

  3. Frigate

    เขียนได้โดนใจมากครับ

    นึกถึงตัวเองในอดีตเลยที่เริ่มตอน DWV 4 แล้วเจอมาแบเดียวกัน

    Reply

  4. โบ๊ต

    ดีครับดี อยากให้เข้า web standard กัน

    จะได้แยกกันทำงานได้สะดวก แล้วก็สวยกว่าด้วยว่ามั้ย

    จะได้มี 2.0 เมื่องไทยเกิดขึ้นเยอะๆ

    Reply

  5. Zelandiax

    อุอุ ติดตรงที่ผมเริ่มทำเว็บพร้อมกันกับใช้ css พอี

    55 แอบดีใจเล็กน้อยที่ใช้ div เป็น (เพราะอาจารย์ไม่ให้ใช้ table)

    Reply

  6. เด็กหัดเดิน

    อ่านแล้วน้ำตาจะไหล โดนใจจิงๆ ผมขอตั้งไข่ให้ได้ก่อนนะครับ ขอบคุณ ณ ที่นี้

    Reply

  7. หำน้อย

    ถ้าผมเป็นตุ้ด อาจจะแอบชอบคุณก็ได้

    Reply

  8. ขอบคุณสำหรับวิทยาทานอันมีค่าของเว็บนี้ครับ

    บทความตอนนี้โดนใจเต็มๆ บอกได้คำเดียวว่าโดนแบบเต็มๆ (หลงโง่ตั้งนาน ตาสว่างเสียที)

    Reply

  9. nangfa

    ขอบคุณสำหรับแสงนำทางค่ะ

     

     
    เขียนได้กระชากใจสุด ๆ แอบรักคนเขียนเลยนะเนี่ย 555+

     

     
    ทำงานเว็บมาเกือบ 9 ปี เพิ่งตาสว่างก็วันนี้แหละ (พอดีลูกค้ามีโจทย์สำคัญ บอกให้ทำเว็บที่รองรับทุก browser ก็เลยต้องคลำทางใหม่) เจอเว็บนี้นี่ ทำเอาอึ้ง ขอเคารพในความรู้และความเก๋าจิงๆ ค่ะ

     

     
    ขออ่านตอนต่อไป ก่อนนะค่ะ

     

     
    ^^ i love your think!!

    Reply

Leave a Reply to โบ๊ต Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top

Social Share Buttons and Icons powered by Ultimatelysocial