内容提要

本书较为全面地介绍了HTML、CSS、JavaScript、jQuery的相关知识，读者可以系统地学习编写HTML代码、利用CSS设置网页的样式、利用JavaScri-pt和jQuery为网页添加动态效果及修改网页与样式等内容，书中每一章有详细的案例展示，方便读者更好地理解知识点。

本书共15章，第1～6章介绍了HTML相关内容，主要包括在网页中插入文字与段落、表格、表单、列表及多媒体等；第7～11章详细阐述了CSS的相关知识，重点介绍了盒子模型与定位，利用盒子模型进行网页布局，用开发者工具查看HTML元素的CSS属性等；第12～13章讲解了JavaScript基础与应用，利用JavaScript在网页上制作动态效果（如滚动图片），以及对表单数据进行验证等；第14章描述了jQuery基础与应用，用jQuery为表单、表格设置样式；第15章为综合案例，综合利用前面章节所讲知识来制作网页。

本书可以作为应用型本科院校网页设计相关课程的教材，也可以作为高职高专计算机专业网页设计教材，同时适合网页设计初学者学习使用。

前言

自进入Web 2.0以来，各类Web应用大量涌现，极大地提升了行业的信息化水平，为人们的日常生活提供了更多的便利。伴随着Web应用的发展，Web前端发生了翻天覆地的变化。Web前端不断通过丰富的多媒体、良好的交互形式为用户提供越来越好的体验。网页设计作为培养Web前端开发人员的基础知识，已经在许多院校相关专业开设了相关课程。

本书针对应用型院校学生的特点，吸收实际教学中的经验，突出实例在学生学习中的作用，用实例帮助学生理解知识点，为培养合格的网页设计应用型人才提供适合的教材。

本书作者有着多年的网页设计教学经验，教学效果得到学生的普遍认可，主持、参与了多个教育教学改革与研究工作。本书在编写的过程中，得到了华南理工大学广州学院与广州天高软件科技有限公司联合成立的“天高科技工作室”提供的大力支持，在此表示感谢。

本书主要特点如下。

1. 将知识点与网页设计实践案例紧密结合

为了帮助读者熟练掌握相关知识点，本书在相关知识点后配以代码帮助读者了解知识点的实际应用，并根据知识点在实际网页设计中的作用，结合案例进行讲解，使读者做到学以致用。

2. 突出重点

针对实际教学中学生存在的问题，本书对学生难以掌握和理解的地方进行了重点阐述，用实例介绍网页设计中的重点内容，如CSS中的盒子模型、定位等，在一般教材中较少提及，本书对这部分内容进行了重点介绍。

3. 应用为先

网页设计是一门应用性非常强的课程，在教学中不仅要让读者理解相关知识点，还要让读者体会知识点在实际网页设计中的应用，读者就会在学习中充分发挥自己的能力，全力投入到课程学习中。

为方便读者使用，书中全部实例的源代码免费赠送给读者，读者可登录人民邮电出版社教学服务与资源网（http://www.ryjiaoyu.com/）下载。

由于编者水平有限，书中不妥或疏漏之处在所难免，读者如发现本书问题，请与编者联系以便尽快更正，编者将不胜感激，E-mail：qinyb@gcu.edu.cn。

编者

2017年6月

第1章

HTML概述

学习目标

掌握URL、HTTP、HTML等基本概念。

掌握网页的基本结构。

了解网页编码，能设置网页文件、浏览器的编码。

随着Web技术的发展，互联网已经深入到社会日常生活、经济活动的各个角落。这其中，网页已经成为信息传输的一种重要方式，人们通过网页浏览信息，企业通过网页开展企业的生产、营销等各种活动。本章将对网页的信息传输过程、网页文件的基本结构等进行详细介绍。

1.1 相关概念

统一资源定位器（Uniform Resoure Locator，URL）是互联网上标准资源（文件）的地址，如“http://jwc.gcu.edu.cn/uploadfile/20161011/1476171253139453.xls”。URL包含协议、服务器名称（或IP地址）、路径和文件名。在上面的例子中，“http”是协议，“jwc.gcu.edu.cn”是服务器名称，“uploadfile/20161011/”是资源在服务器上的路径，“1476171253139453.xls”是资源的文件名。