ให้เรตสมาชิก: 0 / 5

ดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

               การสร้างภาพเคลื่อนไหวสามารถทำให้เว็บเพจน่าใจมากยิ่งขึ้น  ทั้งยังช่วยในเรื่องการตกแต่งเว็บเพจให้สวยงามได้อีกด้วย  ทำให้ผู้เข้าชมเว็บไซต์ไม่เกิดความเบื่อหน่ายในการรับข้อมูลข่าวสารบนหน้าเว็บเพจได้  ซึ่งลักษณะของไฟล์ภาพชนิด  GIF  สามารถนำภาพหลาย  ๆ  ภาพมารวมกันเป็นไฟล์เดียวและทำให้เคลื่อนไหวด้วยการนำภาพต่าง​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ๆ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​มาเรียงกันและใส่ลักษณะพิเศษช่วยในการเปลี่ยนรูปภาพ หรืออาจจะนำภาพที่มีการแสดงกริยาท่าทางอาการต่าง​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ ๆ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ มาเรียงต่อกันตามลำดับเมื่อรวมภาพต่าง  ๆ  แล้วจะมองเห็นภาพนั้นเป็นการแสดงกริยาอาการคล้ายเคลื่อนไหวได้จริง  ซึ่งเรียกว่า  ภาพชนิด  Gif Animation    และการแสดงภาพเคลื่อนไหวในหน้าเว็บเพจเหมือนกับการแสดงภาพทั่วไปใช้แท็ก <img> 

 

arrow2 การสร้างภาพเคลื่อนไหว Gif Animation ในภาษา HTML

              การสร้างภาพเคลื่อนไหวสามารถทำให้เว็บเพจน่าใจมากยิ่งขึ้น  ทั้งยังช่วยในเรื่องการตกแต่งเว็บเพจให้สวยงามได้อีกด้วย  ทำให้ผู้เข้าชมเว็บไซต์ไม่เกิดความเบื่อหน่ายในการรับข้อมูลข่าวสารบนหน้าเว็บเพจได้  ซึ่งลักษณะของไฟล์ภาพชนิด  GIF  สามารถนำภาพหลาย  ๆ  ภาพมารวมกันเป็นไฟล์เดียวและทำให้เคลื่อนไหวด้วยการนำภาพต่าง​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ๆ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​มาเรียงกันและใส่ลักษณะพิเศษช่วยในการเปลี่ยนรูปภาพ หรืออาจจะนำภาพที่มีการแสดงกริยาท่าทางอาการต่าง​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ ๆ​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​ มาเรียงต่อกันตามลำดับเมื่อรวมภาพต่าง  ๆ  แล้วจะมองเห็นภาพนั้นเป็นการแสดงกริยาอาการคล้ายเคลื่อนไหวได้จริง  ซึ่งเรียกว่า  ภาพชนิด  Gif Animation

 

    ขั้นตอนการสร้างภาพเคลื่อนไหว  

                  ขั้นตอนการสร้างภาพเคลื่อนไหวชนิด  Gif Animation  ดังภาพ

animation1

animation2 animation4

 

 animation5

 

     arrow3 ขั้นตอนการบันทึกภาพเคลื่อนไหว arrow3

animation6

 

 

arrow2 การแสดงภาพเคลื่อนไหวในภาษา HTML

               การแสดงภาพเคลื่อนไหวในหน้าเว็บเพจเหมือนกับการแสดงภาพทั่วไป  คือ  ใช้แท็ก  <img>  และสามารถกำหนดการจัดวางรูปในตำแหน่งต่าง  ๆ  ใช้แอตทริบิวต์  align  โดยค่าที่ใช้กำหนด  คือ  กำหนดตำแหน่งภาพเคลื่อนไหวอยู่กึ่งกลางบราวเซอร์  (center), กำหนดตำแหน่งภาพเคลื่อนไหวอยู่ด้านซ้ายของบราวเซอร์  (left), กำหนดตำแหน่งภาพเคลื่อนไหวอยู่ด้านขวาของบราวเซอร์ (right) 

 

รูปแบบการใช้งาน

<img src= “ชื่อไฟล์ภาพเคลื่อนไหว” align= “ตำแหน่ง”>

ตัวอย่าง

<body>
<img src= “images/pic.gif” align= “center”>
</body>