《网页设计与制作教程(第2版)》以Dreamweaver的使用为主线,从实际应用的角度系统地介绍了网页制作的相关技术。全书分为15章,分别介绍了网页制作的基本概念和理论、建立站点和编辑网页、文本编辑与格式化、使用超链接、在网页中使用图像和简单的图像处理操作、使用CSS样式、使用表格、使用CSS布局、使用框架布局、使用表单、使用多媒体对象、使用行为、使用模板和库、网站测试与发布,以及一个综合网站实例的开发过程。
《网页设计与制作教程(第2版)》重点突出、讲解透彻,可供各类高职高专院校作为“网页制作”课程的教材,也适合作为网页制作初学者的自学用书。
本书注重实践操作,突出应用技巧;
实例贯穿全书,强调综合应用;
内容组织合理,适合教学需要。
本书以Dreamweaver的使用为主线,从实际应用的角度系统介绍了网页制作这门技术。本书重点突出、讲解精练,对网页制作中的各种基本知识和操作的介绍都清楚透彻,同时以实例贯穿,对于每一个知识点,都通过具体典型的实例来说明,使读者可以尽快掌握知识和技能的关键。此外,各章还提供了练习题和上机实验题目,可使读者检测自己的学习效果和供实验之用
·软件版本更新为DreamweaverCS3和Fireworks CS3。
·鉴于多数院校都单独开设了“图像处理”和“Flash动画制作”课程,本版删除了原书中有关Fireworks应用和Flash应用的章节,仅保留最基本的图像处理应用内容。
·将原书中各章相对独立的实例整合为一个完整的实例贯穿全书,使读者能以全局的角度理解各技术的应用。
·近年来CSS技术逐渐成为主流,因此本版增强了对该技术的阐述。
·为使本书更适合教学需要,习题部分增加了选择题。
本书修订后主要特点如下。
·重点突出、讲解精练。本书不求面面俱到,但对网页制作中涉及的各种基本知识和操作都介绍得清楚透彻,使读者能够准确地掌握关键知识。
·实例贯穿、简明实用。每一个知识点都通过具体典型的实例来说明,使读者可以尽快地掌握知识和技能。
·形式合理、适合教学。除了合理的知识点分布以外,各章还提供了练习题和上机实验题目,可使读者检测自己的学习效果并能供实验使用。上机实验中的部分题目提供了更大的自由发挥空间,适合想进一步提高的读者。
赵丰年,北京理工大学软件学院讲师,主讲“网页制作”、“网站开发基础”等课程近10年,有丰富的教学经验,多次荣获国家级和省部级教学成果奖。2004年~2005年在美国加州大学San Diego分校访问,研究web可用性与网站开发技术的应用。已经出版计算机类图书(主要是网页制作方面)30余部,其中l部普通高等教育“十五”国家级规划教材,3部普通高等教育“十一五”国家规划教材和1部北京市高等教育精品教材,读者人数近百万。
第1章 网页制作基础 1
1.1 Internet中的网页 1
1.1.1 网站与网页 1
1.1.2 网页的本质 2
1.1.3 网页制作技术 3
1.1.4 网站中的资源 4
1.2 网页制作工具概述 4
1.2.1 网页制作工具 4
1.2.2 图像处理和动画制作工具 5
1.3 网站建设工作流程 5
1.3.1 规划站点 6
1.3.2 设计站点 8
1.3.3 制作网页与测试 10
1.3.4 网站发布与维护 11
习题 11
上机实验 12
第2章 站点与文档操作 13
2.1 Dreamweaver的工作界面 13
2.1.1 概述 13
2.1.2 菜单栏 13
2.1.3 “插入”栏 15
2.1.4 工具栏 16
2.1.5 文档窗口 17
2.1.6 状态栏 18
2.1.7 属性检查器 19
2.1.8 面板组 19
2.1.9 快捷菜单 20
2.2 创建本地站点 20
2.2.1 创建本地根目录 20
2.2.2 定义本地站点 21
2.3 管理站点 22
2.3.1 站点操作 22
2.3.2 文件操作 23
2.4 文档操作 25
2.4.1 新建文档 25
2.4.2 打开文档 26
2.4.3 添加内容 26
2.4.4 保存和预览网页 26
2.4.5 设置页面属性 27
习题 31
上机实验 32
第3章 文本编辑与格式化 33
3.1 文本编辑 33
3.1.1 添加和编辑文本 33
3.1.2 使用特殊字符 35
3.1.3 使用HTML元素 37
3.2 文本格式化 38
3.2.1 设置段落格式 38
3.2.2 设置字符格式 43
习题 46
上机实验 47
第4章 使用超链接 48
4.1 超链接基础 48
4.1.1 什么是URL 48
4.1.2 绝对URL与相对URL 49
4.1.3 超链接的分类 49
4.2 创建超链接 50
4.2.1 超链接操作 50
4.2.2 页面链接 50
4.2.3 文件下载链接 52
4.2.4 E-mail链接 53
4.2.5 锚记链接 54
4.3 管理链接 56
4.3.1 使用站点地图 56
4.3.2 使用链接检查器 57
习题 58
上机实验 59
第5章 使用与处理图像 60
5.1 Web图像基础 60
5.1.1 矢量图与位图 60
5.1.2 常用的Web图像格式 61
5.1.3 使用图像的要点 62
5.2 使用图像 63
5.2.1 插入图像 63
5.2.2 图像的属性 65
5.3 处理图像 65
5.3.1 使用Dreamweaver编辑图像 66
5.3.2 使用Fireworks处理图像 67
5.4 使用图像效果 77
5.4.1 跟踪图像 77
5.4.2 背景图像 78
5.4.3 鼠标经过图像 79
5.4.4 图像映射 81
5.4.5 制作Web相册 82
习题 84
上机实验 85
第6章 使用CSS样式 86
6.1 CSS技术基础 86
6.1.1 CSS简介 86
6.1.2 内部样式与外部样式 87
6.1.3 CSS样式定义规则 90
6.1.4 CSS样式属性的单位 92
6.1.5 常用的CSS样式属性 93
6.2 创建和应用CSS样式 99
6.2.1 3种类型的样式 99
6.2.2 两种样式表 101
6.3 编辑和管理CSS样式 105
习题 108
上机实验 109
第7章 使用表格 110
7.1 使用表格显示内容 110
7.1.1 表格操作 110
7.1.2 使用表格显示数据 112
7.2 使用表格布局网页 115
7.2.1 网页布局基础 115
7.2.2 使用布局表格 116
7.2.3 综合使用表格与CSS 121
习题 124
上机实验 125
第8章 使用CSS布局 127
8.1 CSS布局基础 127
8.1.1 CSS模型盒 127
8.1.2 CSS布局属性 128
8.1.3 创建CSS布局的方法 129
8.2 使用预设的CSS布局 129
8.3 使用AP Div元素布局 133
8.3.1 AP Div元素基础 133
8.3.2 AP Div元素布局实例 135
8.4 使用Div标签布局 137
8.4.1 使用Div标签 138
8.4.2 单列液态布局 139
8.4.3 二列弹性布局 144
8.4.4 三列混合布局 148
习题 152
上机实验 153
第9章 使用框架 154
9.1 框架概述 154
9.1.1 什么是框架 154
9.1.2 框架的基本操作 155
9.2 框架布局实例 160
9.2.1 创建框架结构 161
9.2.2 设置框架集与框架的属性 161
9.2.3 制作框架中的网页 162
9.2.4 链接目标框架 165
习题 165
上机实验 166
第10章 使用表单 167
10.1 表单概述 167
10.1.1 表单网页 167
10.1.2 表单组件 168
10.1.3 表单的工作原理 168
10.2 创建表单 169
10.2.1 插入表单框 169
10.2.2 表单的属性 170
10.2.3 创建表单组件 170
10.2.4 修饰表单网页 178
10.3 验证表单 179
习题 181
上机实验 182
第11章 使用多媒体对象 183
11.1 使用Flash动画 183
11.1.1 Flash动画格式 183
11.1.2 插入Flash动画 184
11.1.3 插入Flash按钮 185
11.1.4 插入Flash文本 186
11.2 使用声音与视频 187
11.2.1 声音与视频概述 187
11.2.2 添加声音与视频 188
习题 191
上机实验 191
第12章 使用行为 193
12.1 行为概述 193
12.1.1 行为与事件 193
12.1.2 “行为”面板 193
12.2 使用内置的Dreamweaver行为 194
12.2.1 弹出信息行为 194
12.2.2 打开浏览器窗口行为 195
12.2.3 显示-隐藏元素行为 197
12.2.4 跳转菜单行为 199
12.2.5 效果行为 200
习题 202
上机实验 202
第13章 使用模板和库 204
13.1 使用模板 204
13.1.1 什么是模板 204
13.1.2 创建模板 205
13.1.3 编辑模板 206
13.1.4 使用模板创建网页 207
13.1.5 更新模板 210
13.2 使用库 210
13.2.1 什么是库 210
13.2.2 创建库项目 211
13.2.3 编辑库项目 211
习题 212
上机实验 212
第14章 网站测试与发布 213
14.1 网站测试 213
14.1.1 测试网页 213
14.1.2 测试站点 215
14.2 申请域名与空间 217
14.3 发布网站 217
14.3.1 定义远程站点 217
14.3.2 上传站点 218
习题 219
上机实验 220
第15章 网站开发实例 221
15.1 网站规划 221
15.1.1 网站分析 221
15.1.2 内容规划 222
15.2 网页设计 222
15.2.1 设计页面布局 222
15.2.2 站点导航 223
15.2.3 颜色方案 223
15.2.4 图像、多媒体和行为 224
15.2.5 CSS布局样式 224
15.3 建立本地站点 224
15.3.1 定义站点 224
15.3.2 建立文件结构 225
15.4 网页制作 226
15.4.1 制作首页 227
15.4.2 制作二级页面 232
15.4.3 使用模板制作其他网页 235
上机实验 238
第1章 网页制作基础
网页制作是热门的计算机应用领域之一,但什么是网页,有哪些软件可以用来制作网页,制作网页应遵循什么步骤,这些并不是人人都能清楚回答的问题。本章将向读者介绍与网页制作相关的基础知识,主要内容包括网页制作的概念和技术、网页制作常用工具以及网站开发的工作流程。
1.1 Internet中的网页
本节介绍一些与网页制作有关的基本概念,内容包括网站与网页的概念、网页的本质、网页制作技术和网站中的数据资源。
1.1.1 网站与网页
www(world Wide Web,万维网)是Internet提供的服务之一,用户可以利用www服务获得信息并进行网上交流。
从术语角度讲,www是由遍布在Internet上称为Web服务器的计算机组成,它将不同的信息资源有机地组织在一起,通过一种叫做“浏览器”的软件进行浏览。
www是由遍布世界各地的Web服务器组成,那么,这些Web服务器又是如何构成一个庞大的资源集合呢?答案就是网页。由于网页中包含所谓的“超链接”,这些超链接可以将一个网页链接到其他网页,从而构成了万维网的纵横交织结构。
通过超链接连接起来的一系列逻辑上可以视为一个整体的网页就叫做网站。或者说,网站就是一个链接的页面集合,通常用于完成某个特定目标,比如对公司产品进行展示宣传。