เร่งความเร็วการดาวน์โหลดรูปภาพ
หากมีรูปภาพบนหน้าเว็บมากเกินไปจะส่งผลต่อความเร็วในการเรียกดู Dreamweaver สามารถตั้งค่ารูปภาพที่โหลดไว้ล่วงหน้าเพื่อเพิ่มความเร็วในการดาวน์โหลดรูปภาพ ทำให้ไซต์ปรากฏต่อหน้าผู้ใช้โดยเร็วที่สุด
ความคิดสร้างสรรค์ เปิดหน้าใหม่ของซอฟต์แวร์ Dreamweaver MX 2004 จากนั้นเปิดแผงป้ายกำกับ และเลือกตัวเลือก [โหลดรูปภาพล่วงหน้า] ใน [พฤติกรรม] เพื่อเร่งความเร็วในการดาวน์โหลดรูปภาพ
ขั้นตอนการทำงาน
(1) สร้างไฟล์ใหม่ ดังแสดงในรูปที่ 36-1
(2) บันทึกหน้าและแทรกรูปภาพ เพื่อไม่ให้แสดงเส้นทางสัมพันธ์เมื่อแทรกรูปภาพ ให้บันทึกหน้าเป็น "36.htm" ก่อน จากนั้นแทรกรูปภาพที่จะโหลดล่วงหน้า ดังแสดงในรูปที่ 36-2
รูปที่ 36-2 การแทรกรูปภาพ
(3) เพิ่มฟังก์ชัน "โหลดรูปภาพล่วงหน้า" ใช้แผงพฤติกรรมของ Dreamweaver เพื่อเพิ่มฟังก์ชัน "โหลดรูปภาพล่วงหน้า" ดังแสดงในรูปที่ 36-3
(4) เลือกรูปภาพที่จะโหลดล่วงหน้า และการทำงานดังแสดงในรูปที่ 36-4
เคล็ดลับ: หากมีภาพขนาดใหญ่หลายภาพบนไซต์ คุณสามารถคลิกไอคอน [+] ด้านบน [โหลดภาพล่วงหน้า] เพื่อเพิ่มภาพโหลดล่วงหน้าหลายภาพ การดำเนินการเฉพาะจะเหมือนกับที่แสดงในรูปที่ 36-4
(5) บันทึกไฟล์เพื่อดำเนินการให้เสร็จสิ้น ด้วยวิธีนี้ ความเร็วในการดาวน์โหลดรูปภาพจึงสามารถเร่งความเร็วได้ เพื่อให้ผู้ใช้ไม่ต้องรอนานเกินไปเมื่อท่องเว็บ ซึ่งมีความสำคัญอย่างยิ่งในการปรับปรุงประสิทธิภาพของเว็บไซต์
ผู้ดูรูปภาพโฆษณาแบบสุ่ม
จะพบว่าเมื่อเรียกดูเว็บว่ารูปภาพโฆษณาที่อัปเดตแบบไดนามิกในหน้าเว็บนั้นมีไดนามิกและน่าดึงดูดมากกว่ารูปภาพคงที่และแบบคงที่ วิธีสร้างภาพโฆษณาแบบสุ่มในหน้าเว็บเป็นประเด็นที่ต้องศึกษาในตัวอย่างนี้
คำอธิบายเอฟเฟกต์ เมื่อเรียกดูหน้าเว็บ รูปภาพโฆษณา จะปรากฏในพื้นที่แบนเนอร์ของหน้าเว็บ ดังแสดงในรูปที่ 38-1 จากนั้นรูปภาพโฆษณาจะอัปเดตทุกๆ สองวินาที และรูปภาพโฆษณาจะปรากฏขึ้นแบบสุ่ม ดังแสดงในรูปที่ 38-2
ความคิดสร้างสรรค์ ด้วยการใช้ปลั๊กอินเสริม Advance_Random_Images ของ Macromedia คุณสามารถสร้างภาพโฆษณาแบบสุ่มบนหน้าเว็บได้อย่างง่ายดาย
ขั้นตอนการทำงาน
(1) ติดตั้งปลั๊กอิน ใช้คำสั่ง [Command] |. [Extension Management] ในแถบเมนูเพื่อเปิดกล่องโต้ตอบ [Macromedia Extension Manager] และติดตั้งส่วนขยาย Advance_Random_Images ดังแสดงในรูปที่ 38-3
(2) เรียกคำสั่ง เปิดไฟล์ Banner.htm ในโฟลเดอร์ซอร์สของตัวอย่างนี้ วางเคอร์เซอร์ที่ตำแหน่งที่คุณต้องการแทรกโฆษณา และเรียกใช้คำสั่ง [AdvancedRandomImages] ดังแสดงในรูปที่ 38-4
(3) ตั้งค่ารูปภาพ ตั้งค่าคุณสมบัติการแปลงรูปภาพในกล่องโต้ตอบ [RandomImages] ที่ปรากฏขึ้น ดังแสดงในรูปที่ 38-5
(4) เพิ่มรูปภาพ เพิ่มภาพโฆษณาภาพแรก ดังแสดงในรูปที่ 38-6
เคล็ดลับ: รูปภาพที่ใช้ในตัวอย่างนี้จะอยู่ในโฟลเดอร์แบนเนอร์ในโฟลเดอร์วัสดุของตัวอย่างนี้
(5) จากนั้นใช้วิธีเดียวกันเพื่อเพิ่มรูปภาพอื่นๆ หลังจากเสร็จสิ้นการเพิ่มแล้ว ให้คลิกปุ่ม [OK] เพื่อยืนยันการดำเนินการ ดังแสดงในรูปที่ 38-7
(6) จากนั้นบันทึกไฟล์เพจและดูตัวอย่าง จากนั้นเอฟเฟกต์ของรูปภาพโฆษณาแบบสุ่มจะถูกสร้างขึ้น ผู้อ่านสามารถอ้างถึงไฟล์เอฟเฟกต์ Bannerok.htm ในโฟลเดอร์ Material ของตัวอย่างนี้เพื่อดูว่าผลลัพธ์การผลิตถูกต้องหรือไม่ ณ จุดนี้ ตัวอย่างนี้เสร็จสมบูรณ์แล้ว
เทคโนโลยีที่อธิบายไว้ในตัวอย่างนี้ใช้กันทั่วไปในเว็บไซต์ต่างๆ ตัวอย่างเช่น ในเว็บไซต์พอร์ทัลในประเทศขนาดใหญ่หลายแห่ง โฆษณาการเปลี่ยนแปลงเหล่านี้สามารถเห็นได้ในเกือบทุกหน้า ผู้อ่านสามารถอ้างอิงถึงเนื้อหาเหล่านี้เพื่อฝึกฝนเพิ่มเติม