HTML5+CSS3智慧型手機專用網站設計 | 誠品線上

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

內容簡介

內容簡介 濃縮了所有製作智慧型手機專用網站的HTML5與CSS3技巧的最強學習書想學會製作行動裝置的專用網頁，必須熟悉各類裝置(iOS、Android)的特性以及內建於裝置裡的瀏覽器，這可不是件容易的事。本書將說明如何建立能與智慧型手機進行良好互動的網頁設計、如何判斷裝置的特性與功能、如何設定View Port以及如何讓網頁支援高解析度的裝置，這些身為網頁設計及網站架設的你必須知道且一定要會的製作技術。書末更整理了關鍵詞索引，讓忙碌的你能快速查找所需功能。

作者介紹

作者介紹 ■作者簡介エ・ビスコム・テック・ラボ

產品目錄

產品目錄 CHAPTER 1 建構支援智慧型手機與平板電腦的網站1 支援智慧型手機與平板電腦的網站的發展沿革2 回應式網頁設計3 基於density 設計的Viewport4 專為切換版面的橫幅設計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 的使用● 關鍵詞索引● 索引

商品規格

活動

• 6/20前 全站滿$3,000享9折
• 6/20前 全站滿$1,500享92折