開發人員
1. 導讀
- 為什麼網頁開發對很多人都很重要?
- 哪裡去學習和當試網頁開發?
- 基本的網頁架構是怎樣的?
2. HTML 頁面
- HTML 的話法是怎樣的?
- <head> 裡頭應包括什麼?
- 怎樣可以方便到搜尋引擎?
3. 常用的 HTML 元素
- 什麼是語意HTML?
- 如何撰寫網頁內容?
- 怎樣才能把 HTML 架構好?
4. CSS 導讀
- CSS 的話法是怎樣的?
- 如何選取元素進行設計?
5. 字型，色彩，圖片
- 什麼是色彩?
- 如何改變字型和色彩?
- 怎樣使用圖片?
6. 版面配置
- 如何把 HTML 元素放好放滿?
- 怎樣控制大小和捲動方式?
- 如何舖排內容?
7. 指標玩透透
- 什麼是 CSS 虛擬類別/偽元素?
- CSS 如何跟滑鼠指標互動?
- 連結怎樣改變色彩?
8. 響應式網頁設計
- 響應式網頁設計 (RWD) 是什麼?
- CSS 如何幫到你應付不同的屏幕大小?
- 什麼是 <picture> 元素?
9. JavaScript 導讀
- JavaScript 的話法是怎樣的?
- 何時和哪裡可以使用編碼?
- 有沒有 "Hello World" 簡例?
10. JavaScript 話法
- 主要的資料種類有什麼?
- 如何加入條件式判斷?
- 什麼是 function?
11. 互動
- 如何使用時間?
- 什麼是 event?
- 如何改變 HTML 元素?
12. 指標玩透透 (二)
- 什麼是 Pointer Events?
- 如何深入瞭解滑鼠指標和觸控屏幕?
13. 表格/按鍵
- 如何建立表格?
- 怎樣設定點選按扭後的動作?
- 怎樣核對一份表格?
14. 承諾和存取
- 什麼是 JavaScript 承諾?
- 如何向外遞交一份表格?
- 怎樣存取外面的資料?
15. 動畫
- 怎樣在 CSS 製作動畫?
- 怎樣透過 JavaScript 繪製動畫?
16. 總論
- 應該怎樣考量效能等問題?
- 如何在互聯網建立網站?
更多的篇章將會陸續推出!