การใช้แฟลช (Flash)
แฟลช (Flash) เป็นไฟล์มัลติมีเดีย มีทั้งภาพ เสียง และการเคลื่อนไหว โดยทำมาจากโปรแกรม Adobe Flash ไฟล์แฟลช นิยมใช้เป็นภาพเคลื่อนไฟว ซึ่งมีรายละเอียด และการเคลื่อนไหวดีกว่าภาพเคลื่อนไฟวที่เป็น Gif Animation เว็บไซต์ปัจจุบันนิยมใช้แฟลชกันมาก
ข้อควรทราบเกี่ยวกับ Flash
- Browser ส่วนใหญ่จะมี Flash Player รวมอยู่ด้วยแล้ว ทำให้สะดวกต่อผู้ใช้เว็บ สามารถเล่นได้ทันที แต่ถ้าเป็น Flash เวอร์ชั่นใหม่ ๆ ผู้ใช้ต้อง Download โปรแกรม Flash Player มาติดตั้งเสียก่อน
- Flash สามารถขยายให้มีขนาดใหญ่ได้ โดยที่ยังมีความคมชัดดังเดิม
- Flash สามารถมีเสียงประกอบได้ แต่เครื่องคอมพิวเตอร์ที่ใช้เล่นต้องมีอุปกรณ์สำหรับเสียงด้วย
- Flash สามารถทำเป็นโปรแกรมสมบูรณ์ในตัวเอง สามารถสร้างปุ่มควบคุม สามารถใช้ทำบทเรียน หรือเกมส์บนอินเทอร์เน็ตได้
- ถ้าการต่อเชื่อมไม่ดี ผู้ใช้อาจต้องคอยเป็นเวลานาน
ในบทเรียนนี้ จะใช้ไฟล์ 2 ไฟล์ คือ wat.jpg และ firework.swf
ให้ท่านดาวน์โหลด โดย คลิกที่นี่
การใช้ Flash ใน Dreamweaver 8
- นำไฟล์ Flash มาไว้ในห้องที่ต้องการ ในแบบฝึกหัดนี้ จะใช้ไฟล์ 2 ไฟล์ คือ firework.swf เป็น Flash และ wat.jpg เป็นไฟล์ภาพปกติ ทั้ง 2 ไฟล์ สามารถดาวน์โหลดได้จากที่นี่
- ไปที่ Insert > Media > Flash
- ไปหาไฟล์ flash ที่ต้องการ
- เมื่อนำเข้ามาแล้ว จะยังไม่เห็นทันที แต่จะเห็นเป็นกรอบสีเทาและมี logo ของ Flash ดังนี้
- เราสามารถขยาย หรือย่อ ให้ได้ขนาดตามต้องการ โดยการคลิกที่ปุ่มที่เส้นขอบ แล้วลาก ดังภาพ
- เมื่อให้แสดงใน Browser จึงจะเห็น เป็นภาพของ Flash
การใช้ Flash ร่วมกับภาพปกติ
ในตัวอย่างต่อไปนี้ จะเป็นการนำภาพปกติมาแสดงร่วมกับ Flash ภาพปกติ คือภาพวัดพระแก้วตอนกลางคืน ที่มีแสงไฟจับงามตา ส่วนภาพ Flash เป็นภาพพลุ เมื่อนำมาแสดงร่วมกัน จะเห็นเป็นพลุส่องสว่างอยู่เหนือวัดพระแก้วตอนกลางคืน สวยงามมาก (ไฟล์ที่ใช้ในแบบฝึกหัดนี้ คือ wat.jpg และ firework.swf สามารถดาวน์โหลดเพื่อนำไปเป็นแบบฝึกหัดการสร้างได้ ด้วยตนเอง)
ในการทำ เราจะใช้ภาพวัดพระแก้วเป็นพื้นของตาราง แต่ต้องระวังอย่าให้มีการใช้ภาพปูพื้น เพราะจะทำให้เกิดภาพหลายภาพ จากนั้น จึงนำเอา Flash เข้ามาในตาราง และใส่ค่าใน Parameter ของ Flash ให้มองไม่เห็นสีพื้น
ขั้นตอนการทำ- เลือก Layout Mode
- สร้างตาราง ขนาดกว้าง 236 สูง 129 หรือให้มีขนาดเท่ากับรูปที่ท่านจะนำมาใช้
- กลับมาที่ Standard Mode ที่ Property คลิก Bg เพื่อกำหนด Background
- เลือกภาพ wat.jpg เป็นภาพ background ภาพจะพอดีกับตาราง เพราะเรากำหนดขนาดให้เท่ากันอยู่แล้ว
- คลิกกลับมาที่ Layout Mode และวาด Cell ลงในตาราง เราจะนำ Flash มาไว้ใน Cell นี้
- คลิกที่เส้นขอบ Cell เพื่อบอกว่า จะนำ Flash มาไว้ที่นี่
- ไปที่ Insert > Media > Flash แล้วเลือกไฟล์ firework.swf
- เนื่องจาก Flash ภาพนี้มีขนาดใหญ่ จึงต้องหดให้เล็กลง ให้ครอบคลุมพี้นที่ท้องฟ้า และส่วนบนของวัดพระแก้ว
- ถ้าดูใน Browser ขณะนี้ จะเห็นว่า Flash มีพื้นหลังสีดำ และจะทับส่วนบนของวัดพระแก้ว เราต้องทำให้พื้นหลังของ Flash โปร่งใส โดยการตั้งค่า Parameter ของ Flash
- ไปดูที่ Property ของ Flash และคลิกปุ่ม Parameters ...
- ค่า Parameter ให้พิมพ์ wmode และค่า value ให้พิมพ์ Transparent
- เสร็จแล้วให้ดูใน Browser จะเห็นภาพพลุ กระจายอยูเหนือวัดพระแก้ว ดังนี้
