บทที่4 การจัดการรูปภาพ

บทที่4 การจัดการรูปภาพ           

การเขียนเว็บในรุ่นแรกๆ นั้นจะใช้ตัวอักษรและข้อความเป็นหลักในการนำเสนอ แต่ในช่วงเวลาไม่นานได้มีการพัฒนาใส่ภาพนิ่ง ภาพเคลื่อนไหว ใส่เสียง สิ่งเหล่านี้มีส่วนอย่างมากที่ทำให้เว็บเพจมีความสนใจ โดยทั่วไปไม่ควรเกิน 40 kb ถ้าเราใช้ไฟล์ที่มีขนาดเล็กก็จะทำให้เว็บเพจมีความรวดเร็วในการทำงาน

1.ประเภทของไฟล์รูปภาพ

1.1ไฟล์ประเภท GIF เป็นไฟล์ที่มีขนาดเล็ก คุณภาพต่ำเนื่องจากถูกบีบข้อมูลให้มีขนาดเล็ก แสดงสีได้256สี

1.2ไฟล์ประเภท JPEG เป็นไฟล์รูปภาพที่มีขนาดบีบอัดของข้อมูลน้อยกว่าฟล์ประเภท gifสามารถ ไแสดงสีได้ 16.7 ล้านสี

1.3ไฟล์ประเภท PNG เป็นไฟล์ภาพที่นำมาใช้แทนที่ไฟล์ประเภท GIF เนื่องจากสามารถแสดงภาพได้เร็วกว่า แต่ยังไม่ค่อยแพร่หลาย

2.การใส่รูปภาพลงในเว็บเพจ

<src="ชื่อไฟล์รูปภาพ">

3.ตำแหน่งในการจัดวางรูปภาพ

          <src="ชื่อไฟล์รูปภาพ"  aling=ตำแหน่งการวางภาพ>

          ตำแหน่งการจัดวางรูปภาพกำหนดได้ดังนี้

left=ด้านซ้าย

right=ด้านขวา

top=ด้านบน

bottom=ด้านล่าง

middle=ตรงกลาง

4.การใส่ข้อความอธิบายรูปภาพ

<img src="ชื่อไฟล์รูปภาพ" alt="ข้อความอธิบาย">

ตัวอย่างใส่code

เลื่อนเมาส์ไปวางบนรูปภาพ

5.การใส่กรอบรูปภาพ

              <img src="ชื่อไฟล์รูปภาพ" border=ขนาดของกรอบ>