无码视频一区二区三区在线播放 ,国产18精品乱码在线看AV,免费的AV片一区二区三区视频

本書以HTML5為基礎，系統(tǒng)闡述Web前端開發(fā)的內容，一些案例結合了HTML5與CSS3的典型應用，目的是幫助讀者快速掌握網站開發(fā)技術。本書適合網站前端開發(fā)人員提高使用，也適用信息技術類及相關專業(yè)讀者。

第1部分　HTML5及其應用第1章　HTML5概述　2 1.1　HTML5簡介　2 1.1.1　HTML　2 1.1.2　HTML5　3 1.2　HTML5與HTML4的區(qū)別　4 1.2.1　HTML5文檔結構的變化　4 1.2.2　HTML5語法的變化　5 1.2.3　HTML5增加和刪除的元素　6 1.2.4　HTML5的全局屬性　8 1.3　HTML5的特性　10 1.4　HTML5的開發(fā)環(huán)境　11 1.4.1　HTML5的開發(fā)工具簡介　11 1.4.2　WebStorm集成開發(fā)環(huán)境　12 1.4.3　使用XAMPP搭建服務器環(huán)境　13 1.4.4　支持HTML5的瀏覽器和幫助文檔　15 思考與練習　16 第2章　HTML5的文檔結構元素　17 2.1　HTML的元素和屬性　17 2.2　HTML文檔的基本結構元素　19 2.3　HTML5新增的結構元素　20 2.3.1　用DIV描述的網頁布局　20 2.3.2　HTML5增加的結構元素　21 思考與練習　28 第3章　HTML5的基本頁面元素　29 3.1　文本元素　29 3.1.1　段落標記

和換行標記
　29 3.1.2　標題標記　30 3.1.3　塊標記

和　31 3.2　列表元素　31 3.2.1　有序列表標記

　34 3.3　超鏈接元素　35 3.3.1　超鏈接屬性　35 3.3.2　超鏈接類型　36 3.3.3　超鏈接路徑　37 3.4　圖像元素和多媒體元素　39 3.4.1　圖像標記　39 3.4.2　多媒體文件標記

　42 3.5　表格元素　44 3.5.1　HTML的表格標記　44 3.5.2　HTML表格的屬性　46 3.5.3　表格嵌套　48 3.6　內嵌框架　50 3.7　頁面基本元素的應用　53 3.7.1　多層嵌套列表示例　53 3.7.2　旅游網站首頁示例　54 3.7.3　內嵌框架示例　56 思考與練習　58 第4章　HTML5的表單元素　60 4.1　表單定義元素form　60 4.2　HTML表單輸入元素及屬性　61 4.2.1　表單輸入元素input　61 4.2.2　列表框元素select　64 4.2.3　文本域輸入元素textarea　65 4.3　HTML5新增的表單元素和屬性　66 4.3.1　HTML5新增input類型　66 4.3.2　HTML5表單新增屬性　69 4.4　一個會員注冊表單　72 思考與練習　75 第5章　HTML5的video元素和audio元素　77 5.1　HTML5的video元素　77 5.1.1　使用video標記插入視頻　77 5.1.2　video元素的訪問控制　79 5.2　HTML5的audio元素　83 5.2.1　使用audio標記插入音頻　83 5.2.2　audio元素的訪問控制　84 5.3　使用track元素添加字幕　85 5.3.1　使用track標記插入字幕文件　85 5.3.2　建立WebVTT文件　86 思考與練習　89 第6章　HTML5的canvas繪圖　90 6.1　canvas概述　90 6.1.1　創(chuàng)建canvas元素　90 6.1.2　canvas繪圖的步驟　91 6.2　繪制矩形　92 6.2.1　繪制矩形的方法　92 6.2.2　繪圖時的顏色與透明度屬性　93 6.3　使用路徑繪制圖形　96 6.3.1　繪制圓形　96 6.3.2　繪制直線　98 6.3.3　繪制曲線　101 6.4　繪制顏色漸變的圖形　102 6.4.1　繪制線性漸變　102 6.4.2　繪制徑向漸變　104 6.5　使用坐標變換和矩陣變換繪圖　105 6.5.1　canvas的坐標系統(tǒng)　105 6.5.2　坐標變換　105 6.5.3　使用路徑繪制圖形的坐標變換　106 6.5.4　矩陣變換　107 6.6　在canvas中使用圖像　110 6.6.1　繪制圖像　110 6.6.2　圖像平鋪　112 6.6.3　圖像裁剪　113 6.7　繪制文字　115 6.8　使用canvas繪制動畫　116 6.8.1　繪制動畫的步驟　116 6.8.2　繪制動畫的示例　116 思考與練習　121 第7章　HTML5的SVG繪圖　123 7.1　SVG概述　123 7.1.1　SVG優(yōu)缺點　123 7.1.2　SVG調用方式　124 7.2　繪制SVG基本圖形　126 7.2.1　繪制矩形和直線　126 7.2.2　繪制圓和橢圓　127 7.2.3　繪制折線和多邊形　127 7.2.4　繪制路徑　128 7.2.5　繪制文本和圖形　128 7.2.6　SVG繪圖的屬性　130 7.3　變換　132 7.3.1　平移　132 7.3.2　旋轉　132 7.3.3　縮放　132 7.3.4　傾斜　132 7.4　組合與重用　133 7.4.1　g元素　133 7.4.2　use元素　134 7.4.3　defs元素　135 7.5　漸變與透明度　136 7.5.1　漸變　136 7.5.2　透明度　141 7.6　濾鏡　142 7.6.1　濾鏡的定義　142 7.6.2　濾鏡的應用　143 思考與練習　145 第8章　獲取瀏覽器的地理位置信息　147 8.1　地理位置信息概述　147 8.1.1　地理位置信息的內容　147 8.1.2　地理位置信息的來源　148 8.2　地理位置信息使用過程　148 8.3　地理位置API　149 8.3.1　getCurrentPosition()方法　149 8.3.2　watchPosition()方法　150 8.4　獲取地理位置信息的應用　150 思考與練習　156 第9章　離線Web應用與Web存儲　158 9.1　離線Web應用　158 9.1.1　離線Web應用概述　158 9.1.2　實現(xiàn)離線Web應用的步驟　159 9.2　離線Web應用的實現(xiàn)　159 9.2.1　manifest文件　160 9.2.2　更新緩存　163 9.2.3　檢測在線狀態(tài)　164 9.3　Web Storage概述　165 9.3.1　Web Storage的概念　165 9.3.2　Web Storage API　166 9.4　Web Storage應用　167 9.4.1　使用localStorage和sessionStorage的網頁計數(shù)器　167 9.4.2　使用localStorage保存、讀取和清除數(shù)據(jù)　168 9.4.3　使用localStorage實現(xiàn)電話簿管理　169 9.4.4　使用JSON對象改進電話簿的功能　171 思考與練習　174 第10章　使用Web Workers處理線程　175 10.1　Web Workers概述　175 10.1.1　Web Workers的引入　175 10.1.2　使用Web Workers創(chuàng)建線程　177 10.2　頁面與線程的數(shù)據(jù)交互　179 10.3　使用SharedWorker創(chuàng)建共享線程　181 思考與練習　186 第11章　HTML5的IndexedDB數(shù)據(jù)庫　187 11.1　IndexedDB數(shù)據(jù)庫概述　187 11.2　創(chuàng)建數(shù)據(jù)庫　188 11.3　數(shù)據(jù)庫的版本更新和事務處理　190 11.3.1　版本更新　191 11.3.2　事務處理　192 11.4　創(chuàng)建對象倉庫　193 11.5　創(chuàng)建索引　194 11.6　保存和刪除數(shù)據(jù)　196 11.6.1　保存數(shù)據(jù)　196 11.6.2　檢索數(shù)據(jù)　198 11.6.3　刪除數(shù)據(jù)　201 11.7　使用游標檢索批量數(shù)據(jù)　202 11.7.1　openCursor()方法及其參數(shù)　202 11.7.2　數(shù)據(jù)遍歷　203 思考與練習　206 第12章　HTML5的文件操作與拖放操作　207 12.1　file對象和FileList對象　207 12.1.1　file對象　207 12.1.2　FileList對象　208 12.2　ArrayBuffer對象與ArrayBufferView對象　209 12.2.1　ArrayBuffer和ArrayBufferView概念　209 12.2.2　ArrayBuffer對象　210 12.2.3　ArrayBufferView對象　210 12.2.4　DataView對象　212 12.3　Blob對象　213 12.3.1　使用Blob對象獲取文件大小和類型　213 12.3.2　通過slice()方法分割文件　216 12.4　FileReader接口　217 12.4.1　FileReader接口的方法　217 12.4.2　FileReader接口的事件　218 12.4.3　FileReader接口的應用　218 12.5　拖放API　221 12.5.1　拖放API簡介　222 12.5.2　拖放的實現(xiàn)過程　222 12.6　DataTransfer對象的屬性與方法　224 12.6.1　DataTransfer對象的屬性及拖放視覺效果　224 12.6.2　DataTransfer對象的方法　225 12.7　拖放的應用　227 12.7.1　拖動網頁元素　227 12.7.2　拖動上傳圖片　229 思考與練習　231 第2部分　CSS3及其應用第13章　CSS3的選擇器　233 13.1　CSS3概述　233 13.1.1　CSS3簡介　233 13.1.2　CSS的一個示例　234 13.2　CSS的基本選擇器　237 13.2.1　標記選擇器　238 13.2.2　類選擇器　238 13.2.3　ID選擇器　239 13.3　在HTML中使用CSS的方法　241 13.3.1　行內樣式　241 13.3.2　嵌入樣式　241 13.3.3　鏈接樣式　242 13.3.4　導入樣式　243 13.3.5　樣式的優(yōu)先級　244 13.4　CSS復合選擇器　247 13.4.1　交集選擇器　247 13.4.2　并集選擇器　248 13.4.3　后代選擇器　249 13.4.4　子選擇器　251 13.4.5　相鄰選擇器　251 13.5　CSS3新增的選擇器　252 13.5.1　屬性選擇器　253 13.5.2　偽類選擇器　254 13.5.3　偽元素選擇器　259 13.6　使用CSS設計網站頁面　261 思考與練習　266 第14章　使用CSS3設置元素樣式　267 14.1　用CSS3設置文本樣式　267 14.1.1　字體屬性　267 14.1.2　文本屬性　270 14.2　用CSS3設置顏色與背景　275 14.2.1　顏色設置　275 14.2.2　背景設置　276 14.2.3　圓角邊框和圖像邊框　278 14.3　用CSS3設置圖像效果　280 14.3.1　為圖片添加邊框　280 14.3.2　圖片縮放　282 14.3.3　圖文混排　284 14.4　用CSS3美化頁面的應用　286 14.4.1　用CSS樣式美化表單　286 14.4.2　設置圖形項目符號　288 思考與練習　289 第15章　CSS3的盒模型及網頁布局　291 15.1　CSS盒模型　291 15.1.1　盒模型的組成　291 15.1.2　盒的類型　296 15.1.3　CSS3新增的與盒相關的屬性　298 15.2　CSS布局常用屬性　303 15.2.1　定位屬性　303 15.2.2　浮動屬性　307 15.3　CSS的網頁布局　309 15.3.1　單列布局　309 15.3.2　兩列布局　311 15.3.3　使用CSS3盒布局的三列布局　315 15.4　DIV+CSS布局的應用　318 15.4.1　圖文混排的實現(xiàn)　318 15.4.2　制作二級導航菜單　322 思考與練習　328 第16章　CSS3的響應式布局　329 16.1　響應式布局簡介　329 16.1.1　媒體查詢模塊　329 16.1.2　Media Queries的應用示例　332 16.2　使用Bootstrap實現(xiàn)響應式布局　336 16.2.1　Bootstrap框架簡介　336 16.2.2　Bootstrap框架中的各種元素　338 16.2.3　應用Bootstrap框架構建的網頁　343 思考與練習　347 第3部分　綜合案例第17章　綜合案例1——在線旅游網站的設計與實現(xiàn)　349 17.1　使用HTML 5結構元素組織網頁　349 17.1.1　網頁結構描述　349 17.1.2　用CSS 3定義網站全局樣式　351 17.2　頁頭部分的設計　352 17.2.1　頁頭的結構描述　352 17.2.2　頁頭元素及CSS樣式代碼分析　353 17.3　側邊導航和焦點圖的設計　355 17.3.1　側邊導航和焦點圖板塊的內容　355 17.3.2　側邊導航和焦點圖板塊的代碼分析　356 17.4　快速搜索、滑動Tab和在線咨詢板塊設計　361 17.4.1　快速搜索、滑動Tab和在線咨詢板塊的內容　361 17.4.2　快速搜索板塊的代碼分析　361 17.4.3　滑動Tab板塊的代碼分析　364 17.4.4　在線咨詢板塊的代碼分析　366 17.5　特色線路板塊的設計　368 17.5.1　特色線路板塊的內容　368 17.5.2　特色線路板塊的代碼分析　369 17.6　頁腳的設計　371 17.6.1　頁腳的結構描述　371 17.6.2　頁腳的代碼分析　372 思考與練習　374 第18章　綜合案例2——訂單管理網站的設計與實現(xiàn)　376 18.1　案例功能描述　376 18.2　用戶登錄注冊模塊設計　378 18.2.1　頁面結構代碼分析　378 18.2.2　CSS代碼分析　379 18.2.3　JavaScript代碼分析　380 18.3　訂單管理模塊設計　383 18.3.1　頁面結構代碼分析　383 18.3.2　CSS代碼分析　385 18.3.3　JavaScript代碼分析　387 18.4　客戶管理模塊設計　393 18.4.1　頁面結構代碼和CSS代碼分析　394 18.4.2　JavaScript代碼分析　395 思考與練習　396 附錄　HTML標記列表　398 參考文獻　402

你還可能感興趣

我要評論