aree1 - หน้าแรก





			หลังจากนำภาพกราฟิกมาวางบนเว็บเพจแล้ว เราสามารถปรับแต่งคุณสมบัติเฉพาะของรูปภาพได้ โดยคลิกที่รูปภาพและกำหนดค่าต่าง ๆ บนพาเนล Properties Inspector ดังนี้ การปรับขนาดรูปภาพ ขนาดความกว้าง (W) และความสูง (H) ของรูปภาพที่แสดงนี้มีหน่วยเป็นพิกเซล เราสามารถปรับขนาดรูปภาพได้โดยกรอกตัวเลขใหม่ลงไป และกดปุ่ม Enter หรือจะใช้วิธีคลิกลากที่ปุ่มแฮนเดิลก็ได้

1. คลิกเลือกรูปภาพ
2. คลิกลากที่ปุ่มแฮนเดิลเพื่อปรับขนาดรูปภาพ หรือพิมพ์ตัวเลขลงไปแล้วกดปุ่ม Enter

	ถ้าต้องการปรับโดยรักษาสัดส่วน ให้กดคีย์ Shift ค้างไว้ขณะคลิกลากปุ่มแฮนเดิลที่มุมภาพ
	การปรับขนาดรูปภาพ เป็นเพียงการเปลี่ยนขนาดในการแสดงผลเท่านั้น ไม่ส่งผลถึงไฟล์ต้นฉบับ
	และไม่ทำให้ขนาดของไฟล์รูปภาพใหญ่ขึ้นหรือเล็กลง
	หากต้องการกลับสู่ขนาดเดิมของรูปภาพ ให้คลิกไอคอน
	หลังจากการปรับขนาด หากต้องการให้ไฟล์ต้นฉบับถูกปรับขนาดตามด้วย ทำได้โดยคลิกปุ่ม
	Resample จะทำให้บราวเซอร์แสดงผลได้สวยงามขึ้น



การเปลี่ยนไฟล์รูปภาพ การเปลี่ยนรูปภาพโดยนำรูปภาพอื่นมาแสดงแทนตรงตำแหน่งเดิมสามารถทำได้ ดังนี้

1. คลิกรูปภาพที่ต้องการนำรูปภาพอื่นมาแสดงแทน
2. แก้ไขชื่อไฟล์หรือโฟลเดอร์ที่เก็บไฟล์ในช่อง Src หรือคลิก external image folder.jpg

Browse for File หลังช่อง Src
3. เลือกไฟล์รูปภาพใหม่
4. คลิกปุ่ม OK
||








การใส่คำอธิบายภาพ Alt (Alttenative Text) เป็นข้อความที่ใช้สำหรับอธิบายหรือแสดงแทนรูปภาพ เพื่อบอกว่ารูปภาพนั้นเกี่ยวกับอะไรหรือต้องการสื่ออะไร ซึ่งข้อความนี้จะปรากฏขึ้นในกรณีต่าง ๆ กัน เช่น

	ผู้ชมใช้บราวเซอร์ที่แสดงข้อความได้อย่างเดียว ไม่สามารถแสดงภาพกราฟิก หรือบราวเซอร์นั้น
	มีการตั้งค่าไม่ให้แสดงภาพกราฟิก
	เมื่อบราวเซอร์หาไฟล์รูปภาพไม่พบ เนื่องจากชื่อไฟล์ผิดหรือไฟล์ถูกลบไปแล้ว
	เมื่อผู้ชมเลื่อนเมาส์ไปชี้บนรูปภาพ (เฉพาะบางบราวเซอร์)



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

1. คลิกรูปภาพที่ต้องการจัดตำแหน่ง
2. เลือกการจัดตำแหน่งรูปภาพจากช่อง Align บนพาเนล Properties Inspector

Default	ไม่จัดตำแหน่ง การแสดงผลจะขึ้นกับการตั้งค่าของบราวเซอร์ แต่จะ
	เหมือนกับการจัดแบบ Bottom
Top	จัดรูปภาพไว้ด้านบนสุดของข้อความ เหมือนกับการจัดแบบ TextTop
Middle	จัดจุดกึ่งกลางของรูปภาพให้อยู่ในแนวเดียวกับเส้นฐานของตัวอักษร
Bottom	จัดรูปภาพไว้ด้านล่างสุดของข้อความ
Texttop	จัดรูปภาพไว้ด้านบนสุดของข้อความ
Absolute Middle	จัดจุดกึ่งกลางของรูปภาพให้อยู่ในแนวเดียวกับกึ่งกลางบรรทัดข้อความ
Absolute Bottom	จัดรูปภาพไว้ด้านล่างให้อยู่ในแนวเดียวกับเส้นฐานของข้อความ
Left	จัดรูปภาพไว้ด้านซ้ายสุดของข้อความ
Right	จัดรูปภาพไว้ด้านขวาสุดของข้อความ