第1章 网页制作基础 1
1.1情境：俞晨视觉传奇个人主页 1
1.1.1网页项目的制作过程 1
1.1.2网页的基本要素 3
1.2网络基本概念 5
1.2.1 Internet 6
1.2.2万维网介绍 6
1.2.3 Web浏览器 7
1.2.4网页与网站 7
1.3网站的分类与赏析 8
1.3.1网站的分类 8
1.3.2优秀网站欣赏 8
1.4习题 11
第2章 网站规划与制作流程 12
2.1情境1：淮安旅行社网站项目规划 12
2.1.1项目资讯 12
2.1.2淮安旅行社网站的项目规划 14
2.2情境2：淮安旅行社网站的制作流程 16
2.2.1前期策划和内容组织 16
2.2.2网站效果图的设计制作 18
2.2.3网站页面的设计制作 19
2.2.4静态页面的动态化 20
2.2.5网站测试与发布 20
2.2.6网站维护 21
2.3习题 21
第3章 网页效果图设计 23
3.1情境1：淮安信息职业技术学院网站欢迎页设计 23
3.1.1项目展示与项目目标 23
3.1.2项目资讯 23
3.1.3项目计划与决策 27
3.1.4项目实施 27
3.1.5项目检查与评估 31
3.1.6强化拓展实训：图像的抠取 32
3.2情境2：商业网站Logo设计与制作 33
3.2.1项目展示与项目目标 33
3.2.2项目资讯 33
3.2.3项目计划与决策 37
3.2.4项目实施 37
3.2.5项目检查与评估 40
3.2.6强化拓展实训：企业Logo设计 40
3.3情境3：书法家庄辉个人网站主页效果图设计与制作 41
3.3.1项目展示与项目目标 41
3.3.2项目资讯 42
3.3.3项目计划与决策 49
3.3.4项目实施 49
3.3.5项目检查与评估 51
3.3.6强化拓展实训：混合模式合成图像 52
3.4情境4：淮安信息职业技术学院网站页眉设计 54
3.4.1项目展示与项目目标 54
3.4.2项目资讯 54
3.4.3项目计划与决策 62
3.4.4项目实施 63
3.4.5项目检查与评估 68
3.5习题 68
第4章 网站的色彩与布局 69
4.1情境：书法家庄辉个人网站模板效果图的设计与制作 69
4.1.1项目展示与项目目标 69
4.1.2项目资讯 70
4.1.3项目计划与决策 76
4.1.4项目实施 76
4.1.5项目检查与评估 81
4.1.6强化拓展实训：画笔的使用技巧 81
4.2习题 82
第5章 网页动画的快速设计与制作 83
5.1情境1：高职高专教学工作水平评估评建网GIF动画 83
5.1.1项目展示与项目目标 83
5.1.2项目资讯 83
5.1.3项目计划与决策 86
5.1.4项目实施 87
5.1.5项目检查与评估 89
5.1.6强化拓展实训：广告Banner的制作 89
5.2情境2：书法家庄辉个人网站动画的设计 89
5.2.1项目展示与项目目标 89
5.2.2项目资讯 90
5.2.3项目计划与决策 91
5.2.4项目实施 91
5.2.5项目检查与评估 94
5.2.6强化拓展实训：制作Flash动画 94
5.3习题 94
第6章 网页的基本编辑 95
6.1情境：书法家庄辉个人介绍页面的制作 95
6.1.1项目展示与项目目标 95
6.1.2项目资讯 95
6.1.3项目计划与决策 106
6.1.4项目实施 107
6.1.5项目检查与评估 111
6.1.6强化拓展实训：制作鼠标滑过图像的翻转效果 111
6.2习题 112
第7章 HTML语言的编写 114
7.1情境：高职高专教学工作评建网HTML代码的编写 114
7.1.1项目展示与项目目标 114
7.1.2项目资讯 115
7.1.3项目计划与决策 125
7.1.4项目实施 125
7.1.5项目检查与评估 129
7.1.6强化拓展实训：计算机系迎评网主页HTML代码的编写 130
7.2习题 130
第8章 层叠样式表的应用 132
8.1情境：计算机科学与工程系迎评网CSS设计 132
8.1.1项目展示与项目目标 132
8.1.2项目资讯 132
8.1.3项目计划与决策 138
8.1.4项目实施 138
8.1.5项目检查与评估 141
8.1.6强化拓展实训：庄辉个人网站样式表设计 141
8.2习题 144
第9章 框架与表格网页布局设计 145
9.1情境1：图形图像专题学习网站主页设计 145
9.1.1项目展示与项目目标 145
9.1.2项目资讯 145
9.1.3项目计划与决策 148
9.1.4项目实施 148
9.1.5项目检查与评估 151
9.1.6强化拓展实训：框架中超链接的使用 151
9.2情境2：表格布局淮信科技有限公司培训中心网站 153
9.2.1项目展示与项目目标 153
9.2.2项目资讯 153
9.2.3项目计划与决策 153
9.2.4项目实施 154
9.2.5项目检查与评估 157
9.2.6强化拓展实训：评建网的表格布局 157
9.3习题 157
第10章 DIV+CSS布局网站 158
10.1情境：DIV+CSS布局软件项目化综合实训精品课程网站 158
10.1.1项目展示与项目目标 158
10.1.2项目资讯 159
10.1.3项目计划与决策 175
10.1.4项目实施 176
10.1.5项目检查与评估 188
10.1.6强化拓展实训：CSS代码的优化 188
10.2习题 190
第11章 使用模板与库制作静态网站 191
11.1情境：软件项目化综合实训精品课程网站静态站点设计 191
11.1.1项目展示与项目目标 191
11.1.2项目资讯 192
11.1.3项目计划与决策 195
11.1.4项目实施 196
11.1.5项目检查与评估 197
11.1.6强化拓展实训：网页设计中的界面的借鉴与创新实例 197
11.2习题 201
第12章 静态网站的动态化 202
12.1情境：书法家庄辉动态网站建设 202
12.1.1项目展示与项目目标 202
12.1.2项目资讯 203
12.1.3项目计划与决策 203
12.1.4项目实施 203
12.1.5项目检查与评估 211
12.1.6强化拓展实训：项目后期完善 211
12.2习题 211
第13章 ASP动态网页编程 213
13.1情境1：新生录取查询系统的实现 213
13.1.1项目展示与项目目标 213
13.1.2项目资讯 213
13.1.3项目计划与决策 225
13.1.4项目实施 225
13.1.5项目检查与评估 227
13.1.6强化拓展实训：模糊查询的制作 227
13.2情境2：班级通讯录管理系统的实现 229
13.2.1项目展示与项目目标 229
13.2.2项目资讯 230
13.2.3项目计划与决策 230
13.2.4项目实施 230
13.2.5项目检查与评估 237
13.2.6强化拓展实训：简易计数器的制作 237
13.3习题 238
第14章 基于工作过程的英语专题学习网站教学案例 239
14.1项目目标与项目展示 239
14.1.1项目展示 239
14.1.2项目目标 239
14.2项目资讯 240
14.2.1网站需求分析 240
14.2.2网站风格定位 240
14.2.3规划草图 240
14.3项目计划与决策 241
14.4项目实施 241
14.4.1效果图设计 241
14.4.2效果图切片导出网页 246
14.4.3后期网页编辑 247
14.4.4动画制作 252
14.4.5动画的使用 253
14.4.6代码融合 254
14.5项目检查与评估 257
14.6强化拓展实训：开发音频设备专题学习网站 257
第15章 项目开发综合实训 258
15.1网站开发规范 258
15.1.1组建开发团队 258
15.1.2开发工具 258
15.1.3网站开发流程 259
15.1.4文件夹和文件的命名规范 260
15.1.5网站首页head区代码规范 260
15.1.6网站建设尺寸规范 261
15.2实训任务安排 262
15.3项目进展计划 262
15.4实训报告书 263
参考文献 264