Web前端開(kāi)發(fā)技術(shù)：HTML、CSS、JavaScript

第1篇 HTML標(biāo)記語(yǔ)言篇
第1章 HTML基礎(chǔ)
1.1 基本概念
1.1.1 WWW簡(jiǎn)介
1.1.2 瀏覽器
1.1.3 靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)
1.2 HTML概述
1.2.1 HTML定義
1.2.2 HTML的發(fā)展歷程
1.3 HTML文件
1.3.1 HTML標(biāo)記
1.3.2 HTML文件的基本結(jié)構(gòu)
1.3.3 HTML文件的編寫(xiě)方法
1.4 XHTML基礎(chǔ)
1.5 HTML/XHTML文檔類(lèi)型
1.6 網(wǎng)站的建設(shè)與發(fā)布
1.6.1 網(wǎng)站策劃
1.6.2 網(wǎng)站素材收集
1.6.3 網(wǎng)頁(yè)規(guī)劃
1.6.4 網(wǎng)站目錄設(shè)計(jì)
1.6.5 網(wǎng)頁(yè)制作
1.6.6 網(wǎng)站測(cè)試
1.6.7 網(wǎng)站發(fā)布
習(xí)題1
第2章 頁(yè)面的頭部標(biāo)記
2.1 頁(yè)面的頭部標(biāo)記
2.2 標(biāo)題標(biāo)記
2.3 元信息標(biāo)記
2.3.1 標(biāo)記屬性
2.3.2 設(shè)定網(wǎng)頁(yè)關(guān)鍵字
2.3.3 設(shè)定網(wǎng)頁(yè)描述信息
2.3.4 設(shè)定網(wǎng)頁(yè)字符集
2.3.5 設(shè)定網(wǎng)頁(yè)自動(dòng)刷新
2.3.6 設(shè)定網(wǎng)頁(yè)自動(dòng)跳轉(zhuǎn)
習(xí)題2
第3章 頁(yè)面的主體標(biāo)記
3.1 設(shè)置網(wǎng)頁(yè)正文顏色與背景顏色
3.2 添加網(wǎng)頁(yè)背景圖片
3.3 設(shè)置網(wǎng)頁(yè)鏈接文字顏色
3.4 設(shè)置網(wǎng)頁(yè)邊距
習(xí)題3
第4章 文字與段落標(biāo)記
4.1 文字標(biāo)記
4.1.1 文字內(nèi)容的輸入
4.1.2 對(duì)文字字體的設(shè)置
4.1.3 使用文字的修飾標(biāo)記設(shè)置文字格式
4.1.4 標(biāo)題字設(shè)置
4.2 段落標(biāo)記
4.2.1 段落標(biāo)記
4.2.2 換行標(biāo)記
4.2.3 預(yù)格式化標(biāo)記
4.2.4 居中標(biāo)記
4.2.5 縮排標(biāo)記
4.3 水平線標(biāo)記
習(xí)題4
第5章 列表標(biāo)記
5.1 有序列表
5.1.1 有序列表的前導(dǎo)符設(shè)置
5.1.2 有序列表的前導(dǎo)符起始編號(hào)設(shè)置
5.2 無(wú)序列表
5.2.1 項(xiàng)目列表
5.2.2 項(xiàng)目列表的前導(dǎo)符設(shè)置
5.2.3 定義列表
5.3 嵌套列表
習(xí)題5
第6章 圖片標(biāo)記
6.1 網(wǎng)頁(yè)常用圖片格式
6.2 插入圖片
6.2.1 設(shè)置圖片大小
6.2.2 設(shè)置圖片提示文本
6.2.3 設(shè)置圖片與周?chē)鷮?duì)象的間距
6.2.4 設(shè)置圖片的對(duì)齊方式
6.2.5 設(shè)置圖片的邊框
習(xí)題6
第7章 在網(wǎng)頁(yè)中嵌入多媒體內(nèi)容
7.1 概述
7.2 設(shè)置滾動(dòng)字幕
7.2.1 設(shè)置默認(rèn)效果的滾動(dòng)字幕
7.2.2 設(shè)置滾動(dòng)字幕的滾動(dòng)方向
7.2.3 設(shè)置滾動(dòng)字幕的滾動(dòng)行為
7.2.4 設(shè)置字幕的滾動(dòng)速度和滾動(dòng)延遲特性
7.2.5 設(shè)置字幕的滾動(dòng)區(qū)域及其背景顏色
7.2.6 設(shè)置字幕的滾動(dòng)區(qū)域與周?chē)鷮?duì)象的間距
7.3 嵌入音視頻文件
7.4 嵌入Flash動(dòng)畫(huà)
7.5 設(shè)置背景音樂(lè)
7.6 嵌入Java Applet
習(xí)題7
第8章 使用框架結(jié)構(gòu)
8.1 框架概述
8.2 框架集標(biāo)記
8.2.1 左右分割窗口
8.2.2 上下分割窗口
8.2.3 嵌套分割窗口
8.2.4 使用標(biāo)記設(shè)置框架邊框
8.3 框架標(biāo)記
8.3.1 設(shè)置框架顯示內(nèi)容
8.3.2 使用標(biāo)記設(shè)置框架邊框
8.3.3 設(shè)置框架名稱(chēng)
8.3.4 設(shè)置框架窗口固定大小
8.3.5 設(shè)置框架滾動(dòng)條
8.3.6 設(shè)置框架邊距
8.4 不支持框架標(biāo)記
8.5 浮動(dòng)框架標(biāo)記
10.2.1 設(shè)置表格的邊框
10.2.2 設(shè)置表格的寬度和高度
10.2.3 設(shè)置表格的對(duì)齊方式
10.2.4 設(shè)置表格的背景顏色
10.2.5 設(shè)置表格的背景圖片
10.2.6 設(shè)置表格的邊距
10.2.7 設(shè)置表格的間距
10.2.8 設(shè)置表格的標(biāo)題
10.3 標(biāo)記
10.4 和 標(biāo)記
10.4.1 使用創(chuàng)建表頭
10.4.2 設(shè)置單元格對(duì)齊方式
10.4.3 設(shè)置單元格的背景顏色和邊框顏色
10.4.4 設(shè)置單元格的背景圖片
10.4.5 設(shè)置單元格的寬度和高度
10.4.6 單元格的跨行和跨列設(shè)置
10.5 表格的綜合示例--使用表格布局網(wǎng)頁(yè)
習(xí)題10
第11章 在網(wǎng)頁(yè)中創(chuàng)建表單
11.1 表單概述
11.2 表單標(biāo)記
11.2.1 表單標(biāo)記
11.2.2 輸入標(biāo)記
11.2.3 選擇列表標(biāo)記11.2.4 文本域標(biāo)記
11.3 表單綜合示例：使用表單收集個(gè)人信息
習(xí)題11
第2篇 CSS層疊樣式表篇
第12章 CSS基礎(chǔ)知識(shí)
12.1 CSS概念
12.2 應(yīng)用CSS的步驟
習(xí)題12
第13章 定義CSS
13.1 定義CSS的基本語(yǔ)法
13.2 CSS基本選擇器
13.2.1 HTML標(biāo)記選擇器
13.2.2 類(lèi)選擇器
13.2.3 ID選擇器
13.3 CSS復(fù)合選擇器
13.3.1 交集選擇器
13.3.2 并集選擇器
13.3.3 后代選擇器
習(xí)題13
第14章 CSS常用屬性
14.1 字體屬性
14.2 文本屬性
14.3 列表屬性
14.4 顏色和背景屬性
14.5 區(qū)塊屬性
14.6 層屬性
14.7 鼠標(biāo)屬性
14.8 濾鏡屬性
習(xí)題14
第15章 在HTML文檔中應(yīng)用CSS
15.1 內(nèi)聯(lián)式
15.2 內(nèi)嵌式
15.3 鏈接式
15.4 導(dǎo)入式
15.5 CSS的沖突
15.5.1 什么是CSS沖突
15.5.2 解決CSS沖突規(guī)則
習(xí)題15
第16章 CSS+DIV布局
16.1 網(wǎng)頁(yè)布局概述
16.2 盒子模型
16.2.1 盒子模型的組成
16.2.2 盒子border屬性
16.2.3 盒子padding屬性
16.2.4 盒子margin屬性
16.3 盒子的浮動(dòng)與定位
16.3.1 標(biāo)準(zhǔn)流
16.3.2 盒子的定位原則
16.3.3 盒子的浮動(dòng)float
16.3.4 盒子的定位
16.4 Div標(biāo)記與Span標(biāo)記
16.4.1 Div標(biāo)記
16.4.2 Span標(biāo)記
16.5 DIV+CSS布局網(wǎng)頁(yè)
16.5.1 DIV+CSS布局簡(jiǎn)介
16.5.2 DIV+CSS布局版式介紹
16.5.3 DIV+CSS布局與表格布局的比較
習(xí)題16
第17章 CSS應(yīng)用綜合案例
17.1 綜合案例1 DIV+CSS頁(yè)面布局設(shè)計(jì)
17.2 綜合案例2 頁(yè)面排版左中右版式
習(xí)題17
第3篇 JavaScript腳本語(yǔ)言篇
第18章 JavaScript基礎(chǔ)
18.1 JavaScript簡(jiǎn)介
18.2 JavaScript與Java的比較
18.3 JavaScript編輯和調(diào)試工具
18.3.1 編輯工具之EditPlus
18.3.2 編輯工具之Macromedia Dreamweaver
18.3.3 調(diào)試工具之"IE開(kāi)發(fā)人員工具"和"Firebug"
18.4 JavaScript語(yǔ)言調(diào)試技巧
18.4.1 使用alert（）語(yǔ)句進(jìn)行調(diào)試
18.4.2 使用write（）語(yǔ)句進(jìn)行調(diào)試
18.4.3 使用自定義異常消息進(jìn)行調(diào)試
18.5 JavaScript的基本語(yǔ)法
18.5.1 大小寫(xiě)敏感
18.5.2 執(zhí)行順序
18.5.3 腳本中每行語(yǔ)句結(jié)尾分號(hào)問(wèn)題
18.6 數(shù)據(jù)結(jié)構(gòu)
18.6.1 標(biāo)識(shí)符
18.6.2 關(guān)鍵字
18.6.3 常量
18.6.4 變量
18.7 數(shù)據(jù)類(lèi)型
18.7.1 數(shù)字型
18.7.2 字符串型
18.7.3 布爾型
18.7.4 特殊數(shù)據(jù)類(lèi)型
18.8 數(shù)據(jù)類(lèi)型的轉(zhuǎn)換
18.9 運(yùn)算符和表達(dá)式
18.9.1 算術(shù)運(yùn)算符
18.9.2 比較運(yùn)算符
18.9.3 賦值運(yùn)算符
18.9.4 字符串運(yùn)算符
18.9.5 邏輯運(yùn)算符
18.9.6 條件運(yùn)算符
18.9.7 其他運(yùn)算符
18.9.8 運(yùn)算符優(yōu)先級(jí)
18.9.9 表達(dá)式
18.10 流程控制語(yǔ)句
18.10.1 賦值語(yǔ)句
18.10.2 條件判斷控制語(yǔ)句
18.10.3 循環(huán)控制語(yǔ)句
18.10.4 跳轉(zhuǎn)語(yǔ)句
18.11 with語(yǔ)句和comment語(yǔ)句
習(xí)題18
第19章 在HTML網(wǎng)頁(yè)中嵌入腳本的方式
19.1 在HTML標(biāo)記的事件屬性中直接添加腳本
19.2 使用Script標(biāo)記插入腳本
19.3 使用Script標(biāo)記鏈接腳本文件
習(xí)題19
第20章 事件驅(qū)動(dòng)及事件處理
20.1 事件及事件驅(qū)動(dòng)
20.2 常用事件
20.3 事件處理程序
習(xí)題20
第21章 腳本函數(shù)
21.1 函數(shù)的定義
21.2 函數(shù)的調(diào)用
21.2.1 函數(shù)的簡(jiǎn)單調(diào)用
21.2.2 在事件響應(yīng)中調(diào)用函數(shù)
21.2.3 通過(guò)鏈接調(diào)用函數(shù)
21.3 函數(shù)參數(shù)的使用
21.4 函數(shù)的返回值
21.5 遞歸函數(shù)
21.6 內(nèi)置函數(shù)
習(xí)題21
第22章 JavaScript對(duì)象
22.1 對(duì)象概述
22.2 內(nèi)置對(duì)象
22.2.1 Array對(duì)象
22.2.2 String對(duì)象
22.2.3 Math對(duì)象
22.2.4 Date對(duì)象
22.3 瀏覽器對(duì)象
22.3.1 navigator對(duì)象
22.3.2 window對(duì)象
22.3.3 location對(duì)象
22.3.4 history對(duì)象
22.3.5 document對(duì)象
22.3.6 image對(duì)象
22.3.7 form對(duì)象
習(xí)題22
第23章 JavaScript經(jīng)典實(shí)例
23.1 漂浮廣告
23.2 折疊式菜單
23.3 下拉式菜單
23.3.1 用層制作下拉菜單
23.3.2 用JavaScript+CSS制作下拉菜單
23.4 加入收藏和設(shè)為首頁(yè)
23.4.1 加入收藏
23.4.2 設(shè)為首頁(yè)
23.5 刷新、打印及關(guān)閉窗口按鈕
23.5.1 刷新當(dāng)前頁(yè)
23.5.2 調(diào)用IE自身的打印功能實(shí)現(xiàn)打印
23.5.3 打印指定框架中的內(nèi)容
23.5.4 為彈出的窗口加入關(guān)閉按鈕
24.5.5 關(guān)閉彈出窗口時(shí)刷新父窗口
習(xí)題23
第4篇 HLML5基礎(chǔ)篇
第24章 HTML5入門(mén)
24.1 HTML5的發(fā)展歷程
24.2 HTML5的優(yōu)勢(shì)
24.3 HTML5的語(yǔ)法變化
24.3.1 DOCTYPE的簡(jiǎn)化聲明
24.3.2 字符集的簡(jiǎn)化聲明
24.3.3 元素可省略結(jié)束標(biāo)記
24.3.4 標(biāo)記和屬性不區(qū)分大小寫(xiě)
24.3.5 可以省略具有布爾類(lèi)型的屬性值
24.3.6 屬性值可以省略引號(hào)
24.4 HTML5的文檔結(jié)構(gòu)
24.4.1 header元素
24.4.2 article元素
24.4.3 section元素
24.4.4 nav元素
24.4.5 aside元素
24.4.6 footer元素
習(xí)題24
第25章 HTML5表單
25.1 表單新增屬性
25.1.1 form屬性
25.1.2 Formaction屬性
25.1.3 autofocus屬性
25.1.4 pattern屬性
25.1.5 placeholder屬性
25.1.6 required屬性
25.2 新增的input元素類(lèi)型
25.2.1 tel類(lèi)型
25.2.2 email類(lèi)型
25.2.3 url類(lèi)型
25.2.4 number類(lèi)型
25.2.5 range類(lèi)型
25.2.6 search類(lèi)型
25.2.7 color類(lèi)型
25.2.8 date類(lèi)型
25.2.9 time類(lèi)型
25.2.10 datetime類(lèi)型
25.2.11 datetime-local類(lèi)型
25.2.12 week類(lèi)型
25.2.13 month類(lèi)型
25.3 新增的表單元素
25.3.1 datalist元素
25.3.2 output元素
25.4 新增的客戶(hù)端校驗(yàn)方式
25.4.1 自動(dòng)校驗(yàn)
25.4.2 顯式校驗(yàn)
25.4.3 取消校驗(yàn)
25.4.4 自定義校驗(yàn)錯(cuò)誤提示信息
習(xí)題25