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

第1篇 HTML標(biāo)記語言篇
第1章 HTML基礎(chǔ)
1.1 基本概念
1.1.1 WWW簡介
1.1.2 瀏覽器
1.1.3 靜態(tài)網(wǎng)頁和動(dòng)態(tài)網(wǎng)頁
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文件的編寫方法
1.4 XHTML基礎(chǔ)
1.5 HTML/XHTML文檔類型
1.6 網(wǎng)站的建設(shè)與發(fā)布
1.6.1 網(wǎng)站策劃
1.6.2 網(wǎng)站素材收集
1.6.3 網(wǎng)頁規(guī)劃
1.6.4 網(wǎng)站目錄設(shè)計(jì)
1.6.5 網(wǎng)頁制作
1.6.6 網(wǎng)站測試
1.6.7 網(wǎng)站發(fā)布
習(xí)題1
第2章 頁面的頭部標(biāo)記
2.1 頁面的頭部標(biāo)記
2.2 標(biāo)題標(biāo)記
2.3 元信息標(biāo)記
2.3.1 標(biāo)記屬性
2.3.2 設(shè)定網(wǎng)頁關(guān)鍵字
2.3.3 設(shè)定網(wǎng)頁描述信息
2.3.4 設(shè)定網(wǎng)頁字符集
2.3.5 設(shè)定網(wǎng)頁自動(dòng)刷新
2.3.6 設(shè)定網(wǎng)頁自動(dòng)跳轉(zhuǎn)
習(xí)題2
第3章 頁面的主體標(biāo)記
3.1 設(shè)置網(wǎng)頁正文顏色與背景顏色
3.2 添加網(wǎng)頁背景圖片
3.3 設(shè)置網(wǎng)頁鏈接文字顏色
3.4 設(shè)置網(wǎng)頁邊距
習(xí)題3
第4章 文字與段落標(biāo)記
4.1 文字標(biāo)記
4.1.1 文字內(nèi)容的輸入
4.1.2 對文字字體的設(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 無序列表
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)頁常用圖片格式
6.2 插入圖片
6.2.1 設(shè)置圖片大小
6.2.2 設(shè)置圖片提示文本
6.2.3 設(shè)置圖片與周圍對象的間距
6.2.4 設(shè)置圖片的對齊方式
6.2.5 設(shè)置圖片的邊框
習(xí)題6
第7章 在網(wǎng)頁中嵌入多媒體內(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ū)域與周圍對象的間距
7.3 嵌入音視頻文件
7.4 嵌入Flash動(dòng)畫
7.5 設(shè)置背景音樂
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è)置框架名稱
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è)置表格的對齊方式
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è)置單元格對齊方式
10.4.3 設(shè)置單元格的背景顏色和邊框顏色
10.4.4 設(shè)置單元格的背景圖片
10.4.5 設(shè)置單元格的寬度和高度
10.4.6 單元格的跨行和跨列設(shè)置
10.5 表格的綜合示例--使用表格布局網(wǎng)頁
習(xí)題10
第11章 在網(wǎng)頁中創(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的基本語法
13.2 CSS基本選擇器
13.2.1 HTML標(biāo)記選擇器
13.2.2 類選擇器
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)頁布局概述
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)頁
16.5.1 DIV+CSS布局簡介
16.5.2 DIV+CSS布局版式介紹
16.5.3 DIV+CSS布局與表格布局的比較
習(xí)題16
第17章 CSS應(yīng)用綜合案例
17.1 綜合案例1 DIV+CSS頁面布局設(shè)計(jì)
17.2 綜合案例2 頁面排版左中右版式
習(xí)題17
第3篇 JavaScript腳本語言篇
第18章 JavaScript基礎(chǔ)
18.1 JavaScript簡介
18.2 JavaScript與Java的比較
18.3 JavaScript編輯和調(diào)試工具
18.3.1 編輯工具之EditPlus
18.3.2 編輯工具之Macromedia Dreamweaver
18.3.3 調(diào)試工具之"IE開發(fā)人員工具"和"Firebug"
18.4 JavaScript語言調(diào)試技巧
18.4.1 使用alert（）語句進(jìn)行調(diào)試
18.4.2 使用write（）語句進(jìn)行調(diào)試
18.4.3 使用自定義異常消息進(jìn)行調(diào)試
18.5 JavaScript的基本語法
18.5.1 大小寫敏感
18.5.2 執(zhí)行順序
18.5.3 腳本中每行語句結(jié)尾分號(hào)問題
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ù)類型
18.7.1 數(shù)字型
18.7.2 字符串型
18.7.3 布爾型
18.7.4 特殊數(shù)據(jù)類型
18.8 數(shù)據(jù)類型的轉(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 流程控制語句
18.10.1 賦值語句
18.10.2 條件判斷控制語句
18.10.3 循環(huán)控制語句
18.10.4 跳轉(zhuǎn)語句
18.11 with語句和comment語句
習(xí)題18
第19章 在HTML網(wǎng)頁中嵌入腳本的方式
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ù)的簡單調(diào)用
21.2.2 在事件響應(yīng)中調(diào)用函數(shù)
21.2.3 通過鏈接調(diào)用函數(shù)
21.3 函數(shù)參數(shù)的使用
21.4 函數(shù)的返回值
21.5 遞歸函數(shù)
21.6 內(nèi)置函數(shù)
習(xí)題21
第22章 JavaScript對象
22.1 對象概述
22.2 內(nèi)置對象
22.2.1 Array對象
22.2.2 String對象
22.2.3 Math對象
22.2.4 Date對象
22.3 瀏覽器對象
22.3.1 navigator對象
22.3.2 window對象
22.3.3 location對象
22.3.4 history對象
22.3.5 document對象
22.3.6 image對象
22.3.7 form對象
習(xí)題22
第23章 JavaScript經(jīng)典實(shí)例
23.1 漂浮廣告
23.2 折疊式菜單
23.3 下拉式菜單
23.3.1 用層制作下拉菜單
23.3.2 用JavaScript+CSS制作下拉菜單
23.4 加入收藏和設(shè)為首頁
23.4.1 加入收藏
23.4.2 設(shè)為首頁
23.5 刷新、打印及關(guān)閉窗口按鈕
23.5.1 刷新當(dāng)前頁
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入門
24.1 HTML5的發(fā)展歷程
24.2 HTML5的優(yōu)勢
24.3 HTML5的語法變化
24.3.1 DOCTYPE的簡化聲明
24.3.2 字符集的簡化聲明
24.3.3 元素可省略結(jié)束標(biāo)記
24.3.4 標(biāo)記和屬性不區(qū)分大小寫
24.3.5 可以省略具有布爾類型的屬性值
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元素類型
25.2.1 tel類型
25.2.2 email類型
25.2.3 url類型
25.2.4 number類型
25.2.5 range類型
25.2.6 search類型
25.2.7 color類型
25.2.8 date類型
25.2.9 time類型
25.2.10 datetime類型
25.2.11 datetime-local類型
25.2.12 week類型
25.2.13 month類型
25.3 新增的表單元素
25.3.1 datalist元素
25.3.2 output元素
25.4 新增的客戶端校驗(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