การแทรกไฟล์มัลติมีเดียลงบนเว็บเพจ


การนําไฟล์มัลติมีเดียมาใส่ในเว็บเพจนั้น เป็นที่ นิยมมาก เพราะสามารถช่วยสร้างความบันเทิงให้กับผู้ชม ได้เป็นอย่างดี

 

การใส่ไฟล์เสียงลงบนเว็บเพจ

ในที่นี้เราจะใส่ไฟล์เสียงลงในหน้าเว็บเพจ เมื่อเวลาเป็ดเว็บเพจขึ้นมา ก็จะมีเสียงดนตรีประกอบด้วย เรา จะเลือกใช้ไฟล์ที่มีนามสกุล . mid เนื่องจากเป็นไฟล์ที่มีขนาดเล็ก ซึ่งสามารถทําได้ดังนี้

1. ออกแบบหน้าเว็บเพจ

2. คลิกปุ่ม Show Code View เพื่อเรียกหน้าต่างแสดงโค๊ดคําสั่งภาษา HTML ของหน้าเว็บ เพจขึ้นมา เนื่องจากเราต้องพิมพ์คําสั่งภาษา HTML เพื่อเพิ่มไฟล์เสียงเข้าไป

3. พิมพ์คําสั่ง <bgsound src=“Sound.mid” loop=“1”> ลงในบรรทัดก่อนหน้าคําสั่ง </head> โดย Sound.mid เป็นชื่อไฟล์เสียงที่เราเตรียมไว้แล้ว ส่วน 1
เป็นการกําหนดรอบของการแสดงเสียง ว่าจะให้เล่นเสียงกี่ครั้ง

Sound.mid คือ ไฟล์เสียงที่จะทําการลิงค์ไป โดยใช้คําสั่ง HTML

loop=“1” คือ ให้เล่นเพลงเพียงครั้งเดียว

4. บันทึกหน้าเว็บเพจ

5. กดปุ่ม <F 12 > เพื่อดูการแสดงผลทางบราวเซอร์ ซึ่งเมื่อเป็ดหน้าเว็บเพจขึ้นมาจะมีเสียงเพลงดังขึ้นพร้อมกัน

 

วิธีใส่ไฟล์วิดีโอลงบนเว็บเพจ ( Quick Time )

การนําไฟล์วิดีโอลงบนเว็บเพจ ก่อนอื่นต้องติดตั้งโปรแกรม Quick Time Player เสียก่อน เพื่อให้ สามารถแสดงผลไฟล์วิดีโอได้ สําหรับการนําไฟล์วิดีโอลง บนเว็บเพจ สามารถทําได้ดังนี้

1. ออกแบบหน้าเว็บเพจ

2. คลิกวางเคอร์เซอร์ ตรงตําแหน่งที่ต้องการนํา ไฟล์วิดีโอมาใส่

3. คลิกแท็บ Media ในหน้าต่าง Insert

4. คลิกปุ่ม จากนั้นจะปรากฏหน้าต่าง Select File ขึ้นมา

5. คลิกเลือกโฟลเดอร์ที่เก็บไฟล์วิดีโอไว้ จากช่อง Looh in:

6. คลิกเลือกไฟล์วิดีโอ

7. คลิกปุ่ม

จากนั้นกลับมาที่โปรแกรม Dreamweaver จะ ปรากฏกรอบของบริเวณที่จะใช้แสดงไฟล์วิดีโอขึ้นมา ตรง ตําแหน่งที่วางเคอร์เซอร์ ซึ่งเราสามารถปรับเปลี่ยนขนาด ได้ตามต้องการ

8. กําหนดความกว้าง ของบริเวณที่จะให้แสดง ไฟล์วิดีโอในช่อง Width

9. กําหนดความยาว ของบริเวณที่จะให้แสดง ไฟล์วิดีโอในช่อง Height

10. บันทึกหน้าเว็บเพจ

11. กดปุ่ม <F12> เพื่อดูการแสดงผลทางบราวเซอร์ ซึ่งเมื่อเป็ดหน้าเว็บเพจ และรอให้โปรแกรม Quick Time Player เรียกไฟล์วิดีโอขึ้นมาแสดงตรงที่
กําหนดไว้

 

คำสำคัญ (Tags): #dreamweaver
หมายเลขบันทึก: 94353เขียนเมื่อ 4 พฤษภาคม 2007 18:25 น. ()แก้ไขเมื่อ 24 มิถุนายน 2012 01:26 น. ()สัญญาอนุญาต: สงวนสิทธิ์ทุกประการจำนวนที่อ่านจำนวนที่อ่าน:


ความเห็น (1)
พบปัญหาการใช้งานกรุณาแจ้ง LINE ID @gotoknow
ClassStart
ระบบจัดการการเรียนการสอนผ่านอินเทอร์เน็ต
ทั้งเว็บทั้งแอปใช้งานฟรี
ClassStart Books
โครงการหนังสือจากคลาสสตาร์ท