การสร้างภาพเคลื่อนไหวสามารถทำให้เว็บเพจน่าใจมากยิ่งขึ้น ทั้งยังช่วยในเรื่องการตกแต่งเว็บเพจให้สวยงามได้อีกด้วย ทำให้ผู้เข้าชมเว็บไซต์ไม่เกิดความเบื่อหน่ายในการรับข้อมูลข่าวสารบนหน้าเว็บเพจได้ ซึ่งลักษณะของไฟล์ภาพชนิด GIF สามารถนำภาพหลาย ๆ ภาพมารวมกันเป็นไฟล์เดียวและทำให้เคลื่อนไหวด้วยการนำภาพต่างๆมาเรียงกันและใส่ลักษณะพิเศษช่วยในการเปลี่ยนรูปภาพ หรืออาจจะนำภาพที่มีการแสดงกริยาท่าทางอาการต่าง ๆ มาเรียงต่อกันตามลำดับเมื่อรวมภาพต่าง ๆ แล้วจะมองเห็นภาพนั้นเป็นการแสดงกริยาอาการคล้ายเคลื่อนไหวได้จริง ซึ่งเรียกว่า ภาพชนิด Gif Animation และการแสดงภาพเคลื่อนไหวในหน้าเว็บเพจเหมือนกับการแสดงภาพทั่วไปใช้แท็ก <img>
การสร้างภาพเคลื่อนไหว Gif Animation ในภาษา HTML
การสร้างภาพเคลื่อนไหวสามารถทำให้เว็บเพจน่าใจมากยิ่งขึ้น ทั้งยังช่วยในเรื่องการตกแต่งเว็บเพจให้สวยงามได้อีกด้วย ทำให้ผู้เข้าชมเว็บไซต์ไม่เกิดความเบื่อหน่ายในการรับข้อมูลข่าวสารบนหน้าเว็บเพจได้ ซึ่งลักษณะของไฟล์ภาพชนิด GIF สามารถนำภาพหลาย ๆ ภาพมารวมกันเป็นไฟล์เดียวและทำให้เคลื่อนไหวด้วยการนำภาพต่างๆมาเรียงกันและใส่ลักษณะพิเศษช่วยในการเปลี่ยนรูปภาพ หรืออาจจะนำภาพที่มีการแสดงกริยาท่าทางอาการต่าง ๆ มาเรียงต่อกันตามลำดับเมื่อรวมภาพต่าง ๆ แล้วจะมองเห็นภาพนั้นเป็นการแสดงกริยาอาการคล้ายเคลื่อนไหวได้จริง ซึ่งเรียกว่า ภาพชนิด Gif Animation
ขั้นตอนการสร้างภาพเคลื่อนไหว
ขั้นตอนการสร้างภาพเคลื่อนไหวชนิด Gif Animation ดังภาพ
![]() |
![]() |
ขั้นตอนการบันทึกภาพเคลื่อนไหว
การแสดงภาพเคลื่อนไหวในภาษา HTML
การแสดงภาพเคลื่อนไหวในหน้าเว็บเพจเหมือนกับการแสดงภาพทั่วไป คือ ใช้แท็ก <img> และสามารถกำหนดการจัดวางรูปในตำแหน่งต่าง ๆ ใช้แอตทริบิวต์ align โดยค่าที่ใช้กำหนด คือ กำหนดตำแหน่งภาพเคลื่อนไหวอยู่กึ่งกลางบราวเซอร์ (center), กำหนดตำแหน่งภาพเคลื่อนไหวอยู่ด้านซ้ายของบราวเซอร์ (left), กำหนดตำแหน่งภาพเคลื่อนไหวอยู่ด้านขวาของบราวเซอร์ (right)
รูปแบบการใช้งาน
<img src= “ชื่อไฟล์ภาพเคลื่อนไหว” align= “ตำแหน่ง”>
ตัวอย่าง
<body>
<img src= “images/pic.gif” align= “center”>
</body>