前言

“Web前端开发”课程（以前称“网页制作”）是计算机类专业的专业支撑课程。

随着移动互联网技术的高速发展，Web前端开发技术被应用到众多领域，已经成为网站开发、App开发及智能终端设备界面开发的主要技术，因而前端开发岗位出现了极为明显的人才短缺。《国家职业教育改革实施方案》《国务院办公厅关于深化产教融合的若干意见》《国家信息化发展战略纲要》对培养人才提出了新的要求，工业和信息化部教育与考试中心依据教育部《职业技能等级标准开发指南》中的相关要求，制定了《Web前端开发职业技能等级标准》。

本书依据《Web前端开发职业技能等级标准（初级）》和部分示范院校的《Web前端技术课程教学标准》编写，内容包括Web页面制作基础、HTML5和CSS3开发基础与应用、JavaScript程序设计和现代标准的社区新闻网站制作实例。本书以模块化的结构来组织章节，选取静态网站设计与制作的典型应用作为教学案例。以网站建设和网页设计为中心，以实例为引导，把介绍知识与实例设计、制作、分析融于一体，贯穿于教材之中。考虑到网页制作较强的实践性，本书配备大量的例题并提供源码和网页效果图，能够有效地帮助读者理解所学习的理论知识，系统全面地掌握Web前端开发技术。每章附有练习题，并提供习题答案，供读者在课外巩固所学的内容。

本书采用考试中心推荐的HBuilder X编辑网页代码，在Google Chrome或Microsoft Edge浏览器中调试运行，同时详细讲解了浏览器开发者工具的使用。

为配合教学，方便教师讲课，编者精心制作了微课视频、电子课件、授课计划、课程标准、模拟题及答案素材和源代码等教学资源。其中，微课视频可以搭建网络课程，扫描书中二维码即可观看；课件浓缩了本书的教学要点，可作为教师的板书来演示；老师们可从机械工业出版社教育服务网（http：//www.cmpedu.com）下载。

本书适合作为高等院校Web前端技术课程、网页设计与制作课程的教材，也可以作为1+X证书中Web前端开发职业技能等级（初级）的教学及参考用书。

本书由刘瑞新担任主编，曹利、张红娟担任副主编，参与编写的作者有刘瑞新（第1、2、5、10章）、曹利（第3、9、11章）、张红娟（第4、8章）、侯燕萍（第6章）、孙立友（第7章），第12章及资料的收集整理由徐维维完成。全书由刘瑞新教授统稿。

由于作者水平有限，书中疏漏和不足之处难免，敬请广大师生指正。

第1章

HTML5概述

1.1

Web的基本概念

对于网页设计开发者，在动手制作网页之前，应该先了解Web的基础知识。

1.1.1

WWW

WWW是World Wide Web的缩写，又称3W或Web，中文译名为“万维网”。WWW是Internet的最核心部分，它是Internet上支持WWW服务和HTTP的服务器集合。WWW在使用上分为Web客户端和Web服务器。用户可以使用Web客户端（浏览器）访问Web服务器上的页面。

1.1.2

Web服务器

Web服务器也称为WWW（World Wide Web）服务器，一般指网站服务器。WWW是Internet的多媒体信息查询工具，是Internet上发展最快和目前用得最广泛的服务。正是因为WWW工具，近年来Internet迅速发展，且用户数量飞速增长。

Web服务器的主要功能是提供网上信息浏览服务。Web服务器可以解析HTTP，当Web服务器接收到一个HTTP请求时，会返回一个HTTP响应，这样浏览器等Web客户端就可以从服务器上获取网页（HTML），包括CSS、JS、音频、视频等资源。

1.1.3

网页浏览器

网页浏览器（Web Browser）是在客户端浏览Web服务端的应用程序，其主要作用是显示网页和解释脚本。通过浏览器可以访问互联网上世界各地的文档、图片、视频等信息，并让用户与这些文件互动。浏览器的种类很多，目前常用的有Google的Chrome、Microsoft的Edge、Mozilla的Firefox、Opera、Apple的Safari浏览器等。