模塊1 網站建設基礎
1.1 網頁與網站
1.1.1 萬維網
1.1.2  Web瀏覽器
1.1.3 網頁的概念
1.1.4 網站的概念
1.2 網頁制作工具介紹
1.2.1 標記型網頁制作工具
1.2.2  “所見即所得"型網頁制作工具
1.2.3 圖形圖像處理工具
1.2.4 網頁制作的相關技術
1.3 網站開發流程
思考與練習
模塊2  Web標準及其構成
2.1  Web標準介紹
2.1.1  Web標準
2.1.2  W3C
2.1.3  ECMA
2.2  Web標準技術的構成
2.2.1 結構
2.2.2 表現
2.2.3 行為
2.3  Web標準的優勢
2.3.1 表現與內容分離
2.3.2  DIV+CSS布局優于表格布局
2.4  Web標準的發展及面臨的問題
2.4.1  Web標準的發展
2.4.2  Web標準的兼容性問題
思考與練習
模塊3  XHTML基礎
任務引入——完成網頁的基本布局設計并添加相應信息元素
3.1  XHTML概述
3.1.1  XHTML的發展
3.1.2  XHTML的基本結構與語法
3.2 網頁中的文字處理
3.2.1  XHTML字體
3.2.2 字體格式化
3.3 網頁中的列表展現
3.3.1 無序列表
3.3.2 有序列表
3.3.3 定義性列表
3.4 網頁中的圖像與聲音處理
3.4.1 圖像的處理
3.4.2 音頻的處理
任務擴展——制作“家鄉簡介”網頁
思考與練習
模塊4 導航設計
任務引入——制作頁面導航
4.1 超鏈接與錨的設置
4.1.1 超鏈接的建立
4.1.2 超鏈接的應用設置
4.2 框架的設置
4.2.1 框架的結構
4.2.2 框架的應用設置
任務擴展——制作“學習古詩”網頁
思考與練習
模塊5 網頁中表格和表單的運用
任務引入——制作留言板頁面
5.1 表格的創建
5.1.1 表格的結構
5.1.2 表格的創建設置實例
5.2 表格的布局
5.2.1 表格的標題
5.2.2 表格的分組
5.2.3 表格嵌套
5.2.4 表格布局應用設置
5.3 表單的設計
5.3.1標記元素
5.3.2 標記元素
5.3.3 其他表單元素
任務擴展——注冊頁面設計
思考與練習
模塊6  CSS基礎
任務引入——統一班級網站中的元素樣式
6.1  CSS的語法結構
6.1.1  CSS概述
6.1.2  CSS的語法規則
6.1.3 類型選擇器
6.1.4 選擇器的綜合運用
6.2 應用CSS到網頁中
6.2.1 行間樣式表
6.2.2 內部樣式表
6.2.3 外部樣式表
6.2.4 嵌入外部樣式表
6.3 樣式優先權問題
6.3.1 樣式表的優先級
6.3.2 選擇器優先級
6.3.3  !important語法
6.3.4 代碼注釋
任務擴展——使用外部樣式表改變網站風格
思考與練習
模塊7 使用CSS美化網頁元素
任務引入——美化班級網站中的網頁元素
7.1 字體和段落樣式設計
7.1.1 長度和百分比單位
7.1.2 文字樣式屬性
7.1.3 排版樣式屬性
7.2 控制頁面背景
7.2.1 設置顏色方法
7.2.2 背景屬性
7.2.3 背景特效
7.3 美化鏈接
7.3.1 動態超鏈接
7.3.2 圖片超鏈接
7.4 美化表格
7.5 美化表單
7.6 運用列表
任務擴展——完成班級網站導航欄的制作
思考與練習
模塊8 使用CSS+DIV布局頁面
任務引入——班級網站的CSS＋DIV布局
8.1 認識div對象和span對象
8.1.1 認識div對象
8.1.2 認識span對象
8.1.3  div和span對象的區別
8.2 定位與浮動
8.2.1 元素的定位
8.2.2 元素的浮動
8.2.3 清除浮動
8.3 盒模型的用法
8.3.1  CSS盒模型簡介
8.3.2  IE6與W3C標準的盒模型差異
8.4 固定列及列的自適應
8.4.1 一列布局
8.4.2 二列布局
8.4.3 三列布局
8.5 完成網頁的布局
任務擴展——布局班級網站新聞欄目頁
思考與練習
模塊9  JavaScript基礎
任務引入——根據登錄時間給出相應的問候語
9.1  JavaScript概述
9.1.1  JavaScript導讀
9.1.2  JavaScript在HTML中的使用
9.1.3  JavaScript注釋
9.2 基礎語法
9.2.1 關鍵字和標識符
9.2.2 數據類型
9.2.3 變量
9.2.4 運算符
9.3 流程控制語句
9.3.1 條件語句
9.3.2 條件判斷switch語句
9.3.3  while循環控制語句
9.3.4 其他語句
9.4 函數
9.4.1 函數的定義
9.4.2 函數的調用
9.4.3 全局變量與局部變量
9.4.4  JavaScript內置的函數
任務擴展——制作購物網站中的簡易計算器
思考與練習
模塊10  JavaScript對象
任務引入——網頁上顯示日歷
10.1 對象概述
10.1.1  JavaScript對象分類
10.1.2 訪問對象的屬性和方法
10.2  JavaScript內部對象
10.2.1  String對象
10.2.2  Date對象
10.2.3  Math對象
10.3 瀏覽器對象window
10.3.1  window對象的常用屬性
10.3.2  window對象的常用方法
10.3.3  window對象的常用事件
10.3.4 使用window對象
10.3.5  history對象
10.3.6  location對象
10.4  document對象
10.4.1  document對象的屬性和方法
10.4.2  document對象的子對象
10.4.3 制作浮動的廣告圖片
任務擴展——制作學期、課程級聯效果
思考與練習
模塊11  JavaScript事件
任務引入——表單數據合法性驗證
11.1 事件概述
11.1.1 事件的分類
11.1.2 常見事件
11.1.3 事件處理程序語法
11.2 常用事件處理程序舉例
11.2.2  onChange事件
11.2.3  onFocus和onBlur事件
11.2.4  onMouseOver和onMouseOut事件
11.2.5  onSubmit事件
11.3 表單元素的常見事件
11.3.1 文本框常見事件
11.3.2 命令按鈕常見事件
11.3.3 文本區域常見事件
11.3.4 復選框常見事件
任務擴展——完成班級網站中注冊頁面的表單驗證
思考與練習
模塊12  XML基礎
任務引入——制作課程表
12.1  XML簡介
12.1.1 標記語言的發展
12.1.2  XML的特點和應用前景
12.1.3  XML文檔的數據結構
12.2  XML語法
12.2.1  XML標記語法
12.2.2  XML文檔語法
12.3 使用CSS格式化XML
12.3.1 內部CSS的使用
12.3.2 外部CSS的使用
12.3.3 內外CSS結合的使用
任務擴展——制作班級網站中的值日表
思考與練習
模塊13  XML文檔類型定義
任務引入——制作DTD文檔驗證課程表數據
13.1  DTD語法
13.1.1  DTD元素
13.1.2  DTD屬性
13.1.3  DTD實體
13.2 使用DTD
13.2.1 內部DTD的使用
13.2.2 外部DTD的使用
13.2.3 內外DTD結合的使用
任務擴展——對值日表XML文檔進行DTD驗證
思考與練習
參考文獻