濃縮了所有製作智慧型手機專用網站的HTML5與CSS3技巧的最強學習書
想學會製作行動裝置的專用網頁,必須熟悉各類裝置(iOS、Android)的特性以及內建於裝置裡的瀏覽器,這可不是件容易的事。
本書將說明如何建立能與智慧型手機進行良好互動的網頁設計、如何判斷裝置的特性與功能、如何設定View Port以及如何讓網頁支援高解析度的裝置,這些身為網頁設計及網站架設的你必須知道且一定要會的製作技術。
書末更整理了關鍵詞索引,讓忙碌的你能快速查找所需功能。
適用讀者 :
> 需對HTML/CSS/JavaScript 有初步了解
> 想在行動裝置設計出更好看的介面
> 想知道如何設計對應不同版面尺寸的手機網頁
> 想學會互動式及流動版面的網頁設計
這本書絕對是網頁設計師、網站製作人員必備的工具書。
目錄
CHAPTER 1 建構支援智慧型手機與平板電腦的網站
1 支援智慧型手機與平板電腦的網站的發展沿革
2 回應式網頁設計
3 基於density 設計的Viewport
4 專為切換版面的橫幅設計
CHAPTER 2 回應式網頁設計的實踐
● 回應式網頁設計的主要版型
● 回應式網頁設計的基本設定
A 流動版面的回應式網頁設計
B 靜態版面的回應式網頁設計
C 流動版面 + 靜態版面組成的回應式網頁設計
CHAPTER 3 特性與功能的判別
1 裝置的特性與功能的判別
2 CSS3 的媒體詢問功能
3 由CSSOM 執行的媒體詢問功能
4 透過JavaScript 語法取得特性的值
5 功能的判別
CHAPTER 4 Viewport 與瀏覽器的設定
1 Viewport 的基本設定
2 顯示網址列
3 設定Web Clip 的圖示
CHAPTER 5 支援高解析度裝置的設定
1 支援高解析度裝置的設定
2 高解析度圖片的使用方式
3 SVG 圖片的使用方式
4 網路字型的使用方式
CHAPTER 6 技術性範例
1 使用HTML5 的邏輯構造標記
2 利用HTML5 顯示視訊
3 表單的設計
4 有效率地編排橫向排列的選單
5 依照畫面的寬度決定段落編排
6 將頁首固定在畫面上方
7 精緻化內容區塊
8 設定動畫效果
9 只在相容的瀏覽器裡顯示SVG 圖片
10 利用inline SVG+CSS 設定滑鼠移入效果
11 動態變更Viewport 的設定
12 在桌上型電腦環境瀏覽時,關閉回應式網頁的設定
13 依照裝置顯示最適當的圖片
14 動態切換內容區塊的內容
15 統一滑鼠移入的效果
16 依照畫面寬度縮放文字
17 jQuery Mobile 的使用
● 關鍵詞索引
● 索引
CHAPTER 1 建構支援智慧型手機與平板電腦的網站
1 支援智慧型手機與平板電腦的網站的發展沿革
2 回應式網頁設計
3 基於density 設計的Viewport
4 專為切換版面的橫幅設計
CHAPTER 2 回應式網頁設計的實踐
● 回應式網頁設計的主要版型
● 回應式網頁設計的基本設定
A 流動版面的回應式網頁設計
B 靜態版面的回應式網頁設計
C 流動版面 + 靜態版面組成的回應式網頁設計
CHAPTER 3 特性與功能的判別
1 裝置的特性與功能的判別
2 CSS3 的媒體詢問功能
3 由CSSOM 執行的媒體詢問功能
4 透過JavaScript 語法取得特性的值...
購物須知
關於二手書說明:
商品建檔資料為新書及二手書共用,因是二手商品,實際狀況可能已與建檔資料有差異,購買二手書時,請務必檢視商品書況、備註說明及書況影片,收到商品將以書況影片內呈現為準。若有差異時僅可提供退貨處理,無法換貨或再補寄。
商品版權法律說明:
TAAZE 單純提供網路二手書託售平台予消費者,並不涉入書本作者與原出版商間之任何糾紛;敬請各界鑒察。
退換貨說明:
二手書籍商品享有10天的商品猶豫期(含例假日)。若您欲辦理退貨,請於取得該商品10日內寄回。
二手影音商品(例如CD、DVD等),恕不提供10天猶豫期退貨。
二手商品無法提供換貨服務,僅能辦理退貨。如須退貨,請保持該商品及其附件的完整性(包含書籍封底之TAAZE物流條碼)。若退回商品無法回復原狀者,可能影響退換貨權利之行使或須負擔部分費用。
訂購本商品前請務必詳閱
退換貨原則、
二手CD、DVD退換貨說明。