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