前言
Preface

网页制作技术可以粗略划分为前台浏览器端技术和后台服务器端技术。本书主要学习前台浏览器端技术，也就是静态页面制作技术。早期只需要使用HTML即可单独完成前台网页制作，而今天需要学习全部Web标准体系才能完成规范的前台网页制作。在Web标准中，HTML负责页面结构，CSS负责样式表现，JavaScript负责动态行为。

如今网页新技术层出不穷，并且日新月异，但有一点是肯定的，不管是采用什么技术设计的网站，用户在客户端通过浏览器打开看到的网页都是静态网页，都是由HTML、JavaScript和CSS技术构成的，所以如果想从事网页设计或从事网站管理相关工作，就必须学习HTML、JavaScript和CSS技术，哪怕只是简单地了解，因为HTML、JavaScript和CSS技术是网页制作技术的基础和核心。

本书特色

本书不仅包含网页前台技术的各种概念和理论知识，而且对多种知识的综合运用进行了详细讲解。本书将知识门槛定位为初级读者，笔者以大量简单、明了的实例进行示范和讲述，本书特点主要体现在以下几个方面。

针对性、适用性强

本书编者拥有10年以上软件开发教学经验，3年以上软件企业项目开发与管理企业经验，教材的编写是在大量的企业需求调查、学校学生调查的基础上进行的，重点讲解HTML、JavaScript和CSS网站客户端技术。

在本书的编写中，本着“学生好学，教师好教，企业需要”的原则，注意理论与实践的一体化，并注重实用性，每个知识点的介绍采用理论介绍、案例源代码、运行效果和源代码解释相结合的教学步骤，每章节都有综合案例，综合案例针对性和适用性非常强。

精心设计，理论与案例完美结合

本书不仅分章讲解HTML语言、JavaScript脚本、CSS样式三方面的知识，还试图为读者描绘一幅HTML、CSS、JavaScript的角色图，即HTML、CSS、JavaScript三者在网页制作这个大的生态环境中各自扮演的角色。

知识全面，覆盖面广

本书全面介绍了HTML、CSS、JavaScript的相关知识，包括HTML标签和属性，以及每个元素的语义性，CSS选择器，使用CSS设计各种网页对象，使用CSS布局，使用CSS解决网页兼容性问题，JavaScript语言基础，使用JavaScript操作文档，使用JavaScript控制CSS等内容，本书全面覆盖了W3C网页标准规范所包含的大部分知识。

讲解详细，上手容易

本书思路清晰，语言平实，操作步骤详细。只要认真阅读本书，把书中所有示例循序渐进地练习一遍，并把本书所有综合案例独立完成，读者就可达到企业前端开发所需的要求。

超值多媒体教学，海量资源赠送

本书所附光盘的内容为书中介绍的范例的同步视频讲解、源文件及大量参考素材，供读者学习时参考和对照使用。扫描图书封底的二维码，可在手机中在线学习教学视频。

本书内容

本书共24章，具体结构划分如下。

第1部分：HTML部分，包括第1章～第5章。这部分内容主要介绍了网页设计基础、HTML基本语法、使用HTML标签标识网页内容、使用HTML设计标准结构。

第2部分：CSS部分，包括第6章～第14章。这部分内容主要讲解CSS基本语法、CSS选择器，使用设计文本、超链接、图像、列表、表单和表格等网页对象的样式，使用CSS设计完整的网页，解决CSS设计中的各种兼容问题。

第3部分：JavaScript部分，包括第15章～第20章。这部分内容主要讲解JavaScript基本语法和用法、使用JavaScript控制网页文档和浏览器、JavaScript事件处理、使用JavaScript设计CSS动画、使用Ajax、使用jQuery等。

第4部分：案例部分，包括第21章～第24章。这部分内容主要通过4个案例具体演示如何配合使用HTML、CSS、JavaScript和jQuery设计完整的网站页面。

本书读者

本书适用于以下读者：

零基础学习网页设计和制作的初学者。

适用于从事网页设计和网站建设的新手。

网页设计爱好者。

网站建设与开发人员。

本书也可以作为各大中专院校相关专业的教学辅导和参考用书，或作为相关培训机构的培训教材。

本书约定

本书从初学者的角度出发，通过大量的案例使学习不再枯燥、教条。因此要求读者边学习边实践操作，避免学习的知识流于表面、限于理论。

作为入门书籍，本书知识点比较庞杂，所以不可能面面俱到。技术学习的关键是方法，本书在很多实例中体现了方法的重要性，读者只要掌握了各种技术的运用方法，在学习更深入的知识中可大大提高自学的效率。

上机练习本书中的示例要用到Firefox、Chrome、Opera。因此，为了测试所有内容，读者需要安装上述所有类型的最新版本浏览器，因为各种浏览器的实现都稍有差异。

读者还需要安装Internet Explorer来进行测试，以便确保案例的兼容性。如需针对不同版本的Internet Explorer测试示例，可以下载IETester工具，因为它可同时支持IE 6、IE 7和IE 8。对于非Windows用户，可以考虑使用VirtualBox或者VMware等虚拟机，或者使用CrossBrowserTesting和MogoTest等服务。

为了给读者提供更多的学习资源，同时弥补本书篇幅有限的遗憾，本书提供了很多参考链接，许多本书无法详细介绍的问题都可以通过这些链接找到答案。因为这些链接地址会因时间而有所变动或调整，所以在此说明，这些链接地址仅供参考，本书无法保证所有的这些地址是长期有效的。

本书所列出的插图可能会与读者实际环境中的操作界面有所差别，这可能是由于操作系统平台、浏览器版本等不同而引起的，在此特别说明，读者应该以实际情况为准。

关于我们

本书由胡晓霞组织编写，其他参与编写的人员还包括咸建勋、奚晶、文菁、李静、钟世礼、李增辉、甘桂萍、刘燕、杨凡、李爱芝、余乐、孙宝良、余洪萍、谭贞军、孙爱荣、何子夜、赵美青、牛金鑫、孙玉静、左超红、蒋学军、邓才兵、林友赛、苏震巍、崔鹏飞、李斌、郑伟、邓艳超等。由于作者水平有限，书中疏漏和不足之处在所难免，欢迎读者朋友不吝赐教。广大读者如有好的建议、意见，或在学习本书时遇到疑难问题，可以联系我们，我们会尽快为您解答，联系方式为jingtongba@163.com。

说明：为了页面效果和便于学习，本书在介绍网页制作过程中使用了一些网络图片。因图片版权无法查找，故未能及时与图片著作权人取得联系，在此深表歉意。如若侵犯了您的权益，请您及时与我们联系，我们将按市场价格支付图片使用费用，谢谢！