本书从实用角度出发，详细讲解了HTML5、CSS3和JavaScript的基本语法和设计技巧。在HTML5部分，强调HTML5基本语法及新增元素和属性的应用。在CSS3部分，通过精选知名网站的典型页面进行评析，加强学生对商业网站页面设计基本原则及页面布局技术的理解和应用。在JavaScript部分，讲授了基本语法和程序结构，并通过案例加强学生对页面元素交互编程的理解。最后通过一个班级网站整站设计案例详细介绍了网站规划、设计、实现到发布的完整过程。本书不仅为各章配有习题和学生实验，并提供了面向商业应用开发的配套实验教材，力求达到理论知识与实践操作的完美结合。

本书可作为普通高校计算机专业及相关专业教材、高职高专教材，并可提供给从事网页设计与制作、网站开发、网页编程等行业人员参考。

郑娅峰，女，副教授，博士，任职于河南财经政法大学计算机学院。长期从事信息技术教育应用研究。主持国家自然科学基金项目2项，教育部项目1项。两项国家发明专利持有人。出版《网页设计与开发___Html、CSS、Javascript实例教程》全国总销量10万册。

目录

源码下载

第1章网页设计简介

1.1万维网概述

1.2HTML

1.3网页设计相关概念

1.3.1超链接

1.3.2统一资源定位器

1.3.3网站

1.3.4网页

1.3.5首页

1.4网页制作开发工具

1.4.1编辑工具

1.4.2浏览工具

1.5网页制作相关技术

1.5.1CSS

1.5.2JavaScript

小结

习题

实验

第2章HTML基础介绍

2.1HTML文档结构

2.1.1基本结构

2.1.2头部内容

2.1.3主体内容

2.1.4编写网页的开头

2.2HTML基本语法

2.2.1标记语法

2.2.2属性语法

2.3编写HTML文件时的注意事项

2.4实例

小结

习题

实验

第3章文字与段落

3.1文字内容

3.1.1添加文字

3.1.2标题字

3.1.3添加空格

3.1.4添加特殊符号

3.1.5注释语句

3.2文字样式

3.3文字的修饰

3.3.1粗体、斜体、下画线

3.3.2删除线

3.3.3上标、下标

3.3.4设置地址文字

3.4段落

3.4.1段落标记

3.4.2换行标记

3.4.3居中标记

3.4.4水平分隔线

3.4.5预格式化标记

3.4.6设置段落缩进

3.5小实例

小结

习题

实验

第4章列表

4.1列表简介

4.2无序列表

4.3有序列表

4.3.1有序列表及其编号样式

4.3.2编号起始值

4.3.3列表项样式

4.3.4列表项编号

4.4嵌套列表

4.5定义列表

4.6菜单列表和目录列表

4.7小实例

小结

习题

实验

第5章超链接

5.1超链接简介

5.2创建超链接

5.2.1设置超链接路径

5.2.2内部链接

5.2.3外部链接

5.3链接对象

5.3.1图片链接

5.3.2书签链接

5.3.3下载文件的链接

5.4小实例

小结

习题

实验

第6章表格

6.1表格简介

6.2表格标记和表格标题

6.2.1表格标记

6.2.2表格标题

6.2.3表格表头

6.3表格的属性修饰

6.3.1设置表格的边框属性

6.3.2设置表格的宽度和高度

6.3.3设置表格的背景颜色

6.3.4设置表格的背景图像

6.3.5设置边框样式

6.3.6设置表格的单元格间距

6.3.7设置表格的单元格边距

6.3.8设置表格的水平对齐属性

6.4设置表格行的属性

6.4.1行内容水平对齐

6.4.2行内容垂直对齐

6.5设置表格中某一单元格的属性

6.5.1设置单元格跨行

6.5.2设置单元格跨列

6.6表格嵌套

6.7小实例

小结

习题

实验

第7章表单

7.1表单简介

7.1.1表单的结构

7.1.2get方法与post方法

7.2输入

7.2.1单行文本输入框

7.2.2提交按钮和重置按钮

7.2.3密码输入框

7.2.4复选框

7.2.5单选按钮

7.2.6图像按钮

7.2.7文件选择输入框

7.2.8隐藏框

7.3多行文本输入框

7.4下拉列表框

7.5小实例

小结

习题

实验

第8章使用CSS格式化网页

8.1理解CSS

8.1.1CSS简介

8.1.2CSS的构造

8.2样式表的定义与使用

8.2.1定义标记的style属性

8.2.2定义内部样式表

8.2.3嵌入外部样式表

8.2.4链接外部样式表

8.3定义选择符

8.3.1按照名称选择元素

8.3.2按照id和class选择元素

8.3.3按照上下文选择元素

8.3.4伪元素选择符

8.3.5指定元素组

8.3.6全局选择符

8.4文字与排版样式的使用

8.4.1长度、百分比单位

8.4.2文字样式属性

8.4.3排版样式属性

8.5背景与颜色的使用

8.5.1设置颜色的方法

8.5.2背景颜色的属性

8.5.3背景图片的属性

8.6美化网页与超链接的设置

8.6.1设置网页链接属性

8.6.2设置滚动条属性

8.6.3设置光标属性

8.6.4为标题栏添加小图标

8.7矩形模块的概念与使用

8.7.1矩形模块

8.7.2设置外边距

8.7.3设置元素边框

8.7.4设置元素内边距

8.7.5盒模型的显示方式display

8.8列表样式

8.9div和span

8.10定位position属性

8.11浮动float和清除浮动clear属性

8.12zindex属性

8.13小实例

小结

习题

实验

第9章CSS应用

9.1CSS与文字段落

9.1.1CSS文字与段落修饰

9.1.2新闻页面的设计实例

9.2CSS与列表

9.2.1CSS列表修饰

9.2.2导航条的设计实例

9.3CSS与超链接

9.3.1CSS超链接修饰

9.3.2电子相册的设计实例

9.4CSS与表格

9.4.1CSS表格修饰

9.4.2产品介绍页面的设计实例

9.5CSS与表单

9.5.1CSS表单修饰

9.5.2在线预订页面的设计实例

小结

习题

实验

第10章JavaScript基础

10.1JavaScript起步

10.1.1JavaScript简介

10.1.2JavaScript的实例

10.1.3JavaScript的放置

10.2JavaScript程序

10.2.1语句和语句块

10.2.2函数

10.2.3常用系统函数

10.2.4消息对话框

10.2.5注释

10.3标识符和变量

10.3.1关于命名的规定

10.3.2JavaScript的数据类型

10.3.3变量

10.3.4转义字符

10.4运算符和表达式

10.4.1算术运算符和表达式

10.4.2赋值运算符和表达式

10.4.3关系运算符和表达式

10.4.4逻辑运算符和表达式

10.4.5条件运算符和表达式

10.4.6其他运算符和表达式

10.5JavaScript程序控制结构

10.5.1顺序程序

10.5.2分支程序

10.5.3循环程序

10.6常用对象

10.6.1对象简介

10.6.2核心对象

10.6.3文档

10.6.4窗口

10.7事件编程

10.7.1事件简介

10.7.2表单事件

10.7.3鼠标事件

10.7.4键盘事件

10.7.5页面的载入和离开

10.8小实例

小结

习题

实验

第11章Web设计基础

11.1Web设计原则

11.1.1明确站点类型

11.1.2保持界面简洁、内容明确

11.1.3保持页面设计的一致性

11.1.4注重用户体验

11.2网站结构规划

11.2.1网站栏目规划

11.2.2目录结构规划

11.3网页布局

11.3.1布局设计原则

11.3.2布局设计类型

11.3.3布局设计元素

11.3.4布局设计技术

11.4内容设计

11.4.1文本

11.4.2多媒体

11.4.3内容排版

11.5色彩设计

11.5.1色彩基础

11.5.2网页中的色彩设计

小结

习题

第12章页面布局技术

12.1表格布局方法

12.1.1表格布局的案例分析

12.1.2表格布局的操作方法

12.1.3表格布局实例制作

12.2DIV十CSS布局方法

12.2.1DIV十CSS布局的优势

12.2.2DIV十CSS布局的案例分析

12.2.3DIV十CSS布局的操作方法

12.2.4DIV十CSS页面布局实例制作

12.3页面导航布局方法

12.3.1页面导航案例分析

12.3.2页面导航实例制作

小结

习题

第13章HTML5开发

13.1HTML5概述

13.1.1HTML5发展历程

13.1.2HTML5新特性

13.1.3HTML5浏览器支持

13.2HTML5语义化标签

13.3Canvas应用

13.3.1Canvas概述

13.3.2坐标与路径

13.3.3绘制矩形

13.3.4绘制圆形

13.3.5绘制图像

13.3.6图形渐变

13.3.7空间转换

13.3.8样式特效

13.4表单

13.4.1新增输入元素

13.4.2新增其他元素

13.4.3新增属性

13.5HTML5中的多媒体应用

13.5.1音频的应用

13.5.2视频的应用

13.6HTML5中的其他应用

13.6.1Web存储

13.6.2地理定位

13.6.3应用缓存

13.6.4Web Workers

小结

习题

实验

第14章综合网站制作实例

14.1班级网站的规划与设计

14.1.1网站定位

14.1.2需求分析

14.1.3栏目设计

14.1.4站点定义与目录管理

14.1.5网站的风格设计

14.2网页设计与制作

14.2.1页面布局

14.2.2全局CSS的定义

14.2.3首页的制作

14.2.4二级页面的制作

14.2.5内容页面的制作

14.3网站的测试与发布

14.3.1安装IIS服务器

14.3.2建立虚拟目录

14.3.3管理站点

小结

习题

前言

“网页设计”课程是高等院校计算机及其相关专业的一门重要的基础课程。本书第1版自2009年7月由清华大学出版社出版以来，受到兄弟院校同仁的厚爱，并被国家新闻出版广电总局中国书刊发行协会评为“2010年度全行业优秀畅销品种”。自2016年1月第3版出版以来，百所高校采用本书作为授课教材，近百余所大中专院校将本书作为教学参考书，累计销售14万余册。

在第4版中，编者坚持第3版所遵循的特色和原则，即本书不仅通过提供丰富的小实例来介绍HTML5、CSS3、JavaScript的基本语法，而且将一个完整的案例——班级网站贯穿于全书始终，教会读者如何将各个知识点综合应用于一个实用系统中，并通过每章后附有的针对性实验，巩固各章所学的知识。这样可以避免读者学习的知识停留于表面、局限于理论，使这些知识可以马上应用于实际的相关工作中。

在第4版的修订中，我们又充分追踪了前沿技术发展趋势以及一些读者的建议，从几个方面进行了修订。

第一，内容的更新。第4版主要删除了一些新的Web标准中已经废弃和极少用到的标签和属性，重点突出一些实用的标签属性，还删除了内容较少的多媒体章节及目前实际应用中较少使用的框架章节。在CSS部分，增加了CSS3中最常用的新特性，并配合相应案例进行细致讲解。

第二，商业化应用的体现。书中所选案例都是从商业化应用网站中直接选取，符合现代网页的设计原则和要求，使学生所学即所用。

第三，实验题目和素材库的充实。第4版提供了丰富的网页素材，对课后实验依据素材进行了更明确的要求，有利于实验的指导和完成。

本书的主要内容包括基础内容和进阶提高两部分。基础内容部分共分10章，循序渐进地讲述了HTML、CSS、JavaScript技术。第1章和第2章重点介绍HTML设计和开发所需了解的基本概念和框架结构； 第3~7章系统介绍文字与段落、列表、超链接、表格和表单在页面开发中的应用； 第8章和第9章详细介绍CSS在实际开发中的应用技巧； 第10章介绍JavaScript在动态网页开发中的基本概念和应用，并结合案例进行细致描述。进阶提高部分分为4章，第11章系统讲述Web设计的基本原则和方法； 第12章通过实际案例介绍基于表格的页面布局方法和基于DIV十CSS的页面布局方法，以及常见导航菜单的制作； 第13章介绍HTML5的新特性和应用； 第14章通过综合案例系统介绍网站开发从规划、设计、实现到发布的完整过程。

为帮助任课教师更好地使用本书，本书配套了各种辅助教学材料，包括教学大纲、教学课件、课程教学设计、各章教学指南、程序源码、习题答案、习题素材、期末试卷； 本书还根据课程内容配套10套试卷，包括选择题、填空题、设计题等类型，满足学生知识测评等多种需求； 作者还为本书精心录制了800分钟的微课视频。

资源下载提示

课件等资源： 扫描封底的“课件下载”二维码，在公众号“书圈”下载。

素材（源码）等资源： 扫描目录上方的二维码下载。

在线作业： 扫描封底作业系统二维码，登录网站在线做题及查看答案。

视频等资源： 扫描封底刮刮卡中的二维码，再扫描书中相应章节中的二维码，可以在线学习。

在本书的编写过程中，得到了清华大学出版社魏江江分社长和王冰飞编辑的大力支持； 此外，韦付芝、赵文燕等老师在整理、校对、绘图等工作中都付出了艰辛的劳动，使本书能如期地与读者见面。在此谨向以上各位表示衷心感谢。

本书的几位作者都是工作于教学与科研一线的骨干教师，具有丰富的教学实践经验。全书由郑娅峰负责规划。具体分工如下： 第1章和第3章由郭节编写； 第2章和第13章由张潇文编写； 第4章由李洁颖编写；第5章和第6章由李继蕊编写； 第7章和第8章由杨玉叶编写； 第9章和第14章由郑娅峰编写； 第10章由李洁颖、米慧超编写； 第11章和第12章由张巧荣编写。全书由郑娅峰、杨玉叶进行编排和审定。

虽经多次校对审稿，但限于编者水平，在本次修订再版的书中，仍难免会有错误和不当之处，恳请读者批评指正。

编者

2021年3月