跨裝置網頁設計 -- HTML5、CSS3、JavaScript、jQuery、Bootstrap, 4/e
內容描述
★快速打造行動優先的響應式網頁!
隨著無線通訊的蓬勃發展,行動上網的比例大幅超越PC上網,網站推出「行動版」已經成為時勢所趨,而且一個現代化的網站應該導入行動優先 (mobile first) 的概念,也就是以優化行動裝置體驗為主要考量,其它裝置次之。本書所要介紹的就是建置跨平台、跨裝置網站的重要技術。
■ 使用HTML5的元素和各種表單輸入類型,讓網頁的結構條理分明。
■ 使用CSS3的Box Model、定位方式,以及字型、文字、清單、色彩、背景、漸層、表格、陰影、邊界、留白、框線、多欄位排版、2D/3D變形處理、媒體查詢等屬性,以根據PC或行動裝置的特徵設計網頁。
■ 使用JavaScript的核心語法和瀏覽器端的應用,讓靜態網頁具有動態效果,包括DOM、JavaScript內建的物件、事件處理等。
■ 使用jQuery的核心語法、事件與特效,讓網頁設計更便利快速。
■ 使用Bootstrap 4開發行動優先的響應式網頁,讓網頁完整呈現在PC、平板、手機等裝置,達到One Web One URL (一網站一網址) 的目標。
■ 使用jQuery Mobile建立行動網頁的介面,將跨平台、跨裝置所面臨的相容性問題交給jQuery Mobile處理。
目錄大綱
Part 1 HTML5
Ch01 網頁設計簡介
Ch02 文件結構
Ch03 資料編輯與格式化
Ch04 圖片與表格
Ch05 影音多媒體
Ch06 表單
Part 2 CSS3
Ch07 CSS基本語法
Ch08 字型、文字與清單屬性
Ch09 色彩、背景、漸層與表格屬性
Ch10 Box Model與定位方式
Ch11 特殊效果與媒體查詢
Part 3 JavaScript & jQuery
Ch12 JavaScript基本語法
Ch13 物件、DOM與事件處理
Ch14 jQuery
Part 4 響應式網頁設計 & Bootstrap
Ch15 使用Bootstrap開發響應式網頁
Ch16 Bootstrap元件
Ch17 RWD網頁實例
Part 5 行動網頁設計 & jQuery Mobile(此單元為PDF電子書,請線上下載)
Ch18 使用jQuery Mobile開發行動網頁
Ch19 jQuery Mobile UI元件