网页设计与制作

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

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

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

前 言

随着互联网不断普及和发展，人们的学习、工作、生活已经离不开它，因此掌握一定的互联网应用知识和技能成为现代大学生的基本素养。网页是互联网最重要的载体，学习网页设计与网站建设技术是学生深入了解互联网信息呈现方式和提高自己信息技术素养的一种途径。同时，教育部高等学校非计算机专业计算机基础课程教学指导分委员会提出的《关于进一步加强高等学校计算机基础教学的意见》对高等学校计算机基础教育的教学内容提出了更新、更高、更具体的要求，使得计算机基础教育开始步入更加科学、更加合理、更加符合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. 智能控制导论（第四版） [蔡自兴 编著]
2. 输水管线工程风险管理 [张勇 党亥生 著]
3. 民用航空飞机标准线路施工 [主编　王志敏　陈明]
4. 不息的水脉—大运河讲谈录 [赵珩　著]
5. 实用运筹学 [主编　邢育红　于晋臣]
6. 三峡梯级电站水资源决策支持系统研究与开发 [姚华明 潘红忠 汤正]
7. 海南黎族民俗文化鉴赏 [庞国华　著]
8. 石墨烯在太赫兹及中红外频段电磁器件设计中的应用 [李艳秀 庄华伟 著]
9. 电子技术（第二版） [主编 覃爱娜 李飞]
10. 办公自动化高级应用 [陈萍 朱晓玉]
11. 信息处理技术员考试32小时通关 [薛大龙]
12. 电子产品设计案例教程（微课版）—基于嘉立创EDA（专业版） [王静 莫志宏 陈学昌 丁红]
13. C程序设计实践教程 [刘卫国]
14. C程序设计（慕课版） [刘卫国]
15. Web技术开发教程（基于.NET开源MVC框架） [王合闯 韩红玲 王青正 陈海蕊]
16. 商务英语翻译教程（笔译）（第四版） [主编 王军平]
17. 智慧零售技术与应用 [洪旭 著]
18. 建设工程法规实务 [主编 余滢]
19. 商务秘书理论与实务（第三版） [主编 张同钦]
20. 程序设计基础实践教程（C/C++语言版） [张桂芬 葛丽娜]
21. C++案例项目精讲 [主编 杨国兴]
22. 劳动争议处理实务 [主编 王秀卿 罗静]
23. 工程数学 [主编 郭立娟 王海]
24. 语音识别理论与实践 [主编　莫宏伟]
25. 信息系统项目管理师章节习题与考点特训（第二版） [主编 薛大龙]
26. 武术基础教程 [主编 李代勇 谢志民]
27. 计算机网络实训教程 [主编 张浩军 赵玉娟]
28. 画法几何与机械制图习题集（多学时） [主编 赵军]
29. HCIA-Datacom认证题库分类精讲 [主 编 韩立刚]
30. SwiftUI完全开发 [李智威 著]