本书站在初学者的角度，遵循Web标准，采用DIV+CSS，将网页内容与外观样式彻底分离，在体现网页设计“结构与表现相分离”的重要思想基础上，按照职业化的要求，以“一懂三会”为主线，对网页设计与制作的技术知识进行合理编排。全书分为两篇，即基础篇和提高篇。重点突出网页设计与制作的操作技能，以任务案例为驱动，使读者逐步提高设计与制作网页的职业能力，逐步掌握设计与制作网页的方法与技巧。本书配有电子课件、案例源码等资源，方便教师教学和读者学习。本书可作为应用型、技能型人才培养相关专业的教学用书，也可作为各种培训、计算机从业人员和广大网页设计与制作爱好者的学习教程。

本教材遵循Web标准，采用DIV+CSS将网页内容与外观样式彻底分离，体现网页设计“结构与表现相分离”的重要思想基础上，按照职业化的要求，以“一懂三会”为主线，对网页设计与制作的技术知识进行合理编排，即站在初学者的角度，以懂的网页设计与制作基础为中心，会使用Adobe Dreamweaver CS6网页制作工具、会制作和设计规范化的网页，会开发中小型网站系统。本书可作为应用型、技能型人才培养的各类教育相关专业的教学用书，也可作为各种培训、计算机从业人员和爱好者的学习教程。

1.1任务1.1： 认识Internet4
1.1.1任务1.1.1： 认识万维网和浏览器5
1.1.2任务1.1.2： 认识IP地址和Internet域名5
1.1.3任务1.1.3： 认识统一资源定位器7
1.2任务1.2： 认识网页和网站8
1.2.1任务1.2.1： 网页的定义和分类8
1.2.2任务1.2.2： 认识网页的基本组成元素9
1.2.3任务1.2.3： 认识网站11
1.3任务1.3： 初识网页设计12
1.3.1任务1.3.1： 了解网页设计基本原则12
1.3.2任务1.3.2： 初识网页设计风格13
1.3.3任务1.3.3： 初识网页色彩搭配15
1.3.4任务1.3.4： 网页布局认识与优秀网页赏析15
1.4任务1.4： 认识网页制作常用工具19
1.4.1任务1.4.1： 初识Dreamweaver19
1.4.2任务1.4.2： 初识FrontPage19
1.4.3任务1.4.3： 初识Photoshop 19
1.4.4任务1.4.4： 初识Flash20
1.4.5任务1.4.5： 初识FireWorks20
1.5任务1.5： 网站建设基本流程21
1.5.1任务1.5.1： 网站前期调研与规划21
1.5.2任务1.5.2： 网站中期建设实施与细化的认识22
1.5.3任务1.5.3： 网站后期更新与维护的认识23
1.6任务1.6： 我的第一个网页24
1.6.1任务1.6.1： 创建本地站点24
1.6.2任务1.6.2： 创建我的第一个网页26〖2〗〖3〗〖4〗1.7单元小结30
1.8单元实践操作30
1.8.1实践任务1.8.1： 优秀网站赏析30
1.8.2实践任务1.8.2： 设计制作“我的第一个网页”31
1.9单元习题32
单元2HTML基础/34
2.1任务2.1： 认识HTML35
2.2任务2.2： 编写简单的HTML网页文档36
2.3任务2.3： 认识常见的HTML元素39
2.3.1任务2.3.1： HTML基本元素39
2.3.2任务2.3.2： 格式元素42
2.3.3任务2.3.3： 字体元素44
2.3.4任务2.3.4： 超级链接元素46
2.3.5任务2.3.5： 列表元素47
2.3.6任务2.3.6： 表格元素49
2.3.7任务2.3.7： 图像元素51
2.3.8任务2.3.8： DIV元素52
2.3.9任务2.3.9： 常见的表单元素53
2.4任务2.4： 认识XHTML56
2.5任务2.5： 认识HTML 557
2.5.1任务2.5.1： HTML 5概述57
2.5.2任务2.5.2： HTML 5视频元素与音频元素58
2.6单元小结60
2.7单元实践操作60
2.7.1实践任务2.7.1： HTML综合运用60
2.7.2实践任务2.7.2： 设计制作以“家乡美”为主题的网页60
2.8单元习题62
单元3使用Dreamweaver CS6制作简单网页/64
3.1任务3.1： 认识Dreamweaver CS6工作界面65
3.1.1任务3.1.1： 认识Dreamweaver CS6的工作环境65
3.1.2任务3.1.2： 自定义Dreamweaver CS6的工作环境70
3.2任务3.2： 制作文本网页72
3.2.1任务3.2.1： 空白网页的创建73
3.2.2任务3.2.2： 页面整体属性的设置74
3.2.3任务3.2.3： 输入与编辑网页中的文本80
3.2.4任务3.2.4： 格式化网页文本82
3.2.5任务3.2.5： 插入与文本相关的元素并设置其属性83
3.2.6任务3.2.6： 设置超级链接与锚点85
3.2.7任务3.2.7： 浏览网页效果87
3.3任务3.3： 使用CSS控制页面文本88
3.3.1任务3.3.1： 认识CSS89
3.3.2任务3.3.2： 创建与管理Dreamweaver CS6中CSS的样式95
3.3.3任务3.3.3： CSS 3.0中文字的新增属性105
3.3.4任务3.3.4： CSS样式冲突107
3.4单元小结108
3.5单元实践操作108
3.5.1实践任务3.5.1： 熟悉Dreamweaver CS6工作界面108
3.5.2实践任务3.5.2： 制作新闻文本网页108
3.5.3实践任务3.5.3： 制作班级简介文本网页109
3.6单元习题110
单元4制作图文混排网页/112
4.1任务4.1： 认识网页中的图像格式113
4.2任务4.2： 插入图像与设置图像属性114
4.2.1任务4.2.1： 插入图像示例114
4.2.2任务4.2.2： 设置图像属性115
4.2.3任务4.2.3： 建立热点链接116
4.3任务4.3： 插入图像占位符和鼠标经过图像117
4.3.1任务4.3.1： 插入图像占位符117
4.3.2任务4.3.2： 插入鼠标经过图像118
4.4任务4.4： 使用CSS控制页面图像120
4.4.1任务4.4.1： 背景属性120
4.4.2任务4.4.2： 图像边框、边距与缩放121
4.5任务4.5： 图文混排124
4.6单元小结126
4.7单元实践操作126
4.7.1实践任务4.7.1： 观察图文混排网页127
4.7.2实践任务4.7.2： 制作一个图文混排网页127
4.7.3实践任务4.7.3： 制作一个图文混排班级简介网页127
4.8单元习题128
单元5网页中的表格/130
5.1任务5.1： 创建表格与编辑表格131
5.1.1任务5.1.1： 插入表格131
5.1.2任务5.1.2： 编辑表格133
5.2任务5.2： 使用CSS控制和美化表格135
5.3单元小结138
5.4单元实践操作138
5.4.1实践任务5.4.1： 观察网页中的表格138
5.4.2实践任务5.4.2： 制作欧冠联赛积分榜表格138
5.4.3实践任务5.4.3： 制作个人简历网页139
5.5单元习题140
单元6制作DIV布局的网页/141
6.1任务6.1： 认识DIV142
6.1.1任务6.1.1： DIV的插入142
6.1.2任务6.1.2： DIV大小设置和布局方法146
6.1.3任务6.1.3： DIV的边框设置149
6.1.4任务6.1.4： DIV的内边距和外边距设置151
6.2任务6.2： 制作包含DIV的网页154
6.3任务6.3： AP元素158
6.4任务6.4： DIV布局网页实例164
6.5单元小结170
6.6单元实践操作170
6.6.1实践任务6.6.1： 制作家居建材网页170
6.6.2实践任务6.6.2： 制作班级相册171
6.7单元习题172
单元7使用框架制作网页/173
7.1任务7.1： 使用框架制作框架网页174
7.1.1任务7.1.1： 认识框架和框架集174
7.1.2任务7.1.2： 框架和框架集的创建和保存175
7.1.3任务7.1.3： 框架和框架集的属性设置179
7.1.4任务7.1.4： 使用框架制作简单网页181
7.2单元小结185
7.3单元实践操作185
7.3.1实践任务7.3.1： 考试系统后台管理页面的制作185
7.3.2实践任务7.3.2： 电子邮箱网页的制作186
7.4单元习题187下篇提高篇
单元8使用模板和库制作网页/191
8.1任务8.1： 使用模板制作网页192
8.1.1任务8.1.1： 认识Dreamweaver CS6的网页模板192
8.1.2任务8.1.2： 新建Dreamweaver CS6的网页模板193
8.1.3任务8.1.3： 套用网页模板快速新建网页199
8.1.4任务8.1.4： 修改网页模板批量更新网页201
8.2任务8.2： 使用库制作网页204
8.2.1任务8.2.1： 认识Dreamweaver CS6的库204
8.2.2任务8.2.2： 新建库205
8.2.3任务8.2.3： 使用库新建网页210
8.2.4任务8.2.4： 编辑库批量更新网页213
8.3单元小结214
8.4单元实践操作214
8.4.1实践任务8.4.1： 使用模板制作一个网页214
8.4.2实践任务8.4.2： 使用库制作一个网页215
8.5单元习题216
单元9制作表单网页218
9.1任务9.1： 认识表单219
9.1.1任务9.1.1： 认识表单域219
9.1.2任务9.1.2： 插入常见表单元素221
9.2任务9.2： 用CSS美化表单236
9.3单元小结240
9.4单元实践操作240
9.4.1实践任务9.4.1： 制作会员注册页面240
9.4.2实践任务9.4.2： 设计制作教务系统的“学生注册”网页241
9.5单元习题242
单元10制作包含特效的网页243
10.1任务10.1： 行为244
10.1.1任务10.1.1： 认识行为244
10.1.2任务10.1.2： 使用行为实现网页特效246
10.2任务10.2： Spry构件253
10.2.1任务10.2.1： 认识Spry构件254
10.2.2任务10.2.2： 常用Spry构件254
10.3任务10.3： 制作视频播放网页265
10.4任务10.4： 用JavaScript实现动态页面时钟267
10.5单元小结269
10.6单元实践操作270
10.6.1实践任务10.6.1： 网页特效综合应用——模拟微软主页270
10.6.2实践任务10.6.2： 网页特效综合应用——制作班级新闻和
通知页面270
10.7单元习题271
单元11测试、发布、管理与维护网站273
11.1任务11.1： 测试站点 273
11.1.1任务11.1.1： 浏览器兼容性测试274
11.1.2任务11.1.2： 测试链接275
11.1.3任务11.1.3： 使用网站报告测试站点277
11.1.4任务11.1.4： 测试本地站点278
11.1.5任务11.1.5： 用户测试与负载测试279
11.2任务11.2： 清理网页文档279
11.3任务11.3： 注册域名、申请空间及发布网站281
11.3.1任务11.3.1： 注册域名282
11.3.2任务11.3.2： 申请空间282
11.3.3任务11.3.3： 发布网站283
11.4任务11.4： 维护与推广287
11.4.1任务11.4.1： 网站维护287
11.4.2任务11.4.2： 网站宣传与推广288
11.5单元小结290
11.6单元实践操作290
11.6.1实践任务11.6.1： 赏析优秀网站，观察网站域名，了解网站
维护与推广290
11.6.2实践任务11.6.2： 测试、发布、管理和维护所设计、制作的
网站291
11.7单元习题291
单元12综合案例293
12.1任务12.1： 班级网站的设计294
12.1.1任务12.1.1： 网站的需求分析294
12.1.2任务12.1.2： 网站规划和布局设计295
12.1.3任务12.1.3： 首页设计与制作297
12.1.4任务12.1.4： 库项目的建立304
12.1.5任务12.1.5： 子页面模板的建立306
12.1.6任务12.1.6： 子页面的设计与制作308
12.2课程设计——综合实训311
12.2.1课程设计的意义和目的311
12.2.2课程设计要求312
12.2.3课程设计组织与实施313
12.2.4课程设计考核验收标准314
12.2.5课程设计优秀作品交流展示314
12.3单元小结315
参考文献316