การสร้างเว๊บไซต์1_64 สัปดาห์ที่ 4

การสร้างเว๊บไซต์1_64 สัปดาห์ที่ 4

การตกแต่งเว๊บเพจด้วยรูปภาพ

หน่วยที่ 4 การตกแต่่งเว๊บเพจด้วยรูปภาพ

• 1. ภาพกราฟิกที่เหมาะสมกับเว๊บเพจ

• 2. ใส่ภาพลงบนเว๊บเพจ

• 3. ปรับแต่งคุณสมบัติของภาพ

• 4. กำหนดชื่อภาพ

• 5. ปรับขนาดภาพ

หน่วยที่ 4 การตกแต่่งเว๊บเพจด้วยรูปภาพ (ต่อ 1)

• 6. สุ่มข้อมูลภาพใหญ่

• 7. เปลี่ยนไฟล์ภาพ

• 8. ปรับระยะห่างของภาพ

• 9. กำหนดขนาดเส้้นกรอบภาพ

• 10. กำหนดข้อความอธิบายภาพ

หน่วยที่ 4 การตกแต่่งเว๊บเพจด้วยรูปภาพ (ต่อ 2)

• 11. ปรับแต่งภาพด้วยเครื่องมือของ DreamWeaver

• 12. ปรับแต่งคุณสมบัติของไฟล์ภาพ

• 13. สร้างเอฟเฟกต์สลับภาพเมื่อชี้เมาส์ (Rollover Image)

• 14. จองพื้นที่ไว้วางภาพ (Image Placeholder)

• 15. กำหนดภาพพื้นหลัง

1. ภาพกราฟิกที่เหมาะสมกับเว๊บเพจ มี 2 ชนิด

• 2.1 GIF (Graphic Interchange Format) .gif แสดงสีได้ 256 สี (8 บิต) เหมาะทำโลโก้ การ์ตูนภาพลายเส้น ตัวอักษร ลักษณะสีทึบ ไม่ไล้ระดับสี ใช้เป็นพื้นหลังโปร่งใส (Transparent) และภาพเคลื่อนไหว (Animation)

• 2.2 JPG (Joint Photographic Expert Group) . jpg หรือ .jpeg แสดงสีได้ 16.7 ล้านสี (24 บิต) เหมาะภาพถ่าย หรือภาพใช้สีจำนวนมากไล่ระดับสีอย่างต่อเนื่อง

ภาพ JPG / GIF

ซ้ายมือคือ JPG ขวามือคือ GIF

ข้อควรคำนึง

1. ภาพที่มาใส่บนเว็บเพจควรมีขนาดเล็ก เพื่อให้ผู้ชมโหลดภาพเข้ามาดูได้เร็วขึ้น

2. เมื่อแทรกภาพลงเว๊บเพจ สามารถใส่คำอธิบายภาพได้บางเบราว์เซอร์จะแสดงผลเมื่อวางเมาส์เหนือเบราวเซอร์

เรียนครั้งที่ 2 หน่วยที่ 4 การแต่งเว๊บเพจด้วยรูปภาพ

• 2 ใส่ภาพลงบนว๊บเพจ

• 3 ปรับแต่งคุณสมบัติของภาพ

• 4 กำหนดชื่อภาพ

• 5 ปรับขนาดภาพ

• 6 สุ่มข้อมูลรูปภาพใหญ่

• 7 เปลี่ยนไฟล์ภาพ

• 8 ปรับระยะห่างของภาพ

เรียนครั้งที่ 2 หน่วยที่ 4 การแต่งเว๊บเพจด้วยรูปภาพ (ต่อ)

• 9 กำหนดขนาดเส้นกรอบภาพ

• 10 กำหนดข้อความอธิบายภาพ