第1章 概述
1.1 初探前端技術(shù)
 1.1.1 萬(wàn)維網(wǎng)和網(wǎng)頁(yè)技術(shù)
 1.1.2 Web前端技術(shù)的發(fā)展
 1.1.3 Web標(biāo)準(zhǔn)——結(jié)構(gòu)、表現(xiàn)和行為的分離
 1.1.4 瀏覽器與CSS
 1.1.5 Web前端技術(shù)的開(kāi)發(fā)流程
課堂實(shí)訓(xùn)1-1 搭建Web前端頁(yè)面環(huán)境
1.2 Web前端頁(yè)面基本框架
 1.2.1 HTML
 1.2.2 XHTML編寫(xiě)規(guī)范
 1.2.3 XHTML的文檔結(jié)構(gòu)
課堂實(shí)訓(xùn)1-2 一個(gè)典型的Web應(yīng)用
1.3 實(shí)戰(zhàn)訓(xùn)練：手動(dòng)編寫(xiě)第一個(gè)前端頁(yè)面
1.4 思考與練習(xí)
第2章 XHTML基礎(chǔ)知識(shí)
2.1 XHTML基本框架
 2.1.1 XHTML的部件
 2.1.2 XHTML文檔結(jié)構(gòu)簡(jiǎn)介
課堂實(shí)訓(xùn)2-1 制作第一個(gè)網(wǎng)頁(yè)——Hello World
2.2 輔助的< head >標(biāo)簽
 2.2.1 < title >標(biāo)簽
 2.2.2 < meta >標(biāo)簽
 2.2.3 < base >標(biāo)簽
 2.2.4 < style >標(biāo)簽
 2.2.5 < link >標(biāo)簽
課堂實(shí)訓(xùn)2-2 了解意想不到的標(biāo)簽效果
2.3 豐富的< body >標(biāo)簽
 2.3.1 文字的變化效果
 2.3.2 列表的配合使用
 2.3.3 富有感染力的圖像的使用
 2.3.4 超鏈接的應(yīng)用
 2.3.5 簡(jiǎn)單表格和表單的創(chuàng)建
課堂實(shí)訓(xùn)2-3 制作個(gè)人家庭網(wǎng)頁(yè)
2.4 實(shí)戰(zhàn)訓(xùn)練：制作“我的汽車(chē)”網(wǎng)頁(yè)
2.5 思考與練習(xí)
第3章 CSS核心基礎(chǔ)
3.1 CSS的基礎(chǔ)知識(shí)
 3.1.1 CSS的基本思想
 3.1.2 CSS基本選擇器
 3.1.3 CSS復(fù)合選擇器
 3.1.4 在XHTML中使用CSS的方法
課堂實(shí)訓(xùn)3-1 制作Good morning網(wǎng)頁(yè)
課堂實(shí)訓(xùn)3-2 制作汽車(chē)網(wǎng)頁(yè)
3.2 CSS的特性
 3.2.1 CSS的繼承特性
 3.2.2 CSS的層疊特性
課堂實(shí)訓(xùn)3-3 制作校園新聞網(wǎng)頁(yè)
3.3 實(shí)戰(zhàn)訓(xùn)練：制作美術(shù)工作室頁(yè)面
3.4 思考與練習(xí)
第4章 網(wǎng)站布局
4.1 CSS定位與DIV布局
 4.1.1 CSS盒子模型結(jié)構(gòu)
 4.1.2 標(biāo)簽與標(biāo)簽的用法
 4.1.3 CSS盒子的定位與浮動(dòng)
課堂實(shí)訓(xùn)4-1 實(shí)現(xiàn)盒子效果
課堂實(shí)訓(xùn)4-2 實(shí)現(xiàn)文字陰影效果
4.2 布局方法剖析
 4.2.1 CSS排版的原則
 4.2.2 固定寬度的版式
 4.2.3 左中右版式
課堂實(shí)訓(xùn)4-3 制作電子相冊(cè)
4.3 實(shí)戰(zhàn)訓(xùn)練：制作名曲欣賞頁(yè)面
4.4 思考與練習(xí)
第5章 文字與圖像
5.1 文字樣式
 5.1.1 字體屬性
 5.1.2 文本格式
課堂實(shí)訓(xùn)5-1 制作多彩的公司logo字符
課堂實(shí)訓(xùn)5-2 制作首字下沉效果
5.2 圖像樣式
 5.2.1 圖像的邊框
 5.2.2 圖像的縮放
 5.2.3 圖像的對(duì)齊
課堂實(shí)訓(xùn)5-3 制作“森林公園”網(wǎng)頁(yè)
課堂實(shí)訓(xùn)5-4 利用圓角框設(shè)計(jì)欄目標(biāo)題
5.3 頁(yè)面背景樣式
 5.3.1 背景色
 5.3.2 背景圖像和布局
課堂實(shí)訓(xùn)5-5 制作“夏威夷海灘”網(wǎng)頁(yè)
5.4 實(shí)戰(zhàn)訓(xùn)練：制作JOB FINDING工作網(wǎng)
5.5 思考與練習(xí)
第6章 超鏈接與導(dǎo)航
6.1 超鏈接
 6.1.1 超鏈接的屬性
 6.1.2 CSS設(shè)置超鏈接的4種狀態(tài)
課堂實(shí)訓(xùn)6-1 制作普通超鏈接
課堂實(shí)訓(xùn)6-2 制作按鈕式超鏈接
6.2 導(dǎo)航
課堂實(shí)訓(xùn)6-3 制作水平導(dǎo)航菜單
課堂實(shí)訓(xùn)6-4 制作垂直導(dǎo)航菜單
課堂實(shí)訓(xùn)6-5 制作讀書(shū)網(wǎng)頁(yè)菜單
6.3 實(shí)戰(zhàn)訓(xùn)練：制作“汽車(chē)世界”網(wǎng)頁(yè)
6.4 思考與練習(xí)
第7章 表格與表單
7.1 表格
 7.1.1 表格的主要標(biāo)簽
 7.1.2 表格的結(jié)構(gòu)代碼應(yīng)用
 7.1.3 表格的樣式設(shè)置
課堂實(shí)訓(xùn)7-1 制作馬自達(dá)車(chē)型優(yōu)惠情況表
課堂實(shí)訓(xùn)7-2 制作斑馬紋效果的表格
課堂實(shí)訓(xùn)7-3 制作日歷表
7.2 表單
 7.2.1 表單基礎(chǔ)
 7.2.2 主要表單標(biāo)簽的應(yīng)用
 7.2.3 表單的結(jié)構(gòu)代碼應(yīng)用
課堂實(shí)訓(xùn)7-4 制作彩色下拉列表框
課堂實(shí)訓(xùn)7-5 制作用戶注冊(cè)頁(yè)面
7.3 實(shí)戰(zhàn)訓(xùn)練：制作大學(xué)生消費(fèi)調(diào)查網(wǎng)頁(yè)
7.4 思考與練習(xí)
第8章 JavaScript
8.1 JavaScript概述
 8.1.1 JavaScript簡(jiǎn)介
 8.1.2 JavaScript的特點(diǎn)
 8.1.3 JavaScript與DHTML
 8.1.4 JavaScript與CSS
課堂實(shí)訓(xùn)8-1 制作第一個(gè)JavaScript程序
8.2 JavaScript基本語(yǔ)法
 8.2.1 數(shù)據(jù)類(lèi)型和變量
 8.2.2 運(yùn)算符和表達(dá)式
 8.2.3 常用函數(shù)
 8.2.4 控制語(yǔ)句
8.3 JavaScript事件分析
課堂實(shí)訓(xùn)8-2 制作時(shí)鐘效果
課堂實(shí)訓(xùn)8-3 制作變色表格
課堂實(shí)訓(xùn)8-4 播放背景音樂(lè)的應(yīng)用
課堂實(shí)訓(xùn)8-5 交換圖片的設(shè)計(jì)與制作
8.4 實(shí)戰(zhàn)訓(xùn)練：帶按鈕輪換橫幅廣告的實(shí)現(xiàn)
8.5 思考與練習(xí)
第9章 綜合項(xiàng)目：手機(jī)資訊網(wǎng)站
9.1 項(xiàng)目概述
 9.1.1 項(xiàng)目描述
 9.1.2 站點(diǎn)分析
9.2 網(wǎng)站設(shè)計(jì)
 9.2.1 網(wǎng)站的設(shè)計(jì)流程
 9.2.2 原型設(shè)計(jì)與切圖
9.3 項(xiàng)目實(shí)施
 9.3.1 整體頁(yè)面結(jié)構(gòu)設(shè)計(jì)
 9.3.2 XHTML結(jié)構(gòu)設(shè)計(jì)
 9.3.3 頁(yè)面布局與規(guī)劃
 9.3.4 局部設(shè)計(jì)
9.4 其他動(dòng)態(tài)效果
 9.4.1 CSS濾鏡的使用
 9.4.2 放大鏡效果
9.5 思考與練習(xí)
附錄
附錄Ⅰ HTML編碼
附錄Ⅱ HTML參考手冊(cè)
附錄Ⅲ CSS參考手冊(cè)
附錄Ⅳ CSS濾鏡
附錄Ⅴ JavaScript常用函數(shù)