Skip to main content

สร้าง Web Photo Album ใน Dreamweaver

Create a Web Photo Gallery/Album in Dreamweaver (มิถุนายน 2026)

Create a Web Photo Gallery/Album in Dreamweaver (มิถุนายน 2026)
Anonim
01 จาก 07

จัดระเบียบรูปภาพที่คุณต้องการในอัลบั้ม

บันทึก: ตัวช่วยสร้าง Dreamweaver Photo Album Wizard ต้องการให้คุณติดตั้งดอกไม้ไฟลงในคอมพิวเตอร์ของคุณและ Dreamweaver

ตัวช่วยสร้างอัลบั้มภาพของ Dreamweaver ใช้รูปภาพทุกรูปในไดเร็กทอรีและใส่ลงในอัลบั้มของคุณ แม้ว่าคุณจะใช้ทุกภาพที่ถ่ายไว้เว้นแต่คุณจะเป็นช่างภาพมืออาชีพโอกาสที่จะมีรูปถ่ายที่คุณไม่ชอบหรือไม่ควรรวมอยู่

  • สร้างไดเร็กทอรีใหม่และใส่เฉพาะรูปภาพที่คุณต้องการในอัลบั้ม
  • คุณควรปรับขนาดภาพให้เหมาะสมกับขนาดหน้าเว็บ (500x500 พิกเซลเป็นเกณฑ์มาตรฐานที่ดี)
02 จาก 07

เริ่มตัวช่วยสร้าง Web Album ของ Dreamweaver

ไปที่ คำสั่ง เมนู.

เลือก สร้างอัลบั้มรูปภาพทางเว็บ …

บันทึก: ตัวช่วยสร้าง Dreamweaver Photo Album Wizard ต้องการให้คุณติดตั้งดอกไม้ไฟลงในคอมพิวเตอร์ของคุณและ Dreamweaver

03 จาก 07

กรอกรายละเอียดอัลบั้มรูป

Dreamweaver จะสร้างอัลบั้มรูปพร้อมชื่อไตเติ้ลย่อยและข้อความอธิบาย อัลบั้มจะมีหน้าแรกที่มีภาพขนาดย่อและภาพแต่ละภาพจะมีหน้าขนาดเต็มรูปแบบโดยมีลิงก์ไปยังรูปภาพก่อนหน้าและถัดไปในอัลบั้มรวมทั้งดัชนี

  • ชื่ออัลบั้มรูป นี่คือชื่อของอัลบั้มของคุณ Dreamweaver จะเพิ่มเป็น ของเอกสารของคุณและเป็น<a id="menu-4"></a><h2>ส่วนหัวในหน้าดัชนี</h2>
  • ข้อมูลย่อย ส่วนหัวย่อยอยู่ด้านล่าง

    ในหน้าดัชนีอัลบั้มของคุณ

  • ข้อมูลอื่น ๆ สุดท้ายคุณสามารถเพิ่มข้อความอธิบายเกี่ยวกับอัลบั้มทั้งหมดได้ ข้อความนี้จะปรากฏเป็นข้อความล้วนเหนือภาพขนาดย่อบนหน้าดัชนี
  • โฟลเดอร์รูปภาพแหล่งที่มา นี่เป็นโฟลเดอร์ที่คุณบันทึกรูปภาพไว้ในแกลเลอรี เรียกดูตำแหน่งนั้นโดยใช้ปุ่มเรียกดู
  • โฟลเดอร์ปลายทาง นี่คือโฟลเดอร์บนเว็บไซต์ของคุณที่คุณต้องการให้แกลเลอรีมีชีวิตอยู่ Dreamweaver จะสร้างโฟลเดอร์รูปภาพรวมทั้งไฟล์ HTML ที่จำเป็นทั้งหมดในโฟลเดอร์นี้ เรียกดูโฟลเดอร์นั้นในฮาร์ดไดรฟ์ของคุณ ขอแนะนำให้วางอัลบั้มไว้ในไดเร็กทอรีที่ว่างเปล่า
04 จาก 07

กรอกรายละเอียดอัลบั้มภาพ - ต่อ

  • ขนาดย่อ คุณสามารถเลือกขนาดภาพขนาดย่อได้ถึง 5 ขนาด ขนาดเริ่มต้นคือ 100x100 ฉันชอบ 72x72 แต่คุณสามารถเลือกได้ 36x36, 144x144 หรือ 200x200
  • แสดงชื่อไฟล์ ฉันชอบออกจากการตรวจสอบนี้ มันบอก Dreamweaver ที่จะใส่ชื่อไฟล์ในหน้าดัชนี ฉันปล่อยให้พวกเขาอยู่ในที่ที่ฉันสามารถแก้ไขคำอธิบายภาพได้ง่าย
  • คอลัมน์ Dreamweaver สร้างตารางเพื่อใส่ภาพขนาดย่อของคุณและคุณสามารถเลือกจำนวนคอลัมน์ที่ควรจะมี โปรดจำไว้ว่าถ้าคุณใช้ภาพขนาดย่อกว้างขึ้นหน้าเว็บจะกว้างขึ้นถ้าคุณมีคอลัมน์มาก
  • รูปแบบภาพขนาดย่อและรูปถ่าย Dreamweaver จะแปลงรูปภาพของคุณเป็นไฟล์ JPEG หรือ GIF และคุณสามารถเลือกระหว่างการดาวน์โหลดที่เร็วขึ้นหรือภาพที่ดูดีขึ้น
  • ขนาด ถ้าคุณไม่ปรับขนาดภาพก่อนที่จะรันวิซาร์ดอาจมีขนาดใหญ่มากเกินไปสำหรับเว็บเพจ คุณสามารถเลือกปรับขนาดภาพต้นฉบับเพื่อให้สามารถโหลดได้เร็วขึ้นและดูได้ง่ายขึ้นบนเว็บเพจของคุณ
  • สร้างเพจการนาวิเกตสำหรับแต่ละรูปภาพ หากคุณปิดใช้งานตัวเลือกนี้ Dreamweaver จะเชื่อมโยงโดยตรงกับรูปภาพขนาดใหญ่ หรือสร้างเพจ HTML แยกต่างหากสำหรับภาพ

คลิกตกลงและดอกไม้ไฟจะเปิดขึ้นและเริ่มประมวลผลรูปภาพของคุณ การดำเนินการนี้อาจใช้เวลาหลายนาทีหากคุณมีรูปภาพจำนวนมากสำหรับอัลบั้มของคุณ

05 จาก 07

ดูอัลบั้มของคุณใน Dreamweaver

เมื่อคุณมีอัลบั้มใน Dreamweaver แล้วคุณสามารถแก้ไขได้เหมือนกับเว็บเพจอื่น ๆ

06 จาก 07

เปลี่ยนคำอธิบายภาพ

หากคุณเลือกที่จะแสดงชื่อไฟล์ Dreamweaver จะใส่ชื่อไฟล์แต่ละชื่อเป็นภาพขนาดย่อ เลือกชื่อไฟล์และให้รูปถ่ายของคุณเป็นจริง

07 จาก 07

ทดสอบอัลบั้มของคุณในเบราว์เซอร์ต่างๆแล้วอัปโหลด

Dreamweaver สร้างรูปแบบตารางที่เรียบง่ายสำหรับอัลบั้มรูปและมีโอกาสที่จะดูไม่ดีในเบราว์เซอร์สมัยใหม่ใด ๆ แต่ควรพยายามทดสอบหน้าเว็บของคุณในเบราว์เซอร์ให้ได้มากเท่าที่คุณมีอยู่

อัปโหลดอัลบั้มโดยใช้ปุ่มอัปโหลด เพื่อให้แน่ใจว่าไฟล์รูปภาพและภาพขนาดย่อทั้งหมดจะถูกอัปโหลดไปยังตำแหน่งที่ถูกต้อง หากคุณไม่มีไซต์ที่กำหนดไว้ใน Dreamweaver คุณจะต้องกำหนดให้ไซต์ทำงานได้อย่างถูกต้อง คุณจะต้องตั้งค่าไซต์ดังกล่าวเพื่อถ่ายโอนไฟล์