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