Web前端開發(fā)技術(shù)實踐指導教程

第一部分　Web基礎技術(shù)實踐(HTML)　　 實驗1　純文本編輯器下HTML頭部標記及主體標記的應用　
1.1　實驗目的　
1.2　實驗環(huán)境　
1.3　相關知識點　
1.4　實驗內(nèi)容　
1.5　實驗效果示例　
1.6　實驗步驟　
1.7　實驗總結(jié)　 實驗2　可視化工具Dreamweaver創(chuàng)建和管理網(wǎng)站的實驗　
2.1　實驗目的　
2.2　實驗環(huán)境　
2.3　相關知識點　
2.4　實驗內(nèi)容　
2.5　實驗效果示例　
2.6　實驗步驟　
2.7　實驗總結(jié)　 實驗3　純文本編輯器下文字、段落、列表及圖片標記的應用　
3.1　實驗目的　
3.2　實驗環(huán)境　
3.3　相關知識點　
3.4　實驗內(nèi)容(必做實驗)　
3.5　實驗效果示例　
3.6　實驗步驟　
3.7　選做實驗　
3.8　實驗總結(jié)　 實驗4　可視化工具Dreamweaver實現(xiàn)文本與圖像網(wǎng)頁的制作　
4.1　實驗目的　
4.2　實驗環(huán)境　
4.3　相關技術(shù)點　
4.4　實驗內(nèi)容　
4.5　實驗效果示例　
4.6　實驗步驟　
4.7　實驗總結(jié)　 實驗5　純文本編輯器下超鏈接與多媒體標記的應用　
5.1　實驗目的　
5.2　實驗環(huán)境　
5.3　相關知識點　
5.4　實驗內(nèi)容　
5.5　實驗效果示例　
5.6　實驗步驟　
5.7　實驗總結(jié)　 實驗6　可視化工具Dreamweaver下超鏈接及多媒體的應用　
6.1　實驗目的　
6.2　實驗環(huán)境　
6.3　相關知識點　
6.4　實驗內(nèi)容　
6.5　實驗效果示例　
6.6　實驗步驟　
6.7　實驗總結(jié)　 實驗7　表格頁面以及表單頁面的制作　
7.1　實驗目的　
7.2　實驗環(huán)境　
7.3　相關知識點　
7.4　實驗內(nèi)容　
7.5　實驗效果示例　
7.6　實驗步驟　
7.7　實驗總結(jié)　 第二部分　Web排版技術(shù)實踐
　　
實驗8　CSS樣式基本應用　
8.1　實驗目的　
8.2　實驗環(huán)境　
8.3　相關知識點　
8.4　實驗內(nèi)容(必做實驗)　
8.5　實驗效果示例　
8.6　實驗步驟　
8.7　選做實驗　
8.8　實驗總結(jié)　
　　
實驗9　CSS排版技術(shù)綜合應用　
9.1　實驗目的　
9.2　實驗環(huán)境　
9.3　實驗相關知識點　
9.4　實驗內(nèi)容(必做實驗)　
9.5　實驗效果示例　
9.6　實驗步驟　
9.7　排版思路　
9.8　參考源代碼　
9.9　選做實驗　
9.10　實驗總結(jié)　
　　
第三部分　Web動態(tài)技術(shù)實踐
　　
實驗10　JavaScript基本技術(shù)應用　
10.1　實驗目的　
10.2　實驗環(huán)境　
10.3　相關知識點　
10.3.1　流程控制語句　
10.3.2　函數(shù)的定義　
10.3.3　函數(shù)的調(diào)用　
10.3.4　函數(shù)參數(shù)的使用　
10.3.5　函數(shù)的返回值　
10.3.6　嵌套函數(shù)　
10.3.7　遞歸函數(shù)　
10.3.8　內(nèi)置函數(shù)　
10.4　實驗內(nèi)容(必做實驗)　
10.5　實驗效果示例　
10.6　實驗步驟　
10.7　選做實驗　
10.8　實驗總結(jié)　 實驗11　JavaScript核心技術(shù)應用　
11.1　實驗目的　
11.2　實驗環(huán)境　
11.3　相關知識點　
11.3.1　內(nèi)置對象　
11.3.2　事件及事件驅(qū)動　
11.3.3　常用事件　
11.3.4　事件處理程序　
11.4　實驗內(nèi)容(必做實驗)　
11.5　實驗效果示例　
11.6　實驗步驟　
11.7　選做實驗　
11.8　實驗總結(jié)　
　　
第四部分　課程綜合實訓
　　
實驗12　課程綜合實訓(課程設計)　
12.1　實訓意義　
12.2　實訓目的　
12.3　前期準備　
12.4　實訓步驟　
12.5　評分標準　
12.6　網(wǎng)站策劃書文檔格式　
12.7　實訓題目參考　
　　
附錄A　實訓報告編寫要求　
附錄B　HTML常用標簽　
附錄C　常用CSS屬性　
附錄D　HTML色彩運用基礎知識