มาเริ่มต้นการเขียนเว็บไซด์โดยใช้ css ครับ ขั้นที่ 3 กันต่อครับ

ขั้นตอนที่ 3 การตัดชิ้นส่วนต่างๆเพื่อเตรียมนำไปประกอบเป็นเว็บไซด์

ใันขั้นตอนนี้เป็นขั้นตอนการพิจารณาดูว่าเราจะต้องตัดชิ้นส่วนไหนไปบ้าง แล้วไม่ต้องตัดไปส่วนไหนบ้าง ตรงนี้เราจะใช้หลักการดูว่า ” อะไรที่เป็นกราฟฟิกให้ตัดไป อะไรที่เป็น textและcss ไม่ต้องยุ่ง ”
โดย

—-กราฟฟิก คือ ส่วนที่เป็นรูปต่างๆอาทิเช่น รูปแบนเนอร์ โลโก้ ภาพพื้นหลัง เมนู หรืออะไรอื่นๆเป็นต้น ซึ่งการตัดชิ้นส่วนแต่ละชิ้นมานั้น ต้องคำนึงถึงขาดของ file รูปด้วยว่ารูปไหนควรเป็น JPEG และรูปควรเป็น GIF และต้องดูคุณภาพให้เหมือนต้นแบบมากที่สุดด้วย ตัวอย่างเช่น
เราตัดชิ้นส่วนมา 1 ชิ้นส่วน ดังรูป

จากรูปเห็นได้ว่า ณ คุณภาพของรูปที่เหมือนกัน file แบบ GIF มีขนาดน้อยกว่า เราจึงเลือก save เป็นนามสกุล GIF

—- text คือ ส่วนที่เราสามารถเขียนลงไปได้ เช่น เนื้อหา ข้อมูลต่างๆในเว็บ รวมไปถึงในส่วนต่างๆที่ css ทำแทนรูปได้ เช่น สีพิ้นหลังเป็นต้น

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