線上書籍
Home
網頁設計好好玩
1. 網站開發環境
1-1 GitHub建立repository
2. Bootstrap4
2-1 HTML
2-2 標題
2-3 CSS
2-4 bootstrap4 容器
3. Bootstrap4 網格系統
3-1 響應式斷點
3-2 網格注意事項
4. 間隔工具
4-1 練習
5. Google 表單
6. 整合Google表單、試算表
6-1 Bootstrap12欄的網格系統
6-2 上課練習
7. 整合Google日曆
8. 套用免費樣板
9. 嵌入Google Maps
10. 嵌入聯絡我們表單
11. 修改網站內容
12. 入口網站
13. 圖片處理
14. 成果展
15. 成果展
範例:
https://webugm.github.io/petanque2017/
範例檔案下載:
https://startbootstrap.com/template-overviews/landing-page/
下載至 e:\ugm\github
至
GitHub
新增 Repo
設定GitHub Pages,並得到網址
將目錄切換至 「e:\ugm\github」,git clone .......
將範例加到入口網站:
13. 圖片處理
15. 成果展