书名：Web前端开发与应用教程（HTML5+CSS3+JavaScript）pdf/doc/txt格式电子书下载

推荐语：

作者：张波,张艳霞校

出版社：机械工业出版社

出版时间：2018-07-01

书籍编号：30612472

ISBN：9787111570905

正文语种：中文

字数：144913

版次：1

所属分类：教材教辅-中职/高职

本书介绍了HTML5、CSS3和JavaScript三项Web前端开发常用技术及综合实例。首先介绍HTML5设计网页的文档结构、文本、图像、超链接、表格、表单等。其次介绍CSS3对表格、表单、图片、背景、边框等页面元素进行样式美化以及CSS3变形和动画等内容。再次介绍JavaScript内置对象、对象编程以及通过JavaScript操作CSS3和HTML5，实现Web前端的交互功能。最后介绍综合实例将三部分技术结合起来，简单直观地介绍Web前端的开发思路和过程。

本书通俗易懂、构思清晰，理论与实践并行，通过大量的实例，引导读者逐步深入，全面掌握Web前端开发技术。

本书既可作为高等院校本专科计算机专业的教学用书，也可作为相关技术人员的参考用书。

本书配有授课电子教案，需要的教师可登录www.cmpedu.com免费注册，审核通过后下载，或联系编辑索取（QQ：2850823885，电话：010-88379739）。

图书在版编目（CIP）数据

Web前端开发与应用教程：HTML5+CSS3+JavaScript/张波主编.—北京：机械工业出版社，2017.7（2018.7重印）

高等教育规划教材

ISBN 978-7-111-57090-5

Ⅰ.①W… Ⅱ.①张… Ⅲ.①超文本标记语言-程序设计-高等学校-教材②网页制作工具-高等学校-教材 Ⅳ.①TP312.8②TP393.092.2

中国版本图书馆CIP数据核字（2017）第134628号

机械工业出版社（北京市百万庄大街22号 邮政编码 100037）

责任编辑：王斌

责任校对：张艳霞

责任印制：常天培

涿州市星河印刷有限公司印刷

2018年7月第1版·第2次印刷

184mm×260mm·19印张·456千字

3001—4900册

标准书号：ISBN 978-7-111-57090-5

定价：49.00元

凡购本书，如有缺页、倒页、脱页，由本社发行部调换

电话服务

服务咨询热线：010-88379833

读者购书热线：010-88379649

封面无防伪标均为盗版

网络服务

机工官网：www.cmpbook.com

机工官博：weibo.com/cmp1952

教育服务网：www.cmpedu.com

金书网：www.golden-book.com

出版说明

当前，我国正处在加快转变经济发展方式、推动产业转型升级的关键时期。为经济转型升级提供高层次人才，是高等院校最重要的历史使命和战略任务之一。高等教育要培养基础性、学术型人才，但更重要的是加大力度培养多规格、多样化的应用型、复合型人才。

为顺应高等教育迅猛发展的趋势，配合高等院校的教学改革，满足高质量高校教材的迫切需求，机械工业出版社邀请了全国多所高等院校的专家、一线教师及教务部门，通过充分的调研和讨论，针对相关课程的特点，总结教学中的实践经验，组织出版了这套“高等教育规划教材”。

本套教材具有以下特点：

1）符合高等院校各专业人才的培养目标及课程体系的设置，注重培养学生的应用能力，加大案例篇幅或实训内容，强调知识、能力与素质的综合训练。

2）针对多数学生的学习特点，采用通俗易懂的方法讲解知识，逻辑性强、层次分明、叙述准确而精炼、图文并茂，使学生可以快速掌握，学以致用。

3）凝结一线骨干教师的课程改革和教学研究成果，融合先进的教学理念，在教学内容和方法上做出创新。

4）为了体现建设“立体化”精品教材的宗旨，本套教材为主干课程配备了电子教案、学习与上机指导、习题解答、源代码或源程序、教学大纲、课程设计和毕业设计指导等资源。

5）注重教材的实用性、通用性，适合各类高等院校、高等职业学校及相关院校的教学，也可作为各类培训班教材和自学用书。

希望教育界的专家和老师能提出宝贵的意见和建议。衷心感谢广大教育工作者和读者的支持与帮助！

机械工业出版社

前言

HTML5的时代已经到来，各大浏览器早已做好准备，能很好地支持HTML5规范。当前互联网技术飞速发展，但几乎每一个互联网产品，都无法回避前端开发这一环节。

本书主要介绍Web前端开发技术，从HTML5基础标签到CSS3页面布局和特效，再通过JavaScript技术进一步提升网页前端的交互性和实用性。通过实例循序渐进，逐步引导读者深入学习。

本书的主要特色不仅在于通过丰富的小实例来介绍知识点，而且将一个完整的案例贯穿全书始终，并且在全书最后的章节进行思路的汇总和整理，帮助读者将所学知识应用到实际项目当中。避免学习知识的局限性和片面性，使读者在获取知识的同时，掌握实际应用的方法和技巧。

本书是一本介绍HTML5、CSS3和JavaScript前端开发的实用型教材，全书可分四部分。

第1章至第5章，全面介绍HTML5的常用标签及其属性，并且为每个标签及属性都设计了范例页面，这些内容是很好的学习参考。

第6章至第9章，详细介绍CSS3的选择器和属性，也设计了对应的范例页面，便于读者进行参考和学习。需要说明的是，由于CSS3相关内容非常丰富，本书选取了一部分常用内容进行介绍。

第10章至第13章，重点介绍JavaScript编程的相关内容，包括基础语法、函数、对象、编程、事件处理等知识，涵盖了初学者所需掌握的内容和知识。

第14章至第16章，综合运用所学内容，开发一个完整的网站——茗茶馆。通过这个实例让读者巩固前面所学知识，同时掌握Web前端项目开发的思路和技巧。

本书由张波主编，邵彧、师晓利为副主编，其中师晓利编写第1～3、5章，王佳编写第4章，邵彧编写第6～9章，张波编写第11～13章，李帷笳编写第14章，邹雪艳编写第15、16章，第10章及课件的制作、资料的整理由李建彬、刘大学、彭守旺、骆秋容、刘克纯、缪丽丽、陈文娟、刘大莲、庄建新、崔瑛瑛、翟丽娟、徐维维、韩建敏、庄恒、徐云林、刘瑞新、马春锋完成。全书由张波统稿，刘瑞新教授主审。书中部分内容参考了网上部分资料，由于参考内容来源广泛，篇幅有限，恕不一一列出，在此一并表示感谢。

由于Web前端开发技术发展迅速，书中难免有不足之处，恳请各位同仁及读者提出宝贵意见和建议。

编者

第1章 Web前端开发概述

Web是Internet上最受欢迎的一种多媒体信息服务系统。整个系统由Web服务器、浏览器和通信协议组成。通信协议HTTP能够传输任意类型的数据对象来满足Web服务器与客户之间的多媒体通信的需求。Web带来的是世界范围的超级文本服务。用户可以通过Internet从全世界任何地方调来所希望得到的文本、图像、音频、视频等信息。另外Web还可以提供其他的Internet服务，如TELNET、FTP、Gopher和USERNET等。

1.1 Web前端开发相关概念

Web开发分为前端（Front-end）和后端（Back-end）两部分，后端指的是程序、数据库和服务器层面的开发，而前端则指的是直接与用户接触的网页，比如布局、特效、交互等。

Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。以前会Photoshop和Dreamweaver就可以制作网页，现在只掌握这些已经远远不够了。无论是开发难度上，还是开发方式上，现在的网页制作都更接近传统的网站后台开发，所以现在不再叫网页制作，而是叫Web前端开发。Web前端开发在产品开发环节中的作用变得越来越重要，而且需要专业的前端工程师才能做好，这方面的专业人才近几年来备受青睐。Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。

前端开发的主要工作是把UI（User Interface，用户界面）的设计图按照W3C标准做成HTML页面，用CSS进行布局，并且用javascript脚本语言实现页面上的前端互动。互动效果包括弹出层、页签切换、图片滚动、Ajax异步互动等。

1.1.1 浏览器

浏览器是指可以显示网页服务器或者文件系统的HTML文件（标准通用标签语言的一个应用）内容，并让用户与这些文件交互的一种软件。它用来显示在万维网或局域网等内的文字、图像及其他信息。这些文字或图像，可以是连接其他网址的超链接，用户可迅速及轻易地浏览各种信息。大部分网页为HTML格式。目前常见的网页浏览器有QQ浏览器、Internet Explorer、Firefox、Safari，Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、傲游浏览器、世界之窗浏览器等，浏览器是最经常使用到的客户端程序。

但是并非所有浏览器都支持HTML5，同一浏览器不同的版本对HTML5的支持情况也不同。本书为了介绍Web前端开发的最新技术，使用的测试浏览器为Firefox48版本，如图1-1所示，读者可根据具体情况安装相应浏览器。

图1-1 浏览器

1.1.2 URL

URL（Uniform Resource Locator，统一资源定位符）是对可以从互联网上得到资源位置和访问方法的一种简洁的表示，是互联网上标准资源的地址。互联网上的每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器应该怎么处理它。每个页面都应具有唯一的一个URL。基本URL包含模式（或称协议）、服务器名称（或IP地址）、路径和文件名。完整的、带有授权部分的普通统一资源标志符语法看上去如下：

协议：//用户名：密码@子域名.域名.顶级域名：端口号/目录/文件名.文件后缀？参数=值#标志

如：http：//portal.sias.edu.cn/seeyon/main.do？method=main

上面地址看似语法很复杂，用户在浏览页面的时候一般不需要输入如此复杂的URL。用户在访问页面时一般只需输入网站的域名，通过超链接就可以达到该网站的其他页面。

1.1.3 WWW

WWW是环球信息网的缩写（亦作“Web”“WWW”“W3”，英文全称为“World Wide Web”），中文名字为“万维网”，“环球网”等，常简称为Web。分为Web客户端和Web服务器程序。WWW可以让Web客户端（常用浏览器）访问浏览Web服务器上的页面。是一个由许多互相链接的超文本组成的系统，通过互联网访问。在这个系统中，每个有用的事物，称为一样“资源”；并且由一个全局“统一资源标识符”（URL）标识；这些资源通过超文本传输协议（Hypertext Transfer Protocol）传送给用户，而后者通过单击链接来获得资源。

1.1.4 网站

网站（Website）是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容相关网页的集合。用户可以通过浏览器来访问网站，获取需要的资讯或者享受网络服务。

因特网上的网站有很多，按照网站主体性质的不同分为政府网站、企业网站、商业网站、教育科研机构网站、个人网站、其他非盈利机构网站以及其他类型等；按照网站功能划分有产品（服务）查询展示型网站、品牌宣传型网站、企业涉外商务网站、网上购物型网站、企业门户综合信息网站、行业协会信息门户、B2B交易服务型网站、沟通交流平台、政府门户信息网站等。那么这些各式各样的网站又是如何制作的呢？本书将为大家介绍相关技术和实现方法。

1.1.5 Web标准

Web开发应用遵循的标准就是Web标准。Web标准是由W3C和其他标准化组织共同制定的，该标准用来创建和解释基于Web的内容，Web标准可以使得在网上发布的文档向后兼容，使其能够被大多数人所访问。其官方网站为：http：//www.w3.org。

Web标准包括一系列标准。网页部分的标准通过三部分来描述：结构（Structure）、表现（Presentation）和行为（Behavior）。

结构、表现和行为对应于3种常用的技术，即HTML、CSS和JavaScrip

....