好康消息優惠

《跨平台網頁設計與動畫製作開發實戰》



前端網頁技術在近幾年來發展得非常快速， 從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 網站使用性
  
  

序

前端網頁技術在近幾年來發展得非常快速， 從HTML5、CSS3、Javascript、Node、React、Vue 等，前端技術就像是文藝復興一樣，快速發展且多元。也因為變化如此快速，筆者認為與其寫一些新技術或是發展中實驗中的技術，不如談一些筆者在自學接案五年來的一些技巧、撇步；不管各位是自學還是在其他教育單位學習，希望這些技巧撇步可以幫助到各位讀者。

在本書中，包含有HTML5、CSS3、Javascript 的手把手教學以外，也有相關的理論解說以及業界常用技巧，不管是網頁設計的新手，或是已經有相關經驗的使用者，希望本書都可以幫助到各位。

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

前端網頁技術在近幾年來發展得非常快速， 從HTML5、CSS3、Javascript、Node、React、Vue 等，前端技術就像是文藝復興一樣，快速發展且多元。也因為變化如此快速，筆者認為與其寫一些新技術或是發展中實驗中的技術，不如談一些筆者在自學接案五年來的一些技巧、撇步；不管各位是自學還是在其他教育單位學習，希望這些技巧撇步可以幫助到各位讀者。

在本書中，包含有HTML5、CSS3、Javascript 的手把手教學以外，也有相關的理論解說以及業界常用技巧，不管是網頁設計的新手，或是已經有相關經驗的使用者，希望本書都可以幫助到各位。

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