iT邦幫忙

2025 iThome 鐵人賽

DAY 25
0
自我挑戰組

網頁設計自我挑戰 - 從零開始系列 第 25

檔案管理的學問:專案目錄結構與命名

  • 分享至 

  • xImage
  •  

一個好的專案結構,能快速找到需要的檔案,也能讓其他人更容易理解專案的內容。

一個常見的網頁專案結構如下:

iThome2025/
├── day25.html
├── css/
│   └── style.css
├── images/
│   └── pic.png
├── js/
│   └── script.js

將 HTML、CSS、JavaScript 檔案分開放在不同的資料夾。
將所有圖片都放在 images 資料夾。

將目前的作品集專案,整理成標準的目錄結構。需要修改 HTML 和 CSS 中圖片路徑的引用。
例如,從 images/pic.png。

執行成果 :
https://ithelp.ithome.com.tw/upload/images/20250901/20171037lRPUtPkxqB.png


上一篇
SEO 優化的第一步:網頁的元資訊
下一篇
最終頁面的打磨:頁腳區塊與版權資訊
系列文
網頁設計自我挑戰 - 從零開始26
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言