การกำหนดรายละเอียดให้กับหน้าเว็บ
หน้าแรก Dreamweaver CS5 การกำหนดรายละเอียดให้กับหน้าเว็บ
หลังจากบทความที่แล้วเรื่องการตั้งค่า Site ไปแล้ว ในวันนี้ผมจะมาเขียนบทความเกี่ยวกับการกำหนดรายละเอียดให้กำหน้าเว็บของเรา ซึ้งจะมีความสำคัญเกี่ยวกับการแสดงผลของหน้าเว็บเลยที่เดียว ดังนั้นแล้ว เพื่อนๆ ควรจะรู้จัก ความหมาย การทำงานแต่ละ รายละเอียดกันดีกว่า เพื่อที่จะได้ง่ายต่อการตั้งค่า
ก่อนเริ่มใช้งานโปรแกรม Draemweaver เราควรกำหนดรายละเอียดของหน้าเว็บก่อน(page properties) โดยมีวิธี ทำดังนี้
1. สร้างไฟล์ html ก่อน โดยไปที่เมนู File > new แล้วเลือก ตาม รูปต่อไปนี้
2. เลือกเมนู Modify > Page Properties.... แล้วจะเจอหน้าตาแบบตัวอย่างรูปข้างล่างนี้
2.1 ใน แท็บ Appearance(css) จะมีรูปแบบการกำหนดดังต่อไปนี้
Page font คือ กำหนดรูปแบบตัวอักษร
Size คือ กำหนดขนาดตัวอักษร
Text Color คือ การกำหนดสีตัวอักษร
Background Color กำหนดสีพื้นหลังของเว็บ
Background image คือการกำหนดภาพให้เป็นพื้นหลังของเว็บ
Repeat คือการกำหนดให้ Background ทำซ้ำ ไม่ทำซ้ำ ทำซ้ำเฉพาะแกน x เป็นต้น
Left margin คือการกำหนดระยะห่างขอบซ้ายของหน้าเว็บ
Right margin คือการกำหนดระยะห่างขอบขวาของหน้าเว็บ
Top margin คือ การกำหนดระยะห่างขอบบนของหน้าเว็บ
Botton margin คือการกำหนดระยะห่างขอบล่างของหน้าเว็บ
2.2 ใน แท็บ Appearance(html) จะมีรูปแบบที่คล้ายกับ Appearance(css) แตกต่างกันตรงที่จัดรูปแบบการเก็บเป็น css กับ html
2.3 ในแท็บ Link(css) จะมีรูปแบบการกำหนดดังต่อไปนี้
Link font กำหนดฟอนต์ของลิ้งค์
Size กำหนดขนาดของตัวอักษรของลิ้งค์
Link color กำหนด สีของลิ้งค์
Rollover link กำหนดสีของลิ้งค์ตอนที่ เอาเมาส์ไปชี้
Visited link กำหนดสีของลิ้งค์ตอนที่คลิกลิ้งค์นี้ไปแล้ว
Active links กำหนดสีของลิ้งค์ขณะที่ใช้งาน
Underline Style กำหนดรูปแบบการขีดเส้นใต้ให้กับลิ้งค์
2.4 Heading (css) เป็นการกำหนดรูปแบบของ Heading โดยกำหนดรูปแบบตัวอักษรของแต่ละ Heading
2.5 Title/Encoding กำหนดส่วนชื่อให้ส่วนไตเติ้ลของเว็บ
Title กำหนดชื่อไตเติ้ลของเว็บ
Document Type กำหนดประเภทของเว็บ
Encoding กำหนดรูปแบบของภาษาที่จะใช้ทำเว็บ
refer: http://www.thaidevise.com/%E0%B8%AA%E0%B8%AD%E0%B8%99-Dreamweaver/Page-8.html
ขึ้นไปด้านบน