HTML5 + CSS3 智慧型手機專用網站設計

許郁文 譯

  • 出版商: 碁峰資訊
  • 出版日期: 2013-06-04
  • 定價: $450
  • 售價: 7.9$356
  • 語言: 繁體中文
  • 頁數: 320
  • ISBN: 9862767901
  • ISBN-13: 9789862767900
  • 相關分類: CSSHTML
  • 已絕版

買這商品的人也買了...

商品描述

<內容簡介>

濃縮了所有製作智慧型手機專用網站的HTML5CSS3技巧的最強學習書

想學會製作行動裝置的專用網頁,必須熟悉各類裝置(iOSAndroid)的特性以及內建於裝置裡的瀏覽器,這可不是件容易的事。
本書將說明如何建立能與智慧型手機進行良好互動的網頁設計、如何判斷裝置的特性與功能、如何設定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
的使用

關鍵詞索引
索引