บทช่วยสอนกระชับ Dreamweaver 4 (5. ทำให้หน้าเว็บของคุณสวยงามยิ่งขึ้น ตอนที่ 2)
ผู้เขียน:Eve Cole
เวลาอัปเดต:2009-05-30 18:36:08
การประมวลผลภาพ
สมมติว่าตอนนี้เราแทรกรูปภาพต่อไปนี้:
คลิกที่ภาพและเปิดแผงคุณสมบัติ (Ctrl+F3) คุณสามารถดูสถานะได้ดังภาพด้านล่าง:
1. รูปขนาดย่อของรูปภาพและขนาดของรูปภาพ
2. ความยาวและความกว้างของรูปภาพ หากรูปภาพยาวกว่าความกว้างและไม่สอดคล้องกับขนาดของรูปภาพต้นฉบับ ตัวเลขจะแสดงเป็นตัวหนา หากคลิกที่รูปภาพ คุณจะเห็นว่ารูปภาพจะแสดง ถูกปกคลุมด้วยกรอบและจุดสามจุด แต่ละจุดแสดงถึงการยืดภาพในสามทิศทางที่แตกต่างกันเพื่อให้ได้เอฟเฟกต์ของการซูมเข้าและออก ในระหว่างกระบวนการยืด ให้กดปุ่ม Shift ค้างไว้แล้วลากจุดที่มุมเพื่อรักษาความกว้าง และอัตราส่วนความสูงของภาพ ดังภาพด้านล่าง หากคุณต้องการคืนค่ารูปภาพเป็นขนาดดั้งเดิม คุณสามารถกดปุ่ม "รีเซ็ตขนาด" ที่มุมขวาล่างของแผงคุณสมบัติ
3. Src คือตำแหน่งของรูปภาพ Link คือไฮเปอร์ลิงก์ที่สอดคล้องกับรูปภาพ เนื่องจากไม่มีลิงก์ จึงแสดงเป็นปุ่มว่างสองปุ่มต่อไปนี้ โดยแบบแรกสามารถดึงลูกศรออกมาแล้วชี้รูปภาพหรือลิงก์ไปยังไฟล์บางไฟล์ในโฟลเดอร์ได้โดยตรง ในขณะที่แบบหลังคือการเปิดโฟลเดอร์ตามวิธีดั้งเดิมเพื่อค้นหาไฟล์บางไฟล์ตามประสบการณ์การใช้งานจริง มีประโยชน์เพียงเล็กน้อย เป้าหมาย คือวิธีการเปิดลิงก์ การสร้างลิงก์และข้อควรระวังจะแจ้งให้ทราบในภายหลัง
4. Align: การจัดแนวรูปภาพ นี่เป็นหนึ่งในวิธีการจัดวางหน้าเว็บขั้นพื้นฐานที่สุด คุณสามารถแก้ไขวิธีการนี้ได้ด้วยตัวเอง ดังนั้นฉันจะไม่กินพื้นที่ที่นี่ สำหรับรายละเอียด โปรดดูที่:
http://www.goeway.com/web/dreamweaver/series/bighead/align.htm;
Alt: นี่คือคำอธิบายของรูปภาพ ถ้าฉันพิมพ์ที่นี่: "ฉันเป็นอุรังอุตัง ฉันกลัวใคร" เมื่อเรียกดู ให้เลื่อนเมาส์ไปเหนือรูปภาพ คุณจะเห็นคำอธิบายเหล่านี้
เส้นขอบ: ความกว้างของเส้นขอบของรูปภาพ เช่น ป้อน 10:
5. วางตำแหน่งรูปภาพไปทางซ้าย ตรงกลาง หรือขวา ฉันเชื่อว่าตราบใดที่คุณใช้ Word คุณจะไม่คุ้นเคย
6. แผนที่: ใช้เพื่อสร้างลิงก์ต่างๆ ในพื้นที่ต่างๆ บนรูปภาพ เราจะอธิบายวิธีสร้างลิงก์ในภายหลังด้วย