การตั้งค่าต่างๆ
ที่จำเป็นต่อการสร้างงาน
ก่อนที่จะทำการออกแบบเราต้องทราบถึงขนาดหน้าจอว่าว่าเราต้องการออกแบบหน้าจอให้จอภาพขนาดไหนที่สามารถ
รับชมเวบของเราได้พอดีกับหน้าจอ ในปัจจุบันจอคอมพิวเตอร์จะอยู่ในระดับ 15
นิ้ว ประมาณ 90 % ที่เหลือจะเป็น 14 และ 17 นิ้ว ในที่นี้แนะนำให้กำหนดขนาดระดับจอภาพ
15 นิ้ว ขนาด 800 x 600 เพราะจอใหญ่กว่าก็สามารถดูได้
การตั้งขนาดให้กับ
Document
ตั้งได้โดยการเลือกที่ด้านล่างของหน้างานโดยการ
Click ที่ลูกศรจะมีขนาดให้เลือก
หากไม่มีขนาดที่ต้องการให้เลือกที่
Edit Size จะเป็นหัวข้อ Perference ช่อง Status Bar ในหัวข้อ Window Sizes
จะมีให้เรา ระบุขนาด ตามต้องการในช่อง Width ใส่ขนาด 800 ส่วนช่อง Height
ใส่ขนาด 600 และ Click Ok จากนั้นให้กลับมาเลือกขนาด
จาก Window Size อีกครั้งจะมีขนาดที่ได้ตั้งไว้ปรากฎขึ้นมาและให้ทำการเลือกขนาดที่ได้กำหนดไว้หน้า
Document ก็จะเปลี่ยนเป็นขนาด 800 x 600 ทดสอบได้จากการ Click ที่ View >Rulers
เลือก Show และเลือกหน่วยเป็น Pixels
การตั้งตัวอักษร
การตั้งให้สามารถใช้ภาษาได้นั้นทำได้โดยการเลือกที่
Edit>Perference>Font Type/Encoding หรือใช้ Ctrl U
เป็นปุ่มลัดก็สามารถเข้าไปที่ Perferences ได้
ในหัวข้อ 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 จะช่วยให้ทำงานได้เร็วขึ้น
Title
ใส่ชื่อ
Background
Image เป็นการใช้รูปมาทำเป็น backgound ถ้ารูปมีขนาดเล็กทางโปรแกรมจะจัดเรียงเป็น
Patten เรียงรูปซ้ำกันเป็นแบบตาราง
Background
สีพื้นของเวบสามารถเลือกสีได้ตามต้องการโดยการ Click ที่ช่องสี จะมีจานสีให้เลือกดังภาพด้านล่าง
Text
เป็นสีของตัวอักษรสีมาตราฐานคือสีดำสามารถเลือกได้
Link
สีตัวอักษรที่เป็น Link มาตราฐานจะเป็นสีน้ำเงิน
Visited
Link เป็นสีสำหรับ Link ที่ไปมาแล้ว
Active
Link เป็นสีในขณะที่ Click Link
Document
Encoding ให้เลือกเป็น Other
Click
Apply
Click
Ok
จากนั้นจะกลับมาที่หน้า
Document พร้อมกับความเปลี่ยนแปลงของสีพื้นจะเปลี่ยนเป็นสีที่ได้ทำการเลือกไว้
|