เรื่อง : การ Insert ไฟล์ Flash Animation มาใช้งานกับเว็บด้วย Dreamweaver
Flash เป็นเทคโนโลยีที่ใช้จัดทำภาพเคลื่อนไหวซึ่งคิดค้นโดย Macromedia แต่เดิม (ต่อมาเป็นของ Adobe) และได้รับความนิยมอย่างมากในอดีต...
...สมัยก่อนเราจะพบงาน Flash ได้บ่อยกับหน้าเว็บไซต์ต่าง ๆ
แต่ปัจจุบันด้วยเทคโนโลยีเว็บต่าง ๆ เปลี่ยนไป ทำให้ Flash ค่อย ๆ ลดบทบาทลงไป โดยเฉพาะกับอุปกรณ์ในตระกูล iOS จะไม่สามารถใช้งาน Flash ได้เลย แต่ทั้งนี้และทั้งนั้น
เราในฐานะคนทำเว็บ ก็ควรเรียนรู้การนำเอาไฟล์ Flash มาใช้กับเว็บไซต์เราบ้างก็ดีครับ...รู้ไว้ใช่ว่ากันนะ *ด้านล่างนี้คือตัวอย่างครับ
Content on this page requires a newer version of Adobe Flash Player.
วิธีการ Insert Flash Animation ใช้งานกับเว็บเพจด้วย Dreamweaver
ให้ทำการจัดเตรียมไฟล์ Flash ที่ต้องการนำมาใช้กับ Web Page เสียก่อน
โดยอาจจะสร้างขึ้นมาเองด้วยโปรแกรม Adobe Flash หรืออาจจะ Download ไฟล์
Flash Animation จากเว็บไซต์ที่ให้บริการก็ได้
ซึ่งไฟล์ที่จะนำมาใช้นี้จะเป็นไฟล์นามสกุล
*.swf เช่น cartoon.swf เป็นต้น
เมื่อได้ไฟล์ Flash Animation ที่ต้องการแล้ว ต่อไปก็มาเริ่มนำเข้ามาใช้งานกับ Web Page ของเราเลยครับ
โดยให้ปฏิบัติตามขั้นตอน ดังนี้
1. ที่โปรแกรม Dreamweaver ให้นำเอา Cursor ไปวางในตำแหน่งที่ต้องการจะแสดง Flash Animation บนหน้าเว็บเพจ
2. ไปที่หน้าต่าง (Panel) ที่ชื่อว่า
Insert ที่
Media เลือกไปที่ไอคอน
Flash SWF ดังรูป
(
CC : Insert -> Media -> Flash SWF,
CS5,CS6 : Insert -> Common -> Media -> SWF)
*Dreamweaver CC
3. เมื่อเลือกไปที่ี่ไอคอนชื่อว่า
Flash SWF จากขั้นตอนก่อนแล้ว ก็จะเกิดเป็น Dialog Box ขึ้นมาใหม่เพื่อให้เราเลือกไฟล์ Flash ที่ต้องการนำมาใช้
ให้ทำการเลือกไปที่ไฟล์ Flash ที่ได้จัดเตรียมไว้
(ไฟล์ที่นามสกุล *.swf) ดังรูป
เลือกได้แล้วกดปุ่ม OK
4. โปรแกรมอาจจะเปิดหน้าต่าง
Object Tag Accessibility Attributes ขึ้นมาให้เรากำหนดค่า ดังรูป
พิมพ์ข้อความอธิบายไฟล์ Flash ของเราลงไปที่ Title แล้วกด OK
5. โปรแกรมจะทำการ Insert ไฟล์ Flash Animation ลงที่หน้าเว็บเพจให้เรา ดังรูป
6. ทำการ Save และกด F12 เพื่อพรีวิวดูการแสดงผลกับ Web Browser ได้ดังรูป
เมื่อ Insert ไฟล์ Flash Animation แล้ว เรายังสามารถปรับแต่ง Option อื่น ๆ ได้อีกที่ Properties Panel ดังรูป
ให้คุณลองกำหนดค่าด้วยตนเองดูครับ อย่างไรลองใช้กันนะครับ...สวัสดีครับ.
About the Author
Mr.Sittichai Raksasuk
Sittichai is a Web Developer and Web Technology Instructor for over 10 yrs.
He is also a webmaster of dwthai.com and author jQuery with Dreamweaver (2010). DwThai.Com is a website for web developer using Adobe Dreamweaver.
Contact with him : dwthai@gmail.com
บทความอื่นที่คุณอาจสนใจ