เครื่องมือที่ใช้ปรับแต่งภาพของ 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 ก็จะสามารถบีบอัดไฟล์ได้เรียบร้อย

เกี่ยวกับบทความนี้

  • ระดับความยาก : พื้นฐาน
  • คะแนนของบทความนี้ : 8
  • สร้างเมื่อ : 16-05-2010
  • จำนวนครั้งที่เปิด : 8,223
  • เนื้อหาที่เกี่ยวข้อง :
      -

คะแนนความน่าสนใจ

3560

คลิกที่ สุดยอด! เพื่อโหวตให้กับบทความนี้หากคิดว่าน่าสนใจ

บทความอื่นๆในหมวดลองทำเว็บไซต์ แบบง่ายๆ (5 เรื่อง)

การบีบอัดไฟล์รูป

การบีบอัดไฟล์รูป

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

สร้างเมื่อ : 16-05-2010 10:13 | จำนวนครั้งที่เปิด : 9,604


การใส่รูป และการจัดตำแหน่งของรูป

การใส่รูป และการจัดตำแหน่งของรูป

ในหัวข้อนี้จะเป็นเนื้อหาการใส่รูปในเว็บเพจ และการจัดตำแหน่งของรูป ให้ชิดซ้าย ขวา หรือ อยู่ตรงกลาง

สร้างเมื่อ : 16-05-2010 9:43 | จำนวนครั้งที่เปิด : 12,776


เครื่องมือที่ใช้ปรับแต่งภาพของ Dreamweaver

เครื่องมือที่ใช้ปรับแต่งภาพของ Dreamweaver

ในบทความนี้จะเป็นเรื่องเครื่องมือของ Dreamwerver ที่ใช้ในการตัดแต่งภาพ เช่น ปรับขนาดภาพ , ปรับความคมชัดของภาพ , ปรับแสง และเครื่องมือที่ใช้ในการบีบอัดไฟล์รูป [br]

สร้างเมื่อ : 16-05-2010 9:44 | จำนวนครั้งที่เปิด : 8,223


การใส่ภาพพื้นหลัง ให้เว็บเพจ

การใส่ภาพพื้นหลัง ให้เว็บเพจ

ภาพพื้นหลังของเว็บเพจที่ดีจะช่วยให้ เว็บเพจดูมีมิติ และทำให้การอ่านเนื้อหาในเว็บเพจง่ายยิ่งขึ้น

สร้างเมื่อ : 16-05-2010 9:44 | จำนวนครั้งที่เปิด : 21,823


Image map

Image map

image map เป็นการสร้างจุด (hot spot) บนรูปภาพ และให้จุดเหล่านั้นเป็นลิงค์ โดยเราจะสร้างกี่จุดในรูปก็ได้ ตัวอย่างการใช้งาน เช่น รูปการตูนที่มีหลายตัวละครในภาพเดียว เราจะทำ hot spot ให้กับรูปตัวละครแต่ละตัวแล้วให้ลิงค์ไปยังรายละเอียดของตัวละครนั้น

สร้างเมื่อ : 16-05-2010 9:45 | จำนวนครั้งที่เปิด : 7,029