本书从实用角度出发，分为基础篇和进阶篇两部分，详细讲解了HTML、CSS和JavaScript的基本语法和设计技巧，通过一个实用的花卉协会网站的规划、设计、实现到发布过程，将各章的知识点贯穿起来。主要内容包括：网页设计基础知识、规划网站结构创建站点、首页设计与网页布局、图文设计、精美内容网页的制作、超链接的创建与管理、制作表单页面、使用行为制作网页特效、使用模板、CSS基础、JavaScript基础和综合网站制作实例，各章均配有上机练习和习题，力求达到理论知识与实践操作完美结合的效果。
本书内容翔实，行文流畅，讲解清晰，适合作为普通高等院校计算机及相关专业的教材，也可供从事网页设计与制作、网站开发、网页编程等行业人员参考。

随着“互联网+”时代的到来，越来越多的企业、组织和个人需要建立自己的网站。网页设计与制作是网站开发的基础，主要涉及网站的站点规划、页面布局、网页设计、网页程序设计、CSS和JavaScript等技术。
本书分为基础篇和进阶篇两部分：基础篇以Dreamweaver CC 2018为基础，系统、全面地讲解了网页开发HTML代码、布局、模板、超链接、行为、表单等内容；进阶篇全面系统地介绍了CSS和JavaScript等Web前端开发技术，最后通过一个网站的建设过程描述了如何将本书所介绍的创建网页的知识应用于实际项目中。
Dreamweaver CC 2018是Adobe公司目前推出的较新版本，其强大的网页制作功能和简单易用的特性，受到广大用户的喜爱。它具有更直观的用户界面，以及可选择的背景主题和几个增强功能；支持新的工作流，并加强了对CSS3和HTML5的支持等。本书通过一个网站的制作过程逐步进行讲解，可使读者掌握网页制作的关键技术及全部过程。
本书取材于编者长期从事网页制作的实践经验总结，注重实用性和应用性，具体特色如下：
（1）按照“理论实践一体化”的教学方式组织编写，理论与实践紧密联系，学练结合。
（2）结合SPOC混合教学模式，采取分层准入的教学理念进行教学设计。初学者可以从基础篇开始学习，有一定基础的读者可以从进阶篇开始学习。
（3）以“创新创业”教育为导向，以培养“创新创业”技能为抓手，突出“创新创业”实际需求，在内容上，紧扣创新创业技能特色，实用性强。
（4）文字简练，通俗易懂，图文并茂，适合普通高等院校及网页设计制作行业使用。
本书由江西农业大学杨乐、彭军任主编，大连海洋大学包琳、吉首大学张美华任副主编。具体编写分工如下：第1~7章由彭军编写，第8~9章由包琳编写，第10~11章由杨乐编写，第12章由张美华编写，全书实例由包琳、张美华上机验证。全书由杨乐、彭军设计框架，负责统稿。本书在编写过程中获得深圳麟安科技有限公司、深圳肆专科技有限公司的多位网页工程师的大力支持，并得到江西农业大学、上海第二工业大学、广州华立科技职业学院等许多老师的帮助，在此表示衷心感谢；同时，还要感谢提供网络资源的网友。
本书是中华农业科教基金教材建设研究2018年项目《基于SPOC的西部农业院校计算机公共基础课程混合教学模式研究》（NKJ201803047）、江西省教育科学“十三五”规划2019年课题《基于“双创”教育+虚拟教学团队的SPOC学习模型研究》（19YB032）、《社会性交互对MOOC学习者粘性影响的实证研究》（19YB039）、江西省高等学校教学研究省级一般课题《以IT企业需求引导“Web系统开发与设计”课程教学改革及其多元化评价方法的研究与实践》（JXJG-18-3-013）、《基于SPOC+“双创”教育的课程混合教学实证研究》（JXJG-18-3-021）的研究成果之一。
由于时间仓促，编者水平有限，书中疏漏和不妥之处在所难免，敬请同行及广大读者批评指正。
 
                                                编者    
2020年11月

基础篇
第1章  网页设计基础知识 2
1.1  网站和网页的基础知识 2
1.1.1  认识互联网 2
1.1.2  域名与空间 2
1.1.3  网页与网站 3
1.1.4  静态网页与动态网页 3
1.1.5  网站的类型 4
1.1.6  网页元素 6
1.2  网页设计的思考 6
1.2.1  选定网站主题和名称 7
1.2.2  设计网站CI形象 7
1.2.3  网页设计的一般流程 8
1.3  认识Dreamweaver CC 2018 8
1.3.1  Dreamweaver CC 2018新功能 9
1.3.2  Dreamweaver CC 2018
工作界面 11
1.4  其他网页制作工具 15
1.4.1  网页制作的相关软件 15
1.4.2  HTML的概念 16
1.4.3  HTML的基本结构 16
1.5  上机练习 16
习题 18
第2章  规划网站结构创建站点 20
2.1  规划网站结构 20
2.1.1  设计目录结构 20
2.1.2  规划链接结构 21
2.2  创建和管理本地站点 23
2.2.1  创建本地站点 23
2.2.2  管理站点 24
2.3  创建和管理站点文件 25
2.3.1  创建文件夹和文件 25
2.3.2  管理文件夹和文件 25
2.3.3  创建空白网页文档 26
2.3.4  保存和打开网页文档 27
2.3.5  查看和编辑文件头内容 28
2.3.6  HTML元素 29
2.4  上机练习 30
2.4.1  构建本地站点 30
2.4.2  导入已有站点文件 31
习题 33
第3章  首页设计与网页布局 34
3.1  首页布局 34
3.1.1  版面布局 34
3.1.2  首页布局简要步骤 38
3.2  设计视图选项 38
3.2.1  使用“标尺”功能 38
3.2.2  使用“网格设置”功能 39
3.2.3  使用“跟踪图像”功能 39
3.3  使用表格 41
3.3.1  网页中表格的用途 41
3.3.2  插入表格 42
3.3.3  编辑表格 42
3.3.4  表格的其他操作 48
3.3.5  HTML 表格 50
3.4  上机练习 51
习题 51
第4章  图文设计 53
4.1  文本的使用 53
4.1.1  向文档添加文本 53
4.1.2  插入特殊字符 54
4.1.3  插入不换行空格 54
4.1.4  插入日期 55
4.1.5  插入水平线 56
4.2  编辑文本 57
4.2.1  设置文本格式 57
4.2.2  设置列表 58
4.3  图像的使用 59
4.3.1  网页中的图像格式 59
4.3.2  插入图像 60
4.3.3  应用鼠标经过图像 61
4.4  编辑图像 62
4.4.1  设置图像属性 62
4.4.2  内部编辑器 63
4.5  HTML 中的文本与图像 65
4.6  上机练习 65
习题 69
第5章  制作精美内容网页 71
5.1  网页复用 71
5.2  自制导航条 73
5.2.1  文本导航条 73
5.2.2  图像导航条 74
5.3  插入Flash动画 75
5.3.1  认识Flash文件 75
5.3.2  插入SWF 文件 75
5.3.3  Flash Video视频 77
5.4  插入 HTML5 Video 和 
HTML5 Audio 80
5.4.1  插入 HTML5 Video 80
5.4.2  插入 HTML5 Audio 81
5.5  插入插件 82
5.5.1  网页中的音频格式 82
5.5.2  插入音频 82
5.5.3  网页中的视频格式 83
5.5.4  插入视频 84
5.6  背景音乐 85
5.6.1  插件隐身 85
5.6.2  设置背景音乐 85
5.7  滚动条 86
5.7.1  插入滚动条 86
5.7.2  HTML标签属性 87
5.8  上机练习 88
习题 90
第6章  超链接的创建与管理 92
6.1  超链接的基础知识 92
6.1.1  超链接的概念 92
6.1.2  超链接的类型 93
6.1.3  超链接的路径 93
6.2  创建超链接 94
6.2.1  创建超链接的常用方法 94
6.2.2  创建各类超链接 96
6.2.3  创建图像地图 100
6.2.4  创建音频和视频链接 101
6.2.5  创建文件下载链接 102
6.3  管理超链接 103
6.3.1  自动更新超链接 103
6.3.2  为站点创建缓存文件 104
6.3.3  修改超链接 104
6.3.4  测试链接 105
6.4  上机练习 105
习题 108
第7章  制作表单页面 109
7.1  表单的基础知识 109
7.2  表单标签 109
7.3  表单对象 110
7.3.1  文本框 110
7.3.2  文本区域 110
7.3.3  密码域 111
7.3.4  隐藏域 111
7.3.5  复选框和复选框组 112
7.3.6  单选按钮和单选按钮组 112
7.3.7  文件域 113
7.3.8  选择框 113
7.4  表单按钮 114
7.4.1  提交按钮 114
7.4.2  重置按钮 114
7.4.3  一般按钮 115
7.4.4  图像按钮 115
7.5  上机练习 116
习题 120
第8章  使用行为制作网页特效 122
8.1  认识行为 122
8.1.1  行为的概念 122
8.1.2  事件的分类 122
8.2  “行为”面板 123
8.3  使用行为应用图像 124
8.3.1 “预先载入图像”行为 124
8.3.2 “交换图像”行为 125
8.3.3 “恢复交换图像”行为 125
8.4  使用行为显示文本 127
8.4.1 “弹出信息”行为 127
8.4.2 “设置状态栏文本”行为 127
8.4.3 “设置容器的文本”行为 128
8.4.4 “设置文本域文字”行为 128
8.5  使用行为调节浏览器窗口 128
8.5.1 “打开浏览器窗口”行为 128
8.5.2 “转到URL”行为 129
8.5.3 “调用JavaScript”行为 129
8.6  使用行为加载多媒体 130
8.6.1  检查插件 130
8.6.2  显示-隐藏元素 131
8.6.3  改变属性 131
8.7  上机练习 132
习题 133
第9章  使用模板 134
9.1  了解模板 134
9.2  创建模板 134
9.2.1  将现有文档保存为模板 134
9.2.2  创建空白模板 135
9.3  编辑模板 136
9.3.1  创建可编辑区域 136
9.3.2  取消对可编辑区域的标记 137
9.3.3  更改可编辑区域的名称 137
9.4 用模板创建网页 137
9.4.1  创建基于现有模板的文档 137
9.4.2  在“资源”面板中从模板
创建新文档 137
9.4.3  为当前文档应用模板 138
9.5 管理模板 138
9.5.1  重命名、删除模板 138
9.5.2  更新模板 138
9.5.3  更新当前页 139
9.5.4  将文档脱离模板 139
9.6  使用库项目 139
9.6.1  创建库项目 140
9.6.2  编辑库项目 140
9.7  上机练习 140
习题 142
进阶篇
第10章  CSS基础 145
10.1  CSS概述 145
10.2  CSS的组成 146
10.2.1  基本语法规则 146
10.2.2  选择符的分类 147
10.3  在HTML中使用CSS的方法 152
10.3.1  行内样式 152
10.3.2  内部样式 153
10.3.3  链接样式 154
10.3.4  导入样式 155
10.3.5  各种样式表的优先级 155
10.4  CSS取值与单位 156
10.4.1  数字 156
10.4.2  长度 156
10.4.3  文本 157
10.4.4  颜色 157
10.5  CSS字体 158
10.5.1  字体系列font-family 158
10.5.2  字体风格font-style 159
10.5.3  字体变化font-variant 159
10.5.4  字体粗细font-weight 160
10.5.5  字体大小font-size 161
10.5.6  字体简写font 162
10.6  CSS文本 162
10.6.1  文本对齐text-align 162
10.6.2  文本装饰text-decoration 163
10.6.3  文本缩进text-indent 164
10.6.4  文本颜色color 165
10.6.5  字符间距letter-spacing 165
10.7  CSS背景 166
10.7.1  背景颜色
background-color 166
10.7.2  背景图像
background-image 167
10.7.3  背景图像平铺方式
background-repeat 168
10.7.4  固定/滚动背景图像
background-attachment 168
10.7.5  定位背景图像
background-position 170
10.7.6  背景简写background 171
10.8  CSS框模型 172
10.8.1  内边距padding 172
10.8.2  边框border 174
10.8.3  外边距margin 179
10.9  CSS超链接和设置光标属性 181
10.9.1  CSS超链接 181
10.9.2  设置光标属性 182
10.10  CSS 列表 184
10.10.1  样式类型list-style-type 184
10.10.2  样式图片list-style-image 187
10.10.3  样式位置
list-style-position 188
10.10.4  样式简写list-style 189
10.11  CSS 定位 189
10.11.1  绝对定位 189
10.11.2  相对定位 190
10.11.3  层叠效果 192
10.11.4  浮动 193
10.12  上机练习 196
习题 198
第11章  JavaScript基础 200
11.1  JavaScript概述 200
11.1.1  JavaScript简介 200
11.1.2  JavaScript的实例 201
11.1.3  JavaScript的位置 202
11.2  JavaScript程序 204
11.2.1  基本语法规则 204
11.2.2  函数 207
11.2.3  常用系统函数 210
11.2.4  消息对话框 212
11.3  标识符和变量 212
11.3.1  关于命名的规定 212
11.3.2  JavaScript的数据类型 213
11.3.3  变量 214
11.3.4  转义字符 215
11.4  运算符和表达式 215
11.4.1  算术运算符和表达式 215
11.4.2  赋值运算符和表达式 217
11.4.3  关系运算符和表达式 217
11.4.4  逻辑运算符和表达式 219
11.4.5  条件运算符和表达式 220
11.4.6  其他运算符和表达式 220
11.5  JavaScript程序控制结构 221
11.5.1  顺序程序 221
11.5.2  分支程序 221
11.5.3  循环程序 226
11.6  对象 234
11.6.1  对象简介 234
11.6.2  核心对象 235
11.6.3  文档（Document）对象 241
11.6.4  窗口（Window） 245
11.7  事件编程 249
11.7.1  事件简介 250
11.7.2  表单事件 252
11.7.3  鼠标事件 253
11.7.4  键盘事件 254
11.7.5  页面的载入和离开 255
11.8  上机练习 255
习题 258
第12章  综合网站制作实例 261
12.1  网站开发流程 261
12.1.1  网站规划 261
12.1.2  网站设计 262
12.1.3  网站开发 262
12.1.4  网站发布 262
12.1.5  网站维护 262
12.2  花卉协会网站的设计与制作 263
12.2.1  页面布局 263
12.2.2  全局CSS定义 264
12.2.3  制作首页 265
12.2.4  制作二级页面 269
12.2.5  制作内容页面 271
12.3  上机练习 272
习题 272
参考文献 272

杨乐,彭军,江西农业大学

无