★快速打造行動優先的響應式網頁!
隨著無線通訊的蓬勃發展,行動上網的比例大幅超越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處理。
隨著無線通訊的蓬勃發展,行動上網的比例大幅超越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處理。