跨平台網頁設計與動畫製作開發實戰：HTML5、CSS、JavaScript、jQuery設計技法大公開

前端網頁技術在近幾年來發展得非常快速， 從HTML5、CSS3、Javascript、Node、React、Vue 等，前端技術就像是文藝

復興一樣，快速發展且多元。也因為變化如此快速，筆者認為與其寫一些新技術或是發展中實驗中的技術，不如談一些筆者在自學接案五年來的一些技巧、撇步；不管各位是自學還是在其他教育單位學習，希望這些技巧撇步可以幫助到各位讀者。

在本書中，包含有HTML5、CSS3、Javascript 的手把手教學以外，也有相關的理論解說以及業界常用技巧，不管是網頁設計

的新手，或是已經有相關經驗的使用者，希望本書都可以幫助到各位。

最後感謝業界眾多朋友、同事等人協助，沒有你們本書不會誕生。

前端網頁技術在近幾年來發展得非常快速， 從HTML5、CSS3、Javascript、Node、React、Vue 等，前端技術就像是文藝

復興一樣，快速發展且多元。也因為變化如此快速，筆者認為與其寫一些新技術或是發展中實驗中的技術，不如談一些筆者在自學接案五年來的一些技巧、撇步；不管各位是自學還是在其他教育單位學習，希望這些技巧撇步可以幫助到各位讀者。

在本書中，包含有HTML5、CSS3、Javascript 的手把手教學以外，也有相關的理論解說以及業界常用技巧，不管是網頁設計

的新手，或是已經有相關經驗的使用者，希望本書都可以幫助到各位。

最...

01網站規劃與管理
1-1 網站規劃
1-2 分析網站的目的與目標對象
1-3 網站報價與時程規劃
1-4 素材準備
1-5 網站管理
1-6 網站最佳化
02 HTML 起手式
2-1 HTML5 簡介
2-2 HTML5 文件類型與編碼
2-3 標題與段落
2-4 插入圖片與連結
2-5 清單
2-6 表格
03 HTML5 語意標籤與新式表單
3-1 語意標籤
3-2 新式表單
3-3 瀏覽器支援
04 CSS 起手式
4-1 CSS 概論
4-2 選取器
4-3 顏色
4-4 文字樣式
4-5 背景
4-6 清單
4-7 盒子模型－ Box Model
4-8 定位
05 CSS 視覺效果
5-1 圓角
5-2 陰影
06 CSS 動態特效
6-1 變形
6-2 轉換
6-3 動畫
6-4 特效應用
07 網頁排版技巧
7-1 浮動
7-2 區塊元素與行內元素
7-3 Flex-Box
7-4 垂直置中
7-5 RWD 自適應網頁設計
08 Javascript & jQuery 起手式
8-1 概論
8-2 陣列與物件
8-3 函式
8-4 條件判斷
8-5 jQuery 概論
09 jQuery 外掛應用
9-1 圖片輪播－ bxSlider
9-2 燈箱效果－ Fancy Box
9-3 瀑布式版型－ Masonry
9-4 綜合範例
10 使用者介面概論
10-1 網站視覺元素
10-2 網站使用性

01網站規劃與管理
1-1 網站規劃
1-2 分析網站的目的與目標對象
1-3 網站報價與時程規劃
1-4 素材準備
1-5 網站管理
1-6 網站最佳化
02 HTML 起手式
2-1 HTML5 簡介
2-2 HTML5 文件類型與編碼
2-3 標題與段落
2-4 插入圖片與連結
2-5 清單
2-6 表格
03 HTML5 語意標籤與新式表單
3-1 語意標籤
3-2 新式表單
3-3 瀏覽器支援
04 CSS 起手式
4-1 CSS 概論
4-2 選取器
4-3 顏色
4-4 文字樣式
4-5 背景
4-6 清單
4-7 盒子模型－ Box Model
4-8 定位
05 CSS 視覺效果
5-1 圓角
5-2 陰影
06 CSS 動態特效
6-1 變...