HTML5+CSS3+JavaScript從入門到精通（微視頻精編版）

核心技術(shù)分冊目錄
第1篇　基礎(chǔ)篇
第1章　HTML基礎(chǔ)
視頻講解：58分鐘
1.1 HTML概述
1.1.1 什么是HTML
1.1.2 HTML的發(fā)展歷程
1.2 HTML文件的基本結(jié)構(gòu)
1.2.1 HTML的基本結(jié)構(gòu)
1.2.2 HTML的基本標簽
1.3 編寫第一個HTML文件
1.3.1 HTML文件的編寫方法
1.3.2 手工編寫頁面
1.3.3 使用可視化軟件WebStorm制作頁面
1.4 小結(jié)
1.5 實戰(zhàn)
1.5.1 實戰(zhàn)一：設(shè)置背景顏色
1.5.2 實戰(zhàn)二：設(shè)置鏈接顏色
第2章　文本
視頻講解：1小時14分鐘
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 小結(jié)
2.6 實戰(zhàn)
2.6.1 實戰(zhàn)一：實現(xiàn)一則天氣預(yù)報
2.6.2 實戰(zhàn)二：實現(xiàn)一則唐詩
2.6.3 實戰(zhàn)三：實現(xiàn)商品打折清單
2.6.4 實戰(zhàn)四：實現(xiàn)一個人物字符畫
第3章　圖像和超鏈接
視頻講解：39分鐘
3.1 添加圖像
3.1.1 圖像的基本格式
3.1.2 添加圖像
3.2 設(shè)置圖像屬性
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 圖像熱區(qū)鏈接
3.5 小結(jié)
3.6 實戰(zhàn)
3.6.1 實戰(zhàn)一：顯示圖書封面
3.6.2 實戰(zhàn)二：制作商品評價頁面
3.6.3 實戰(zhàn)三：制作抽獎頁面
第4章　CSS3概述
視頻講解：1小時6分鐘
4.1 CSS3概述
4.1.1 CSS的發(fā)展史
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 文本相關(guān)屬性
4.3.2 背景相關(guān)屬性
4.3.3 列表相關(guān)屬性
4.4 小結(jié)
4.5 實戰(zhàn)
4.5.1 實戰(zhàn)一：制作登錄注冊頁面
4.5.2 實戰(zhàn)二：制作網(wǎng)頁版生日賀卡
4.5.3 實戰(zhàn)三：實現(xiàn)個人主頁
第5章　CSS3高級應(yīng)用
視頻講解：1小時3分鐘
5.1 框模型
5.1.1 外邊距margin
5.1.2 內(nèi)邊距padding
5.1.3 邊框border
5.2 布局常用屬性
5.2.1 浮動
5.2.2 定位相關(guān)屬性
5.3 動畫與特效
5.3.1 變換（transform）
5.3.2 過渡（transition）
5.3.3 動畫（animation）
5.4 小結(jié)
5.5 實戰(zhàn)
5.5.1 實戰(zhàn)一：設(shè)置手機篩選頁面
5.5.2 實戰(zhàn)二：制作橫向?qū)Ш?br /> 5.5.3 實戰(zhàn)三：制作圖片輪播
第6章　表格與標簽
視頻講解：1小時12分鐘
6.1 簡單表格
6.1.1 簡單表格的制作
6.1.2 表頭的設(shè)置
6.2 表格的高級應(yīng)用
6.2.1 表格的樣式
6.2.2 表格的合并
6.2.3 表格的分組
6.3 標簽
6.3.1 標簽的介紹
6.3.2 標簽的應(yīng)用
6.4 標簽
6.4.1 標簽的介紹
6.4.2 標簽的應(yīng)用
6.5 小結(jié)
6.6 實戰(zhàn)
6.6.1 實戰(zhàn)一：制作每日工作計劃表
6.6.2 實戰(zhàn)二：實現(xiàn)網(wǎng)頁版工作總結(jié)
6.6.3 實戰(zhàn)三：制作一則公司公告
第7章　列表
視頻講解：11分鐘
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 小結(jié)
7.6 實戰(zhàn)
7.6.1 實戰(zhàn)一：制作網(wǎng)站購買提示內(nèi)容
7.6.2 實戰(zhàn)二：制作QQ聯(lián)系人列表
7.6.3 實戰(zhàn)三：制作商品列表內(nèi)容
第8章　表單
視頻講解：42分鐘
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 小結(jié)
8.5 實戰(zhàn)
8.5.1 實戰(zhàn)一：制作QQ登錄頁面
8.5.2 實戰(zhàn)二：制作象棋游戲注冊頁面
8.5.3 實戰(zhàn)三：制作個人檔案
第9章　多媒體
視頻講解：1小時5分鐘
9.1 HTML5多媒體的簡述
9.1.1 HTML4中多媒體的應(yīng)用
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 小結(jié)
9.6 實戰(zhàn)
9.6.1 實戰(zhàn)一：制作音樂小球
9.6.2 實戰(zhàn)二：加載一段視頻文件
9.6.3 實戰(zhàn)三：制作一段音頻文件
第10章　HTML5新特性
視頻講解：57分鐘
10.1 誰在開發(fā)HTML5
10.2 HTML5的新特性
10.3 HTML5和HTML4的區(qū)別
10.3.1 HTML5的語法變化
10.3.2 HTML5中的標記方法
10.3.3 HTML5語法中需要掌握的幾個要點
10.4 新增和廢除的元素
10.4.1 新增的結(jié)構(gòu)元素
10.4.2 新增的塊級（block）的語義元素
10.4.3 新增的行內(nèi)（inline）的語義元素
10.4.4 新增的嵌入多媒體元素與交互性元素
10.4.5 新增的input元素的類型
10.4.6 廢除的元素
10.5 新增的屬性和廢除的屬性
10.5.1 新增的屬性
10.5.2 廢除的屬性
10.6 小結(jié)
10.7 實戰(zhàn)
實戰(zhàn)一：制作一個圖像鏈接
第11章　JavaScript基礎(chǔ)
視頻講解：2小時13分鐘
11.1 JavaScript概述
11.1.1 JavaScript的發(fā)展史
11.1.2 JavaScript在HTML中的使用
11.2 JavaScript語言基礎(chǔ)
11.2.1 數(shù)據(jù)類型
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 小結(jié)
11.6 實戰(zhàn)
11.6.1 實戰(zhàn)一：制作九九乘法表
11.6.2 實戰(zhàn)二：制作手機抽獎頁面
11.6.3 實戰(zhàn)三：制作購物車結(jié)算頁面
第2篇　提 高 篇
第12章　繪制圖形
視頻講解：1小時15分鐘
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 繪制旋轉(zhuǎn)效果的圖形
12.4 繪制文字
12.4.1 繪制輪廓文字
12.4.2 繪制填充文字
12.4.3 文字相關(guān)屬性
12.5 小結(jié)
12.6 實戰(zhàn)
12.6.1 實戰(zhàn)一：Canvas繪制移動的正方形
12.6.2 實戰(zhàn)二：制作游戲彈幕效果
12.6.3 實戰(zhàn)三：實現(xiàn)計時器
第13章　文件與拖放
視頻講解：37分鐘
13.1 選擇文件
13.1.1 通過file對象選擇文件
13.1.2 使用Blob接口獲取文件的類型與大小
13.2 讀取文件
13.2.1 FileReader接口的方法以及事件
13.2.2 使用readAsDataURL方法預(yù)覽圖片
13.2.3 使用readAsText方法讀取文本文件
13.3 拖放文件
13.3.1 拖放頁面元素
13.3.2 DataTransfer對象的屬性與方法
13.3.3 使用effectAllowed和dropEffect屬性設(shè)置拖放效果
13.4 小結(jié)
13.5 實戰(zhàn)
13.5.1 實戰(zhàn)一：實現(xiàn)編輯照片墻中上傳圖片的功能
13.5.2 實戰(zhàn)二：查看網(wǎng)頁源碼
13.5.3 實戰(zhàn)三：預(yù)覽文件功能
第14章　JavaScript對象編程
視頻講解：1小時2分鐘
14.1 Window窗口對象
14.1.1 Window對象
14.1.2 對話框（Dialog）
14.1.3 窗口對象常用操作
14.2 Document文檔對象
14.2.1 文檔對象概述
14.2.2 文檔對象的常用屬性、方法與事件
14.2.3 Document對象的應(yīng)用
14.3 JavaScript與表單操作
14.3.1 在JavaScript中訪問表單
14.3.2 在JavaScript中訪問表單域
14.3.3 表單的驗證
14.4 DOM對象
14.4.1 DOM概述
14.4.2 DOM對象節(jié)點屬性
14.4.3 節(jié)點的幾種操作
14.4.4 獲取文檔中的指定元素
14.4.5 與DHTML相對應(yīng)的DOM
14.5 小結(jié)
14.6 實戰(zhàn)
實戰(zhàn)一：在頁面的指定位置顯示當前日期
第15章　響應(yīng)式網(wǎng)頁設(shè)計
視頻講解：38分鐘
15.1 概述
15.1.1 響應(yīng)式網(wǎng)頁設(shè)計的概念
15.1.2 響應(yīng)式網(wǎng)頁設(shè)計的優(yōu)缺點和技術(shù)原理
15.2 像素和屏幕分辨率
15.2.1 像素和屏幕分辨率
15.2.2 設(shè)備像素和CSS像素
15.3 視口
15.3.1 視口
15.3.2 視口常用屬性
15.3.3 媒體查詢
15.4 響應(yīng)式網(wǎng)頁的布局設(shè)計
15.4.1 常用布局類型
15.4.2 布局的實現(xiàn)方式
15.4.3 響應(yīng)式布局的設(shè)計與實現(xiàn)
15.5 小結(jié)
15.6 實戰(zhàn)
實戰(zhàn)一：實現(xiàn)主頁響應(yīng)式實現(xiàn)
第16章　響應(yīng)式組件
視頻講解：1小時14分鐘
16.1 響應(yīng)式圖片
16.1.1 方法1：使用標簽
16.1.2 方法2：使用CSS圖片
16.2 響應(yīng)式視頻
16.2.1 方法1：使用標簽
16.2.2 方法2：使用HTML5手機播放器
16.3 響應(yīng)式導航菜單
16.3.1 方法1：CSS3響應(yīng)式菜單
16.3.2 方法2：JavaScript響應(yīng)式菜單
16.4 響應(yīng)式表格
16.4.1 方法1：隱藏表格中的列
16.4.2 方法2：滾動表格中的列
16.4.3 方法3：轉(zhuǎn)換表格中的列
16.5 小結(jié)
16.6 實戰(zhàn)
實戰(zhàn)一：實現(xiàn)一個響應(yīng)式菜單
第3篇　項目篇
第17章　課程設(shè)計：游戲公園
視頻講解：1小時5分鐘
17.1 課程設(shè)計目的
17.2 游戲公園網(wǎng)站概述
17.2.1 網(wǎng)站特點
17.2.2 功能結(jié)構(gòu)
17.3 主頁的設(shè)計與實現(xiàn)
17.3.1 主頁的設(shè)計
17.3.2 頂部區(qū)和底部區(qū)功能的實現(xiàn)
17.3.3 推薦游戲功能的實現(xiàn)
17.3.4 最新游戲功能的實現(xiàn)
17.4 博客列表的設(shè)計與實現(xiàn)
17.4.1 博客列表的設(shè)計
17.4.2 博客列表的實現(xiàn)
17.5 博客詳情的設(shè)計與實現(xiàn)
17.5.1 博客詳情的設(shè)計
17.5.2 博客詳情的實現(xiàn)
17.6 關(guān)于我們的設(shè)計與實現(xiàn)
17.6.1 關(guān)于我們的設(shè)計
17.6.2 關(guān)于我們的實現(xiàn)
17.7 小結(jié)
強化訓練分冊目錄
第1章　HTML基礎(chǔ)
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第2章　文本
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第3章　圖像和超鏈接
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第4章　CSS3概述
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第5章　CSS3高級應(yīng)用
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第6章　表格與標簽
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第7章　列表
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第8章　表單
應(yīng)用技能拓展學習
1．HTML5新增的input標簽的屬性
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第9章　多媒體
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第10章　HTML5新特性
應(yīng)用技能拓展學習
1．HTML5中新增的結(jié)構(gòu)元素與語義化元素
2．HTML5中新增的input元素類型
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第11章　JavaScript基礎(chǔ)
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第12章　繪制圖形
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第13章　文件與拖放
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第14章　JavaScript對象編程
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
第15章　響應(yīng)式網(wǎng)頁設(shè)計
應(yīng)用技能拓展學習
實戰(zhàn)技能強化訓練
訓練一：基本功強化訓練
訓練二：實戰(zhàn)能力強化訓練
查看全部↓ 前言/序言 前 言
通過網(wǎng)站獲取資訊及進行學習、娛樂、消費，已經(jīng)成為人們生活和工作中不可或缺的一部分。隨著技術(shù)的發(fā)展，網(wǎng)站內(nèi)容越來越豐富，網(wǎng)頁頁面越來越美觀，頁面與用戶的交互性也越來越強。HTML5、CSS3和JavaScript的出現(xiàn)，使得網(wǎng)頁設(shè)計從外觀上更炫，技術(shù)上更簡單。因此，HTML5+CSS3+JavaScript這一開發(fā)組合受到廣大程序員的青睞，成為網(wǎng)頁開發(fā)人員使用的主流編程語言。
本書內(nèi)容
本書分為兩冊：核心技術(shù)分冊和強化訓練分冊。
核心技術(shù)分冊共17章，提供了從入門到編程高手所必需的HTML5、CSS3和JavaScript各類核心知識。
第1篇：基礎(chǔ)篇。本篇介紹了HTML基礎(chǔ)、文本、圖像和超鏈接、CSS3概述、CSS3高級應(yīng)用、表格與標簽、列表、表單、多媒體、HTML5新特性、JavaScript基礎(chǔ)等內(nèi)容，使讀者快速掌握開發(fā)基本內(nèi)容，為以后編程奠定堅實的基礎(chǔ)。 第2篇：提高篇。本篇介紹了繪制圖形、文件與拖放、JavaScript對象編程、響應(yīng)式網(wǎng)頁設(shè)計、響應(yīng)式組件等內(nèi)容。學習完本篇，能夠開發(fā)一些中小型應(yīng)用程序。
第3篇：項目篇。本篇通過制作一個“游戲公園”主題的網(wǎng)站，運用軟件工程的設(shè)計思想，讓讀者學習如何進行軟件項目的實踐開發(fā)。書中按照“需求分析→系統(tǒng)設(shè)計→主頁實現(xiàn)→博客列表實現(xiàn)→博客詳情實現(xiàn)→關(guān)于我們”的流程進行介紹，帶領(lǐng)讀者親身體驗開發(fā)項目的全過程。
強化訓練分冊共15章，通過250個來源于實際生活的趣味案例，強化上機實戰(zhàn)，拓展和提升讀者對實際問題的分析與解決能力。
本書特點
深入淺出，循序漸進。本書以初、中級程序員為對象，先從語言基礎(chǔ)學起（HTML基礎(chǔ)、CSS基礎(chǔ)和JavaScript基礎(chǔ)），再學習網(wǎng)站制作常用組件的功能實現(xiàn)，最后學習開發(fā)一個完整項目。講解過程步驟詳盡，版式新穎，使讀者在閱讀時一目了然，從而快速掌握書中內(nèi)容。
實例典型，輕松易學。通過例子學習是最好的學習方式，本書通過“一個知識點、一個例子、一個結(jié)果、一段評析、一個綜合應(yīng)用”的模式，透徹詳盡地講述了實際開發(fā)中所需的各類知識。另外，為了便于讀者閱讀程序代碼，快速學習編程技能，書中幾乎每行代碼都提供了注釋。
微課視頻，可聽可看。為便于讀者直觀感受程序開發(fā)的全過程，書中大部分章節(jié)都配備了教學微視頻。這些微課可聽、可看，能快速引導初學者入門，使其感受編程的快樂和成就感，進一步增強學習的信心。
強化訓練，實戰(zhàn)提升。軟件開發(fā)學習，實戰(zhàn)才是硬道理。核心技術(shù)分冊中提供了40個實戰(zhàn)練習，強化訓練分冊中更是給出了250個源自生活的真實案例。應(yīng)用編程思想來解決這些生活中的難題，不但能鍛煉動手能力，還可以快速提升實戰(zhàn)技巧。如果在實現(xiàn)過程中遇到問題，可以從資源包中獲取相應(yīng)實戰(zhàn)的源碼進行解讀。
精彩欄目，貼心提醒。本書根據(jù)需要在各章安排了很多“注意”“說明”“技巧”等小欄目，讓讀者可以在學習過程中更輕松地理解相關(guān)知識點及概念，更快地掌握個別技術(shù)的應(yīng)用技巧。在強化訓練分冊中，更設(shè)置了“①②③④⑤⑥”欄目，讀者每親手完成一次實戰(zhàn)練習，即可涂上一個序號。通過反復(fù)實踐，可真正實現(xiàn)強化訓練和提升。
本書資源
為幫助讀者學習，本書配備了長達17個小時（共162集）的微課視頻講解。除此以外，還為讀者提供了“Java Web開發(fā)資源庫”系統(tǒng)，可以幫助讀者快速提升編程水平和解決實際問題的能力。
在學習本書的過程中，可以配合技術(shù)資源庫和實例資源庫的相應(yīng)內(nèi)容，全面提升個人綜合編程技能和解決實際開發(fā)問題的能力，為成為軟件開發(fā)工程師打下堅實基礎(chǔ)。對于數(shù)學邏輯能力和英語基礎(chǔ)較為薄弱的讀者，或者想了解個人數(shù)學邏輯思維能力和編程英語基礎(chǔ)的用戶，本書提供了數(shù)學及邏輯思維能力測試和編程英語能力測試以供練習和測試。面試資源庫提供了大量國內(nèi)外軟件企業(yè)的常見面試真題，同時還提供了程序員職業(yè)規(guī)劃、程序員面試技巧、虛擬面試系統(tǒng)等精彩內(nèi)容，是程序員求職面試的絕佳指南。
讀者對象
初學編程的自學者；編程愛好者；大中專院校的老師和學生；相關(guān)培訓機構(gòu)的老師和學員；做畢業(yè)設(shè)計的學生；初、中級程序開發(fā)人員；程序測試及維護人員；參加實習的“菜鳥”程序員。
讀者服務(wù)
學習本書時，請先掃描封底的權(quán)限二維碼（需要刮開涂層）獲取學習權(quán)限，然后即可免費學習書中的所有線上線下資源。本書所附贈的各類學習資源，讀者可登錄清華大學出版社網(wǎng)站，在對應(yīng)圖書頁面下獲取其下載方式。也可掃描圖書封底的“文泉云盤”二維碼，獲取其下載方式。為了方便解決本書疑難問題，讀者朋友可加我們的企QQ，也可以登錄網(wǎng)站留言，我們將竭誠為您服務(wù)。
致讀者
本書由明日科技軟件開發(fā)團隊組織編寫。明日科技是一家專業(yè)從事軟件開發(fā)、教育培訓以及軟件開發(fā)教育資源整合的高科技公司，其編寫的教材非常注重選取軟件開發(fā)中的必需、常用內(nèi)容，同時也很注重內(nèi)容的易學、方便性以及相關(guān)知識的拓展性，深受讀者喜愛。其教材多次榮獲“全行業(yè)優(yōu)秀暢銷品種”“中國大學出版社優(yōu)秀暢銷書”等獎項，多個品種長期位居同類圖書銷售排行榜的前列。
在編寫本書的過程中，我們始終本著科學、嚴謹?shù)膽B(tài)度，力求精益求精，但錯誤、疏漏之處在所難免，敬請廣大讀者批評指正。感謝您購買本書，希望本書能成為您編程路上的領(lǐng)航者。
“零門檻”編程，一切皆有可能。
祝讀書快樂！
編 者
查看全部↓
"})