目 錄
前言

第1章 HTML5概述
1.1 Web的基本概念
1.1.1 WWW
1.1.2 Web服務器
1.1.3 網(wǎng)頁瀏覽器
1.1.4 網(wǎng)站
1.1.5 網(wǎng)頁
1.1.6 URL
1.1.7 標記語言
1.1.8 網(wǎng)頁標準
1.2 HTML5的基本結(jié)構(gòu)和語法規(guī)則
1.2.1 HTML5文檔的基本結(jié)構(gòu)
1.2.2 HTML5的基本語法
1.2.3 HTML的全局屬性
1.2.4 元素的分類
1.2.5 HTML的字符實體和顏色表示
1.2.6 HTML5開發(fā)人員編碼規(guī)范
1.3 編輯HTML文件
1.3.1 常用HTML編輯軟件
1.3.2 網(wǎng)頁文件的創(chuàng)建
1.4 實訓——制作社區(qū)網(wǎng)版權(quán)信息
習題1
第2章 塊級元素
2.1 基本塊級元素
2.1.1 標題元素hl～h6
2.1.2 段落元素p和換行元素br
2.1.3 水平線元素hr
2.1.4 注釋元素
2.2 列表元素
2.2.1 無序列表元素ul
2.2.2 有序列表元素ol
2.2.3 定義列表元素dl
2.2.4 嵌套列表
2.3 表格元素table
2.3.1 基本表格
2.3.2 跨行跨列表格
2.3.3 表格數(shù)據(jù)的分組
2.3.4 調(diào)整列的格式
2.4 表單
2.4.1 表單元素form
2.4.2 輸入元素input
2.4.3 標簽元素label
2.4.4 選擇欄元素select
2.4.5 按鈕元素button
2.4.6 多行文本元素textarea
2.5 分區(qū)元素div
2.6 縮排元素blockquote
2.7 實訓——制作精選信息版塊
習題2
第3章 行內(nèi)元素
3.1 格式化元素
3.1.1 字體樣式元素
3.1.2 短語元素3
3.2 圖像元素img
3.3 超鏈接元素a
3.4 圖像熱區(qū)超鏈接元素map、area
3.5 范圍元素span
3.6 多媒體元素
3.6.1 音頻元素audio
3.6.2 視頻元素video4
3.7 用HBuilder X編輯HTML文檔
3.8 實訓—制作廣告版塊
習題3
第4章 CSS3基礎
4.1 CSS簡介
4.1.1 CSS的發(fā)展歷史
4.1.2 CSS設計與編寫原則
4.2 在HTML中使用CSS的方法
4.2.1 行內(nèi)樣式
4.2.2 內(nèi)部樣式
4.2.3 鏈入外部樣式表文件
4.2.4 導入外部樣式表文件
4.3 CSS的兩個主要特性
4.4 CSS的基本語法
4.5 CSS的選擇器
4.5.1 元素選擇器
4.5.2 通配符選擇器
4.5.3 屬性選擇器
4.5.4 派生選擇器
4.5.5 兄弟選擇器
4.5.6 id選擇器
4.5.7 class選擇器
4.5.8 偽類選擇器
4.5.9 UI元素狀態(tài)偽類選擇器
4.5.10 結(jié)構(gòu)偽類選擇器
4.5.11 其他偽類選擇器
4.5.12 偽元素選擇器
4.6 屬性值的寫法和單位
4.6.1 長度、百分比單位
4.6.2 色彩單位
4.7 HTML文檔結(jié)構(gòu)與元素類型
4.7.1 文檔結(jié)構(gòu)的基本概念
4.7.2 元素類型
4.8 實訓——制作內(nèi)容詳情頁
習題4
第5章 CSS3的屬性
5.1 CSS背景屬性
5.1.1 背景顏色屬性background-color
5.1.2 背景圖像屬性background-image
5.1.3 重復背景圖像屬性background-repeat
5.1.4 固定背景圖像屬性background-attachment
5.1.5 背景圖像位置屬性background-position
5.1.6 背景圖像大小屬性background-size
5.1.7 背景屬性backgroud
5.1.8 背景覆蓋區(qū)域?qū)傩詁ackground-clip
5.1.9 背景圖像起點屬性background-origin
5.1.10 背景漸變屬性background-image
5.2 CSS字體屬性
5.2.1 字體類型屬性font-family
5.2.2 字體尺寸屬性font-size
5.2.3 字體傾斜屬性font-style
5.2.4 小寫字體屬性font-variant
5.2.5 字體粗細屬性font-weight
5.2.6 字體簡寫屬性font
5.2.7 CSS3新增使用服務器字體
5.3 CSS文本屬性
5.3.1 文本顏色屬性color
5.3.2 文本方向?qū)傩詃irection
5.3.3 字符間隔屬性letter-spacing
5.3.4 行高屬性line-height
5.3.5 文本水平對齊方式屬性text-align
5.3.6 為文本添加裝飾屬性text-decoration
5.3.7 段落首行縮進屬性text-indent
5.3.8 文本的陰影屬性text-shadow
5.3.9 文本的大小寫屬性text-transform
5.3.10 元素內(nèi)部的空白屬性white-space
5.3.11 單詞之間的間隔屬性word-spacing
5.3.12 文本的截斷效果屬性text-overflow
5.3.13 文本的換行方式屬性word-break
5.3.14 單詞斷字屬性word-wrap
5.4 CSS尺寸屬性
5.4.1 寬度屬性width
5.4.2 高度屬性height
5.4.3 最小寬度屬性min-width
5.4.4 最大寬度屬性max-width
5.4.5 最小高度屬性min-height
5.4.6 最大高度屬性max-height
5.5 CSS列表屬性
5.5.1 圖像作為列表項標記屬性list-style-image
5.5.2 列表項標記位置屬性list-style-position
5.5.3 列表項標記類型屬性list-style-type
5.5.4 列表簡寫屬性list-style
5.6 CSS表格屬性
5.6.1 合并邊框?qū)傩詁order-collapse
5.6.2 邊框間隔屬性border-spacing
5.6.3 標題位置屬性caption-side
5.6.4 單元格無內(nèi)容顯示方式屬性empty-cells
5.6.5 表格設置方式屬性table-layout
5.7 CSS內(nèi)容屬性
5.8 CSS屬性的應用
5.8.1 設置圖像樣式
5.8.2 設置鏈接
5.8.3 創(chuàng)建導航菜單
5.9 實訓——制作社區(qū)網(wǎng)頁面
5.9.1 制作通知公告版塊
5.9.2 制作導航欄
習題5
第6章 CSS的盒模型
6.1 CSS盒模型的組成和大小
6.1.1 盒子的組成
6.1.2 盒子的大小
6.1.3 塊級元素與行內(nèi)元素的寬度和高度
6.2 CSS盒模型的屬性
6.2.1 CSS內(nèi)邊距屬性padding
6.2.2 CSS外邊距屬性margin
6.2.3 CSS邊框?qū)傩詁order
6.2.4 圓角邊框?qū)傩詁order-radius
6.2.5 盒模型的陰影屬性box-shadow
6.2.6 圖片邊框?qū)傩詁order-image
6.2.7 CSS輪廓屬性outline
6.2.8 調(diào)整大小屬性resize
6.3 CSS布局屬性
6.3.1 元素的布局方式概述
6.3.2 CSS浮動屬性float
6.3.3 清除浮動屬性clear
6.3.4 裁剪屬性clip
6.3.5 內(nèi)容溢出時的顯示方式屬性overflow
6.3.6 元素顯示方式屬性display
6.3.7 元素可見性屬性visibility
6.4 CSS盒子定位屬性
6.4.1 定位位置屬性top、right、bottom、left
6.4.2 定位方式屬性position
6.4.3 層疊順序?qū)傩詚-index
6.5 CSS3多列屬性
6.5.1 列數(shù)屬性column-count
6.5.2 列寬屬性column-width
6.5.3 列寬屬性column
6.5.4 列之間的間隔屬性column-gap
6.5.5 是否橫跨所有列屬性column-span
6.5.6 列間隔樣式屬性column-rule-style
6.5.7 列之間間隔顏色屬性column-rule-color
6.5.8 列之間寬度屬性column-rule-width
6.5.9 列之間間隔所有屬性column-rule
6.6 CSS基本布局樣式
6.6.1 CSS布局類型
6.6.2 CSS布局樣式
6.7 實訓——制作社區(qū)網(wǎng)網(wǎng)頁
6.7.1 制作新聞圖片板塊
6.7.2 制作熱點關注板塊
習題6
第7章 JavaScript程序設計基礎
7.1 JavaScript概述
7.1.1 JavaScript的誕生
7.1.2 ECMAScript的版本
7.1.3 JavaScript的特點
7.2 在HTML文檔中使用JavaScript
7.2.1 在HTML文檔中嵌入腳本程序
7.2.2 鏈接腳本文件
7.2.3 在HTML標簽內(nèi)添加腳本
7.3 數(shù)據(jù)類型
7.3.1 數(shù)據(jù)類型的分類
7.3.2 基本數(shù)據(jù)類型
7.3.3 數(shù)據(jù)類型的判斷
7.3.4 數(shù)據(jù)類型的轉(zhuǎn)換
7.4 標識符、變量、運算符和表達式
7.4.1 標識符
7.4.2 常量
7.4.3 變量
7.4.4 運算符和表達式
7.4.5 語句的書寫規(guī)則
7.5 流程控制語句
7.5.1 順序結(jié)構(gòu)語句
7.5.2 條件選擇結(jié)構(gòu)語句
7.5.3 循環(huán)結(jié)構(gòu)語句
7.6 函數(shù)
7.6.1 函數(shù)的聲明
7.6.2 函數(shù)的調(diào)用
7.6.3 變量的作用域
7.6.4 內(nèi)嵌函數(shù)
7.6.5 閉包函數(shù)
7.6.6 系統(tǒng)函數(shù)
7.7 對象
7.7.1 對象的概念
7.7.2 創(chuàng)建類
7.7.3 對象的實例化
7.7.4 對象的屬性
7.7.5 對象的方法
7.7.6 對象的遍歷
7.7.7 對象的事件
7.8 內(nèi)置對象
7.8.1 數(shù)學對象
7.8.2 字符串對象
7.8.3 日期對象
7.8.4 數(shù)組對象
7.9 正則表達式
7.9.1 創(chuàng)建正則表達式
7.9.2 正則表達式的組成
7.9.3 正則表達式使用的方法
7.10 使用開發(fā)者工具調(diào)試JavaScript程序
7.10.1 開發(fā)者工具調(diào)試使用方法
7.10.2 調(diào)試示例
習題7
第8章 JavaScript對象模型
8.1 BOM的對象
8.1.1 BOM概述
8.1.2 window對象
8.1.3 document對象
8.1.4 location對象
8.1.5 navigator對象
8.1.6 screen對象
8.1.7 history對象
8.2 DOM的對象
8.2.1 節(jié)點和節(jié)點樹
8.2.2 DOM的操作
8.2.3 Node對象
8.2.4 HTML DOM對象
8.2.5 HTML Document對象
8.2.6 HTML Element對象
8.2.7 Node操作實例
習題8
第9章 JavaScript事件處理
9.1 事件概述
9.1.1 事件的概念
9.1.2 事件的類型
9.1.3 事件處理程序的綁定方式
9.2 window事件
9.2.1 load事件
9.2.2 resize事件
9.2.3 scroll事件
9.2.4 focus和 blur 事件
9.3 mouse事件
9.3.1 click 事件
9.3.2 dblclick事件
9.3.3 mouseover和mouseout事件
9.3.4 mousedown、mousemove和mouseup事件
9.4 keyboard事件
9.4.1 keydown 事件
9.4.2 keypress 事件
9.4.3 keyup 事件
9.5 form事件
9.5.1 onsubmit和onreset事件
9.5.2 子元素事件
9.6 事件捕捉與事件冒泡
習題9
第10章 CSS3變形、過渡和動畫屬性
10.1 變形
10.1.1 CSS的坐標系統(tǒng)
10.1.2 transform屬性
10.1.3 transform-origin屬性
10.1.4 transform-style屬性
10.1.5 perspective和perspective-origin屬性
10.1.6 backface-visibility屬性
10.2 過渡
10.2.1 過渡屬性
10.2.2 過渡事件
10.3 動畫
10.3.1 動畫屬性
10.3.2 動畫事件
習題10293
第11章 HTML5的拖放和畫布
11.1 拖放
11.1.1 draggable屬性
11.1.2 拖放事件
11.1.3 數(shù)據(jù)傳遞對象dataTransfer
11.2 畫布
11.2.1 創(chuàng)建canvas元素
11.2.2 構(gòu)建繪圖環(huán)境
11.2.3 繪制圖形的步驟
11.2.4 繪制圖形
習題11
第12章 綜合案例—社區(qū)新聞網(wǎng)的設計與實現(xiàn)
12.1 網(wǎng)站的開發(fā)流程和組織結(jié)構(gòu)
12.1.1 創(chuàng)建站點目錄
12.1.2 網(wǎng)站頁面的組成
12.2 制作社區(qū)新聞網(wǎng)首頁
12.3 制作社區(qū)新聞網(wǎng)的列表頁
12.4 制作社區(qū)新聞網(wǎng)的內(nèi)容頁
習題12
參考文獻