WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞

4-4. 準備首頁的基本框架

準備首頁 index.html 檔案

準備首頁第一層框架

<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>

設計 CSS 樣式

準備 layout.css 檔案,設定 index.html 連結到 layout.css。
設計 CSS 樣式,設計整體預設的樣式,
設計 header 區域基本高度、背景顏色與陰影,
設計 #main 區域基本高度與背景顏色,
設計 footer 區域背景顏色與文字樣式。

 

 

go TOP