賞析典型網(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ù)實(shí)施　19
1．3．1　賞析各種類型網(wǎng)站　19
1．3．2　討論Web技術(shù)發(fā)展　21
任務(wù)拓展　22
1．4．1　網(wǎng)頁創(chuàng)意設(shè)計(jì)思維　22
1．4．2　網(wǎng)頁設(shè)計(jì)配色基礎(chǔ)　23
項(xiàng)目小結(jié)　24
項(xiàng)目練習(xí)　24
獨(dú)立實(shí)踐任務(wù)　25

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

設(shè)計(jì)和制作網(wǎng)站首頁　34
任務(wù)描述：制作計(jì)算機(jī)系部網(wǎng)站首頁　34
任務(wù)分析　34
任務(wù)準(zhǔn)備　35
3．3．1　HTML基本結(jié)構(gòu)與常用標(biāo)簽　35
3．3．2　CSS簡(jiǎn)介　39
3．3．3　CSS語法規(guī)則　40
3．3．4　CSS常用屬性　44
3．3．5　CSS盒子模型　50
3．3．6　浮動(dòng)和定位　52
3．3．7　DIV+CSS布局　61
任務(wù)實(shí)施　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è)計(jì)網(wǎng)頁效果圖　93








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

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



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

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



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

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