การปรับแต่งรูปภาพ

          หากตั้งการปรับแต่งรายละเอียดของภาพ ให้คลิกเลือกที่ภาพนั้นแล้วปรับรายละเอียดได้ที่ Properties Inspector

1 ใส่ชื่อของภาพ

2 แสดงที่เก็บไฟล์ภาพ

3 ใช้กำหนดการเชื่อมโยงภาพไปยังข้อมูลหรือเว็บไซต์อื่น

4 ใส่ข้อความกำกับภาพ

5 เครื่องมือปรับแต่งภาพ

4 ใส่ข้อความกำกับภาพ

5 เครื่องมือปรับแต่งภาพ

6 ปรับความกว้างของภาพ

7 ปรับความสูงของภาพ

เครื่องมือปรับแต่งภาพ           หลังจากที่เรานำภาพมาวางบนหน้าเว็บเพจแล้ว หากเราต้องการแก้ไข ก็สามารถทำได้ในโปรแกรม Dreamweaver โดยใช้เครื่องมือปรับแต่งภาพใน Properties Inspector ดังนี้ เครื่องมือปรับแต่งภาพ Edit เปิด/แก้ไขภาพด้วยโปรแกรมอื่น           เมื่อเราคลิกปุ่มนี้ จะเปิดภาพที่เลือกในโปรแกรมที่ระบุไว้ ในที่นี้ระบุโปรแกรม Photoshop หากต้องการระบุโปรแกรมอื่น ให้ไปที่เมนู Edit -> Preferences ที่ File Types/Editors ใช้ปุ่มบวกลบ ในการกำหนดโปรแกรมที่จะใช้เปิดไฟล์ภาพชนิดต่าง ๆ Edit Image Setting ลดขนาดภาพ ทำภาพโปร่งใส           เราสามารถทอนสี ลดขนาดภาพ เพื่อให้ภาพมีขนาดเล็ก โหลดเร็วขึ้น โดยใช้ปุ่มนี้ โดย Dreamweaver จะทอนสีอย่างเหมาะสมให้โดยอัตโนมัติ ภาพผลลัพธ์จะไม่ผิดเพี้ยนแตกต่างจากต้นฉบับ แต่ขนาดไฟล์จะเล็กลง เราสามารถเลือกทอนสีเองได้ หรือกำหนดสี (เฉพาะภาพ GIF) ที่ต้องการให้โปร่งใสได้ Crop ตัดภาพเฉพาะส่วนที่ต้องการ           เราสามารถตัดส่วนของภาพเฉพาะที่ต้องการ โดยการคลิกที่ปุ่มนี้ แล้วลากส่วนของภาพที่ต้องการ (ตัดภาพแล้ว ไม่สามารถเอาภาพก่อนตัดกลับคืนมาได้) Resample ปรับขนาดภาพต้นฉบับ           เราสามารถปรับขนาดภาพต้นฉบับให้มีขนาดเท่ากับที่แสดงบนหน้าเว็บได้ เช่น ภาพต้นฉบับขนาด 100 x 100 จุด แต่เวลาแสดงบนหน้าเว็บ เราแสดงที่ 50 x 50 จุด (ปรับขนาดแสดงที่ช่อง W และ H ใน Properties Inspector) โดยถ้าเราคลิกปุ่มนี้ภาพต้นฉบับจะกลายเป็นภาพขนาด 50 x 50 จุด ตามขนาด ที่แสดงบนหน้าเว็บทันที (ปรับขนาดแล้ว ไม่สามารถนำขนาดภาพเดิมคืนกลับมาได้) Brightness and Contrast ปรับค่าสี/แสงของภาพ           ใช้ในการปรับความสว่าง ความมืด ความเข้มสีของภาพ (ปรับภาพแล้วไม่สามารถนำภาพเดิมก่อนปรับคืนมาได้) Sharpen ปรับค่าความคมชัดของภาพ           ใช้ในการปรับความคมชัดของภาพ (ปรับภาพแล้วไม่สามารถนำภาพเดิมก่อนปรับคืนมาได้)           ก่อนใช้เครื่องมือ Crop Resample Brightness and Contrast และ Sharpen โปรแกรมจะแสดงกล่องข้อความ แจ้งให้ทราบว่า "จะไม่สามารถนำภาพเดิมก่อนปรับคืนมาได้           คลิกปุ่ม OK เพื่อปรับแต่งภาพ

ปรับขนาดของภาพ           สามารถกำหดนขนาดใหม่ให้กับภาพ โดยระบุความกว้างและความยาวที่ต้องการจาก Properties Inspector ได้           นอกจากนี้เราสามารถปรับขนาดของภาพ โดยการคลิกที่ปุุ่มสีดำที่อยู่รอบ ๆ ภาพนั้น แล้วลากเมาส์เพื่อปรับ ขนาดของภาพไปมาได้           1 คลิกเมาส์ที่ปุ่มสีดำรอบภาพ เพื่อย่อหรือขยายขนาดของภาพที่เราต้องการ (หากต้องการย่อหรือขยายภาพให้ได้สัดส่วนตามความกว้าง และความสูงของภาพ ให้เรากดปุ่ม <Shift> ค้างไว้ แล้วคลิกปุ่มสีดำที่มุมภาพด้านล่าง จากนั้นลากเพื่อย่อหรือขยายภาพให้ได้สัดส่วนตามต้องการ)           2 กำหนดขนาดของภาพได้เองที่ช่อง W (ความกว้าง) และ H (ความสูง)

ใส่ข้อความกำกับภาพ           เราควรใส่ข้อความกำกับภาพเอาไว้ด้วย เพราะอาจมีผู้ใช้อินเทอร์เน็ตบางกลุ่มที่กำหนดไม่ให้บราวเซอร์โหลดภาพมาแสดง เพราะไม่ต้องการเสียเวลาโหลด หรือต้องการอ่านเฉพาะข้อความเท่านั้น ข้อความกำกับภาพนี้จะปรากฏแทนภาพ ทำให้ผู้ชมสามารถอ่านข้อความกำกับภาพ และทราบได้ว่าภาพที่ไม่ได้โหลดมานั้นคืออะไร           ที่จริงแล้วการใช้ข้อความกำกับภาพ ก็มีประโยชน์สำหรับผู้ใช้บราวเซอร์ธรรมดาด้วย เพราะข้อความกำกับภาพจะปรากฏ ในขณะที่ภาพกำลังโหลดอยู่ ทำให้ผู้ชมที่กำลังรออยู่ทราบว่าภาพนั้นคืออะไรก่อนภาพจะถูกโหลดมาครบ           สำหรับการแทรกข้อความกำกับภาพ ทำได้โดยคลิกที่ภาพนั้นแล้วพิมพ์ข้อความกำกับภาพในช่อง Alt ใน Properties Inspector           1 คลิกภาพที่ต้องการใส่ข้อความกำกับภาพ           2 พิมพ์ข้อความกำกับภาพในช่อง Alt           ตัวอย่างการแสดงข้อความกำกับภาพในเว็บเพจ ในกรณีที่บราวเซอร์ไม่ได้โหลดภาพหรือไม่สามารถโหลดภาพมาแสดงได้

ใส่กรอบให้กับภาพ           บางครั้ง เราอาจต้องการใส่กรอบให้กับภาพที่แสดงเพื่อเน้นภาพนั้น หรือแยกส่วนที่เป็นภาพออกจากข้อความ ซึ่งทำได้โดยคลิกที่ภาพแล้วกำหนดค่าตัวเขในช่อง Borders ใน Properties Inspector           1 คลิกภาพที่ต้องการใส่กรอบ           2 เลือกคำสั่ง Modify -> Edit Tag...           3 กำหนดความหนาของกรอบในช่อง Border ค่ายิ่งมากกรอบยิ่งมีความหนามาก           4 คลิกปุ่ม OK เพื่อยืนยันการตั้งค่า           5 แสดงภาพที่ใส่กรอบเรียบร้อยแล้ว