赏析典型网站　1
　任务描述：欣赏并解析典型网站　1
　任务准备　1
1.2.1　网页制作相关概念　1
1.2.2　网页构成的基本元素　4
1.2.3　网页的布局类型　4
1.2.4　网站风格定位　7
1.2.5　网站开发流程　9
1.2.6　Dreamweaver开发工具介绍　11
　任务实施　19
1.3.1　赏析各种类型网站　19
1.3.2　讨论Web技术发展　21
　任务拓展　22
1.4.1　网页创意设计思维　22
1.4.2　网页设计配色基础　23
　项目小结　24
　项目练习　24
独立实践任务　25

创建与管理网站站点　26
　任务描述：创建并管理计算机系部
网站站点　26
　任务分析　26
　任务准备　27
2.3.1　站点的概念　27
2.3.2　站点的规划　27
　任务实施　28
2.4.1　创建系部网站站点　28
2.4.2　管理系部网站站点　28
　任务拓展　31
2.5.1　网站目录命名规范　31
2.5.2　网站目录结构规范　32
　项目小结　32
　项目练习　32
独立实践任务　32

设计和制作网站首页　34
　任务描述：制作计算机系部网站首页　34
　任务分析　34
　任务准备　35
3.3.1　HTML基本结构与常用标签　35
3.3.2　CSS简介　39
3.3.3　CSS语法规则　40
3.3.4　CSS常用属性　44
3.3.5　CSS盒子模型　50
3.3.6　浮动和定位　52
3.3.7　DIV+CSS布局　61
　任务实施　71
3.4.1　分析系部网站首页整体结构　71
3.4.2　制作系部网站首页页眉　74
3.4.3　制作系部网站首页导航栏　75
3.4.4　制作系部网站首页主内容区　80
3.4.5　制作系部网站首页页脚　90
　任务拓展　91
3.5.1　网站策划　91
3.5.2　应用Photoshop设计网页效果图　93








3.5.3　在网页中使用多媒体　96
3.5.4　网页设计辅助工具　102
　项目小结　103
　项目练习　103
独立实践任务　103

制作网页特效　106
　任务描述：制作计算机系网页特效　106
　任务分析　106
　任务准备　106
4.3.1　行为的概念　106
4.3.2　通过“行为面板”使用行为　109
4.3.3　通过JavaScript使用行为　116
　任务实施　130
4.4.1　添加简单的首页动态特效　130
4.4.2　添加复杂的首页动态特效　133
　任务拓展　145
4.5.1　变量的命名规范　145
4.5.2　JavaScript中的定时器　145
　项目小结　146
　项目练习　146
独立实践任务　147



设计和制作网站二级页面　149
　任务描述：应用模板创建计算机系部
网站二级页面　149
　任务分析　149
　任务准备　150
5.3.1　创建模板　150
5.3.2　应用模板　151
　任务实施　152
5.4.1　创建网站模板页　152
5.4.2　应用模板页制作系部网站二级页面　154
　任务拓展　154
5.5.1　更新模板　154
5.5.2　应用库项目　155
　项目小结　157
　项目练习　158
独立实践任务　159

制作网站后台管理页面　161
　任务1描述：制作网站后台登录页面　162
　任务1分析　162
　任务1准备　162
6.3.1　表格构成　162
6.3.2　表格属性　162
6.3.3　单元格属性　163
6.3.4　创建表格　164
6.3.5　操作表格　165
6.3.6　表格布局　172
6.3.7　使用CSS设置表格样式　172
6.3.8　表单的概念及功能　184
6.3.9　表单控件　185
6.3.10　使用CSS设置表单样式　188






　任务1实施　190
6.4.1　创建系部网站后台管理登录页面表单域　190
6.4.2　利用表格布局系部网站后台管理
登录页面　191
6.4.3　在系部网站后台管理登录页面插入
表单控件　193
　任务2描述：制作系部网站后台管理
主界面　195
　任务2分析　195
　任务2准备　195
6.7.1　框架和框架集的概念　195
6.7.2　操作框架和框架集　196
　任务2实施　199
6.8.1　设计实现系部网站后台管理主界面
整体布局　199
6.8.2　实现系部网站后台管理主界面各
框架页面的制作　199
　任务拓展　204
6.9.1　网站后台设计注意事项　204
6.9.2　网页表单设计注意事项　204
　项目小结　204
　项目练习　204
独立实践任务　206



网站测试与发布　208
　任务描述：测试和发布计算机系部网站　208
　任务分析　208
　任务准备　208
7.3.1　域名的概念　208
7.3.2　网站空间的概念　209
　任务实施　209
7.4.1　测试系部网站　209
7.4.2　发布系部网站　210
　任务拓展　214
7.5.1　网站测试注意事项　214
7.5.2　网站推广　214
　项目小结　215
　项目练习　215
独立实践任务　216

综合项目实战　218
　实战项目：制作电子商务网站　218
8.1.1　项目分析　218
8.1.2　页面布局设计　218
8.1.3　网站制作流程　225
8.1.4　项目小结　240
　拓展项目：HTML 5移动前端开发　240
8.2.1　项目任务　240
8.2.2　项目准备　241
8.2.3　项目实施　244
8.2.4　项目小结　254