การสร้างเส้นแบ่งเนื้อหา

การสร้างเส้นแบ่งเนื้อหา

   หากเนื้อหาในเว็บเพจมีจานวนมาก สามารถสร้างเส้นแบ่งเนื้อหาแนวนอน เพื่อให้สะดวกต่อการอ่านข้อมูล หรือเพื่อแบ่งเนื้อหาให้ออกเป็นสัดส่วนได้ดังนี้
   การสร้างเส้นแบ่งเนื้อหา 
การสร้างเส้นแบ่งเนื้อหามีขั้นตอนดังนี้
1.  คลิกวางเคอร์เซอร์ในบรรทัดที่ต้องการสร้างเส้นแบ่งเนื้อหา
2.  ที่ 
Insert Panel คลิกเลือก Common 
3.  คลิก    เพื่อสร้างเส้นแบ่งเนื้อหา
4.  จะได้เส้นแบ่งเนื้อหาตามต้องการ


การกำหนดคุณสมบัติของเส้นแบ่งเนื้อหา 
     สามารถกำหนดคุณสมบัติของเส้นแบ่งเนื้อหาให้มีความกว้าง ความหนา การจัดตำแหน่ง มีขั้นตอนดังนี้
1.  คลิกเส้นแบ่งเนื้อหา
2.  ที่พาเนล 
Properties กำหนดความกว้าง (W) เป็น pixels หรือ % ได้ตามความต้องการและกำหนดความสูง (H)
3.  
กำหนดตำแหน่ง กึ่งกลาง ชิดซ้าย หรือชิดขวา 


การใส่สีให้กับเส้นแบ่งเนื้อหา 
          นอกจากจะกำหนดคุณสมบัติของเส้นแบ่งเนื้อหาแล้วยังสามารถกำหนดสีของเส้นแบ่งเนื้อหาเพื่อความสวยงามได้อีก
1.  คลิกเมาส์ขวาที่ เส้นแบ่งเนื้อหา
2.  คลิกเลือกคาสั่ง 
Edit Tag<hr>
3.  
ที่หน้าต่าง Tag Editor –hr คลิกที่ Browser Specific
4.  
ที่ Color กำหนดสีตามต้องการ
5.   คลิกปุ่ม 
OK
6.  
บันทึกไฟล์ แล้วกดแป้น F12 เพื่อแสดงผลบนบราวเซอร์ จะได้เส้นแบ่งเนื้อหาที่เป็นสีตามต้องการ 




ไม่มีความคิดเห็น:

แสดงความคิดเห็น