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