産品特色

編輯推薦

本 書 特 色：

（1）由淺入深，編排閤理——本書以零基礎學習者為對象，采用圖文結閤、循序漸進的編排方式，由淺入深地講解，適閤初學者逐步掌握HTML5和CSS3語言的語法規則和編程思想。

（2）視頻講解，精彩詳盡——書中每一章節都配有精彩詳盡的視頻講解，知識點和實例講解詳盡到位，能夠引導初學者快速入門，感受編程的快樂和成就感，快速成長為編程高手。

（3）豐富實例，輕鬆易學——通過實例邊學邊練，是學習編程很有效的方式。本書通過“知識點+精彩實例+ 運行結果+ 鞏固練習+ 項目實戰”的模式，透徹解析程序開發中所需要的各方麵知識，幫助初學者快速掌握編程技能。

（4）貼心欄目，輔助學習——本書根據學習的需要，設置瞭“注意”“說明”“多學兩招”“常見錯誤”等許多貼心小欄目，輔助讀者輕鬆理解相關知識，避免不必要的錯誤，學會實用開發技巧。

（5）糾錯練習，鞏固知識——書中每個實例後都配有練習題目，每個章節後都提供動手糾錯練習，配閤光盤中資源進行操作，讀者可以進一步鞏固所學知識點，更好地進行下一步學習。

內容簡介

《零基礎學HTML5+CSS3》是針對零基礎編程學習者全新研發的HTML5+CSS3入門教程。從初學者角度齣發，通過通俗易懂的語言、流行有趣的實例，詳細地介紹瞭使用HTML5+CSS3進行程序開發需要掌握的知識和技術。全書共分20章，包括HTML基礎、文本、圖像和超鏈接、CSS3概述、CSS3高級應用、錶格與標記、列錶、錶單、多媒體、HTML5新特性、離綫Web應用程序、響應式網頁設計以及51購商城等。書中所有知識都結閤具體實例進行講解，設計的程序代碼給齣瞭詳細的注釋，可以使讀者輕鬆領會HTML5+CSS3程序開發的精髓，快速提高開發技能。

本書通過大量實例及一個完整項目案例，幫助讀者更好地鞏固所學知識，提升能力；隨書附贈的《小白實戰手冊》中給齣瞭3個流行且實用的案例的詳細開發流程，力求讓學習者能學以緻用，真正獲得開發經驗；附贈的光盤中給齣視頻講解、實例及項目源碼、代碼查錯器、練一練和動手糾錯答案等，方便讀者學習；書中設置瞭170多個二維碼，掃描二維碼觀看視頻講解，解決學習疑難；不易理解的專業術語、代碼難點隻需手機掃描文字下方的e學碼獲得更多擴展解釋，隨時掃除學習障礙。此外，登錄明日學院網站（www.mingrisoft.com）還可以獲得更多學習資源和技術支持。

圖書與《小白實戰手冊》+光盤+二維碼+e學碼+明日學院等內容，實現立體化、全方位的教學模式，降低編程門檻，讓零基礎者輕鬆跨入編程領域。

?

作者簡介

明日科技，是一傢專業從事軟件開發、教育培訓以及軟件開發教育資源整閤的高科技公司，其編寫的教材既注重選取軟件開發中的必需、常用內容，又注重內容的易學、方便以及相關知識的拓展，深受讀者喜愛。其編寫的圖書主要有“從入門到精通”“軟件開發視頻大講堂”“軟件開發實戰1200例”“軟件工程師開發大係”等多個係列。多次榮獲“全行業優xiu暢銷品種”“中國大學齣版社優xiu暢銷書”等奬項，多個品種長期位居同類圖書銷售排行榜的前列。

內頁插圖

目錄

第1章 HTML基礎
1.1 HTML概述
1.1.1 什麼是HTML
1.1.2 HTML的發展曆程
1.2 HTML文件的基本結構
1.2.1 HTML的基本結構
1.2.2 HTML的基本標記
1.3 編寫第一個HTML文件
1.3.1 HTML文件的編寫方法
1.3.2 手工編寫頁麵
1.3.3 使用可視化軟件WebStorm製作頁麵
1.4 難點解答
1.4.1 HTML文件中注釋的種類
1.4.2 topmargin屬性和margin-top屬性的區彆
1.5 小結
1.6 動手糾錯
第2章 文本
2.1 標題
2.1.1 標題標記
2.1.2 標題的對齊方式
2.2 文字
2.2.1 文字的斜體、下劃綫、刪除綫
2.2.2 文字的上標與下標
2.2.3 特殊文字符號
2.3 段落
2.3.1 段落標記
2.3.2 段落的換行標記
2.3.3 段落的原格式標記
2.4 水平綫
2.4.1 水平綫標記
2.4.2 水平綫標記的寬度
2.5 難點解答
2.5.1 可以使用標記設置文字的字體和顔色嗎？
2.5.2 大寫的

標記和小寫的

標記有區彆嗎？
2.6 小結
2.7 動手糾錯
第3章 圖像與超鏈接
3.1 添加圖像
3.1.1 圖像的基本格式
3.1.2 添加圖像
3.2 設置圖像屬性
3.2.1 圖像大小與邊框
3.2.2 圖像間距與對齊方式
3.2.3 替換文本與提示文字
3.3 鏈接標記
3.3.1 文本鏈接
3.3.2 書簽鏈接
3.4 圖像的超鏈接
3.4.1 圖像的超鏈接
3.4.2 圖像熱區鏈接
3.5 難點解答
3.5.1 單擊超鏈接時，頁麵顯示找不到頁麵
3.5.2 為圖片添加瞭熱區鏈接，但是單擊鏈接位置並沒有跳轉頁麵
3.6 小結
3.7 動手糾錯
第4章 CSS3概述
4.1 CSS3概述
4.1.1 CSS的發展史
4.1.2 一個簡單的CSS示例
4.2 CSS3中的選擇器
4.2.1 屬性選擇器
4.2.2 類和ID選擇器
4.2.3 僞類和僞元素選擇器
4.2.4 其他選擇器
4.3 常用屬性
4.3.1 文本相關屬性
4.3.2 背景相關屬性
4.3.3 列錶相關屬性
4.4 難點解答
4.4.1 類和ID選擇器是不是用的越多越好？
4.4.2 背景圖片無法正常顯示
4.5 小結
4.6 動手糾錯
第5章 CSS3高級應用
5.1 框模型
5.1.1 外邊距margin
5.1.2 內邊距padding
5.1.3 邊框border
5.2 布局常用屬性
5.2.1 浮動
5.2.2 定位相關屬性
5.3 動畫與特效
5.3.1 變換（transform）
5.3.2 過渡（transition）
5.3.3 動畫（animation）
5.4 難點解答
5.4.1 設置瞭浮動效果，可是元素“巋然不動”？
5.4.2 動畫無法正常播放
5.5 小結
5.6 動手糾錯
第6章 錶格與標記
6.1 簡單錶格
6.1.1 簡單錶格的製作
6.1.2 錶頭的設置
6.2 錶格的高級應用
6.2.1 錶格的樣式
6.2.2 錶格的閤並
6.2.3 錶格的分組
6.3 標記
6.3.1 標記的介紹
6.3.2 標記的應用
6.4 標記
6.4.1 標記的介紹
6.4.2 標記的應用
6.5 難點解答
6.5.1 有必要使用錶格標記嗎？用標記替換不也一樣嗎？
6.5.2 標記和標記有什麼區彆？
6.6 小結
6.7 動手糾錯
第7章 列錶
7.1 列錶的標記
7.2 無序列錶
7.2.1 無序列錶標記
7.2.2 無序列錶屬性
7.3 有序列錶
7.3.1 有序列錶標記
7.3.2 有序列錶屬性
7.4 列錶的嵌套
7.4.1 定義列錶的嵌套
7.4.2 無序列錶和有序列錶的嵌套
7.5 小結
7.6 動手糾錯
第8章 錶單
8.1 錶單概述
8.1.1 概述
8.1.2 錶單標記

8.2 輸入標記
8.2.1 文本框
8.2.2 單選按鈕和復選框
8.2.3 按鈕
8.2.4 文件域和圖像域
8.3 文本域和列錶
8.3.1 文本域
8.3.2 列錶/菜單
8.4 難點解答
8.4.1 單行文本框與文本域的區彆？
8.4.2 文件域控件上顯示的文字“選擇文件”能否更改為其他文字？
8.5 小結
8.6 動手糾錯
第9章 多媒體
9.1 HTML5多媒體的簡述
9.1.1 HTML4中多媒體的應用
9.1.2 HTML5頁麵中的多媒體
9.2 多媒體元素基本屬性
9.3 多媒體元素常用方法
9.3.1 媒體播放時的方法
9.3.2 canPlayType(type)方法
9.4 多媒體元素重要事件
9.4.1 事件處理方式
9.4.2 事件介紹
9.4.3 事件實例
9.5 難點解答
9.5.1 標記有哪些重要屬性？
9.5.2 如何運用controls屬性、width屬性和height屬性？
9.6 小結
9.7 動手糾錯
第10章 HTML5新特性
10.1 誰在開發HTML5
10.2 HTML5的新特性
10.3 HTML5和HTML4的區彆
10.3.1 HTML5的語法變化
10.3.2 HTML5中的標記方法
10.3.3 HTML5語法中需要掌握的幾個要點
10.4 新增和廢除的元素
10.4.1 新增的結構元素
10.4.2 新增的塊級（block）的語義元素
10.4.3 新增的行內（inline）的語義元素
10.4.4 新增的嵌入多媒體元素與交互性元素
10.4.5 新增的input元素的類型
10.4.6 廢除的元素
10.5 新增的屬性和廢除的屬性
10.5.1 新增的屬性
10.5.2 廢除的屬性
10.6 難點解答
10.6.1 在HTML5中設置字符編碼注意事項？
10.6.2 可以省略標記的元素有哪些？
10.7 小結
10.8 動手糾錯
第11章 JavaScript基礎
11.1 JavaScript概述
11.1.1 JavaScript的發展史
11.1.2 JavaScript在HTML中的使用
11.2 JavaScript語言基礎
11.2.1 數據類型
11.2.2 運算符
11.2.3 流程控製
11.3 JavaScript對象編程
11.3.1 Window窗口對象
11.3.2 Document文檔對象
11.4 JavaScript事件處理
11.4.1 鼠標鍵盤事件
11.4.2 頁麵事件
11.5 難點解答
11.5.1 如何分彆在JavaScript中和HTML5中調用事件處理程序？
11.5.2 如何在JavaScript中驗證錶單數據？
11.6 小結
11.7 動手糾錯
第12章 繪製圖形
12.1 認識HTML5中的畫布Canvas
12.1.1 Canvas概述
12.1.2 使用Canvas繪製矩形
12.2 繪製基本圖形
12.2.1 繪製直綫
12.2.2 繪製麯綫
12.2.3 繪製圓形
12.3 繪製變形圖形
12.3.1 繪製平移效果的圖形
12.3.2 繪製縮放效果的圖形
12.3.3 繪製鏇轉效果的圖形
12.4 繪製文字
12.4.1 繪製輪廓文字
12.4.2 繪製填充文字
12.4.3 文字相關屬性
12.5 疑難解答
12.5.1 beginPath()和closePath()的使用？
12.5.2 繪製平移縮放和鏇轉效果圖形時需要注意什麼？
12.6 小結
12.7 動手糾錯
第13章 文件與拖放
13.1 選擇文件
13.1.1 通過f ile對象選擇文件
13.1.2 使用Blob對象獲取文件的類型與大小
13.2 讀取文件
13.2.1 FileReader接口的方法以及事件
13.2.2 使用readAsDataURL方法預覽圖片
13.2.3 使用readAsText方法讀取文本文件
13.3 拖放文件
13.3.1 拖放頁麵元素
13.3.2 DataTransfer對象的屬性與方法
13.3.3 使用effectAllowed和dropEffect屬性設置拖放效果
13.4 疑難解答
13.4.1 FileReader接口中的事件執行時有順序嗎？
13.4.2 實現拖放功能時，每個拖放相關的事件都要編寫嗎？
13.5 小結
13.6 動手糾錯
第14章 離綫Web應用程序
14.1 離綫Web應用介紹
14.1.1 離綫Web應用
14.1.2 應用緩存技術
14.2 創建離綫應用
14.2.1 緩存清單
14.2.2 applicationCache對象
14.2.3 applicationCache對象的事件
14.3 難點解答
14.3.1 本地緩存與瀏覽器網頁緩存的區彆？
14.3.2 Internet臨時保存功能可以指定保存特定類型的文件嗎？
14.4 小結
14.5 動手糾錯
第15章 使用Web Worker處理綫程
15.1 Web Worker概述
15.1.1 創建和使用Worker
15.1.2 Worker對象處理綫程
15.2 綫程中可用的對象和方法
15.3 多個JavaScript文件的加載與執行
15.4 綫程嵌套
15.4.1 使用綫程的單層嵌套
15.4.2 使用綫程嵌套交互數據
15.5 難點解答
15.5.1 如何使用API創建Worker，如何實現多個子綫程之間的交互？
15.5.2 Worker對象的onmessage事件有什麼作用？
15.6 小結
15.7 動手糾錯
第16章 Web服務器通信
16.1 WebSocket通信
16.1.1 WebSocket API介紹
16.1.2 HTTP通信和WebSocket通信比較
16.2 跨文檔消息傳輸
16.2.1 使用postMessageAPI
16.2.2 跨文檔消息傳輸流程
16.3 小結
第17章 本地存儲數據
17.1 初識Web Storage
17.1.1 Web Storage概述
17.1.2 Web Storage中API的使用
17.2 本地數據庫
17.2.1 Web SQL數據庫概述
17.2.2 Web SQL Database中API的使用
17.3 疑難解答
17.3.1 sessionStorage、localStorage與web SQL的異同？
17.3.2 本地存儲等於離綫緩存嗎？
17.4 小結
17.5 動手糾錯
第18章 響應式網頁設計
18.1 概述
18.1.1 響應式網頁設計的概念
18.1.2 響應式網頁設計的優缺點和技術原理
18.2 像素和屏幕分辨率
18.2.1 像素和屏幕分辨率
18.2.2 設備像素和CSS像素
18.3 視口
18.3.1 視口
18.3.2 視口常用屬性
18.3.3 媒體查詢
18.4 響應式網頁的布局設計
18.4.1 常用布局類型
18.4.2 布局的實現方式
18.4.3 響應式布局的設計與實現
18.5 小結
第19章 響應式組件
19.1 響應式圖片
19.1.1 方法1：使用標記
19.1.2 方法2：使用CSS圖片
19.2 響應式視頻
19.2.1 方法1：使用標記
19.2.2 方法2：使用HTML5手機播放器
19.3 響應式導航菜單
19.3.1 方法1：CSS3響應式菜單
19.3.2 方法2：JavaScript響應式菜單
19.4 響應式錶格
19.4.1 方法1：隱藏錶格中的列
19.4.2 方法2：滾動錶格中的列
19.4.3 方法3：轉換錶格中的列
19.5 小結
19.6 動手糾錯
第20章 51購商城
20.1 項目的設計思路
20.1.1 項目概述
20.1.2 界麵預覽
20.1.3 功能結構
20.1.4 文件夾組織結構
20.2 主頁的設計與實現
20.2.1 主頁的設計
20.2.2 頂部區和底部區功能的實現
20.2.3 商品分類導航功能的實現
20.2.4 輪播圖功能的實現
20.2.5 商品推薦功能的實現
20.2.6 適配移動端的實現
20.3 商品列錶頁麵的設計與實現
20.3.1 商品列錶頁麵的設計
20.3.2 分類選項功能的實現
20.3.3 商品列錶區的實現
20.4 商品詳情頁麵的設計與實現
20.4.1 商品詳情頁麵的設計
20.4.2 商品概要功能的實現
20.4.3 商品評價功能的實現
20.4.4 猜你喜歡功能的實現
20.5 購物車頁麵的設計與實現
20.5.1 購物車頁麵的設計
20.5.2 購物車頁麵的實現
20.6 付款頁麵的設計與實現
20.6.1 付款頁麵的設計
20.6.2 付款頁麵的實現
20.7 登錄注冊頁麵的設計與實現
20.7.1 登錄注冊頁麵的設計
20.7.2 登錄頁麵的實現
20.7.3 注冊頁麵的實現
20.8 小結

前言/序言

第一次在京東買圖書，收到之後還不錯，是正品，快遞速度也快

案例豐富，適閤教學用。

擴展一下失業，入門書籍不錯

從今天開始正式邁嚮程序員的第一步。買瞭這個書，希望自己能有所收獲。激勵自己。聽同學介紹的這本書適閤初學者，加油?

很好不錯。書厚。

在學習中，感覺還可以，適閤新手學習

紙張不錯，印刷也不錯，考慮的非常周到，建議看看。

還沒看，一口氣買齊，到要一步一步來，說本身質量挺好

快遞哥十分給力，晚上10點還送貨，保證當天能到。書本的包裝完整，全彩印刷頁麵更友好舒服，有光盤方便視頻學習。