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

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