1. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
หน่วยที่ 9
การสร้างมัลติมีเดียบนเว็บเพจ
สาระการเรียนรู้
9.1 ลักษณะของมัลติมีเดียบนเว็บเพจ
9.2 การแทรกไฟล์งาน SWF
9.3 การแทรกไฟล์งาน Shockwave
9.4 การแทรกไฟล์งาน Flash Video (FLV)
9.5 การแทรกไฟล์เสียงในเว็บเพจ
วัตถุประสงค์เชิงพฤติกรรม
9.1 บอกลักษณะของมัลติมีเดียบนเว็บเพจได้
9.2 อธิบายการแทรก SWF ได้
9.3 อธิบายการแทรก Shockwave ได้
9.4 อธิบายการแทรก Flash Video (FLV)ได้
9.5 อธิบายการแทรกไฟล์เสียงในเว็บเพจได้

2. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
การสร้างเว็บเพจนอกจากจะใช้ข้อความ ภาพประกอบ ตาราง และองค์ประกอบอื่นๆ ตามที่ได้ศึกษามาแล้วนั้น ยังสามารถ
สร้างภาพเคลื่อนไหว เสียง และกราฟิกต่างๆ ทั้งแบบ 2 มิติ และ 3 มิติ ซึ่งรวมเรียกว่า “มัลติมีเดีย” ได้อีกด้วย ซึ่งจะช่วยให้เว็บเพจ
น่าสนใจมากยิ่งขึ้น
การใช้มัลติมีเดียต้องใช้เทคโนโลยีสาคัญ ได้แก่ Flash, Java, Java applet, Shockwave, Plug in และ ActiveX Control
ซึ่งปัจจุบันกลายเป็นมาตรฐานสาหรับสร้างเว็บเพจทั่วไป
Flash เป็นไฟล์ภาพเคลื่อนไหวที่เกิดจากโปรแกรม Macromedia Flash ขนาดไฟล์ค่อนข้างเล็กเพราะเป็นภาพแบบ
Vector-Based ใช้ลายเส้นสร้างภาพ มีนามสกุลไฟล์แบบ .swf โดยผู้ใช้ต้องติดตั้งโปรแกรม Flash Player กับเว็บเบราเซอร์ก่อน
จึงจะใช้งานได้
Shockwave เกิดจากการแปลงไฟล์จากโปรแกรม Macromedia Director และ Authorware เพื่อให้ไฟล์มีขนาดเล็กลง
เหมาะกับการแสดงบนเว็บเพจ โดยโปรแกรม Director เหมาะกับการสร้างเกมส์ และงานมัลติมีเดียพรีเซนเตชัน ส่วนโปรแกรม
Authorware เหมาะสาหรับสร้างงานมัลติมีเดียช่วยสอน หรือ CAI (Computer Aids Instruction)
Java เป็นภาษาคอมพิวเตอร์ที่ใช้เขียนโปรแกรมขนาดเล็กเพื่อทางานร่วมกับเว็บเพจ
Java Script เป็นคาสั่งภาษา Java ขนาดสั้นเหมาะสาหรับสร้างลูกเล่นให้เว็บเพจ เช่น สร้างฟอร์มติดต่อกับผู้ใช้งาน นามา
สร้างเว็บเพจได้นอกเหนือจากภาษา HTML
Java Applet เป็นโปรแกรมขนาดเล็กสร้างเกมส์ที่สร้างด้วยภาษา Java ทาหน้าที่เฉพาะเจาะจง เช่น ภาพเคลื่อนไหว
เกมส์ ฯลฯ
ActiveX เป็นโปรแกรมขนาดเล็กซึ่งเรียกว่า “ คอนโทรล (Control) ” ทาหน้าที่เฉพาะตามที่เขียนในโปรแกรมไว้
ถูกเรียกใช้โดยดาวน์โหลดจากเว็บเซิร์ฟเวอร์มาทางานบนเครื่องอัตโนมัติ เช่น การแสดงภาพ 3 มิติ การหมุนภาพแบบ 360 องศา ฯลฯ
Plugin เป็นโปรแกรมเสริมที่ทางานร่วมกับเว็บเบราว์เซอร์
SWF คือ โปรแกรมสาหรับสร้างภาพเคลื่อนไหวประกอบเว็บเพจขนาดเล็กดาวโหลดได้รวดเร็วและใช้งานได้กับทุกบราวเซอร์
การนาไฟล์ SWF มาใช้บนเว็บเพจ มีวิธีการดังนี้
1. ไฟล์ SWF ที่เตรียมไว้นาเข้าเว็บเพจโดยการเลือกเมนู Insert > Media > SWF
9.1 ลักษณะของมัลติมีเดียบนเว็บเพจ
9.2 การแทรกไฟล์งาน SWF

3. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
2. จะปรากฏหน้าต่าง Select File สาหรับเลือกไฟล์ SWF คลิกเลือกไฟล์ที่ต้องการ แล้วกด OK
3. จะปรากฏไอคอน ขึ้นมา ปรับย่อ/ขยายภาพ วางตาแหน่งหรือเพิ่มไฟล์ swf บนเว็บเพจได้ตามความต้องการ
แสดงผลบนบราวเซอร์

4. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
Shockwave คือ ไฟล์งานมัลติมีเดีย บทเรียนคอมพิวเตอร์ช่วยสอน จากโปรแกรม Director Authoware ที่ถูกแปลงไฟล์
เป็น .swf และการแปลงไฟล์เอกสารทั่วไป เช่น Word Excel เป็นต้น มีลักษณะคล้ายไฟล์ .pdf ซึ่งเวลาเล่นไฟล์ดังกล่าวจะต้องใช้
โปรแกรม Shockwave
การนาไฟล์ Shockwave มาใช้บนเว็บเพจ มีวิธีการดังนี้
1. นาไฟล์ที่เตรียมไว้เข้าเว็บเพจ คลิกตาแหน่งที่ต้องการวาง เลือกเมนู Insert > Media > Shockwave จะปรากฏหน้าต่าง
3. เลือกไฟล์ Shockwave ที่เตรียมไว้ กาหนดค่าความสูงและความกว้างของพื้นที่แสดงผลในเว็บเพจ จากนั้นคลิก OK
4. ตั้งชื่อในช่อง Title แล้วคลิก OK
9.3 การแทรกไฟล์งาน Shockwave

5. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
5. จะปรากฏไฟล์ Swf ในเว็บเพจ
6. ดูผลลัพธ์ที่เว็บบราวเซอร์

6. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
Flash Video (FLV) เป็นไฟล์วีดิโอที่สร้างขึ้นแล้วแปลงให้เป็น Flash ไฟล์ เพื่อให้มีขนาดเล็กลงสามารถนามาแสดงบนเว็บได้
โดยไม่เปลืองพื้นที่หน่วยความจาและสามารถดาวโหลดได้อย่างรวดเร็ว
1. ไฟล์ FLV ที่เตรียมไว้นาเข้าเว็บเพจ คลิกตาแหน่งที่ต้องการวาง เลือกเมนู Insert > Media > FLV จะปรากฏหน้าต่าง
Video tyes เลือกชนิดของวีดิโอซึ่งมีให้เลือก 2 แบบ คือ
- Progressive Download Video หมายถึง ดาวโหลดครบ 100% ก่อนจึงจะสามารถชมได้
- Streaming Video หมายถึง รับชมวีดิโอบางส่วนไปพร้อมๆกับการดาวน์โหลดส่วนที่เหลือ
2. กาหนดรายละเอียดต่างๆ แล้วคลิก OK
9.4 การแทรกไฟล์งาน Flash Video (FLV)
Video type
เลือกไฟล์วีดิโอ
เลือกปุ่มควบคุมการเล่น Video
การคงขนาดไฟล์กาหนดความกว้างและความสูงไฟล์
Auto play กาหนดให้เล่นทันที
Auto Rewind เล่นไฟล์ซ้า

7. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
3. จะได้กรอบสาหรับวางตาแหน่งวีดิโอในเว็บเพจ
4. ทดสอบการแสดงผลเว็บเพจด้วยบราวเซอร์

8. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
9.5.1 รูปแบบไฟล์เสียงที่นิยมนามาใช้ในเว็บไซต์มีดังนี้
1. ไฟล์เสียง .mid (Musical Instrument Digital Interface) คุณภาพเสียงดีมาก ใช้ได้กับทุกเว็บเบราว์เซอร์ นิยมนามาใช้
กับเพลงบรรเลง
2. ไฟล์เสียง .wav (Wavefrom Extension) เป็นไฟล์เสียงขนาดใหญ่ คุณภาพเสียงดี ใช้ได้กับทุกเว็บเบราว์เซอร์
3. ไฟล์เสียง MP3 (.mp3) เป็นที่นิยมมากในหมู่นักฟังเพลงทั่วไปในปัจจุบัน คุณภาพเสียงของไฟล์ประเภทนี้ที่บีบอัดข้อมูลไม่
มากนัก มีคุณภาพดีนิยมในการส่งไฟล์นี้ผ่านระบบอินเตอร์เน็ต
4. ไฟล์เสียง WMA (.wma) คิดขึ้นมาให้ทางานร่วมกับโปรแกรม Windows Media Player ของระบบวินโดว์ สามารถฟัง
เสียงผ่านระบบ streaming ได้ คือ ดาวน์โหลดข้อมูลไปด้วย พร้อมกับถอดรหัสเสียงให้ฟังไปพร้อมๆกัน โดยไม่ต้องรอให้ดาวน์โหลดครบ
100% ส่วนคุณภาพเสียงนั้นมีความละเอียดสูงไม่แพ้ mp3 128 Kbps แต่จะมีขนาดเล็กกว่า mp3 ที่ความละเอียดเสียงเท่าๆกัน
5. ไฟล์เสียง Real Audio (.ra) เป็นไฟล์เสียงที่ทางานคู่กับโปรแกรม Real Player เน้นการทางานแบบ Streaming สามารถ
ฟังเสียงและดูภาพขณะกาลังดาวน์โหลดข้อมูลได้พร้อมๆกัน มีหลายความละเอียดให้เลือกหลายระดับ เป็นที่นิยมในหมู่นักดูหนังฟังเพลง
ในอินเตอร์เน็ตมาก
6. ไฟล์เสียง Audio Streaming Format (.asf) เป็นไฟล์เสียงหนึ่งที่มีรูปแบบ Streaming ที่เน้นส่งข้อมูลเสียงแบบ real
time ใช้กันมากในการฟังวิทยุออนไลน์บนอินเตอร์เน็ต
9.5.2 การแทรกไฟล์เสียงลงในเว็บเพจ มีวิธีการ ดังนี้
1. คลิกตาแหน่งที่ต้องการวาง เลือกเมนู Insert > Media > Pligin
2. จะแสดงหน้าต่าง Select File ให้เลือกไฟล์เสียงที่ต้องการ
9.5 การแทรกไฟล์เสียงในเว็บเพจ

9. กลุ่มสาระ : การงานอาชีพและเทคโนโลยี
ชื่อวิชา : การสร้างเว็บไซต์ รหัสวิชา ง 23203
หัวข้อ : หน่วยที่ 9 การสร้างมัลติมีเดียบนเว็บเพจ
ใบเนื้อหา หน้าที่
แผ่นที่ :
3. ทดสอบการแสดงผลเว็บเพจด้วยบราวเซอร์