ในการสร้างเว็บเพจแต่ละหน้าขึ้นมา ควรมีการกำหนดคุณสมบัติพื้นฐานให้กับเว็บเพจนั้นๆ ด้วย เพื่อจะใช้เป็นการตั้งค่าเริ่มต้นสำหรับ
การตกแต่งหน้าเว็บเพจซึ่งจะมีการแบ่งกลุ่มของคุณสมบัติออกเป็น 6 กลุ่ม ดังนี้
- Appearance(CSS)
- Appearance(HTML)
- Links(CSS)
- Headings(CSS)
- Title/Encoding
- Tracing Image
ในการเริ่มต้นกำหนดคุณสมบัติพื้นฐานของเว็บเพจนั้น ทำได้โดยไปคลิกเลือกที่เมนู Modify >> Page Properties... จะปรากฏหน้าต่าง
Page Properties ดังรูป โดยเริ่่มจากกลุ่มต่อไปนี้
1. Appearance (CSS) เป็นการกำหนดคุณสมบัติทั่วๆ ไปของการแสดงผลของเว็บเพจซึ่งจะเป็นค่าเริ่มต้นตามรูปแบบตามที่กำหนดดังนี้
- Page font เป็นการกำหนดแบบอักษรที่ต้องการโดยจะใช้กับเว็บเพจทั้งหน้า
- Size เป็นการกำหนดขนาดของตัวอักษรและต้องระบุหน่วยของขนาดด้วย
- Text color เป็นการกำหนดสีของข้อความ
- Background color เป็นการกำหนดสีของพื้นหลัง
- Repeat เป็นการกำหนดวิธีเรียงรูปภาพพื้นหลัง
- Left magin / Ringht margin เป็นการกำหนดระยะห่างด้านซ้ายและขวาของ
ขอบเว็บเพจกับของวินโดว์
- Top margin /Botton margin เป็นการกำหนดระยะห่างด้านบนและล่างของ
ขอบเว็บเพจกับของวินโดว์
|
|
2. Appearance (HTML) เป็นการกำหนดคุณสมบัติแสดงผลทั่วไปของหน้าเว็บเพจซึ่งจะเหมือนกับรูปแบบของ Appearance (CSS) โดยคำสั่งใด
ที่เหมือนกันก็จะใช้แบบ CSS เป็นหลัก มีกำหนดดังนี้
- Background image เป็นการกำหนดภาพพื้นหลังของเว็บเพจ
- Background เป็นการกำหนดสีพื้นหลังของเว็บเพจ
- Text เป็นการกำหนดสีของข้อความทั่วไป
- Links เป็นการกำหนดสีของสีลิงค์ในสภาวะปกติ
- Visited Links เป็นการกำหนดสีของลิงค์เมื่อคลิกแล้ว
- Active Links เป็นการกำหนดสีของลิงค์ขณะกำลังคลิก
- Left margin กำหนดระยะของเว็บเพจด้านซ้ายห่างจากขอบวินโดว์
- Top margin กำหนดระยะของเว็บเพจด้านบนห่างจากขอบวินโดว์
- Margin width กำหนดความกว้างของขอบเว็บเพจด้านซ้ายห่างจากขอบของวินโดว์
- Margin height กำหนดความสูงของขอบเว็บเพจด้านบนห่างจากขอบของวินโดว์
|
|
3. Link (CSS) เป็นการกำหนดคุณสมบตัิของไฮเปอร์ลิงค์ในเว็บเพจที่บันทึกในรูปแบบ CSS Style ไว้ มีการกำหนดดังนี้
- Link font เป็นการกำหนดแบบอักษรที่จะใช้กับข้อความที่จะทำเป็นจุดลิงค์
- Size กำหนดขนาดของตัวอักษร
- Link color กำหนดสีของจุดลิงค์ในสภาวะปกติ
- Rollover Links กำหนดสีของจุดลิงค์ในขณะที่ผู้ชมนั้นเลื่อนเม้าส์มาชี้
- Visited Links กำหนดสีจองจุดลิงคฺเมื่อมีการคลิกเลือกไปแล้ว
- Active Links กำหนดสีของจุดลิงค์ที่กำลังคลิกใช้งานอยู่
- Underline style เป็นกำหนดลักษณะของการแสดงเส้นใต้ที่เป็นจุดลิงค์
|
|
4. Headings (CSS) เป็นการกำหนดคุณสมบัติของข้อความของหัวเรื่องในเว็บเพจ
ดังนี้
- Heading font กำหนดรูปแบบอักษรของหัวเรื่อง โดยจะมีขนาด H1 -H6
- Heading เป็นการสีของข้อความหัวเรื่อง โดยทีขนาด H1- H6 เช่นกัน
|
|
5. Title/Encoding มีการกำหนดแต่ละส่วนดังนี้
- Title เป็นการกำหนดชื่อหรือคำอธิบายของเว็บเพจนั้นๆ โดยข้อความนั้น
จะไปปรากฏอยู่บนไตเติ้ลบาร์ของเว็บบราวเซอร์
- Document Type (DTD) เป็นการกำหนดว่าจะใช้รหัสคำสั่งใดใน
เว็บเพจ
ให้เป็นไปตามมาตรฐานของภาษาอะไร
- Encoding เป็นการกำหนดการเข้ารหัสภาษาของเว็บเพจ
|
|
6. Tracing Image เป็นการกำหนดเมื่อต้องการนำภาพตัวอย่างมาวางเพื่อช่วยในการออกแบบเว็บเพจ |
|