目 錄
前言

第1章 HTML5概述
1.1 Web的基本概念
1.1.1 WWW
1.1.2 Web服務(wù)器
1.1.3 網(wǎng)頁(yè)瀏覽器
1.1.4 網(wǎng)站
1.1.5 網(wǎng)頁(yè)
1.1.6 URL
1.1.7 標(biāo)記語(yǔ)言
1.1.8 網(wǎng)頁(yè)標(biāo)準(zhǔn)
1.2 HTML5的基本結(jié)構(gòu)和語(yǔ)法規(guī)則
1.2.1 HTML5文檔的基本結(jié)構(gòu)
1.2.2 HTML5的基本語(yǔ)法
1.2.3 HTML的全局屬性
1.2.4 元素的分類
1.2.5 HTML的字符實(shí)體和顏色表示
1.2.6 HTML5開發(fā)人員編碼規(guī)范
1.3 編輯HTML文件
1.3.1 常用HTML編輯軟件
1.3.2 網(wǎng)頁(yè)文件的創(chuàng)建
1.4 實(shí)訓(xùn)——制作社區(qū)網(wǎng)版權(quán)信息
習(xí)題1
第2章 塊級(jí)元素
2.1 基本塊級(jí)元素
2.1.1 標(biāo)題元素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 標(biāo)簽元素label
2.4.4 選擇欄元素select
2.4.5 按鈕元素button
2.4.6 多行文本元素textarea
2.5 分區(qū)元素div
2.6 縮排元素blockquote
2.7 實(shí)訓(xùn)——制作精選信息版塊
習(xí)題2
第3章 行內(nèi)元素
3.1 格式化元素
3.1.1 字體樣式元素
3.1.2 短語(yǔ)元素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 實(shí)訓(xùn)—制作廣告版塊
習(xí)題3
第4章 CSS3基礎(chǔ)
4.1 CSS簡(jiǎn)介
4.1.1 CSS的發(fā)展歷史
4.1.2 CSS設(shè)計(jì)與編寫原則
4.2 在HTML中使用CSS的方法
4.2.1 行內(nèi)樣式
4.2.2 內(nèi)部樣式
4.2.3 鏈入外部樣式表文件
4.2.4 導(dǎo)入外部樣式表文件
4.3 CSS的兩個(gè)主要特性
4.4 CSS的基本語(yǔ)法
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 長(zhǎng)度、百分比單位
4.6.2 色彩單位
4.7 HTML文檔結(jié)構(gòu)與元素類型
4.7.1 文檔結(jié)構(gòu)的基本概念
4.7.2 元素類型
4.8 實(shí)訓(xùn)——制作內(nèi)容詳情頁(yè)
習(xí)題4
第5章 CSS3的屬性
5.1 CSS背景屬性
5.1.1 背景顏色屬性background-color
5.1.2 背景圖像屬性background-image
5.1.3 重復(fù)背景圖像屬性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 背景圖像起點(diǎn)屬性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 字體粗細(xì)屬性font-weight
5.2.6 字體簡(jiǎn)寫屬性font
5.2.7 CSS3新增使用服務(wù)器字體
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 文本水平對(duì)齊方式屬性text-align
5.3.6 為文本添加裝飾屬性text-decoration
5.3.7 段落首行縮進(jìn)屬性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 文本的截?cái)嘈Ч麑傩詔ext-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 圖像作為列表項(xiàng)標(biāo)記屬性list-style-image
5.5.2 列表項(xiàng)標(biāo)記位置屬性list-style-position
5.5.3 列表項(xiàng)標(biāo)記類型屬性list-style-type
5.5.4 列表簡(jiǎn)寫屬性list-style
5.6 CSS表格屬性
5.6.1 合并邊框?qū)傩詁order-collapse
5.6.2 邊框間隔屬性border-spacing
5.6.3 標(biāo)題位置屬性caption-side
5.6.4 單元格無內(nèi)容顯示方式屬性empty-cells
5.6.5 表格設(shè)置方式屬性table-layout
5.7 CSS內(nèi)容屬性
5.8 CSS屬性的應(yīng)用
5.8.1 設(shè)置圖像樣式
5.8.2 設(shè)置鏈接
5.8.3 創(chuàng)建導(dǎo)航菜單
5.9 實(shí)訓(xùn)——制作社區(qū)網(wǎng)頁(yè)面
5.9.1 制作通知公告版塊
5.9.2 制作導(dǎo)航欄
習(xí)題5
第6章 CSS的盒模型
6.1 CSS盒模型的組成和大小
6.1.1 盒子的組成
6.1.2 盒子的大小
6.1.3 塊級(jí)元素與行內(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浮動(dòng)屬性float
6.3.3 清除浮動(dòng)屬性clear
6.3.4 裁剪屬性clip
6.3.5 內(nèi)容溢出時(shí)的顯示方式屬性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 實(shí)訓(xùn)——制作社區(qū)網(wǎng)網(wǎng)頁(yè)
6.7.1 制作新聞圖片板塊
6.7.2 制作熱點(diǎn)關(guān)注板塊
習(xí)題6
第7章 JavaScript程序設(shè)計(jì)基礎(chǔ)
7.1 JavaScript概述
7.1.1 JavaScript的誕生
7.1.2 ECMAScript的版本
7.1.3 JavaScript的特點(diǎn)
7.2 在HTML文檔中使用JavaScript
7.2.1 在HTML文檔中嵌入腳本程序
7.2.2 鏈接腳本文件
7.2.3 在HTML標(biāo)簽內(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 標(biāo)識(shí)符、變量、運(yùn)算符和表達(dá)式
7.4.1 標(biāo)識(shí)符
7.4.2 常量
7.4.3 變量
7.4.4 運(yùn)算符和表達(dá)式
7.4.5 語(yǔ)句的書寫規(guī)則
7.5 流程控制語(yǔ)句
7.5.1 順序結(jié)構(gòu)語(yǔ)句
7.5.2 條件選擇結(jié)構(gòu)語(yǔ)句
7.5.3 循環(huán)結(jié)構(gòu)語(yǔ)句
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 對(duì)象
7.7.1 對(duì)象的概念
7.7.2 創(chuàng)建類
7.7.3 對(duì)象的實(shí)例化
7.7.4 對(duì)象的屬性
7.7.5 對(duì)象的方法
7.7.6 對(duì)象的遍歷
7.7.7 對(duì)象的事件
7.8 內(nèi)置對(duì)象
7.8.1 數(shù)學(xué)對(duì)象
7.8.2 字符串對(duì)象
7.8.3 日期對(duì)象
7.8.4 數(shù)組對(duì)象
7.9 正則表達(dá)式
7.9.1 創(chuàng)建正則表達(dá)式
7.9.2 正則表達(dá)式的組成
7.9.3 正則表達(dá)式使用的方法
7.10 使用開發(fā)者工具調(diào)試JavaScript程序
7.10.1 開發(fā)者工具調(diào)試使用方法
7.10.2 調(diào)試示例
習(xí)題7
第8章 JavaScript對(duì)象模型
8.1 BOM的對(duì)象
8.1.1 BOM概述
8.1.2 window對(duì)象
8.1.3 document對(duì)象
8.1.4 location對(duì)象
8.1.5 navigator對(duì)象
8.1.6 screen對(duì)象
8.1.7 history對(duì)象
8.2 DOM的對(duì)象
8.2.1 節(jié)點(diǎn)和節(jié)點(diǎn)樹
8.2.2 DOM的操作
8.2.3 Node對(duì)象
8.2.4 HTML DOM對(duì)象
8.2.5 HTML Document對(duì)象
8.2.6 HTML Element對(duì)象
8.2.7 Node操作實(shí)例
習(xí)題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 事件捕捉與事件冒泡
習(xí)題9
第10章 CSS3變形、過渡和動(dòng)畫屬性
10.1 變形
10.1.1 CSS的坐標(biāo)系統(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 動(dòng)畫
10.3.1 動(dòng)畫屬性
10.3.2 動(dòng)畫事件
習(xí)題10293
第11章 HTML5的拖放和畫布
11.1 拖放
11.1.1 draggable屬性
11.1.2 拖放事件
11.1.3 數(shù)據(jù)傳遞對(duì)象dataTransfer
11.2 畫布
11.2.1 創(chuàng)建canvas元素
11.2.2 構(gòu)建繪圖環(huán)境
11.2.3 繪制圖形的步驟
11.2.4 繪制圖形
習(xí)題11
第12章 綜合案例—社區(qū)新聞網(wǎng)的設(shè)計(jì)與實(shí)現(xiàn)
12.1 網(wǎng)站的開發(fā)流程和組織結(jié)構(gòu)
12.1.1 創(chuàng)建站點(diǎn)目錄
12.1.2 網(wǎng)站頁(yè)面的組成
12.2 制作社區(qū)新聞網(wǎng)首頁(yè)
12.3 制作社區(qū)新聞網(wǎng)的列表頁(yè)
12.4 制作社區(qū)新聞網(wǎng)的內(nèi)容頁(yè)
習(xí)題12
參考文獻(xiàn)