学习情境一 认识网页和网站 1
任务1.1 网页和网站的基础知识 1
1.1.1 网页的相关概念 1
1.1.2 网页与网站 3
1.1.3 构成网页的基本要素 5
1.1.4 网页制作工具 7
任务1.2 优秀网站欣赏 8
1.2.1 网站欣赏 8
1.2.2 网站特征 11
1.2.3 网站的体系结构 12
任务1.3 网站的建设步骤 13
1.3.1 网站的规划与设计 13
1.3.2 站点建设 30
1.3.3 网站发布 33
1.3.4 网站的管理与维护 33
习题 34
学习情境二 校园十佳歌手评选活动网站建设 37
任务2.1 项目展示与项目目标 37
2.1.1 项目效果图展示 37
2.1.2 项目目标 37
任务2.2 项目资讯 38
2.2.1 校园十佳歌手评选活动网站项目规划 40
2.2.2 校园十佳歌手评选活动网站项目制作流程 41
任务2.3 项目计划与决策 42
任务2.4 校园十佳歌手评选活动网站效果图设计与切图 43
2.4.1 任务解析 43
2.4.2 核心技能与概念 43
2.4.3 项目实施 57
2.4.4 项目开发策略与技巧 63
任务2.5 校园十佳歌手评选活动网站项目后期编辑 64
2.5.1 任务解析 64
2.5.2 核心技能与概念 64
2.5.3 项目实施 77
2.5.4 项目开发策略与技巧 79
任务2.6 校园十佳歌手评选活动网站项目测试与发布 81
2.6.1 核心技能与概念 81
2.6.2 项目实施 82
任务2.7 项目总结与评价 86
2.7.1 项目任务的分解及项目实施流程图 86
2.7.2 讨论的问题或评价依据 86
任务2.8 强化拓展实训 87
2.8.1 产品展示网站建设 87
2.8.2 拓展训练参考信息 87
习题 88
学习情境三 网页制作教程学习网站项目建设 89
任务3.1 项目展示与项目目标 89
3.1.1 项目效果图展示 89
3.1.2 项目目标 89
任务3.2 项目资讯 90
3.2.1 项目背景及项目需求 90
3.2.2 HTML语言 91
3.2.3 CSS样式表 95
任务3.3 项目计划与决策 105
任务3.4 项目实施一：用HTML编写网页代码 106
3.4.1 创建站点目录结构及网站首页 106
3.4.2 用HTML制作网站首页 106
3.4.3 用HTML制作网站栏目页面 109
3.4.4 用HTML制作网站内容页面 111
3.4.5 用HTML制作网站超链接 112
任务3.5 项目实施二：用CSS样式表美化网页 114
3.5.1 网站首页布局 114
3.5.2 网站栏目页布局 119
3.5.3 网站内容页布局 122
任务3.6 项目检查与评价 124
任务3.7 强化拓展实训：MIDP移动互联网学院主页制作 126
习题 126
学习情境四 武威职业学院信息技术公司主页制作 127
任务4.1 项目展示与项目目标 127
4.1.1 项目效果图展示 127
4.1.2 项目目标 128
任务4.2 项目资讯 128
4.2.1 基础知识与技能 128
4.2.2 网站策划及策划书的编写 142
任务4.3 项目计划与决策 145
任务4.4 项目实施 147
任务4.5 项目检查与评价 174
任务4.6 项目拓展知识 175
4.6.1 网页设计师应具备的素质 175
4.6.2 项目开发策略与技巧：CSS代码的优化 176
4.6.3 JavaScript脚本代码的融合 177
4.6.4 滚动字幕的制作 182
任务4.7 使用模版和库完善静态网站 184
4.7.1 模板技术的应用 184
4.7.2 库的应用 186
任务4.8 应用行为增强网页动态效果 187
习题 190
学习情境五 图形图像专题学习网站主页设计 191
任务5.1 项目展示与项目目标 191
5.1.1 项目效果图展示 191
5.1.2 项目目标 191
任务5.2 项目资讯 192
任务5.3 项目计划与决策 194
任务5.4 项目实施 195
任务5.5 项目检查与评价 197
任务5.6 强化拓展实训 197
5.6.1 框架中超链接的使用 197
5.6.2 建立锚点链接 198
习题 200
学习情境六 陇上江南旅游网站建设 201
任务6.1 项目展示与项目目标 201
6.1.1 项目效果图展示 201
6.1.2 项目目标 202
任务6.2 项目资讯 202
任务6.3 项目计划与决策 203
任务6.4 项目实施 203
任务6.5 项目检查与评价 214
任务6.6 强化拓展实训：网站动画的设计 214
习题 216
学习情境七 网站留言板的制作 217
任务7.1 项目展示与项目目标 217
7.1.1 项目效果图展示 217
7.1.2 项目目标 217
任务7.2 项目资讯 218
任务7.3 项目计划与决策 226
任务7.4 项目实施 227
任务7.5 项目检查与评价 238
任务7.6 强化拓展实训：动态网站数据信息的修改 238
习题 243
附录 245
附录A HTML标记参考 245
附录B CSS常用属性参考 257
参考文献 261