การสร้าง Web Photo Gallery

1. เลือกภาพที่ต้องการท า Web Photo Gallery รวมกันไว้ในโฟลเดอร์เดียวกัน ดังภาพ

2. เปิดโปรแกรม Adobe

3. คลิกพาเนล FOLDERS แล้วเลือกโฟลเดอร์ที่เก็บภาพที่ต้องการท า Web Photo Gallery เมื่อเลือก

โฟลเดอร์แล้วจะปรากฏภาพที่อยู่ในโฟลเดอร์นั้นขึ้นมาในแถบ CONTENT ดังภาพ

4. คลิกท่ี OUTPUT

เมื่อคลิกแล้วจะปรากฏหน้าต่าง ดังภาพ

5. คลิก WEB GALLERY ในพาเนล OUTPUT

เมื่อคลิกแล้ว พาเนล OUTPUT จะเป็นดังภาพ

6. คลิกท่ีภาพในแถบ CONTENT แล้วกด Ctrl + A เพ่ือเลือกภาพท้ังหมด เมื่อเลือกภาพแล้วจะได้ ดังภาพ

7. ก าหนดค่าต่างๆ ให้กับแกลอรี่ภาพได้ดังนี้

Template : เลือกรูปแบบของ Web Photo Gallery

Refresh Preview : คลิกดูตัวอย่างรูปแบบของ Web Photo Gallery

Preview in Browser : คลิกดูตัวอย่างรูปแบบของ

Web Photo Gallery ด้วยเบราเซอร์

Site Title : ต้ังชื่อหัวข้อ Site

Color Palette : Background สีพื้นหลังแกลอรี่

Border สีขอบของรูปภาพ

Appearance : คุณสมบัติหรือการปรับแต่งของรูปแบบ

Web Photo Gallery นั้นๆ ที่เลือกใช้

8. การน า Web Photo Gallery ใช ้

เมื่อคลิก Save แล้วจะปรากฏหน้าต่าง Create Gallery ขึ้นมา รอจน Save เสร็จ

Size : ขนาดของไฟล์ที่ต้องการน าไปใช้

Quality : คุณภาพของไฟล์ที่ต้องการน าไปใช้

Gallery Name : ชื่อไฟล์หรือชื่อแกลอรี่ที่ต้องการน าไปใช้

Save Location : เลือกต าแหน่งที่เก็บแกลอรี่

เมื่อก าหนดทุกอย่างตามท่ีต้องการแล้วคลิก Save

9. เปิดโฟลเดอร์ที่เก็บแกลอรี่ไว้ จะปรากฏโฟลเดอร์ ที่มีชื่อแกลอรี่ที่ตั้งไว้ ดังภาพ

10. ดับเบ้ิลคลิกเข้าไปในโฟลเดอร์แกลอรี่ จะพบกับไฟล์แกลอรี่พร้อมใช้งาน ทดลองเปิดไฟล์ Index.html

ขึ้นมาเพ่ือดูแกลอรี่ของเรา

เมื่อเปิดแล้ว จะได้แกลอรี่ที่สร้างไว้ ดังภาพ

11. การน าแกลอรี่ไปใช้งาน ควรเปลี่ยนชื่อไฟล์ Index.html เป็นชื่ออ่ืน เช่น gallery.html

12. การน าไฟล์ไปใช้งานต้องน าไปท้ังโฟลเดอร์แกลอรี่