> DreamweaverMX > การกำหนดค่าสี ตัวอักษร และรูปภาพ
การจัดตัวอักษร และรูปภาพ
เปิด Window นี้ โดย กด Ctrl+j หรือ เลือก Modify > Page Properties

ตัวอักษรต่างๆ เกิดขึ้นจากวิธีการดังนี้
  1. พิมพ์โดยตรงลงใน File กำหนด Font, Size ตามต้องการ
  2. นำตัวอักษรเข้ามาจากโปรแกรมประเภท Space Sheet, Word โดยการ Copy และ Paste
การปรับแต่งค่าตัวอักษรใน Property Inspector
การเพิ่ม Font ลงใน Edit Font List
การใช้ List
วิธีทำ
  1. พิมพ์ข้อความต่อเนื่องไปเรื่อยๆ หากต้องการขึ้นข้อใหม่ให้กด Enter
  2. เลือกข้อความทั้งหมด แล้วกดปุ่ม Ordered List ใน Property Inspector จะสังเกตว่าข้อความทั้งหมดถูกจัดอยู่ในระดับเดียวกัน
  3. การแก้ไขรูปแบบของ List ทำได้โดย การวาง Cursor ในส่วนใดใดก็ได้ของ ข้อมูลที่เป็น List แล้วเลือก Text > List > Properties...
ตัวอย่างของการจัด List
  • ลำดับที่ 1
  • ลำดับที่ 2
  • ลำดับที่ 3
  • ลำดับที่ 4
  • ลำดับที่ 5
  • ลำดับที่ 1
  • ลำดับที่ 2
  • ลำดับที่ 3
  • ลำดับที่ 4
  • ลำดับที่ 5
  1. ลำดับที่ 1
  2. ลำดับที่ 2
  3. ลำดับที่ 3
  4. ลำดับที่ 4
  5. ลำดับที่ 5
  1. ลำดับที่ 1
  2. ลำดับที่ 2
  3. ลำดับที่ 3
  4. ลำดับที่ 4
  5. ลำดับที่ 5
  1. ลำดับที่ 1
  2. ลำดับที่ 2
  3. ลำดับที่ 3
  4. ลำดับที่ 4
  5. ลำดับที่ 5
 
การตั้งค่ารูปภาพ

วิธีทำ

  1. วาง Cursor ในตำแหน่งที่ต้องการของหน้าเอกสาร
  2. กดปุ่ม Insert Image ที่ Object แบบ Common
  3. เลือกภาพจาก Folder ที่ต้องการ เมื่อได้ภาพที่ต้องการแล้ว กดปุ่ม Select
  4. ขณะที่ยัง Select ภาพอยู่ ให้มาเลือกที่ Align ดังนี้ แล้วเลือกตำแหน่งตามต้องการ
ตัวอย่างที่ 1 เมื่อกำหนดให้ Table มีค่า Horizal และ Vertical แบบ Default
Base Line

Top

 Middle
Bottom Text Top Absolute Middle
Absolute Buttom Left Right

ในแต่ละเซลล์ของตาราง <td> จะมีการกำหนดค่าดังนี้
ค่า Horizon คือค่าของวัตถุตามแนวขวาง สามารถกำหนดให้เป็น Left, Center, Right ได้
ค่า Vertical คือค่าของวัตถุตามแนวนอน สามารถกำหนดให้เป็น Top, Middle, Buttom, Baseline ได้

การตั้งค่าสี

     สีที่ใช้ใน Web จะเป็นเพียง 256 สีเท่านั้น ซึ่งจะแทนค่าเลขฐาน 16 ประกอบด้วย 3 สีคือ Red Green Blue
โดยมีรูปแบบการเขียน เป็น #RRGGBB เลขฐานสิบเริ่มจาก 0-255 เลขฐานสิบหกเริ่มจาก 0-FF
(ตัวพิมพ์ใหญ่และตัวพิมพ์เล็กมีค่าเท่ากัน)

    การกำหนดสีทำได้โดยเลือก ซึ่งสามารถใช้ปรับสีของตัวอักษร สีพื้น สีของตาราง และเซล์ สีของขอบตาราง ได้
โดยใน Dreamweaver มี Function เลือกสีที่ดีเยี่ยม 3 แบบคือ

1. Mode สีที่เป็น Web Safe โดยโปรแกรมจะปรับให้ Snap to Web Safe หมายถึงเป็นสีที่ไม่เกิด
การเพี้ยนเมื่อปรากฎใน Browser ใน สถานะที่ Snap to Web Safe ทำงานคือมีเครื่องหมายถูก ปรากฎ
อยู่ข้างหน้า ถ้าไม่ต้องการสามารถเลือกซ้ำเพื่อให้เครื่องหมายถูกหายไปก็ได้ การเลือก Function ต่างๆ นี้ทำได้
โดย กดที่ ซึ่งแบ่งย่อยเป็น 5 แบบดังนี้

    1. Color Cube
    2. Continuous Tone
    3. Windows OS
    4. Mac OS
    5. Grayscale

2. Mode สีแบบ Color palette คือการผสมสีใหม่ตามความต้องการ

3. Mode สีแบบ Eye Dropper คือการเลือกดูดสีจากภาพใน Web
การกำหนดสีตัวอักษรและสีพื้นด้วย Set Color Scheme

    Set Color Scheme คือชุดสีของตัวอักษร และสีพื้นสำเร็จรูปที่กำหนดไว้แล้ว

วิธีทำ ไปที่ Commands > Set Color Scheme ดังรูป

เลือกสี Background แล้วเลือก ชุดText and Links ตามต้องการดังภาพ แล้วกด Ok ถ้าไม่ชอบก็สามารถ
เปลี่ยนแปลงได้ใน Page Property ( Ctrl+j)

 
Home   ::   About me   ::  Dreamweaver   ::   CourseBuilder   ::   FlashMX   ::   FreehandMX   ::   Educational Games
http://se-ed.net/plearn • Last updated on 25-Jun-2005 • poonsri.vate@gmail.com