网页设计与制作

实用性强—— 本书所有案例均涉及网页设计与网站建设主要技术，实例典型，内容实用。

操作性强—— 在介绍具体操作步骤过程中，配有图片引导，便于读者上机操作。

循序渐进 —— 遵循从基础到高级，从入门到精通的思路，帮助读者轻松建立起正确的知识体系。

前 言

随着互联网不断普及和发展，人们的学习、工作、生活已经离不开它，因此掌握一定的互联网应用知识和技能成为现代大学生的基本素养。网页是互联网最重要的载体，学习网页设计与网站建设技术是学生深入了解互联网信息呈现方式和提高自己信息技术素养的一种途径。同时，教育部高等学校非计算机专业计算机基础课程教学指导分委员会提出的《关于进一步加强高等学校计算机基础教学的意见》对高等学校计算机基础教育的教学内容提出了更新、更高、更具体的要求，使得计算机基础教育开始步入更加科学、更加合理、更加符合21世纪高等学校人才培养目标且更具大学教育特征和专业特征的新阶段。

Dreamweaver 2021是Adobe公司推出的一款集网页制作和网站管理于一身的网页编辑器，不仅可以帮助不同层次的用户快捷设计网页，而且可以使用ASP等服务器语言为网站服务，在网页设计与制作和网站开发领域占据非常重要的地位，深受网页开发设计人员的青睐。

本书从实用技能出发，采用零基础、入门级的讲解方式，系统全面地介绍了Dreamweaver 2021的相关功能和操作方法，并以案例贯穿整个讲解过程，做到图文并茂、通俗易懂，使读者轻松运用Dreamweaver 2021来高效地开发网站。本书由温凯峰（负责全书审阅定稿工作）、叶仕通任主编，万智萍、郭其标、周汉达、邓文锋任副主编。具体编写分工如下：第1章至第3章、第13章和第14章由温凯峰、叶仕通编写，第4章、第5章、第9章、第10章由郭其标、万智萍编写，第6章至第8章由周汉达编写，第11章和第12章由邓文锋编写。

在本书编写过程中参阅了网页设计方面的教材，借鉴、吸收了国内外专家学者的成果，在此一并表示感谢。由于编者水平有限，加之时间仓促，书中疏漏甚至错误之处在所难免，恳请读者批评指正。

编 者

2022年5月

前言

第1章 初识Dreamweaver 2021 1
1.1 网页设计基础知识 1
1.1.1 相关概念 1
1.1.2 网页的页面元素 7
1.1.3 网站的建设流程 10
1.2 走进Dreamweaver 2021 15
1.2.1 安装Dreamweaver 2021 15
1.2.2 启动Dreamweaver 2021 16
1.2.3 退出Dreamweaver 2021 17
1.2.4 Dreamweaver 2021的工作环境 18
1.2.5 Dreamweaver 2021的新特性 22
第2章 HTML的基础知识 24
2.1 HTML基本概念 24
2.2 HTML基本结构 24
2.2.1 基本结构 26
2.2.2 标记和属性 26
2.2.3 基本标记 27
2.2.4 页面格式标记 29
2.2.5 文本标记 31
2.2.6 图像标记 32
2.2.7 表格标记 33
2.2.8 链接标记 34
2.2.9 表单标记 35
2.2.10 其他标记 37
2.3 HTML5基本用法 38
2.3.1 HTML5的语法变化 38
2.3.2 HTML5的标记方法 39
2.3.3 HTML5的新增元素 39
第3章 网页的基本操作 43
3.1 创建和管理站点 43
3.1.1 站点概述 43
3.1.2 创建本地站点 44
3.1.3 创建远程站点 46
3.1.4 管理站点 49
3.1.5 操作站点文件和文件夹 54
3.2 网页建设 56
3.2.1 新建网页 56
3.2.2 保存网页 58
3.2.3 打开网页 59
3.2.4 预览网页 61
3.2.5 关闭网页 62
3.2.6 设置页面属性 63
3.3 网页中的文本 69
3.3.1 录入文本 70
3.3.2 编辑文本 74
3.4 美化网页 86
3.4.1 网页常用的图像格式 86
3.4.2 插入图像 87
3.4.3 设置图像属性 87
3.4.4 插入鼠标经过图像 89
3.5 多媒体网页制作 94
3.5.1 插入声音 94
3.5.2 插入视频 98
3.5.3 插入Flash元素 102
第4章 超链接的应用 108
4.1 了解超链接 108
4.2 创建超链接 109
4.2.1 创建文本超链接 109
4.2.2 创建图像超链接 110
4.2.3 创建空链接 112
4.2.4 创建电子邮件链接 112
4.2.5 创建锚记链接 113
4.2.6 创建下载文件链接 114
4.2.7 创建脚本链接 114
4.3 实例 116
4.3.1 实例1——创建图像热点链接 116
4.3.2 实例2——创建锚记链接 120
4.3.3 实例3——创建空链接、电子邮件
链接、下载文件链接和脚本链接 121
第5章 网页中表格的应用 124
5.1 创建表格 124
5.2 添加内容到单元格 126
5.2.1 输入文字 126
5.2.2 嵌套表格 127
5.2.3 插入图像 127
5.3 选择和编辑表格 127
5.3.1 选定表格及单元格 127
5.3.2 插入行或列 130
5.3.3 删除行或列 134
5.3.4 合并单元格 134
5.3.5 拆分单元格 135
5.3.6 复制、剪切和粘贴单元格 136
5.3.7 设置表格属性 137
5.3.8 设置单元格属性 137
5.3.9 设置行或列属性 138
5.3.10 调整表格大小 138
5.4　表格的高级操作 139
5.4.1　对表格数据排序 139
5.4.2　导入表格数据 140
5.4.3　导出表格数据 141
5.5 实例——应用表格布局网页 142
第6章 层叠样式表CSS 145
6.1 CSS概述 145
6.2 CSS的基本语法规则 146
6.3 选择器 147
6.3.1 派生选择器 147
6.3.2 ID选择器 149
6.3.3 类选择器 149
6.3.4 复合内容选择器 149
6.4 CSS样式的存放位置 149
6.4.1 保存在文档内部 150
6.4.2 保存在外部CSS文件中 150
6.5 CSS样式的分类 151
6.5.1 根据CSS的保存位置分类 151
6.5.2 根据选择器的类型分类 151
6.6 CSS样式的创建及应用 151
6.6.1 “CSS设计器”面板 151
6.6.2 内部CSS样式的创建及应用 153
6.6.3 外部CSS样式的创建及应用 161
6.7 CSS属性 167
6.7.1 布局属性 167
6.7.2 文本属性 169
6.7.3 边框属性 169
6.7.4 背景属性 169
第7章 Div+CSS 171
7.1 创建Div标签 171
7.2 设置Div标签 172
7.3 Div+CSS布局 173
7.3.1 盒子模型 173
7.3.2 Div相关的属性 174
第8章 模板和库的使用 180
8.1 模板 180
8.1.1　创建模板 180
8.1.2 创建模板的可编辑区域 182
8.1.3 应用模板 184
8.1.4 管理模板 186
8.2　库 187
8.2.1 创建库项目 187
8.2.2 编辑库项目 187
8.2.3 应用库项目 188
8.3 实例——制作学校网站模板 189
第9章 表单的应用 191
9.1　认识表单 191
9.1.1　表单的概念 191
9.1.2 表单对象的概念 191
9.2　创建表单 192
9.2.1　插入表单域 192
9.2.2　设置表单属性 193
9.3　插入表单对象 193
9.3.1 插入文本域 193
9.3.2 插入复选框或复选框组 195
9.3.3　插入单选按钮 195
9.3.4　插入列表和菜单 196
9.3.5　插入按钮和图像按钮 197
9.3.6　插入隐藏域和文件域 198
9.3.7　插入HTML5表单元素 199
9.4 实例——制作在线调查表 199
第10章 行为的应用 203
10.1　认识行为 203
10.2 应用行为 204
10.2.1 添加行为 204
10.2.2 编辑行为 205
10.3 常用事件 206
10.4 标准动作 207
10.4.1 交换图像 207
10.4.2 弹出信息 208
10.4.3 打开浏览器窗口 209
10.4.4 调用JavaScript 210
10.4.5 检查插件 210
10.4.6 转到URL 211
10.4.7 预先载入图像 212
10.4.8 设置文本 213
10.4.9 显示-隐藏元素 215
10.4.10 改变属性 215
10.4.11 检查表单 216
10.4.12 跳转菜单 217
10.5 实例 218
10.5.1 实例1——跳转菜单 218
10.5.2 实例2——弹出信息 219
10.5.3 实例3——关闭网页 219
第11章 使用jQuery特效 221
11.1 认识jQuery 221
11.2 jQuery的特点 221
11.3 jQuery特效的使用 222
11.3.1 内置jQuery效果的使用步骤 222
11.3.2 内置jQuery效果的功能介绍 224
11.4 实例 226
11.4.1 百叶窗特效 226
11.4.2 高亮特效 227
11.4.3 弹跳特效 229
11.4.4 摇晃特效 231
11.4.5 剪辑特效 233
11.4.6 滑动特效 234
第12章 设计动态网页 237
12.1 认识动态网页 237
12.2 搭建服务器环境 238
12.2.1 安装IIS 238
12.2.2 配置IIS 241
12.2.3 定义用户权限 246
12.2.4 设置应用池 248
12.2.5 配置ASP应用程序 249
12.3 创建数据库 251
12.3.1 创建数据库表 251
12.3.2 启用sa账号和更改身份验证模式 254
12.3.3 编辑数据库表 259
12.4 创建本地源数据库 260
12.5 创建动态网页 262
12.5.1 新建站点 262
12.5.2 新建网页 264
12.5.3 添加“服务器行为”和“数据库”
面板 267
12.5.4 连接数据库 268
12.5.5 制作登录页面 270
12.5.6 制作重新登录页面 273
第13章 网站制作综合实例（一） 275
13.1 建站分析 276
13.2 建站步骤 276
第14章 网站制作综合实例（二） 290
14.1　建站分析 290
14.2 建站步骤 291
14.2.1 建站 291
14.2.2 创建网页文档和CSS样式表文件 291
14.2.3 制作网页的顶部 292
14.2.4 制作网页的主体部分 293
14.2.5 制作网页的底部 295
参考文献 298

1. Linux系统管理（openEuler版） [主编 许兴鹍 黄君羡]
2. Web前端开发从学到用完美实践 [阮晓龙 冯顺磊 编著]
3. 用英语讲中国故事（全视频 彩色版）上、下册 [主编　谢亮亮　汪洋]
4. 新时代大学生美育教育 [穆林 刘苍劲 彭圣芳]
5. 电子商务英语 [丁文毅 严慧]
6. 智能可穿戴项目化教程 [曾文波 陈赵云]
7. 视觉设计解析与实战教程 [姜春磊　杨晓]
8. 电子产品制图与制版案例教程 [邹莉莉　苏文斌　贺小艳]
9. 设计新维度：CMF元素与创新产品设计 [彭小鹏]
10. 园林树木识别与应用 [主编 张玉泉]
11. 文本信息处理与应用 [主编　何黎松　姚香秀]
12. 工业机器人编程及应用（第二版） [主编 向艳芳 胡月霞]
13. C语言程序设计（第二版） [主编 刘祖珉 赵仕波]
14. 数据分析与应用 [主编　孙伟　王兰芹]
15. Linux操作系统配置与管理项目化教程（第二版） [主编 白玉羚 刘金明 闫 淼]
16. Ansys SpaceClaim直接建模与仿真指南 [蔡宜时 编著]
17. 基于大数据的智慧农业管理平台关键技术研究与实践 [周永福 著]
18. 健美运动 [戴显岩]
19. Python程序开发基础（AI+微课版） [赵艳莉　曾鑫]
20. 大学生心理困境突围之路 [张珏 著]
21. 机器学习基础与实践 [主编　李晓峰　胥文婷　李云波]
22. 大模型应用实战 DeepSeek＋即梦AI＋剪映重塑创作 [丁红　杨彦彦　丁丁　编著]
23. HarmonyOS从入门到精通 [陈赵云　周永福　杨　浪]
24. 用英语发现世界：欧美文化篇 [李小丽　张薇　编著]
25. 大学体育教程 [戴显岩]
26. 新一代信息技术 [李佼辉 任雪冬]
27. 轨道交通类专门用途英语教程 [李德华主编 商晔副主编]
28. 建设工程项目团队知识异质性对团队绩效的影响研究 [胡可]
29. 新时代元阳梯田 云南现代化高原立体灌区 前世 今生 未来 [云南省水利水电勘测设计研究院 ]
30. 网络工程师章节习题与考点特训（适配第6版考纲） [夏杰 编著]