WEB ◆ TS Library ◆ 熱衷分享 ◆ 享受教學相長 ◆ 無形的網絡擁有熱情溫度的傳遞
網頁設計基礎課程目錄

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

開啟 查看欄位名稱 > 將名稱填回網頁上設計好的表單

可以進行測試了!