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

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

Assessment

Presentation

Computers

12th Grade

Hard

Created by

nonglak18 คุณมี

Used 1+ times

FREE Resource

9 Slides • 0 Questions

1

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

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

Slide image

2

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

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

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

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

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

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

3

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

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

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

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

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

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

4

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

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

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

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

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

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

5

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 บิต) เหมาะภาพถ่าย หรือภาพใช้สีจำนวนมากไล่ระดับสีอย่างต่อเนื่อง

6

ภาพ JPG / GIF

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

Slide image

7

ข้อควรคำนึง

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

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

8

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

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

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

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

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

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

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

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

9

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

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

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

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

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

Slide image

Show answer

Auto Play

Slide 1 / 9

SLIDE