網頁設計與製作全能一本通：HTML5+CSS3+JavaScript（微課版）


	本書定位于零基礎讀者，較為詳細地講述了網頁設計與製作的相關方法和技巧。全書理論與案例相結合，結構清晰，內容講解循序漸進、由淺入深，並注意各個章節內容與案例之間的呼應和對照。全書共10章，內容包括HTML5入門、HTML5的常用標籤、HTML5中的物件、JavaScript基礎、CSS3基礎、HTML5頁面載入、JavaScript高級應用、使用前端框架以及兩個綜合實訓，分別是HTML5掃雷遊戲和開發通過二維碼傳輸文件的應用。本書可作為高等院校電腦、數位媒體技術、網路與新媒體、電子商務等專業相關課程的教材，還可作為相關行業從業人員的參考書。



	購買中國簡體書籍請注意： 1. 因裝幀品質及貨運條件未臻完善，中國簡體書可能有出現磨痕、凹痕、折痕等問題，故簡體字館除封面破損、內頁脫落、缺頁等較嚴重的狀態外，其餘所有商品將正常出貨。


	目錄第1章 HTML5入門 1.1　HTML概述　1 1.1.1　HTML簡介　1 1.1.2　HTML的發展　2 1.1.3　HTML5與CSS3　3 1.1.4　HTML5與JavaScript　3 1.1.5　HTML5標準和文檔　4 1.2　搭建HTML5開發環境　4 1.2.1　安裝流覽器　4 1.2.2　流覽器的配置　4 1.2.3　安裝整合式開發環境　6 1.2.4　安裝檔案傳輸用戶端和版本控制工具　6 1.2.5　HTML5調試工具　7 1.3　第一個HTML5頁面　7 1.3.1　HTML5文檔結構　7 1.3.2　打開HTML5頁面　8 1.3.3　查看HTML5頁面原始程式碼　9 1.4　通過網路訪問HTML5頁面　9 1.4.1　流覽器如何發送和處理請求　9 1.4.2　搭建本地HTTP伺服器　10 1.4.3　訪問本地HTTP伺服器上的頁面　10 1.5　小結　10 1.6　課堂實戰——使用HTML5創建自己的簡歷　11 1.6.1　創建文檔　11 1.6.2　章節標題　11 1.6.3　段落　11 1.6.4　排版　12 1.7　課堂實戰——在互聯網上發佈自己的頁面　13 1.7.1　註冊GitHub或Gitee帳戶　13 1.7.2　創建代碼倉庫　14 1.7.3　推送本地代碼倉庫內容到線上代碼倉庫　15 1.7.4　啟動靜態網站服務　15 課後習題　15 第2章 HTML5的常用標籤 2.1　HTML5中的標籤　17 2.1.1　標籤概述　17 2.1.2　標籤分類　18 2.1.3　文檔級標籤　18 2.1.4　內容級標籤　19 2.1.5　文本級標籤　19 2.1.6　清單和表格標籤　19 2.1.7　多媒體標籤　20 2.1.8　連結標籤　21 2.1.9　代碼和資源標籤　21 2.1.10　表單標籤　22 2.1.11　交互標籤　23 2.2　HTML5新增標籤類型　24 2.2.1　HTML5的理念　25 2.2.2　內容結構標籤　26 2.2.3　多媒體和交互標籤　26 2.3　HTML5的標籤屬性　26 2.3.1　全域屬性　27 2.3.2　尺寸相關屬性　27 2.3.3　表單的屬性　27 2.3.4　事件處理常式屬性　28 2.4　HTML5標籤與元素　28 2.4.1　標籤的渲染　28 2.4.2　查看頁面元素　29 2.4.3　動態修改HTML5文檔　29 2.5　HTML5代碼嵌入　30 2.5.1　JavaScript代碼嵌入　30 2.5.2　CSS代碼嵌入　30 2.6　小結　31 2.7　課堂實戰——製作HTML5相冊　31 2.7.1　頁面配置　31 2.7.2　使用標籤顯示圖片　32 2.7.3　按一下查看原圖　33 課後習題　33 第3章　HTML5中的物件 3.1　DOM入門　35 3.1.1　DOM的概念　35 3.1.2　通過DOM訪問元素　36 3.1.3　通過HTML選擇器訪問元素　36 3.2　window對象　37 3.2.1　通過window物件獲取流覽器視窗大小　37 3.2.2　通過window物件獲取流覽器視窗相對位置　38 3.2.3　通過window物件與使用者交互　38 3.2.4　通過window對象滾動到指定位置　39 3.2.5　通過window物件打開和關閉流覽器視窗　40 3.2.6　通過window物件實現Base64編碼解碼　40 3.2.7　window對象的子物件　40 3.3　document對象　41 3.3.1　document物件的屬性　41 3.3.2　通過document物件選擇元素　41 3.3.3　選擇元素　42 3.3.4　通過createElement和append修改頁面　42 3.4　console對象　42 3.4.1　通過console輸出日誌　43 3.4.2　通過console調試　43 3.5　location對象　43 3.5.1　通過location對象跳越網頁面　43 3.5.2　通過location物件讀取頁面位址　44 3.5.3　通過location對象獲取URL參數　44 3.6　navigator對象　44 3.6.1　通過navigator物件獲取流覽器資訊　44 3.6.2　navigator物件的應用　45 3.7　小結　45 3.8　課堂實戰——開發顯示流覽器資訊的HTML5程式　45 3.8.1　背景介紹　45 3.8.2　獲取資訊　45 3.8.3　顯示資訊　46 3.9　課堂實戰——2048小遊戲：開發自動適應視窗大小的介面　46 3.9.1　遊戲背景介紹　46 3.9.2　2048小遊戲介面　47 3.9.3　獲取視窗大小判斷視窗比例　47 3.9.4　窗口大小與頁面配置　48 3.9.5　設置svg元素的寬度、高度與背景　49 3.10　課堂實戰——2048小遊戲：繪製方格　51 3.10.1　繪製方格　51 3.10.2　通過hash參數實現方格數量的修改　52 課後習題　53 第4章　JavaScript基礎 4.1　JavaScript的發展　55 4.1.1　JavaScript與Java　55 4.1.2　JavaScript的標準　56 4.1.3　ES6與非流覽器環境　57 4.1.4　JavaScript基本語法　57 4.2　JavaScript變數　58 4.2.1　變數的類型與聲明　58 4.2.2　變數的作用域　60 4.2.3　陣列　60 4.3　運算子　62 4.3.1　運算子的種類　62 4.3.2　算術運算子　62 4.3.3　邏輯運算子　62 4.3.4　關係運算子　62 4.3.5　位運算子　63 4.3.6　設定運算子　63 4.3.7　其他運算子　63 4.3.8　運算子的優先順序　64 4.4　函數　66 4.4.1　創建函數　66 4.4.2　調用函數　66 4.4.3　函數的返回值　67 4.5　流程控制　67 4.5.1　if...else語句　67 4.5.2　switch...case語句　68 4.5.3　迴圈語句　69 4.6　內置資料結構　72 4.6.1　字串　72 4.6.2　Map　72 4.6.3　Set　73 4.6.4　Date　74 4.6.5　Number　74 4.6.6　規則運算式　75 4.7　內置對象　75 4.7.1　Math對象　75 4.7.2　JSON對象　76 4.7.3　全域函數　77 4.7.4　Web Storage　77 4.8　小結　78 4.9　課堂實戰——開發HTML5計算器　78 4.9.1　創建計算器介面　78 4.9.2　輸入按鈕事件的處理　80 4.9.3　實現功能　81 4.10　課堂實戰——實現2048小遊戲邏輯　84 4.10.1　在方格內填入數字　84 4.10.2　在空白方格中隨機填入數位　85 4.10.3　合併數位操作　87 4.10.4　處理用戶輸入　89 課後習題　90 第5章　CSS3基礎 5.1　盒模型　92 5.1.1　盒模型概述　92 5.1.2　在流覽器中查看盒模型　93 5.2　CSS選擇器　93 5.2.1　ID選擇器　93 5.2.2　類別選取器　94 5.2.3　標籤名選擇器　94 5.2.4　屬性選擇器　94 5.2.5　組合選擇器　95 5.3　邊距與邊框　97 5.3.1　通過margin設置外邊距　97 5.3.2　通過padding設置內邊距　98 5.3.3　通過border設置邊框　99 5.4　元素尺寸　99 5.4.1　原始尺寸　99 5.4.2　固定尺寸　100 5.4.3　適應元素內容　101 5.4.4　繼承父元素　101 5.5　定位方式　102 5.5.1　相對定位　102 5.5.2　絕對定位　102 5.5.3　固定定位　103 5.6　小結　103 5.7　課堂實戰——使用CSS3製作動態巡覽列　103 5.7.1　靜態巡覽列　103 5.7.2　使用CSS3美化巡覽列　104 5.7.3　使用CSS3實現動態效果　105 課後習題　107 第6章　HTML5頁面載入 6.1　HTML5頁面載入過程　108 6.1.1　頁面載入過程概述　108 6.1.2　請求資源　108 6.1.3　載入過程耗時分析　109 6.2　流覽器緩存　110 6.2.1　流覽器緩存的作用　110 6.2.2　避免流覽器緩存的問題　111 6.3　動態載入　111 6.3.1　AJAX　112 6.3.2　使用fetch和伺服器通信　113 6.3.3　根據捲軸的位置觸發動態載入　113 6.3.4　根據時間觸發動態載入　115 6.4　使用JavaScript監控頁面載入和運行情況　115 6.4.1　頁面載入過程中可能遇到的問題　115 6.4.2　頁面載入過程中觸發的事件　116 6.4.3　獲取頁面載入時間　116 6.4.4　捕獲運行異常　117 6.5　小結　118 6.6　課堂實戰——動態載入HTML5相冊　118 6.6.1　使用JavaScript生成標籤　118 6.6.2　按一下載入照片　119 課後習題　121 第7章　JavaScript高級應用 7.1　Node.js簡介　122 7.1.1　Node.js的安裝　122 7.1.2　Node.js和流覽器中JavaScript運行環境的異同　123 7.1.3　Node.js對HTML5應用開發的作用　124 7.2　使用npm包管理器　124 7.2.1　使用npm命令列工具　124 7.2.2　安裝npm包　124 7.2.3　創建和發佈npm包　125 7.3　JavaScript事件　125 7.3.1　什麼是事件　125 7.3.2　JavaScript的事件模型　126 7.3.3　綁定事件　126 7.3.4　獲取事件上下文　127 7.3.5　阻止事件默認行為　127 7.3.6　事件冒泡　128 7.4　JavaScript中的同步和非同步　129 7.4.1　同步　129 7.4.2　非同步　130 7.4.3　同步和非同步結合　131 7.4.4　回檔　132 7.4.5　Promise對象　132 7.5　小結　133 7.6　課堂實戰——生成二維碼的HTML5應用　134 7.6.1　創建npm包和安裝webpack　134 7.6.2　安裝和使用qrcode包　135 7.6.3　輸出生產版本的前端代碼　136 課後習題　136 第8章　使用前端框架 8.1　使用Bootstrap　138 8.1.1　Bootstrap概述　138 8.1.2　佈局　140 8.1.3　巡覽列　141 8.1.4　其他常用組件　143 8.2　使用ECharts　144 8.2.1　ECharts概述　144 8.2.2　常用二維圖表　146 8.2.3　圓形圖　148 8.2.4　關係圖　150 8.2.5　地圖資料展示　152 8.3　使用Vue　154 8.3.1　Vue概述　154 8.3.2　Vite簡介　155 8.3.3　組件　156 8.3.4　輸出內容　156 8.3.5　屬性綁定和事件綁定　157 8.3.6　條件渲染和列表渲染　157 8.3.7　表單輸入綁定　158 8.4　小結　159 8.5　課堂實戰——HTML5英漢詞典　159 8.5.1　準備詞典數據　159 8.5.2　創建項目　159 8.5.3　獲取詞典資料　160 8.5.4　實現查詢邏輯　160 8.5.5　實現查詢中文和英文單詞模糊匹配　161 課後習題　163 第9章　綜合實訓——HTML5掃雷遊戲 9.1　掃雷遊戲說明　164 9.1.1　遊戲介面呈現　164 9.1.2　遊戲基本操作　165 9.1.3　遊戲高級操作　165 9.1.4　遊戲資訊顯示　165 9.1.5　遊戲過關條件　165 9.2　繪製遊戲介面　165 9.2.1　繪製背景和方格　166 9.2.2　繪製按一下後的背景　166 9.2.3　繪製地雷、旗子和數字　167 9.3　記錄遊戲狀態　168 9.3.1　設定地雷位置　168 9.3.2　計算提示數字　169 9.3.3　記錄方格狀態　169 9.4　處理玩家操作　169 9.4.1　處理按一下事件　169 9.4.2　處理右擊事件　171 9.4.3　判斷是否過關　172 9.4.4　過關後禁止操作　173 9.5　使用類組織代碼　173 9.5.1　類的構造函數　173 9.5.2　事件處理函數　174 9.5.3　確保第一次不會按一下地雷　174 9.6　小結　175 課後習題　175 第10章綜合實訓——開發通過二維碼傳輸文件的應用 10.1　使用QR Code編碼資料　176 10.1.1　QR Code簡介　176 10.1.2　二進位資料　177 10.1.3　使用JavaScript處理二進位資料　177 10.2　在HTML5應用中打開和讀取文件　178 10.2.1　使用標籤打開文件　178 10.2.2　以Base64格式讀取檔　178 10.3　切塊傳輸　179 10.3.1　數據切分　179 10.3.2　選擇要傳輸的檔　179 10.3.3　生成包二維碼　181 10.3.4　顯示和播放二維碼　181 10.4　掃描二維碼　182 10.4.1　使用HTML5-QRCode庫　183 10.4.2　拼接掃描結果　183 10.4.3　下載拼接後的文件　184 10.5　小結　185 課後習題　185