本书为“十二五”职业教育国家规划教材第三版，以典型工作任务为载体，系统讲解了网站规划建设的技术与技能。全书分七个单元，包括了解网站规划与设计、创建 Dreamweaver 网站、使用HTML5 编写网页、构建 CSS 样式与网页布局、JavaScript 语言编程、创建 PHP 应用程序、网站的发布与维护管理。每一单元都配备了相应案例，以同步提高读者的理论水平及实践能力。

本书采用“典型工作任务 + 案例教学”方式编写，结合实际，通过一个完整的网站建设过程及一系列操作案例，循序渐进、由易到难地介绍网站制作技术组合 Dreamweaver +HTML5+ CSS+JavaScript+PHP，涵盖网站前台建设、后台数据库所涉及的常见知识和操作技艺。本书配备了配
套教学资源。读者学习完本书后，即可建立起一个符合 Web 标准的网站，以最快的速度进入网站设计师的角色。

本书适合作为高职高专和成人高校的教材，也可作为社会培训班以及业余爱好者的培训、自学参考书。
？

       随着教育教学改革的不断深化，传统的教学模式已难以适应技术技能人才培养的需要。一方面如何从学生的基本心理需求出发，在教学目标上注重突出教学的情意功能，融入课程思政理念，使学生在认知、情感和技能目标上达成均衡，满足学生的归属感和使命感，是一个目前教育教学改革的难题；另一方面传统的偏知识传授的方式已逐步转向注重学生能力培养的典型任务驱动模式，以学生为中心、培养学生的动手能力，已成为目前高等职业教育界的共识。教育教学改革改到实处是教材改革，为此，编者将第二版进行修订，将思政教育融入专业知识讲解中，每个单元以典型工作任务为载体，系统讲解了网站规划建设的技术与技能。
       针对喜欢快餐式学习的现代读者，本书通过一个完整的网站建设过程，配备紧密关联的大量具体实例，循序渐进、由易到难地讲解网站建设所涉及的方方面面。读者学习完本书后，即可建立起一个符合 Web 标准、具有丰富网页特效、功能齐全的网站。
      本书第一版是普通高等教育“十一五”国家级规划教材，第二版是“十二五”职业教育国家规划教材，自出版以来，被全国众多高校选用。在使用过程中，编者收到了一些用书单位和读者的反馈信息，他们在给予本书充分肯定的同时，也提出了中肯的意见和一些具有前瞻性的建议。为此，经过编者们的充分研讨，结合教材使用情况和网站设计的最新发展方向，对原版教材进行大幅度的内容修订。例如，更新 Dreamweaver CS6 版本为Dreamweaver 2020 版本；增加 CSS 样式的语法介绍和 CSS+Div 网页布局技术；更新HTML4 为 HTML5 版本等。另外，根据部分读者的建议，把原书的 JavaScript 的应用实例设计得更有趣味性和实用性，增加了创建 PHP 应用程序等学生感兴趣的学习内容等。
       第三版教材延续了第一、二版的编写风格，注重理论够用为度，强化操作技能，使理论与实践紧密结合，以最快的速度带领读者进入网站设计师的角色。近年网页设计比较流行响应式设计、扁平化设计、无限滚动、固定表头、大胆的颜色、更少的按钮和更大的网
页宽度，编者在各单元操作案例中尽量迎合当前网页设计潮流，选用的案例尽量通俗化、实用化，易于读者理解。
      编者在各单元操作案例中适当穿插“提示”型的知识点模块，主要涉及网站设计中的一些小技巧、注意事项等。另外，鉴于目前的网站开发尚处于新旧标准共存的状态，因此编写时要理顺平衡两者关系，例如，对一些不符合 Web 新标准的、但目前仍有大量使用的 HTML 标签，进行选择性讲解并标注为“逐渐淘汰。
      本书由余明艳、姚怡任主编，程琳琳、杨琳、余海萍任副主编。全书由余明艳统稿。
      本书内容涉及网站前台设计和各种网页编程技术，技术技能点较多，建议一体化授课不低于 60 学时。为了便于读者学习，本书配有“网页设计基础”课程资源，可以到http://mooc1.chaoxing.com/course/205247725.html 查看。
       由于网站建设技术日新月异，加之编者水平有限，书中难免有疏漏和不足之处，恳请广大读者批评指正。
       编 者
   2023 年 9 月
？

单元 1？了解网站规划与设计 1
任务 1 了解网站整体规划 1
任务说明 1
任务实施——“班级”网站整体规划 1
相关知识 2
1．网站的分类 2
2．网页的类型 5
3．网页中的常用元素 7
4．网站的主页 8
5．网站设计原则 9
任务 2？定位网站 VI 形象 10
任务说明 10
任务实施——定位“生物工程设备”网站 VI 形象 10
相关知识 12
1．网站配色原则 12
2．屏幕布局设计原则 12
任务 3 Web 服务器的配置 12
任务说明 12
任务实施——在 Windows 10 操作系统中安装配置 IIS 13
相关知识 19
1．Web 系统组成 19
2．Web 标准 19
3．IP 关联 20
小结 22
习题 22

单元 2？创建 Dreamweaver 网站 24
任务 1 创建 Dreamweaver 站点 24
任务说明 24
任务实施——创建“班级”网站 24
相关知识 28
1．Dreamweaver 2020 的启动与工作界面 28
2．各部件简单介绍 29
任务 2 制作图文并茂的网页 33
任务说明 33
任务实施——制作图文并茂的“班级”网站 34
相关知识 42
1．图像知识 42
2．“页面属性”对话框的属性说明 43
任务 3 制作表格 47
任务说明 47
任务实施——建立“班级通讯录” 47
相关知识 49
1．表格的操作知识 49
2．表格的编辑 50
3．表格的嵌套 52
任务 4？创建超链接 52
任务说明 52
任务实施——创建超链接 52
相关知识 57
1．创建文字和图像超链接的方法 57
2．设置文本和图像“属性”面板中超链接方法 58
任务 5 创建模板和库 58
任务说明 58
任务实施——创建班级学习网站模板 58
相关知识 61
1．模板 61
2．编辑库项目 63
任务 6 使用框架 63
任务说明 63
任务实施——创建班级学习网页框架 64
相关知识 71
1．frameset 标签 71
2．frame 标签 71
3．iframe 标签 72
任务 7？制作表单 72
任务说明 72
任务实施——建立“访问调查表”表单 72
相关知识 79
1．创建表单方法 79
2．添加表单元素的方法 81
任务 8？应用行为 81
任务说明 81
任务实施——设置“班级成员风采”网页状态栏文本 81
相关知识 86
1．行为的概念 86
2．特效 88
小结 89
习题 89

单元 3？使用 HTML5 编写网页 92
任务 1 体验使用 HTML5 编写网页 92
任务说明 92
任务实施——编写网页体验 93
相关知识 95
1．HTML5 的基本语法与格式 95
2．XHTML 的特点 96
3．HTML5 的优势 96
任务 2？创建 HTML5 标签 98
任务说明 98
任务实施——“班级聚会”网页中标签的使用 98
相关知识 99
1．、和标签 99
2．标签 99
3．、和标签 100
4．标签、和标签 101
5．、、和标签 102
6．HTML5 新增结构元素 103
任务 3 使用 HML5 设置格式 105
任务说明 105
任务实施——标签的使用 105
相关知识 109
1．字体格式的设置 109
2．标签、标签 110
3．标签 111
4．表格 111
5．标签 112
6．标签 112
7．和标签 113
任务 4 使用 HTML5 制作表格 113
任务说明 113
任务实施——制作班委民意测评表 114
相关知识 114
1．标签 114
2．、和标签 115
3．超链接 116
4．锚点链接 117
5．热点链接 117
任务 5 使用 HTML5 设计表单 118
任务说明 118
任务实施——使用标签设计表单 118
相关知识 119
1．标签 119
2．和标签 120
3．和标签 121
任务 6 使用 HTML5 定义框架集 122
任务说明 122
任务实施——使用标签定义框架集 122
相关知识 124
1．标签 124
2．标签 125
3．标签 126
小结 126
习题 126

单元 4？构建 CSS3 样式与网页布局 129
任务 1 体验 CSS3 样式应用 129
任务说明 129
任务实施——体验 CSS 外部样式表 129
相关知识 130
1．CSS 的语法结构 130
2．选择器 131
3．应用 CSS 样式到网页中 132
任务 2？设置 CSS 样式 134
任务说明 134
任务实施——CSS 样式应用 134
相关知识 138
1．新建 CSS 样式 138
2．编辑 CSS 样式 139
3．设置 CSS 样式的类型属性 140
4．设置 CSS 样式的背景属性 141
5．设置 CSS 样式的区块属性 141
6．设置 CSS 样式的方框属性 143
7．设置 CSS 样式的边框属性 143
8．设置 CSS 样式的列表属性 144
9．设置 CSS 样式的定位属性 145
10．设置 CSS 样式的扩展属性 146
11．设置 CSS 样式的过渡属性 148
12．CSS 和 CSS3 的异同 149
任务 3 应用 CSS+Div 布局技术 150
任务说明 150
任务实施——班级简历网页布局 150
相关知识 158
1．CSS 盒模型 158
2．让布局居中 159
3．流体布局和弹性布局 160
小结 162
习题 162

单元 5？JavaScript 语言编程 167
任务 1 JavaScript 语言编程 167
任务说明 167
任务实施——JavaScript 语言编程 167
相关知识 182
1．脚本语言的种类 182
2．JavaScript 简介 183
3．如何写入 JavaScript 183
4．JavaScript 如何输出显示 184
5．JavaScript 的语法书写格式 186
6．JavaScript 的基本数据结构 186
7．JavaScript 的函数 190
8．JavaScript 的对象 192
9．事件与事件处理 195
任务 2 应用文档对象模型 DOM 197
任务说明 197
任务实施——应用文档对象模型 197
相关知识 203
1．DOM 文档对象模型简介 203
2．window 对象 204
3．document 对象 206
4．history 对象 207
5．location 对象 207
6．form 对象和 form 元素对象 208
任务 3 应用 JavaScript 内置对象 211
任务说明 211
任务实施——应用 JavaScript 内置对象 211
相关知识 216
1．Math 对象 216
2．String 对象 217
3．Date 对象 218
4．Array 对象 219
小结 220
习题 220

单元 6？创建 PHP 应用程序 223
任务 1 配置 PHP 开发环境 223
任务说明 223
任务实施——配置 PHP开发环境 223
相关知识 228
1．PHP 基础知识 228
2．PHP 概述 230
3．phpStudy 简介 231
4．PHP 编辑工具 231
任务 2 PHP 的基本语法 232
任务说明 232
任务实施——PHP 基本语法 232
相关知识 235
1．PHP 语法结构 235
2．PHP 语法基础 237
3．PHP 运算符及优先级 239
4．PHP 选择语句 240
5．PHP 循环语句 243
6．PHP 函数 246
7．PHP 的内置函数 248
任务 3 PHP 与 Web 页面交互 257
任务说明 257
任务实施——PHP 与 Web 页面交互 258
相关知识 259
1．表单的构成 259
2．PHP 处理过程 261
任务 4 PHP 操作 MySQL 数据库 262
任务说明 262
任务实施 1——安装使用 MySQL 数据库 262
任务实施 2——学生信息管理系统 266
相关知识 278
1．PHP 的相关扩展 278
2．PHP 操作 MySQL 数据库的基本原理 279
3．PHP 操作 MySQL 常用函数 280
4．PHP 操作 MySQL 数据库 282
小结 284
习题 285

单元 7 网站的发布与维护管理 288
任务 1 测试网站 288
任务说明 288
任务实施——测试网站 289
任务 2？发布与推广网站 295
任务说明 295
任务实施——发布与推广网站 295
相关知识 299
1．网站的管理 299
2．网站的维护 300
3．网站的升级和改版 301
小结 302
习题 302
？

    余明艳，广东交通职业技术学院信息学院院长，副教授，工学硕士，从事高等职业教育教学二十余年，曾荣获第四届黄炎培职业教育杰出教师奖、校级教学名师，全国比赛先进个人奖、优秀指导老师奖等多项荣誉；近年来主持国家星火计划项目、省科技计划项目等多项省、厅级教科研项目，主编《软件工程项目教程》等四部教材。

    姚怡，博士，广西大学计算机与电子信息学院教授，研究方向为组合优化算法。主编多种图书被评为普通高等教育“十一五”国家级规划教材和“十二五”职业教育国家规划教材。

？

（1）通过一个完整的网站建设过程，配备紧密关联的大量具体实例，循序渐进地讲解网站建设所涉及相关知识。
（2）在各单元操作案例中适当穿插“提示”型的知识点模块，主要涉及网站设计中的一些小技巧、注意事项等内容。

？