Sponsored Ads


ตัวอย่างการสร้างเว็บเพจแสดงอัลบัมภาพแบบง่ายๆ
สำหรับท่านใดที่ชื่นชอบการถ่ายภาพ อาจนำภาพมาทำเป็นเว็บอัลบัมส่วนตัวก็ได้ ในการทำงานจริง แล้วจะมีโปรแกรมช่วยสร้างอัลบัมภาพสำหรับเว็บมากมาย ง่ายกว่าการสร้างเองแบบนี้ สำหรับภาพที่จะใช้งาน นั้นจะมี 2 แบบ
1. ภาพขนาดเล็กสำหรับทำเป็น Thumbnails เป็นภาพเล็กๆ ให้คลิกเลือก
2. ภาพขนาดใหญ่ เมื่อคลิกที่ภาพขนาดเล็กก็จะแสดงภาพขนาดใหญ่ในหน้าจอใหม่

สร้างโฟลเดอร์ไว้เก็บภาพ
ผู้เขียนจะสร้างโฟลเดอร์ใหม่เพื่อเก็บภาพให้เป็นระเบียบ
1. สร้างโฟลเดอร์ใหม่ ภายใต้โฟลเดอร์หลักของเว็บไซต์เช่น album
2. ในโฟลเดอร์นี้จะสร้างโฟลเดอร์ย่อยชื่อ images ไว้เก็บภาพอีกที
3. ไฟล์เว็บเพจก็คือ album.php จะเป็นไฟล์ที่นำภาพใน images มาวาง
4. ภาพที่จะนำมาจะใช้ภาพๆ ละ 2 ชุด เช่น album01_1.jpg เป็นภาพขนาดใหญ่ 640 x 480 px
5. ภาพแบบ Thumbnails จะเป็นภาพเดียวกันกับในข้อที่ 4 แต่เป็นภาพเล็กๆ 150 x 113 px เช่น album01_2.jpg

วิธีสร้างภาพ
ภาพที่จะนำมาใช้ ผู้เขียนจะเลือกภาพที่ถ่ายไว้ด้วยกล้องดิจิตอล ซึ่งภาพจะมีขนาดใหญ่กว่า 640 x 480 ก็จะต้องลดขนาดภาพให้ได้ตามนั้น
1. เข้า Photoshop แล้วเปิดไฟล์ภาพที่ต้องการขึ้นมา
2. คลิก Image>>Image Size
3. แก้ไขขนาดภาพในช่อง Width ให้เป็นภาพขนาด 640 จากเดิมกว้าง 1280
4. เสร็จแล้วคลิกปุ่ม OK

5. คลิก File>>Save As
6. เลือกชนิดของภาพเป็น jpg
7. คลิกและพิมพ์ชื่อไฟล์เช่น album01_1.jpg
8. คลิกเลือกที่เก็บเป็น album/images
9. คลิกปุ่ม Save
10. คลิกเลือกความคมชัดของภาพเช่น medium แล้วคลิกปุ่ม OK

11. ลดขนาดภาพอีกครั้ง ด้วยคำสั่ง Image Size เหมือนเดิม แต่คราวนี้ลดให้เหลือ 100-150 px ก็พอ จะทำเป็นภาพขนาดเล็ก
12. เสร็จแล้วให้ใช้คำสั่ง Save for Web บันทึกเป็นไฟล์ชื่อ album01_2.jpg
13. คลิกปิดไฟล์นั้นๆ จะปรากฏกรอบข้อความถามว่าต้องการบันทึกการเปลี่ยนแปลงหรือไม่ต้อง คลิก No เพราะเป็นภาพต้นฉบับ เผื่อไว้ใช้งานอื่นๆ
14. เปิดไฟล์ภาพอื่นๆ ขึ้นมาแล้วก็ปฏิบัติคล้ายกัน หนึ่งภาพบันทึกเป็น 2 ไฟล์