WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
網頁設計基礎課程目錄

5-4. 準備好網站的其他檔案

將「index.html」檔案 另存新檔 為以下4個檔案。

  • about.html
  • room.html
  • location.html
  • contact.html

將複製出來的4個檔案中修改以下項目。

  • 改變 <nav> 中按鈕的 class="active" 的位置。
  • 改變 橫幅區域 .banner 中的 img 圖片。
  • 改變 標題一 h1 與 標題二 h2 的文字。
  • 改變 標題二 h2 下方的 img 圖片。
  • 刪除 標題一 h1 下方的 img 圖片。

建議將「layout.css」檔案中屬於「index.html」檔案才需要的部份,
搬移到「index.html」檔案中的 「<style> ...... </style>」標籤內。