สไลด์โชว์เป็นอินเทอร์เฟซเว็บไซต์ทั่วไปที่ใช้เพื่อเน้นเนื้อหาล่าสุด
เครดิตรูปภาพ: Miriam2009/iStock/Getty Images
Dreamweaver เป็นซอฟต์แวร์พัฒนาเว็บระดับมืออาชีพของ Adobe และมีฟังก์ชันมากมายสำหรับการสร้างเว็บเพจ ฟังก์ชันเหล่านี้มีตั้งแต่การรวมฐานข้อมูลส่วนหลังไปจนถึงสไลด์โชว์ JavaScript ที่เปลี่ยนรูปภาพตามช่วงเวลาที่กำหนด JavaScript มาตรฐานของ Dreamweaver ช่วยให้นักพัฒนาเว็บไซต์สร้างสไลด์โชว์โดยไม่ต้องเจาะโค้ดโดยตรง ในขณะที่องค์ประกอบเว็บที่เรียกว่า "สไลด์โชว์" ใช้ชื่อเดียวกับสไลด์ PowerPoint เอาต์พุตของ Dreamweaver นั้นเป็น HTML มาตรฐานที่สามารถดูได้ในเว็บเบราว์เซอร์ใดก็ได้
ขั้นตอนที่ 1
เปิด Dreamweaver และเปิดโครงการเว็บไซต์จากเมนู "ไฟล์" ไปที่หน้าโครงการเว็บไซต์ของคุณที่จะรวมสไลด์โชว์
วีดีโอประจำวันนี้
ขั้นตอนที่ 2
คลิก "แทรก" จากนั้นคลิก "เลเยอร์" จากเมนูเลเยอร์ด้านบน ซึ่งจะเปิดกล่องโต้ตอบ คลิก "รูปภาพ" สำหรับประเภทของเลเยอร์ในกล่องนั้น
ขั้นตอนที่ 3
คลิก "เรียกดู" และไปที่ไดเร็กทอรีรูปภาพของคุณ เลือกรูปภาพของเลเยอร์แรกของคุณ - นี่จะเป็นสไลด์แรกที่แสดงในสไลด์โชว์ คุณยังสามารถชี้ไปที่หน้า HTML อื่นๆ แทนที่จะเป็นรูปภาพ นี่เป็นวิธีหนึ่งในการรวมข้อความและลิงก์ที่คลิกได้ไว้ในสไลด์โชว์ของเว็บไซต์ของคุณ
ขั้นตอนที่ 4
ทำซ้ำสองขั้นตอนก่อนหน้านี้ เพิ่มเลเยอร์ใหม่และเนื้อหาที่เหมาะสมสำหรับแต่ละสไลด์ที่คุณต้องการให้แสดง เนื่องจาก JavaScript ที่ใช้แสดงสไลด์โชว์ในเว็บเบราว์เซอร์จะดึงเนื้อหาทั้งหมดล่วงหน้า คุณจะ อาจต้องการให้สไลด์โชว์ไม่เกินหกหรือเจ็ดองค์ประกอบเพื่อให้หน้าเว็บโหลดได้อย่างสมเหตุสมผล เวลา.
ขั้นตอนที่ 5
คลิก "หน้าต่าง" จากนั้น "ไทม์ไลน์" จากเมนูชั้นบนสุด ตัวแก้ไขไทม์ไลน์จะปรากฏขึ้น ป้อนระยะเวลาสำหรับแต่ละภาพในชุดเลเยอร์ที่คุณสร้างขึ้น เลือกภาพแรกที่คุณต้องการแสดง คลิกขวาที่รายการไทม์ไลน์และเลือก "เพิ่มคีย์เฟรม"
ขั้นตอนที่ 6
เลือกชุดเลเยอร์/รูปภาพสำหรับคีย์เฟรมที่เลือก และทำซ้ำขั้นตอนนี้สำหรับแต่ละเลเยอร์และรูปภาพที่คุณต้องการในไทม์ไลน์ของคุณ
ขั้นตอนที่ 7
คลิก "ตกลง" เพื่อบันทึกการตั้งค่าของคุณ
