Ainosco eBooks IN

初始化方式

此專案目前為靜態前端模板,無需安裝套件或執行建置流程。

  1. 開啟專案根目錄。
  2. 直接開啟 WebTemplate.1.0.0.1/login.html 即可預覽登入頁。
  3. 若需要本機開發伺服器,可使用 VS Code 的 Live Server 或任何靜態檔案伺服器。

基本結構

以下為目前專案主要結構(節錄重點):

Ainosco Ebook_IN_2/
├─ README.md
└─ WebTemplate.1.0.0.1/
	├─ readme.txt
	└─ src/
		├─ login.html
		├─ *.html                        # 各頁面模板
		├─ assets/                       # 靜態資源(images、icons、fonts、svg)
		├─ css/                          # 已編譯 CSS
		├─ js/                           # 前端互動腳本
		├─ layout/                       # 共用版型與片段(header/footer/components)
		├─ MailTemplate/                 # 系統信模板
		├─ scss/                         # SCSS 原始碼
		└─ specs/                        # 規格與手冊文件

目錄說明

  1. WebTemplate.1.0.0.1/src/
    • 主要開發區域,頁面與資源都集中在此目錄。
  2. WebTemplate.1.0.0.1/src/layout/
    • 管理共用頁首、頁尾與可重用區塊,改動前需確認相容性。
  3. WebTemplate.1.0.0.1/src/scss/ 與 WebTemplate.1.0.0.1/src/css/
    • SCSS 為原始樣式來源,CSS 為對應輸出結果。

維護建議

  1. 優先沿用既有檔名與資料夾慣例,避免破壞既有引用路徑。
  2. 修改 HTML 後先檢查圖片、CSS、JS 相對路徑是否正常。
  3. 涉及共用版型時,請一併驗證頁首與頁尾在主要頁面的顯示是否正常。