About DwThai.Com 00

DwThai.Com Logo

DwThai.Com

Tip and Trick Dreamweaver

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





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

การ Insert ไฟล์ Flash Video มาใช้กับเว็บ (FLV) [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



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

วิธีการใช้ Properties Panel และการกำหนดคุณสมบัติให้แก่ข้อความ

เรื่อง : การใช้ Properties Panel และการกำหนดคุณสมบัติข้อความเบื้องต้น Properties Panel เป็นส่วนที่ใช้ใ...  

วิธีการสร้างตาราง (Table) ให้แก่เว็บเพจ

เรื่อง : การสร้างตาราง (Table) ด้วย Dreamweaver การสร้างตาราง หรือ Table สำคัญ และมีความจำเป็นอย่างมากในการสร้างเว็บเพ...  

การติดตั้ง Extension (How to install extension)

เรื่อง : การติดตั้ง Extension ให้กับโปรแกรม Dreamweaver Dreamweaver Extension คือ โปรแกรมช่วยเสริมและขยา...  

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

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


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

*
*
*