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