เครื่องมือที่ใช้ปรับแต่งภาพของ Dreamweaver
Dreamwerver
  เครื่องมือใหม่ของ Dreamwerver ที่เกี่ยวกับการจัดการรูปนั้นได้เพิ่มขึ้นมากมาก เช่น ปรับขนาดภาพ , ปรับความคมชัดของภาพ , ปรับแสง และเครื่องมือที่ใช้ในการบีบอัดไฟล์รูป ซึ่งทำให้เราสามารถจัดการกับรูปได้ง่ายยิ่งขึ้นและเสียเวลาน้อยลงอย่างมาก  เครื่องมือที่ใช้จัดการกับรูปจะอยู่ที่ Property inspector โดยจะแสดงเมื่อเราคลิกที่รูปภาพ ดังตัวอย่างด้านล่าง

เครื่องมือที่ทำให้เราใช้งานได้สะดวกก็คือก็คือ เครื่องมือปรับแต่งภาพโดยใช้ Firework โคยเมื่อคลิกที่ปุ่มนี้ จะเป็นการเปิดโปรแกรม Firework ขึ้นมา ( Firework เป็นโปรแกรมที่ทำงานคล้ายกับ Illustrator )เมื่อเราทำการปรับแต่งภาพเรียบร้อยแล้ว ภาพที่ทำการปรับแต่งแล้วจะอัพเดทที่หน้า Dreamwerver เอง
** หมายเหตุ ** การปรับแต่งภาพโดยใช้เครื่องมือ ที่กล่าวมาด้านบนทั้งหมดเป็นการแก้ไขที่ไฟล์ต้นฉบับโดยตรง โดยจะบันทึกซ้ำไฟล์ต้นฉบับทันที ดังนั้นเราจึงควรตรวจสอบความเรียบร้อยของรูปก่อนจึงทำการบันทึก
เครื่องมือที่ใช้ในการตัดภาพ
เครื่องมือนี้ใช้ในการตัดภาพเอาเฉพาะส่วนที่เราต้องการเท่านั้น โดยวิธีการดังรายละเอียดด้านล่างการแก้ไขไฟล์รูปของ Dreamwer จะแก้ไขที่ไฟล์ต้นฉบับ ถ้าเราไม่ต้องการให้แก้ไขไฟล์ต้นฉบับก็ให้ copy ไฟล์นั้นและใช้ไฟล์ที่ copy มาแทน จะเป็นทางเลือกที่ดีกว่าเพราะป้องกันความผิดพลาดหรือ อาจต้องการใช้ไฟล์นั้นอีกครั้ง
  1.เลือกรูปที่ต้องการตัด
  2.ไปที่ Property inspector เลือกเครื่องมือที่ใช้ตัด
  3.เมื่อเลือกเครื่องมือที่ใช้ตัดแล้วจะมีหน้าต่างคำเตือนขึ้นมาว่า การแก้ไขไฟล์จะทำที่ไฟล์ต้นฉบับ ให้เราคลิก OK
  4.เมื่อคลิก OK ก็จะมีกล่องขึ้นมาในรูป เราสามารถเลือกปรับขนาดพื้นที่ ของรูปที่เราต้องการให้อยู่ในกล่องนั้น
  5.เมื่อปรับขนาดเสร็จแล้วให้ ดับเบิลคลิก ในกล่องการตัดภาพก็จะเสร็จสมบรูณ์

เครื่องมือที่ใช้ปรับความคมชัดของรูป
เครื่องมือนี้ใช้ในการปรับความคมชัดของภาพ โดยวิธีการดังรายละเอียดด้านล่างการแก้ไขไฟล์รูปของ Dreamwer จะแก้ไขที่ไฟล์ต้นฉบับ ถ้าเราไม่ต้องการให้แก้ไขไฟล์ต้นฉบับก็ให้ copy ไฟล์นั้นและใช้ไฟล์ที่ copy มาแทน จะเป็นทางเลือกที่ดีกว่าเพราะป้องกันความผิดพลาดหรือ อาจต้องการใช้ไฟล์นั้นอีกครั้ง
  1.เลือกรูปที่ต้องปรับความคมชัด
  2.ไปที่ Property inspector เลือกเครื่องมือที่ใช้ปรับความคมชัด
  3.เมื่อเลือกเครื่องมือที่ใช้ตัดแล้วจะมีหน้าต่างคำเตือนขึ้นมาว่า การแก้ไขไฟล์จะทำที่ไฟล์ต้นฉบับ ให้เราคลิก OK
  4.เมื่อคลิก OK ก็จะมีหน้าต่างขึ้นมาให้เราเลือกปรับความคมชัด
  5.คลิก OK ก็จะได้ความคมชัดที่ต้องการ
เครื่องมือที่ใช้บีบอัดไฟล์รูป
Dreamweaver ก็มีเครื่องมือที่ใช้ในการบีบอัดไฟล์รูปมาให้เหมือนกันถึงแม้ว่า ยังทำได้ไม่ดีเท่ากับ Photoshopการบีบอัดไฟล์สามารถเลือกฟอร์เมตไฟล์ต่างๆได้ดังนี้ JPEG , GIF และ PNG และยังบอกรายละเอียดขนาดของไฟล์ที่บึบอัดให้อีกด้วย รายละเอียดการบีบอัดไฟล์ดังด้านล่าง
การแก้ไขไฟล์รูปของ Dreamwer จะแก้ไขที่ไฟล์ต้นฉบับ ถ้าเราไม่ต้องการให้แก้ไขไฟล์ต้นฉบับก็ให้ copy ไฟล์นั้นและใช้ไฟล์ที่ copy มาแทน จะเป็นทางเลือกที่ดีกว่าเพราะป้องกันความผิดพลาดหรือ อาจต้องการใช้ไฟล์นั้นอีกครั้ง
  1.เลือกรูปที่ต้องบีบอัด
  2.ไปที่ Property inspector เลือกเครื่องมือที่ใช้บีบอัดรูป
  3.เมือเลือกแล้วจะมีหน้าต่างขึ้นมาดังรูป

  4.เลือกฟอร์เมตของไฟล์ที่ต้องการบีบอัด
  5.เมื่อเลือกฟอร์เมตแล้ว ภาพที่แสดงผลจะเปลี่ยนไปตามฟอร์เมตที่เลือก เมื่อพอใจกับขนาดของไฟล์แล้วคลิก OK ก็จะสามารถบีบอัดไฟล์ได้เรียบร้อย
เกี่ยวกับบทความนี้
- ระดับความยาก : พื้นฐาน
- คะแนนของบทความนี้ : 6
- สร้างเมื่อ : 16-05-2010
- จำนวนครั้งที่เปิด : 1,672
- เนื้อหาที่เกี่ยวข้อง :
- -
คลิกที่ สุดยอด! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ
บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (5 เรื่อง)
การบีบอัดไฟล์รูป
ถึงแม้ว่ารูปจะมีข้อดีมากมาย แต่ถ้าเรามีรูปในเว็บเพจมากเกินไป หรือไฟล์รูปที่ใหญ่เกินไปจะทำให้เว็บไซต์ของเราแสดงผลได้ช้ามาก ในหัวข้อนี้จะกล่าวถึงเครื่องมือที่ใช้ในการบีบอัดไฟล์รูปให้เล็กลงโดยไม่ โดยภาพไม่เสียความชัดเจนไป
สร้างเมื่อ : 16-05-2010 10:13 | จำนวนครั้งที่เปิด : 1,720
การใส่รูป และการจัดตำแหน่งของรูป
ในหัวข้อนี้จะเป็นเนื้อหาการใส่รูปในเว็บเพจ และการจัดตำแหน่งของรูป ให้ชิดซ้าย ขวา หรือ อยู่ตรงกลาง
สร้างเมื่อ : 16-05-2010 9:43 | จำนวนครั้งที่เปิด : 2,193
เครื่องมือที่ใช้ปรับแต่งภาพของ Dreamweaver
ในบทความนี้จะเป็นเรื่องเครื่องมือของ Dreamwerver ที่ใช้ในการตัดแต่งภาพ เช่น ปรับขนาดภาพ , ปรับความคมชัดของภาพ , ปรับแสง และเครื่องมือที่ใช้ในการบีบอัดไฟล์รูป [br]
สร้างเมื่อ : 16-05-2010 9:44 | จำนวนครั้งที่เปิด : 1,672
การใส่ภาพพื้นหลัง ให้เว็บเพจ
ภาพพื้นหลังของเว็บเพจที่ดีจะช่วยให้ เว็บเพจดูมีมิติ และทำให้การอ่านเนื้อหาในเว็บเพจง่ายยิ่งขึ้น
สร้างเมื่อ : 16-05-2010 9:44 | จำนวนครั้งที่เปิด : 3,003
Image map
image map เป็นการสร้างจุด (hot spot) บนรูปภาพ และให้จุดเหล่านั้นเป็นลิงค์ โดยเราจะสร้างกี่จุดในรูปก็ได้ ตัวอย่างการใช้งาน เช่น รูปการตูนที่มีหลายตัวละครในภาพเดียว เราจะทำ hot spot ให้กับรูปตัวละครแต่ละตัวแล้วให้ลิงค์ไปยังรายละเอียดของตัวละครนั้น
สร้างเมื่อ : 16-05-2010 9:45 | จำนวนครั้งที่เปิด : 1,488

