WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
4-3. 締思膳食茗茶館---網站內容版型設計
開啟 about.html 檔案, 調整為網站內容頁面的版型設計
調整 CSS 連結的路徑 (相關路徑請自行判斷修改)

調整導覽區上的內容與連結的路徑

設計 main 區域內:左右兩欄
HTML 部份 (在 about.html 檔案)

CSS 部份 (在 layout.css 檔案)
完成以上的修改調整之後, 複製出相關檔案
運用另存新檔, 再複製出以下檔案
- ----- meal.html ---------- 膳食介紹
- ----- tea.html ------------ 茗茶介紹
- ----- teamake.html ------ 製茶介紹
- ----- contact.html -------- 歡迎光臨
目前結果參考如下:
