<body>
<header> </header>
<div id="main"> </div>
<footer class="w3-center">
Copyright © 2015 TS AUTOS | 建議使用 IE10 以上 或 Chrome 瀏覽器 | Maintain by tsuiling1020@gmail.com <br>
(網站設計模擬練習用,相關影像資訊來自網路各網站,如
<a href="https://www.kingautos.net/" target="_blank">KA</a> 或
<a href="https://autos.udn.com/autos/index" target="_blank">UDN</a>
,如有侵權請告知,即刻刪除處理)
</footer>
</body>
準備 layout.css 檔案，設定 index.html 連結到 layout.css。
設計 CSS 樣式，設計整體預設的樣式，
設計 header 區域基本高度、背景顏色與陰影，
設計 #main 區域基本高度與背景顏色，
設計 footer 區域背景顏色與文字樣式。