การตั้งค่าต่างๆ
ที่จำเป็นต่อการสร้างงาน
ก่อนที่จะทำการออกแบบเราต้องทราบถึงขนาดหน้าจอว่าว่าเราต้องการออกแบบหน้าจอให้จอภาพขนาดไหนที่สามารถ
รับชมเวบของเราได้พอดีกับหน้าจอ ในปัจจุบันจอคอมพิวเตอร์จะอยู่ในระดับ 15
นิ้ว ประมาณ 90 % ที่เหลือจะเป็น 14 และ 17 นิ้ว ในที่นี้แนะนำให้กำหนดขนาดระดับจอภาพ
15 นิ้ว ขนาด 800 x 600 เพราะจอใหญ่กว่าก็สามารถดูได้
การตั้งขนาดให้กับ
Document
ตั้งได้โดยการเลือกที่ด้านล่างของหน้างานโดยการ
Click ที่ลูกศรจะมีขนาดให้เลือก
![](image/03-01-dream.jpg)
หากไม่มีขนาดที่ต้องการให้เลือกที่
Edit Size จะเป็นหัวข้อ Perference ช่อง Status Bar ในหัวข้อ Window Sizes
จะมีให้เรา ระบุขนาด ตามต้องการในช่อง Width ใส่ขนาด 800 ส่วนช่อง Height
ใส่ขนาด 600 และ Click Ok จากนั้นให้กลับมาเลือกขนาด
จาก Window Size อีกครั้งจะมีขนาดที่ได้ตั้งไว้ปรากฎขึ้นมาและให้ทำการเลือกขนาดที่ได้กำหนดไว้หน้า
Document ก็จะเปลี่ยนเป็นขนาด 800 x 600 ทดสอบได้จากการ Click ที่ View >Rulers
เลือก Show และเลือกหน่วยเป็น Pixels
![](image/03-02-dream.jpg)
การตั้งตัวอักษร
การตั้งให้สามารถใช้ภาษาได้นั้นทำได้โดยการเลือกที่
Edit>Perference>Font Type/Encoding หรือใช้ Ctrl U
เป็นปุ่มลัดก็สามารถเข้าไปที่ Perferences ได้
![](image/03-03-dream.jpg)
ในหัวข้อ Font
/ Encoding ให้ระบุค่าดังนี้
Default
Encoding เลือกเป็น Other
Font
Setting เลือกเป็น Other
Proportional
Font เลือกเป็น Font อะไรก็ได้ที่ใช้ภาษาไทยได้แต่ควรเลือก Font ที่เป็นมาตราฐานหน่อย
เพราะถ้า Browser ของผู้ชมไม่มี Font ชนิดที่เราเลือกก็จะไม่สามารถแสดงได้ตามที่เราต้องการ
ขอแนะนำให้ใช้ Font ของ Ms Sans Serif ขนาด 10 pt เพราะเป็น Font มาตราฐานที่มีมากับระบบปฎิบัติการ
Window
Fixed
Font เลือกเหมือนเดิมไม่ต้องเปลี่ยนแปลง
Code
Inspector เลือก Ms Sans Serif ขนาดตามต้องการ ( เป็นตัวแสดง html )
Click
ok
ทดสอบโดยการพิมพ์ภาษาไทย
การตั้งค่าของ
Document
เลือก Modify >Page
Properties หรือ Clrt J จะช่วยให้ทำงานได้เร็วขึ้น
![](image/03-04-dream.jpg)
Title
ใส่ชื่อ
Background
Image เป็นการใช้รูปมาทำเป็น backgound ถ้ารูปมีขนาดเล็กทางโปรแกรมจะจัดเรียงเป็น
Patten เรียงรูปซ้ำกันเป็นแบบตาราง
Background
สีพื้นของเวบสามารถเลือกสีได้ตามต้องการโดยการ Click ที่ช่องสี จะมีจานสีให้เลือกดังภาพด้านล่าง
![](image/03-05-dream.jpg)
Text
เป็นสีของตัวอักษรสีมาตราฐานคือสีดำสามารถเลือกได้
Link
สีตัวอักษรที่เป็น Link มาตราฐานจะเป็นสีน้ำเงิน
Visited
Link เป็นสีสำหรับ Link ที่ไปมาแล้ว
Active
Link เป็นสีในขณะที่ Click Link
Document
Encoding ให้เลือกเป็น Other
Click
Apply
Click
Ok
จากนั้นจะกลับมาที่หน้า
Document พร้อมกับความเปลี่ยนแปลงของสีพื้นจะเปลี่ยนเป็นสีที่ได้ทำการเลือกไว้
|