跳到主要內容
平台

網頁專案

靜態網站(HTML/CSS/JS),可在測試伺服器上即時預覽;需求要寫什麼,以及如何架設成品。

更新於

本頁內容
  1. 檔案怎麼組織
  2. 在測試伺服器上預覽
  3. 需求要寫什麼
  4. 驗證
  5. 架設

Codexe 會用 HTML、CSS 和 JavaScript 產生靜態網站:一個完整的網站,可以上傳到任何靜態網站主機。沒有東西要編譯。

#檔案怎麼組織

Codexe 寫網站的方式就跟開發者一樣:index.html(每多一個頁面就多一個 HTML 檔案)只放標記,css/style.css 放所有樣式,js/main.js 放所有腳本,彼此用相對路徑連結,所以不管把資料夾上傳到哪裡都能運作。

#在測試伺服器上預覽

在專案頁面打開預覽,網站就會在 Codexe 的測試伺服器上執行,像在真正的主機上一樣逐檔提供:

  • 每個頁面、樣式表、腳本和圖片都從各自的檔案載入,頁面之間的連結也能正常使用;
  • 每次 AI 修改後,預覽會自動重新載入;你手動編輯檔案後,大約幾秒也會重新載入;
  • 預覽旁邊的按鈕會在新分頁中開啟同一個網站。

網站在與你的 Codexe 帳號隔離的環境中執行:它的腳本看不到你的工作階段,也看不到你的其他專案。

#需求要寫什麼

  • 用途和目標對象(「Minecraft 伺服器的到達頁面」、「3D 藝術家的作品集」)。
  • 區塊或頁面,以及每一個要放什麼內容。
  • 風格:顏色、字型、深色或淺色、參考對象(「極簡,像 SaaS 的到達頁面」)。
  • 有的話請提供真實內容(名稱、價格、連結)。否則 AI 會寫出看起來合理的暫用內容,之後要由你替換。
  • 行為:表單、選單、動畫,以及表單是否真的要送到某個地方。

#驗證

網站沒有東西要建置;就緒代表產生已經完成(請參閱專案生命週期)。請在預覽中檢查。

#架設

ZIP 檔(下載)就是一個一般的靜態網站。任何能提供靜態檔案的地方都可以架設。

網頁專案 | Codexe Docs