iT邦幫忙

2022 iThome 鐵人賽

DAY 28
0
自我挑戰組

從零開始自學HTML/CSS網頁設計系列 第 28

增加網站的頁面

  • 分享至 

  • xImage
  •  

當初只先製作了單頁的網頁,如需要增加內容就必須增加頁面,以下介紹要怎麼增加網頁。

  1. 首先先在www資料夾裡新增新的資料夾:
    https://ithelp.ithome.com.tw/upload/images/20221011/20152190PFYgKCgTTk.png
  2. 然後複製index.html到新資料夾裡:
    https://ithelp.ithome.com.tw/upload/images/20221011/201521903tlS7pBihD.png
  3. 打開新資料夾的html檔會發現無法套用CSS檔的情況,這是因為html檔被配置到下一層的資料夾,因此造成連結到css檔的路徑錯誤,因此我們要來修正這個錯誤,在連往CSS檔的路經增加「../」:
<link rel="stylesheet" href="../css/style.css">
  1. 因為新資料夾的html檔案都位於原本的html檔的下一層,因此要在元檔的首頁輸入以下的內容:
<li><a href="index.html">首頁</a><li>
<li><a href="information/index.html">電影資訊</a></li>
  1. 然後在新資料夾的html檔的首頁輸入以下內容:
<li><a href="../index.html">首頁</a><li>
<li><a href="index.html">電影資訊</a></li>

這樣就設定完成了!


上一篇
調整圖片的大小並裁切
下一篇
重點回顧
系列文
從零開始自學HTML/CSS網頁設計30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言