ข้อดีของการสร้าง Layouts คือทำให้หน้าเว็ปไซต์ของเราสวยงาม โดยการสร้าง Layouts นั้นเราจะใช้ <div> Elements ในการจัดกลุ่มของ HTML ของเรา โดยตัวอย่างจะทำการแบ่งกลุ่มออกเป็น 4 กลุ่ม
- header
- Menu
- Content
- Footer
ตัวอย่าง
My Slogan Company
My Input Content Here
source code
<div id='container' style='width: 100%' >
<div id='header' style='background-color: #EEEEEE;'>
<h2 style='color: #666666; text-align: center; font-family: verdana; padding: 10px;'>My Slogan Company</h2></div>
<div id='menu' style='background-color: #66CCCC; height: 200px; width:20%; float:Left;'>
<b>Main Menu</b><br/>
Menu1<br/>
Menu2<br/>
Menu3<br/>
Menu4<br/>
</div>
<div id='content' style='background-color: #FFFFCC; height: 200px; width: 80%; float:Left;'>
My Input Content Here
</div>
<div id='footer' style='background-color: #EEEEEE; text-align: center; font-family: Verdana; color: #666666; padding: 5px;'>
สร้างและพัฒนาโดย http://script-codephp.blogspot.com
</div>
</div>
ไม่มีความคิดเห็น:
แสดงความคิดเห็น