CSS

Cascading Style Sheet
 
สำหรับคนที่เกี่ยวข้องกับการทำเว็บ
ควรจะรู้จักกับ ซีเอสเอส ให้หนักหน่อย
 
ที่ผ่านมาหลายปี ก็ยังไม่ค่อยได้เกี่ยวดองหนองยุ่งกับมันเท่าไร ออกจะสับสนด้วยซ้ำ กับโค้ดพันธุ์ผสม คือมีทั้งซีเอสเอสผสมกับเอชทีเอ็มแอล เดิม ในการเขียนเว็บ
ตย.หน้าตา คำสั่งซีเอสเอส เช่น
คำสั่ง style, div, class, id, span
 
ทั้งนี้ สืบเนื่องมาจาก เอชทีเอมแอล เดิมเนี่ย พยายามมอง หน้าเว็บ เป็นงานสิ่งพิมพ์สีสันสวยงามมากไปหน่อย
ข้อความ content เนื้อหาสาระที่สำคัญ ในหน้าเว็บ ถูกฝังรวมกับ สีสัน การจัดตกแต่งเพื่อความสวยงามอย่างสิ่งพิมพ์
ผู้พิการต่างๆ เข้าถึงข้อมูลยาก แม้กระทั่งคนปกติ ก็ยังเอาข้อมูลมาใช้งานได้ยาก ทั้งๆ ที่เป็น สาระแบบอิเลคทรอนิคส์ ซึ่งน่าจะช่วยให้ทุกคน ดึงเอา เนื้อหาสาระเพียวๆ ออกจากการประดับตกแต่ง มาใช้งานได้ง่ายขึ้น
 
เมื่อเป็นเช่นนี้แล้ว โค้ดเอชทีเอมแอล ที่ใช้กันอยู่ หลายๆ คำสั่ง จะต้องถูกยกเลิกไปในที่สุด ที่เห็นง่ายๆ เลยก็เช่น
คำสั่ง font face size bold italic
คือชุดคำสั่งที่เกี่ยวกับการแสดง ภาพสีสันหน้าตา ตกแต่ง
รวมถึง การเอา table มาจัดเลย์เอ๊าท์ จัดแบ่งคอลัมน์ อย่างที่เว็บแทบทั้งหมดในอดีต ใช้กัน
เทเบิ้ล ยังใช้ได้อยู่ แต่ใช้กับความเป็น ตาราง ไม่ใช่ใช้เพื่อแสดงความสวยงามของเว็บ
 
รวมทั้งกฏหมาย การเข้าถึงข้อมูล สำหรับคนทุกประเภท (ทั้งปกติ และพิการ) ได้รับการคุ้มครองอย่างสูง
เรียกได้ว่า หน้าเว็บ ของเมืองนอก แทบจะต้องรื้อ (อพยพ) ไปเป็นแบบใหม่ทั้งหมด ไม่งั้นโดนฟ้องร้องอ่วมแน่
 
 
ไฟลนก้น ต้องรู้อย่างละเอียดขึ้นแล้วล่ะ
ค็อนเซ็ปท์ ดีนะ ใช้ง่ายขึ้น แยกส่วนค็อนเท้น กับการแสดงผลออกได้ดี
ตลุยหัด เขียนแบบง่ายๆ ซ้ำไปซ้ำมาหลายๆ รอบ
 
แต่เผอิญว่า บราวเซอร์ไออี ไฟร์ฟ๊อกซ์ อีเมลแบบแสดงภาพสีสัน (html-email, electronic directmail) ซึ่งแสดงผลผ่านโปรแกรมอีเมล เช่น เอ๊าทลุค เอ๊าทลุคเอ๊กเพรส ฮอทเมล ยาฮูเมล จีเมล
แต่ละอัน รองรับการใช้งาน ซีเอสเอส คนละระดับกัน
 
มึนครับ มึน งานช่วงนี้ มีการทำ edm เยอะขึ้น (โฆษณาตรง ถึงผู้รับ ผ่านอีเมล)
วันนี้ลองเขียน แล้ววิว ด้วย ไออี ไฟรฟ๊อกซ์
เอ๊าทลุค เอ๊าทลุคเอ๊กเพรส จีเมล (สามตัวนี้ ยังล้าหลังอยู่เยอะ แต่ต้องเขียนให้ดูแล้วสวยงามเช่นกัน)
มันส์สุดๆ ไปเลย สติหมุนติ้ว
 
อาจจะเป็นเพราะ รายละเอียด (property) คุณสมบัติปลีกย่อย ที่เป็นส่วนขยายคำสั่งหลักเนี่ย มีอีกเยอะเลย
ลองดู ซีเอสเอส บางส่วนกัน
 
- เริ่มเรียน ซีเอสเอส
คลิกที่ ซีเอสเอสเดโม่ ดูจะเห็น เนื้อหาเดิม เพียงแค่เปลี่ยน ซีเอสเอส ก็ได้หน้าตาการแสดงผลเว็บ ใหม่ๆ ไม่ซ้ำ เปลี่ยนง่ายมาก
 
 
- เส้นกรอบ(สำเร็จรูปในตัว) ที่มีให้เลือกหลายแบบ
(เส้นกรอบ เป็นคำสั่งหลัก แต่รูปแบบชนิดของกรอบเป็น คุณสมบัติย่อย เป็นต้น)
 
 
- การสั่งให้ ภาพ หรือแถบสีชิ้นบน ใส มองเห็นพื้นหลัง (อันนี้หนุกดีนะ)
แต่โปรแกรมอีเมลยอดฮิท ยังไม่รองรับ
 
 
แค่ไล่โครงสร้างก็เหนื่อยแล้ว ยังต้องลงไปใน คุณสมบัติปลีกย่อยอีกเยอะเลย
มึน ดูน้องแอนนา ดีกั่ว
About these ads

1 ความเห็น (+add yours?)

  1. Songphon
    ม.ค. 15, 2006 @ 10:37:03

    ผมก็เขียนเป็นแต่ HTML ครับสงสัยตอนนี้คงจะตกยุคไปแล้ว ต้องเรียนรู้ CSS และอื่น ๆ เพิ่มเติมอีกมากมายมาร่วมมึนด้วยคน…

    ตอบกลับ

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

Enter your email address to subscribe to this blog and receive notifications of new posts by email.

Join 45 other followers

Pages

http://www.panoramio.com/userfeed/738518.rss

SathuPradit Pier & LPN park Riverside Rama3 condo

รูปภาพเพิ่มเติม
ติดตาม

Get every new post delivered to your Inbox.

Join 45 other followers

%d bloggers like this: