About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

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


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

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

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

Get 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

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



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

การตั้งไซต์งานใหม่ (New Site, Site Setup)

เรื่อง : เริ่มต้นใช้งานโปรแกรม Dreamweaver ต้องทำ Site Setup ก่อน ก่อนที่เราจะใช้งานโปรแกรม Dreamweaver...  

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

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

การสร้าง Form และ Input สำหรับกรอกข้อมูล

เรื่อง : การสร้าง Form และ Input เพื่อให้ผู้ใช้เว็บกรอกข้อมูลโดยใช้ Dreamweaver Form หรือ ฟอร...  

ก้าวแรกของนักพัฒนาเว็บ : ทำความรู้จักกับโปรแกรม Dreamweaver

เรื่อง : ก้าวแรกสู่การเป็นนักพัฒนาเว็บไซต์ เริ่มทำความรู้จักกับโปรแกรม Dreamweaver Dreamweave...  


Copyright ©2003-2019 dwthai.com. All rights reserved.
This website was created by : S.raksasuk.

ติดต่อ DwThai.Com

e-mail : dwthai@gmail.com
mobile: 08-9495-7296

เขียน Guestbook : DwThai.Com

*
*
*