网页设计与制作

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

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

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

前 言

随着互联网不断普及和发展，人们的学习、工作、生活已经离不开它，因此掌握一定的互联网应用知识和技能成为现代大学生的基本素养。网页是互联网最重要的载体，学习网页设计与网站建设技术是学生深入了解互联网信息呈现方式和提高自己信息技术素养的一种途径。同时，教育部高等学校非计算机专业计算机基础课程教学指导分委员会提出的《关于进一步加强高等学校计算机基础教学的意见》对高等学校计算机基础教育的教学内容提出了更新、更高、更具体的要求，使得计算机基础教育开始步入更加科学、更加合理、更加符合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. 零基础玩转国产大模型DeepSeek [徐永冰 张帅 编著]
2. 网络工程师5天修炼（适配第6版考纲） [主编　朱小平 施游]
3. 信息系统项目管理师考试32小时通关（适用第4版考纲） [薛大龙]
4. 信息系统管理工程师考试32小时通关（适配第2版考纲） [薛大龙　刘伟]
5. 土木工程材料检测实训 [洪晓江 达则晓丽 钱波]
6. 科技信息检索与论文写作实用教程 [李振华]
7. 传统山水画论解读与实践 [陈钠 著]
8. Python数据库编程 [主编 殷树友 邢 翀]
9. 计算机基础实训指导 [主编 袁春萍 朱妮]
10. 嵌入式人工智能技术应用（数字教材） [主编 胡娜 杨国勇 晏廷荣]
11. Vienna整流器技术 [桂存兵 著]
12. 变频器与伺服应用 [陈刚 叶云飞]
13. 物联网工程设计与实践 [汤琳 李敏]
14. 炉边夜话——深入浅出话AI [汪建　著]
15. 电商运营与管理 [钟肖英 陈潇]
16. Java面向对象程序设计 [主编 姜春磊 陈虹洁]
17. 信息技术基础（Windows 10+WPS Office）（微课版） [主编　石利平　田辉平　谢盛嘉]
18. 人工智能应用 [主编　陈　萍　刘培培　陈孟军]
19. 大学生职业发展与就业指导 [主编　刘志坚]
20. 高级办公应用项目教程 [主编 屈晶 赵成丽]
21. 微信小程序开发项目实战（微课版） [主编 黄龙泉 郭峰 朱倩]
22. 企业档案工作实战宝典百问百答 [华俊 卢秀英 邵甜甜 著]
23. 计算机网络原理及应用 [主编 唐继勇 叶坤 孙梦娜]
24. 大学生创业基础 [主编 王丽莉 王 杨]
25. 船舶辅机 [主编 王连海 于洋 姜淑翠]
26. 大学生就业指导 [主编 王丽莉 董宴廷]
27. 系统架构设计师章节习题与考点特训 [主编 薛大龙 邹月平]
28. 高校学生工作探索与实践 [郭亮 著]
29. 大学生情商管理 [方雄 著]
30. 2023年长沙市会展业发展报告 [主编 周栋良]