About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

การ Insert Flash VDO (Version 8) [Article ID : 128]


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

Dreamweaver สามารถนำไฟล์ Media มาใช้งานได้หลากหลายรูปแบบ รูปแบบหนึ่งที่เราสามารถนำมาใช้ได้ คือ รูปแบบภาพเคลื่อนไหวในรูปแบบของ Flash Video หรือไฟล์ที่มีลักษณะเป็นภาพยนต์ใน Format ของ Flash นั้นเอง ซึ่งไฟล์ Flash Video นี้จะมีนามสกุลของไฟล์เป็น *.flv ครับ เช่น cartoon.flv เป็นต้น
ดังนั้น ถ้าต้องการเรียนรู้ไปกับบทความนี้ ต้องทำการจัดเตรียมไฟล์ *.flv ไว้เสียก่อน *ด้านล่างนี้คือตัวอย่างครับ

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

Get Adobe Flash player

ขั้นตอนการ Insert Flash Video ลงสู่เว็บเพจ

เมื่อได้ทำการจัดเตรียมไฟล์ Flash Video (*.flv) เตรียมไว้แล้ว จากนั้นให้ปฏิบัติตามขั้นตอน ดังนี้

1. ทำการสร้างไฟล์เว็บเพจขึ้นมาใหม่ หรืออาจจะใช้ไฟล์เก่าที่เรามีความต้องการแทรกไฟล์ Flash Video ขึ้นมาก็ได้เช่นเดียวกัน
2. ไปที่ Insert ที่ Media เลือกไปที่ไอคอน Flash Video ดังรูป
(CC : Insert -> Media -> Flash Video, CS5,CS6 : Insert -> Common -> Media -> FLV) *Dreamweaver CC
3. จากนั้นโปรแกรมจะเปิดหน้าต่าง Insert FLV ให้เราทำการกำหนดค่าที่หน้าต่างนี้ ดังรูป ที่หน้าต่างนี้ ให้เรากำหนดค่าต่าง ๆ ดังนี้
Video Type : Progressive Download Video
URL : ทำการ Browse.. เลือกไฟล์ FLV ที่เตรียมไว้
Skin : เลือกรูปแบบของ Control ตามต้องการ
Width, Height : กดที่ปุ่ม Detect Size เพื่อกำหนดขนาดแสดงผลเท่ากับขนาดวีดีโอของเรา
เมื่อกำหนดได้แล้วกดปุ่ม OK

4. โปรแกรมจะทำการ Insert ไฟล์ Flash Video ลงที่หน้าเว็บเพจให้เรา ดังรูป 5. ทำการ Save และกด F12 เพื่อพรีวิวดูการแสดงผลกับ Web Browser ได้ดังรูป
สำหรับ Option อื่น ๆ ที่ Properties Panel นั้น ให้คุณลองกำหนดค่าด้วยตนเองดูครับ ไม่ยากครับ เพราะชื่อ Option ส่วนใหญ่เราอ่านเข้าใจกันได้ อย่างไรลองใช้กันดู...สวัสดีครับ.
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...  

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

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

การทำ Rollover Image (เปลี่ยนรูปภาพเมื่อ MouseOver)

เรื่อง : การทำ Rollover Image กับโปรแกรม Dreamweaver หลายท่านคงเคยพบหรือเคยใช้งานเทคนิคที่เราเรียกกันว่า Rollov...  

การแทรกวัน-เวลาเพื่อแสดงบนเว็บเพจ (Insert Date)

เรื่อง : การพิมพ์วันที่-เวลาเพื่อแสดงผลที่หน้าเว็บเพจ หลายครั้งการสร้าง Web Page ขึ้นมา เราต้องการบันทึกวัน-เวลาลงไปแสด...  


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

*
*
*