เรื่อง การแทรกรูปภาพในเว็บเพจ การทำ Webpage แน่นอนสิ่งหนึ่งที่จะขาดไม่ได้นอกจากตัวหนังสือแล้ว รูปภาพก็เป็นสิ่งจำเป็น การจะนำไฟล์รูปภาพต่าง ๆ เข้ามาใช้งานภายใน Webpage เราควรจะมีขอคำนึงถึงดังนี้ คือ
1. การใส่รูปภาพ
สำหรับใส่ Alternate Text ซึ่งเป็นคำบรรยายภาพ จะแสดงแทนภาพเมื่อภาพที่กำหนดโหลดขึ้นมาแสดงไม่ได้ หรือสำหรับบราวเซอร์ Internet explorer แสดงเมื่อมีเมาส์ไปอยู่เหนือภาพ ถ้าเขียนคำบรรยายไว้ในไฟล์อื่นก็สามารถทำลิงค์ไปหาได้โดยเลือกจากหัวข้อ Long description สิ่งสำคัญของการใส่รูปภาพ คือ รูปที่ใส่ต้องอยู่ในโฟลเดอร์ห้องภาพที่เตรียมไว้แล้ว มิฉtนั้นจะเกิดข้อผิดพลาดในการใส่รูปได้ หากมีการย้ายตำแหน่งโฟลเดอร์หลัก 2. การจัดตำแหน่งรูปในเว็บเพจ
การจัดโดยใช้ Align drop-down ด้านล่าง ให้ผลที่แตกต่างกัน เพราะมีการใช้ code <p> tag ในการจัดรูปแบบทำให้ไม่สามารถจัดรูปได้ ในการจัดตำแหน่งของรูปควรใช้ CSS ในการจัดเพราะจะทำให้ได้ผลลัพธ์ที่ถูกต้องกว่า 3. การจัดตำแหน่งรูปให้อยู่ในเนื้อหา
4. เครื่องมือสำหรับการตกแต่งรูปภาพใน Dreamweaver CS3 4.1 เครื่องมือการปรับแต่งภาพ
เครื่องมือที่ทำให้ใช้งานได้สะดวก คือ เครื่องมือปรับแต่งภาพโดยใช้ Firework โคยเมื่อคลิกที่ปุ่มนี้ จะเป็นการเปิดโปรแกรม Firework ขึ้นมา (Firework เป็นโปรแกรมที่ทำงานคล้ายกับ Illustrator) เมื่อเราทำการปรับแต่งภาพเรียบร้อยแล้ว ภาพที่ทำการปรับแต่งแล้วจะอัพเดทที่หน้า Dreamweaver CS3 อัตโนมัติ
เครื่องมือนี้ใช้ในการตัดภาพเอาเฉพาะส่วนที่เราต้องการเท่านั้นหรือเรียกว่าการ Crop ภาพ ซึ่งการแก้ไขไฟล์รูปของ Dreamweaver CS3 จะแก้ไขที่ไฟล์ต้นฉบับ ถ้าเราไม่ต้องการให้แก้ไขไฟล์ต้นฉบับก็ให้ copy ไฟล์นั้นและใช้ไฟล์ที่ copy แทน จะเป็นทางเลือกที่ดีกว่าเพราะป้องกันความผิดพลาดหรืออาจต้องการใช้ไฟล์นั้นอีกครั้ง ขั้นตอนการการตัดภาพมีดังนี้
4.3 เครื่องมือปรับความคมชัดของรูป
5. การใส่ภาพพื้นหลัง ในเว็บเพจ พื้นหลังของเว็บที่ดี จะช่วยส่งเสริมให้เว็บดูดีมากขึ้น และทำให้การอ่านเนื้อหาในเว็บทำได้ง่ายยิ่งขึ้น แต่หากเลือกสีพื้นหลังไม่ดี หรือไม่เข้ากับสีของตัวอักษรก็จะให้เกิดอุปสรรคในการอ่านเนื้อหาทันที เช่น การใช้ตัวอักษรโทนสีสว่าง พร้อมกับภาพพื้นหลังโทนสว่าง หรือใช้ภาพที่มีลวดลาดมากจนยุ่งเหยิง
หรือภาพที่เรียงซ้อนกันจนไม่สามารถอ่านเนื้อหาได้
6. การล็อกภาพื้นหลังไม่ให้เลื่อน ด้วย CSS Styles
|