前言

十年前，Internet在国内开始流行，其中，网页作为互联网主要媒介受到了电脑爱好者们的广泛关注。由于当时网速限制，网页主要承载文本、图片等简单数据，Dreamweaver或Frontpage软件即可轻松完成网页制作。而今天，Internet领域已经改变了太多，用软件点几下、拖几下即可完成整个网站的方法已经完全不适用。现在的网页制作领域，综合了多种技术，新一批的初学者该怎样学习网页制作？似乎各大技术高手们没有心思考虑这个问题，各大技术论坛长篇累牍的术语，使初学者望而生畏。

笔者将网页制作技术粗略划分为前台浏览器端技术和后台服务器端技术。本书主要学习前台浏览器端技术，也就是静态页面制作技术。早期只需要使用HTML即可单独完成前台网页制作，而今天需要学习整个Web标准体系才能完成规范的前台网页制作。在Web标准中，HTML/XHTML负责页面结构，CSS负责样式表现，JavaScript负责动态行为。本书集合这3种技术带初学者入门，相比复杂的后台技术而言，初学者学习前台技术将更加简单、更加直观。

笔者从初学者的角度出发，展现网页制作独特的魅力，使技术学习不再枯燥、教条。网页制作中融入了很多设计的理念，很多读者会发现，原来冷冰冰的代码竟能如此有趣。绝大多数初学网页制作的读者没有编写程序的经验，而在Web技术中更深一步提升需要学习大量的程序。本书中的JavaScript部分能带领读者入门编程的学习，学习完本书后，读者将会发现学习其他程序语言也将轻松很多。

本书要求读者边学习边实践操作，每一章都有大量实例供读者参考，避免学习的知识流于表面、限于理论。不仅如此，本书还综合了很多实际项目中的经验技巧，使读者学习的知识可以马上应用于相关工作中。

作为入门书籍，本书技术面比较广，所以不可能讲述所有知识点，笔者力求读者能马上应用实践。技术学习的关键是方法，本书在很多实例中体现了方法的重要性，读者只要掌握了各种技术的运用方法，在更深入的知识中可大大提高自学的效率。

本书的内容安排

本书共分为四篇，循序渐进地讲述了网页制作技术从基本概念到HTML页面制作、CSS样式控制、JavaScript程序的动态行为和综合实例。

第一篇（第1章~第9章）讲述了网页制作中基本知识、开发环境的配置介绍。重点讲述HTML页面的基本结构制作，大部分常用HTML标签的实例学习。

第二篇（第10章~第13章）讲述了Web标准技术的理解以及XHTML技术的学习。重点讲述了CSS强大的样式控制，用大量的实例示范了CSS在网页布局、修饰中的巨大作用。

第三篇（第14章~第21章）介绍了JavaScript程序的基本概念，从最基础的程序语法开始学习，使读者能很快地融入编程的环境中。本篇最后一章为比较流行的应用实例，读者可以马上付诸于工作实践。

第四篇（第22章~第23章）是综合实战篇，学习个人网站和门户网站的前台制作。从网站规划到效果图设计直至网站发布，按实际项目的运作流程讲述前台技术的应用。

读者可以遵循本书的写作顺序，参考以下流程图阅读本书。

本书的特点

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

· 本书的编排采用循序渐进的方式，适合初级学者逐步掌握复杂的页面前台制作。

· 本书重点讲述项目实践中的有关知识，为读者实际工作奠定知识基础。

· 本书采用了大量的实例，讲述各种技术的基本功能和方法技巧。

· 所有实例都具有代表性，着重解决网页相关工作中的实际问题。

· 对有难度的实例（如JavaScript综合实例）进行详细的解释和分析，帮助读者理解和实践。

· 对于网页制作中经常遇到的问题和需要注意的关键点予以特别提示。

· 本书采用实例方式进行讲解，系统性强、可用性强。

适合阅读本书的读者

· 没有任何基础但感兴趣的初学者。

· 有一定HTML知识的初学者。

· 从事网站美工设计的人员。

· 想从事网站开发工作的人员。

致谢

· 支持我并理解我的父母、妻子。

· 我的好兄弟们，徐巍、文阳和于懿，我知道你们将是第一批读者。

· 知名设计师、音乐人小乐，谢谢你的支持。

· 程序设计师夏德安，谢谢你一直以来对我耐心的帮助。

· 我所带过的G0601班和G0602班的学生们，你们一定会走得更好。

· 各大技术群和技术论坛的好朋友们，技术方面大家将会共同提高。

编者

2008年3月