3-8. sec5「聯絡我們」區域的設計
區域規劃
資料參考:表單 (Forms) 各項功能 Bootstrap說明網站(中) 、 w3schools(英) 、 RUNOOB(中)
index.html 配合網格系統分配空間+表單各項功能 再 "參考" 以下圖示進行修改設計
layout.css
結合 Google 表單
設計 Google 表單
前往 Google 雲端硬碟 > 新增 > Google 表單 > 配合網頁上設計的表單 > 設計 Google 表單
運用 Chrome 外掛 Web Developer
Chrome > 線上應用程式商店 > 搜尋 Web Developer > 加到 Chrome
切換到設計好的 Google 表單 > 預覽 點選 Web Developer 中的 Forms > 勾選 Display Form Details
開啟 查看欄位名稱 > 將名稱填回網頁上設計好的表單
可以進行測試了!