Dreamweaver CS

เปลี่ยนสีของตัวอักษรที่เป็น Hyperlink

สีของลิงก์เราสามารถเปลี่ยนได้เพื่อให้เหมาะสมกับเว็บไซต์ของเรา แต่สิ่งสำคัญคือเราต้องเปลี่ยนแล้วให้ผู้ใช้ยังรู้ว่านี่คือลิงก์

เปลี่ยนสีของตัวอักษรที่เป็น Hyperlinkเราสามารถเปลี่ยนสี ขนาด การขีดเส้นใต้ ของตัวอักษรที่เป็น Hyperlink ได้ตามขั้นตอนด้านล่าง

1. เปิดหน้าเว็บเพทที่ต้องการปรับแต่ง

2. ไปที่ Menu เลือก Modify > Page Properties

3. จะมีหน้าต่างขึ้นมาดังรูปด้านล่าง

4. ที่ categoty ทางซ้ายมือเลือก link จะมีหน้าจอให้ปรับดังรูป



รายละเอียดต่างๆของเครื่องมือมีดังนี้

1. Link font เป็น font ที่จะใช้แสดงตัวอักษรที่เป็น hyperlink ด้านหลังจะมีสัญลักษณ์ B (ทำให้ตัวอักษรที่เป็น hyperlink เป็นตัวหนาทั้งหมด) และ I (ทำให้ตัวอักษรที่เป็น hyperlink เป็นตัวเอียงทั้งหมด) สามารถเลือกคลิกได้

2. Size ปรับขนาดของตัวอักษรที่เป็น hyperlink

3. การปรับสีของ hyperlink เมื่ออยู่ในสถานะต่างๆ มีรายละเอียดดังนี้

1.Link Color เป็นสีที่ใช้แสดง Hyperlink ที่เรายังไม่เคยคลิกเปิดดู

2.Visited Links เป็นสีที่ใช้แสดง Hyperlink ที่เราเคยคลิกเปิดดูแล้ว

3.Rollover Links เป็นสีที่ใช้แสดง Hyperlink เมื่อมีเมาส์วางอยู่ด้านบน

4.Active Links: เป็นสีที่ใช้แสดง Hyperlink เมื่อเราคลิกที่ hyperlink

4.ปรับการขีดเส้นใต้ของ Hyperlink มีรายละเอียดดังนี้

1.Always underline ให้แสดงเส้นใต้ในทุกกรณี

2.Never underline ไม่แสดงเส้นใต้ในทุกกรณี

3.Show underline only on rollver แสดงเส้นใต้เฉพาะตอนที่มีเมาส์อยู่ด้านบนเท่านั้น

4.Hide underline on rollver ปรกติจะแสดงเส้นใต้ แต่เมื่อเมาส์อยู่ด้านบนไม่ต้องแสดงเส้นใต้

คลิกโอเค Hyperlink ก็จะปรับหน้าตามที่เราได้ตั้งไว้

การตั้ง page properties เป็นการกำหนด CSS ในเว็บเพจนั้นเองเราสามารถดูรายละเอียด CSS ที่เรากำหนดได้ที่ code หรือที่ vertical docking panel ในหัวข้อ CSS ดังรูปด้านล่าง(สามารถศึกษาเรื่อง CSS เพิ่มเติมได้ในเว็บไซต์ของเรา)


เลื่อนขึ้นด้านบน