賞析典型網(wǎng)站　1
任務(wù)描述：欣賞并解析典型網(wǎng)站　1
任務(wù)準(zhǔn)備　1
1．2．1　網(wǎng)頁制作相關(guān)概念　1
1．2．2　網(wǎng)頁構(gòu)成的基本元素　4
1．2．3　網(wǎng)頁的布局類型　4
1．2．4　網(wǎng)站風(fēng)格定位　7
1．2．5　網(wǎng)站開發(fā)流程　9
1．2．6　Dreamweaver開發(fā)工具介紹　11
任務(wù)實施　19
1．3．1　賞析各種類型網(wǎng)站　19
1．3．2　討論Web技術(shù)發(fā)展　21
任務(wù)拓展　22
1．4．1　網(wǎng)頁創(chuàng)意設(shè)計思維　22
1．4．2　網(wǎng)頁設(shè)計配色基礎(chǔ)　23
項目小結(jié)　24
項目練習(xí)　24
獨立實踐任務(wù)　25

創(chuàng)建與管理網(wǎng)站站點　26
任務(wù)描述：創(chuàng)建并管理計算機(jī)系部
網(wǎng)站站點　26
任務(wù)分析　26
任務(wù)準(zhǔn)備　27
2．3．1　站點的概念　27
2．3．2　站點的規(guī)劃　27
任務(wù)實施　28
2．4．1　創(chuàng)建系部網(wǎng)站站點　28
2．4．2　管理系部網(wǎng)站站點　28
任務(wù)拓展　31
2．5．1　網(wǎng)站命名規(guī)范　31
2．5．2　網(wǎng)站結(jié)構(gòu)規(guī)范　32
項目小結(jié)　32
項目練習(xí)　32
獨立實踐任務(wù)　32

設(shè)計和制作網(wǎng)站首頁　34
任務(wù)描述：制作計算機(jī)系部網(wǎng)站首頁　34
任務(wù)分析　34
任務(wù)準(zhǔn)備　35
3．3．1　HTML基本結(jié)構(gòu)與常用標(biāo)簽　35
3．3．2　CSS簡介　39
3．3．3　CSS語法規(guī)則　40
3．3．4　CSS常用屬性　44
3．3．5　CSS盒子模型　50
3．3．6　浮動和定位　52
3．3．7　DIV+CSS布局　61
任務(wù)實施　71
3．4．1　分析系部網(wǎng)站首頁整體結(jié)構(gòu)　71
3．4．2　制作系部網(wǎng)站首頁頁眉　74
3．4．3　制作系部網(wǎng)站首頁導(dǎo)航欄　75
3．4．4　制作系部網(wǎng)站首頁主內(nèi)容區(qū)　80
3．4．5　制作系部網(wǎng)站首頁頁腳　90
任務(wù)拓展　91
3．5．1　網(wǎng)站策劃　91
3．5．2　應(yīng)用Photoshop設(shè)計網(wǎng)頁效果圖　93








3．5．3　在網(wǎng)頁中使用多媒體　96
3．5．4　網(wǎng)頁設(shè)計輔助工具　102
項目小結(jié)　103
項目練習(xí)　103
獨立實踐任務(wù)　103

制作網(wǎng)頁特效　106
任務(wù)描述：制作計算機(jī)系網(wǎng)頁特效　106
任務(wù)分析　106
任務(wù)準(zhǔn)備　106
4．3．1　行為的概念　106
4．3．2　通過“行為面板”使用行為　109
4．3．3　通過JavaScript使用行為　116
任務(wù)實施　130
4．4．1　添加簡單的首頁動態(tài)特效　130
4．4．2　添加復(fù)雜的首頁動態(tài)特效　133
任務(wù)拓展　145
4．5．1　變量的命名規(guī)范　145
4．5．2　JavaScript中的定時器　145
項目小結(jié)　146
項目練習(xí)　146
獨立實踐任務(wù)　147



設(shè)計和制作網(wǎng)站二級頁面　149
任務(wù)描述：應(yīng)用模板創(chuàng)建計算機(jī)系部
網(wǎng)站二級頁面　149
任務(wù)分析　149
任務(wù)準(zhǔn)備　150
5．3．1　創(chuàng)建模板　150
5．3．2　應(yīng)用模板　151
任務(wù)實施　152
5．4．1　創(chuàng)建網(wǎng)站模板頁　152
5．4．2　應(yīng)用模板頁制作系部網(wǎng)站二級頁面　154
任務(wù)拓展　154
5．5．1　更新模板　154
5．5．2　應(yīng)用庫項目　155
項目小結(jié)　157
項目練習(xí)　158
獨立實踐任務(wù)　159

制作網(wǎng)站后臺管理頁面　161
任務(wù)1描述：制作網(wǎng)站后臺登錄頁面　162
任務(wù)1分析　162
任務(wù)1準(zhǔn)備　162
6．3．1　表格構(gòu)成　162
6．3．2　表格屬性　162
6．3．3　單元格屬性　163
6．3．4　創(chuàng)建表格　164
6．3．5　操作表格　165
6．3．6　表格布局　172
6．3．7　使用CSS設(shè)置表格樣式　172
6．3．8　表單的概念及功能　184
6．3．9　表單控件　185
6．3．10　使用CSS設(shè)置表單樣式　188






任務(wù)1實施　190
6．4．1　創(chuàng)建系部網(wǎng)站后臺管理登錄頁面表單域　190
6．4．2　利用表格布局系部網(wǎng)站后臺管理
登錄頁面　191
6．4．3　在系部網(wǎng)站后臺管理登錄頁面插入
表單控件　193
任務(wù)2描述：制作系部網(wǎng)站后臺管理
主界面　195
任務(wù)2分析　195
任務(wù)2準(zhǔn)備　195
6．7．1　框架和框架集的概念　195
6．7．2　操作框架和框架集　196
任務(wù)2實施　199
6．8．1　設(shè)計實現(xiàn)系部網(wǎng)站后臺管理主界面
整體布局　199
6．8．2　實現(xiàn)系部網(wǎng)站后臺管理主界面各
框架頁面的制作　199
任務(wù)拓展　204
6．9．1　網(wǎng)站后臺設(shè)計注意事項　204
6．9．2　網(wǎng)頁表單設(shè)計注意事項　204
項目小結(jié)　204
項目練習(xí)　204
獨立實踐任務(wù)　206



網(wǎng)站測試與發(fā)布　208
任務(wù)描述：測試和發(fā)布計算機(jī)系部網(wǎng)站　208
任務(wù)分析　208
任務(wù)準(zhǔn)備　208
7．3．1　域名的概念　208
7．3．2　網(wǎng)站空間的概念　209
任務(wù)實施　209
7．4．1　測試系部網(wǎng)站　209
7．4．2　發(fā)布系部網(wǎng)站　210
任務(wù)拓展　214
7．5．1　網(wǎng)站測試注意事項　214
7．5．2　網(wǎng)站推廣　214
項目小結(jié)　215
項目練習(xí)　215
獨立實踐任務(wù)　216

綜合項目實戰(zhàn)　218
實戰(zhàn)項目：制作電子商務(wù)網(wǎng)站　218
8．1．1　項目分析　218
8．1．2　頁面布局設(shè)計　218
8．1．3　網(wǎng)站制作流程　225
8．1．4　項目小結(jié)　240
拓展項目：HTML 5移動前端開發(fā)　240
8．2．1　項目任務(wù)　240
8．2．2　項目準(zhǔn)備　241
8．2．3　項目實施　244
8．2．4　項目小結(jié)　254