HTML 5+CSS 3網頁設計經典范例 ( 簡體 字) |
作者:李俊民,黃盛奎 | 類別:1. -> 程式設計 -> 網路編程 -> HTML 2. -> 程式設計 -> 網路編程 -> CSS |
譯者: |
出版社:電子工業出版社 | 3dWoo書號: 33411 詢問書籍請說出此書號!【有庫存】 NT售價: 245 元 |
出版日:8/1/2012 |
頁數:332 |
光碟數:1 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787121173363 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: 言 HTML 5是當今最流行的網絡技術之一,伴隨著網絡技術的不斷發展,HTML 5被不斷地應用到網絡技術當中,當今各大瀏覽器開發公司如微軟、蘋果、Mozilla和Opera的瀏覽器開發業務都變得異常繁忙。2010年3月,在微軟的MIX2010大會上,微軟的工程師在介紹Internet Explorer 9瀏覽器的同時,從前端技術的角度把因特網的發展分為了“Web 1.0”、“Web 2.0”和“HTML 5”3個階段。在這種局勢下,學習HTML 5無疑成為Web開發者的一大重要任務,誰先學會HTML 5,誰就掌握了邁向未來Web平臺的一把鑰匙。本書將幫助國內的Web開發者更好地學習HTML 5技術,以便早日運用這些技術開發出一個具有現代水平的、在未來的Web平臺上能夠正常運行的Web網站或Web應用程序。 本書特色 1.結構合理,簡單易學 本書所講解的內容涵蓋了HTML 5中各方面的技術知識。本書采用通俗易懂的語言進行講解,使讀者很容易就能夠理解書中所講解的內容。 2.示例豐富,步驟詳細 本書采取由淺入深、由易到難的學習規律進行講解,書中的每個重要知識點都配合相應的示例進行講解,并且每個示例的操作步驟都講解得非常細致,讀者只需仔細閱讀就能夠非常容易地掌握每個示例。 3.突出思想,強調方法 本書凝聚了筆者多年的Web程序開發經驗,書中的每個知識點都融合了筆者對HTML 5的學習思路和方法,從而提高了讀者在開發網站程序時解決實際問題的能力。 本書配套光盤中包含各個實例的源代碼程序,讓讀者可以在最短的時間內學習更多的知識。 本書內容 本書共分為18章,詳細講解了HTML 5各個方面的技術知識,具體講解的內容分別如下。 第1章:主要講解了HTML 5的發展歷程和目標,以及HTML 5的新增功能等方面的相關知識。 第2章:主要講解了HTML 5與HTML 4在語法、元素和屬性上的差異。 第3章:介紹了HTML 5的結構,如HTML 5的主體結構元素和非主體結構元素,以及HTML 5 大綱,并對這些元素如何使用樣式進行了講解。 第4章:主要學習了HTML 5繪圖功能,對Canvas API進行了深入的學習。 第5章:詳細介紹了HTML 5 中Audio和Video元素的用法,演示了它們如何在網頁中應用。 第6章:介紹了HTML 5 Forms的新特性,隨后了解了各大瀏覽器對HTML 5 Forms的支持情況,對輸入型控件進行了詳細的闡述,并且通過上機操作,對新的表單元素使用樣式。另外,對驗證表單及如自定義錯誤消息也進行了深入的講解。 第7章:講解了HTML 5新增的頁面元素與增強的頁面元素,并對HTML 5 File API進行了深入的講解。 第8章:講解了獲取地理位置信息的各種方法、用戶隱私的處理,以及在網頁中使用電子地圖等知識。 第9章:講解了Web本地存儲的概念,以及通過API函數和本地數據庫存儲本地數據的具體實現方法。 第10章:講解了離線Web的基礎知識,以及離線Web的具體實現和應用等方面的內容。 第11章:首先介紹了Web Worker API的一些基礎知識,然后講解了Web Worker API的使用方法,最后講解了Worker API具體應用等方面的內容。 第12章:講解了WebSockets API的基礎知識、WebSockets API的使用方法及應用等方面的內容。 第13章:講解了CSS樣式的基礎知識,包括CSS概述,CSS選擇器類型、CSS的繼承特性和CSS樣式表的類型等知識。 第14章:講解了使用CSS設置字體、段落等知識。 第15章:講解了使用CSS設置背景、圖片樣式,以及其他邊框樣式等知識。 第16章:講解了使用CSS設置列表類型。列表項圖像和列表符號位置等知識。 第17章:首先介紹了盒模型的概念,然后講解了盒的浮動和定位等方面的內容。 第18章:主要講解Div+CSS布局網頁的方法,包括Div概述、CSS布局方式等內容。 讀者對象 本書主要適用如下人群閱讀。 具有一定基礎的Web前段開發人員。 Web項目的項目管理人員。 具有一定美術功底的Web前端設計師和UI設計師。 開設了Web開發等專業的高等院校和相關培訓機構的師生。 本書作者 本書由李俊民、黃盛奎編寫。參編人員還有尼春雨、張麗、王國勝、伏銀戀、蔣軍軍、蔡大慶、劉松云、尼朋、陳麗麗、趙丹丹、胡廣平、王亞坤和李遠等。在寫作的過程中我們力求做到精益求精,但由于作者水平有限,書中難免有不足之處,歡迎廣大讀者批評指正。如果您在閱讀的過程中遇到什么問題,可隨時與我們聯系,郵箱:it_book@126.com。
編著者 |
內容簡介:本書共分為18章,涵蓋了HTML 5和CSS3中各方面的技術知識。主要內容包括HTML 5概述、HTML 5與HTML 4的區別、HTML 5的結構、canvas繪圖功能、網絡上的視頻和音頻應用、表單應用、全新的文件應用、地理位置信息處理、Web本地存儲應用、離線Web應用、Web Workers API的應用、應用WebSockets API通信、CSS樣式入門、使用CSS控制文字樣式、使用CSS設置圖片和背景、使用CSS控制列表、CSS盒模型,以及Div+CSS布局方法等內容。 |
目錄:01 HTML 5概述 1
1.1 HTML 5介紹 1 1.2 HTML 5的發展歷程 2 1.3 認識HTML 5 3 1.3.1 兼容性 3 1.3.2 用戶優先和效率 3 1.3.3 化繁為簡 4 1.3.4 通用訪問 4 1.4 HTML 5的新增功能 5 1.4.1 字符集和DOCTYPE的改進 5 1.4.2 新元素 5 1.4.3 標準改進 6 1.4.4 使用Selectors API簡化選取操作 6 1.4.5 window.JSON 8 1.5 使用HTML 5的優勢 9 1.6 HTML 5的未來發展 9 1.6.1 Internet Explorer 8 9 1.6.2 眾多全新瀏覽器的支持 9 1.7 本章小結 10 02 HTML 5與HTML4的區別 11 2.1 語法上的差異 11 2.1.1 HTML 5的語法變化 11 2.1.2 HTML 5中的標記方法 12 2.1.3 HTML 5與舊版本的兼容性 12 2.2 元素上的差異 13 2.2.1 HTML 5中新增加的元素 13 2.2.2 HTML 5中廢除的元素 19 2.3 屬性上的差異 19 2.3.1 HTML 5中新增加的屬性元素 19 2.3.2 HTML 5中廢除的屬性 20 2.3.3 全局屬性 20 2.4 本章小結 22 03 HTML 5的結構 23 3.1 新的主體結構元素 23 3.1.1 article元素 23 3.1.2 section元素 24 3.1.3 nav元素 25 3.1.4 aside元素 27 3.1.5 time元素與微格式 28 3.1.6 pubdate屬性 29 3.2 新的非主體結構元素 30 3.2.1 header元素 30 3.2.2 hgroup元素 30 3.2.3 footer元素 31 3.2.4 address元素 32 3.3 HTML 5的結構闡述 32 3.3.1 HTML 5大綱 33 3.3.2 對新的結構元素使用樣式 35 3.4 本章小結 36 04 繪圖功能的實現 37 4.1 canvas API概述 37 4.1.1 canvas是什么 37 4.1.2 canvas的歷史 38 4.1.3 canvas坐標 38 4.1.4 什么情況下不使用canvas 39 4.1.5 替代內容 39 4.1.6 CSS和canvas 39 4.1.7 瀏覽器對canvas的支持 39 4.1.8 canvas的核心Context 40 4.2 如何使用canvas API 40 4.2.1 檢測瀏覽器是否支持 40 4.2.2 在頁面中加入canvas 41 4.2.3 上機操作——繪制矩形 41 4.3 應用canvas API繪制曲線路徑 45 4.3.1 路徑 45 4.3.2 上機操作——描邊樣式 46 4.3.3 上機操作——對矩形填充樣式 47 4.3.4 上機操作——繪制曲線 48 4.4 應用canvas API繪制圖像 49 4.4.1 上機操作——在canvas中插入圖像 49 4.4.2 上機操作——繪制漸變圖像 50 4.4.3 上機操作——縮放canvas對象 52 4.4.4 上機操作——canvas變換 53 4.5 canvas文本應用 55 4.5.1 上機操作——canvas 文本繪制 55 4.5.2 上機操作——應用陰影 56 4.5.3 上機操作——像素數據 57 4.6 實例精講——動態時鐘 58 4.7 本章小結 62 05 網絡上的視頻和音頻應用 63 5.1 HTML 5 中audio和video概述 63 5.1.1 視頻容器 63 5.1.2 音頻和視頻編解碼器 65 5.1.3 HTML 5音視頻的問題 67 5.1.4 哪些瀏覽器支持Audio和Video元素 67 5.1.5 HTML 5音視頻支持格式 68 5.2 HTML 5中audio和video元素的應用 69 5.2.1 檢測瀏覽器是否支持 69 5.2.2 audio元素 70 5.2.3 上機操作——使用audio元素 72 5.2.4 video元素 72 5.2.5 上機操作——使用video元素 74 5.3 實例精講——在HTML 4中實現音頻和視頻的播放 75 5.4 實例精講——在HTML 5中實現音頻和視頻的播放 78 5.5 本章小結 82 06 表單的應用 83 6.1 HTML 5 Forms概述 83 6.1.1 Forms和XForms 83 6.1.2 HTML 5 Forms的新特性 84 6.1.3 瀏覽器對HTML 5 Forms的支持情況 84 6.1.4 輸入型控件 86 6.2 表單新特性與函數 86 6.2.1 新增屬性 87 6.2.2 大幅度地增加與改良input元素的種類 90 6.2.3 上機操作——對新的表單元素使用樣式 93 6.2.4 上機操作——追加output元素 95 6.3 驗證表單 95 6.3.1 驗證狀態對象 95 6.3.2 上機操作——自動驗證 96 6.3.3 上機操作——顯示驗證 97 6.3.4 取消驗證 98 6.3.5 上機操作——自定義錯誤信息 98 6.4 實例精講——HTML 5中的Forms應用 99 6.5 本章小結 102 07 全新的文件應用 103 7.1 新增的頁面元素 103 7.1.1 上機操作——figure元素Forms 103 7.1.2 上機操作——figcaption元素Forms 104 7.1.3 上機操作——details元素Forms 104 7.1.4 上機操作——mark元素Forms 105 7.1.5 上機操作——progress元素Forms 105 7.1.6 上機操作——meter元素Forms 106 7.1.7 上機操作——menu元素Forms 107 7.1.8 上機操作——command元素Forms 108 7.2 增強的頁面元素 109 7.2.1 上機操作——ol列表 109 7.2.2 上機操作——dl列表 111 7.2.3 上機操作——cite元素 111 7.2.4 上機操作——small元素 112 7.3 文件API 112 7.3.1 filelist對象與file對象 112 7.3.2 blob對象 113 7.3.3 FileReader接口 113 7.4 拖放API 115 7.4.1 實現拖放API的過程 115 7.4.2 dataTransfer對象的屬性與方法 116 7.4.3 上機操作——設置拖放時的 視覺效果 116 7.4.4 上機操作——自定義拖放圖標 118 7.5 實例精講——在HTML 5中實現文件拖放 120 7.6 本章小結 123 08 地理位置信息處理 125 8.1 關于地理位置信息 125 8.1.1 經度和緯度坐標 125 8.1.2 IP地址定位數據 126 8.1.3 GPS地理定位數據 126 8.1.4 Wi-Fi地理定位數據 126 8.1.5 手機地理定位數據 126 8.1.6 用戶自定義的地理定位 127 8.2 瀏覽器對Geolocation的支持 127 8.2.1 Geolocation API概述 127 8.2.2 HTML 5 Geolocation的瀏覽器支持情況 130 8.3 隱私的處理 131 8.3.1 應用隱私保護機制 131 8.3.2 處理位置信息 132 8.4 使用Geolocation API 132 8.4.1 檢測瀏覽器是否支持 132 8.4.2 位置請求 133 8.5 實例精講——在網頁中使用電子地圖 135 8.6 本章小結 136
09 Web本地存儲應用 137 9.1 Web Storage概述 137 9.1.1 Web Storage介紹 137 9.1.2 上機操作——簡易的Web留言本 138 9.1.3 上機操作——簡單的數據庫應用 142 9.2 Web Storage的瀏覽器支持情況 145 9.3 使用Web Storage API 145 9.3.1 檢測瀏覽器的支持情況 145 9.3.2 上機操作——設置和獲取數據 147 9.3.3 封堵數據泄露 148 9.3.4 localStorage與sessionStorage 148 9.3.5 探索Web Storage 148 9.4 本地數據庫 149 9.4.1 什么是本地數據庫 149 9.4.2 用executesql來執行查詢的實現方法 150 9.4.3 上機操作——使用數據庫實現網頁留言 150 9.4.4 transaction方法 155 9.5 本章小結 156 10 離線Web應用 157 10.1 離線Web概述 157 10.1.1 離線Web介紹 157 10.1.2 離線Web應用的瀏覽器支持情況 158 10.2 使用離線Web 158 10.2.1 構建簡單的離線應用程序 158 10.2.2 支持離線行為 159 10.2.3 mannifest文件介紹 159 10.2.4 上機操作——applicationCache對象 161 10.3 實例精講——HTML 5中離線Web的具體應用 166 10.4 本章小結 172 11 Web Workers API應用 173 11.1 Web Workers概述 173 11.1.1 Web Workers介紹 173 11.1.2 上機操作——Web Workers的簡單應用 174 11.2 使用Web Workers API 176
11.2.1 上機操作——檢測瀏覽器是否支持 176 11.2.2 創建Web Workers 177 11.2.3 多線程文件的加載與執行 177 11.2.4 上機操作——與Web Workers通信 178 11.3 Web Workers線程應用 179 11.3.1 上機操作——與線程進行數據的交互 180 11.3.2 上機操作——線程嵌套 182 11.3.3 上機操作——在多個子線程中進行數據交互 185 11.4 實例精講——HTML 5中的Web Workers應用 189 11.5 本章小結 194 12 應用WebSockets API通信 195 12.1 WebSockets概述 195 12.1.1 WebSockets介紹 195 12.1.2 實時通信與HTTP請求 195 12.1.3 WebSockets工作原理 196 12.1.4 WebSockets的瀏覽器支持情況 197 12.2 上機操作——編寫簡單的Echo WebSocket服務器 198 12.3 WebSockets通信 202 12.3.1 WebSockets通信的基本知識 202 12.3.2 上機操作——使用WebSockets API 203 12.4 實例精講——HTML 5中的WebSockets應用程序 205 12.5 本章小結 208 13 CSS樣式入門 209 13.1 CSS概述 209 13.1.1 CSS的概念 209 13.1.2 CSS的特點 210 13.1.3 CSS選擇器分類 210 13.2 CSS選擇器類型 211 13.2.1 CSS選擇器分類 211 13.2.2 通用選擇器 212 13.2.3 多元素的組合選擇器 213 13.2.4 屬性選擇器 214 13.2.5 偽元素和偽類選擇器 218 13.3 CSS的繼承特性 238 13.3.1 繼承關系 238 13.3.2 CSS繼承的局限性 238 13.4 樣式表的類型 239 13.4.1 內聯樣式表 239 13.4.2 嵌入樣式表 239 13.4.3 外部樣式表 240 13.4.4 導入樣式表 240 13.5 本章小結 240
14 使用CSS控制文字樣式 241 14.1 字體設置 241 14.1.1 字體樣式 241 14.1.2 字體大小 243 14.1.3 字體粗細 243 14.1.4 字體顏色 244 14.1.5 斜體 245 14.1.6 字體變體 246 14.1.7 字符轉換 247 14.1.8 文本修飾 247 14.2 設置段落樣式 248 14.2.1 設置段落對齊 248 14.2.2 設置行間距 251 14.2.3 設置字間距和字母間距 252 14.2.4 文本縮進 253 14.2.5 首字下沉 254 14.2.6 處理空白符 255 14.3 本章小結 256 15 使用CSS設置背景 257 15.1 設置背景 257 15.1.1 設置背景顏色 257 15.1.2 設置背景圖片 258 15.1.3 設置背景圖片重復 259 15.1.4 設置圖片的位置 260 15.1.5 設置背景滾動模式 261 15.1.6 設置背景定位 264 15.1.7 設置背景裁剪 265 15.1.8 設置背景圖像的大小 267 15.2 設置圖片樣式 269 15.2.1 設置圖片邊框 269 15.2.2 設置圖片縮放 271 15.3 設置其他邊框樣式 272 15.3.1 border-radius屬性 272 15.3.2 border-image屬性 273 15.4 本章小結 274 16 使用CSS控制列表 275 16.1 列表控制簡述 275 16.1.1 列表的控制原則 275 16.1.2 列表符號類型 276 16.2 列表相關屬性 279 16.2.1 設置列表類型 279 16.2.2 設置列表項圖像 281 16.2.3 設置列表符號位置 282 16.2.4 列表綜合屬性 283 16.3 本章小結 283 17 CSS盒模型 285 17.1 盒模型的概念 285 17.1.1 什么是盒模型 285 17.1.2 設置外邊距的大小 286 17.1.3 設置邊框 287 17.1.4 設置內邊距的大小 289 17.1.5 外邊距合并 290 17.2 盒的浮動 292 17.2.1 元素的浮動屬性 292 17.2.2 清除浮動屬性 293 17.3 盒的定位 294 17.3.1 靜態定位 294 17.3.2 相對定位 295 17.3.3 絕對定位 296 17.3.4 固定定位 298 17.3.5 z-index空間位置 299 17.4 本章小結 300 18 Div + CSS布局方法 301 18.1 Div概述 301 18.1.1 什么是Div 301 18.1.2 插入Div 302 18.2 CSS 布局方式 304 18.2.1 兩列布局 304 18.2.2 三列布局 307 18.2.3 多列布局 308 18.3 使用Div + CSS布局網頁 311 18.3.1 網頁布局頁面分析 311 18.3.2 制作網頁 312 18.4 本章小結 319 |
序: |