About DwThai.Com 00

DwThai.Com

Tip and Trick Dreamweaver

ก่อตั้งเมื่อปีพุทธศักราช ๒๕๔๖

Go to Post-iT Sign Guestbook

ค้นหาข้อมูลใน DwThai.Com

การ Insert ไฟล์ Flash อนิเมชั่นมาใช้งานกับเว็บ (SWF) [Article ID : 110]

เรื่อง : การ Insert ไฟล์ Flash Animation มาใช้งานกับเว็บด้วย Dreamweaver

Flash เป็นเทคโนโลยีที่ใช้จัดทำภาพเคลื่อนไหวซึ่งคิดค้นโดย Macromedia แต่เดิม (ต่อมาเป็นของ Adobe) และได้รับความนิยมอย่างมากในอดีต...
...สมัยก่อนเราจะพบงาน Flash ได้บ่อยกับหน้าเว็บไซต์ต่าง ๆ แต่ปัจจุบันด้วยเทคโนโลยีเว็บต่าง ๆ เปลี่ยนไป ทำให้ Flash ค่อย ๆ ลดบทบาทลงไป โดยเฉพาะกับอุปกรณ์ในตระกูล iOS จะไม่สามารถใช้งาน Flash ได้เลย แต่ทั้งนี้และทั้งนั้น เราในฐานะคนทำเว็บ ก็ควรเรียนรู้การนำเอาไฟล์ Flash มาใช้กับเว็บไซต์เราบ้างก็ดีครับ...รู้ไว้ใช่ว่ากันนะ *ด้านล่างนี้คือตัวอย่างครับ

วิธีการ 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

บทความอื่นที่คุณอาจสนใจ

การ Insert คลิป Video มาแสดงบนเว็บเพจ (HTML5)

เรื่อง : การ Insert คลิปวีดีโอมาใช้งานกับเว็บเพจด้วย Dreamweaver CC สอบถามกันเข้ามาว่า..."ต้...

การกำหนดคุณสมบัติให้เว็บเพจ (Page Properties)

เรื่อง : กำหนดคุณสมบัติให้เว็บเพจด้วย Page Properties หลังจากที่ได้ทำการ New File ขึ้นมากับโปรแกรม Drea...

ว่าด้วยเรื่อง Tag Selectors ของ Dreamweaver

เรื่อง : แนะนำการใช้ Tag Selectors ใน Dreamweaver Tag Selectors มีประโยชน์อย่างมากในการใช้งานโปรแกรม ในกา...

การใส่สัญลักษณ์พิเศษให้กับข้อความบนหน้าเว็บเพจ

DwThai.Com

Tip and Trick Dreamweaver

การ Insert ไฟล์ Flash อนิเมชั่นมาใช้งานกับเว็บ (SWF) [Article ID : 110]

เรื่อง : การ Insert ไฟล์ Flash Animation มาใช้งานกับเว็บด้วย Dreamweaver

Content on this page requires a newer version of Adobe Flash Player.

วิธีการ Insert Flash Animation ใช้งานกับเว็บเพจด้วย Dreamweaver

บทความอื่นที่คุณอาจสนใจ

ติดต่อ DwThai.Com

เขียน Guestbook : DwThai.Com