实用Web页面设计

21世纪是互联网高速发展、信息无处不在的时代。1987年9月北京计算机应用技术研究所的钱天白教授向德国卡尔斯鲁厄大学发出中国封电子邮件，首次实现与国外计算机网络的联通。20世纪90年代，网站几乎是纯文字的页面，只要保证浏览者能够获取信息，网站的功能就算实现了。过去的二十多年，互联网发生了翻天覆地的变化。

随着网络信息技术的更新换代，人们已经不能继续满足于千篇一律的“模板式”网站了。互联网发展到今天，网站的数量已经无法估计了。截至2014年，我国登记在册的网站总量已经突破350万个。在浩瀚的网站中如何脱颖而出呢？

网页制作技术发展到今天，已经不再是简单的网页制作了。作为一种新媒体的媒介主体，网站被赋予了太多的使命。环顾四周，计算机、电视、手机、平板、智能终端无一不是网页浏览设备。今天的你我，在超市内的广告机上轻轻一点，需要的商品或服务就立即送到家了。这一切的一切都是建立在网页制作技术基础上的。

本书共10章，包括4大部分： 部基础篇侧重于介绍网站部署环境和熟悉Dreamweaver CS6软件及HTML的基本应用。第二部分进阶篇侧重于CSS的页面美化和布局及JavaScript的基本语法的实践应用。第三部分高级应用篇侧重于HTML 5的各种特效和Photoshop网页切图的技巧，使Web更美观，制作更节省时间。第四部分综合案例篇侧重于一步步地引导读者开始新的、符合Web标准的CSS布局及JavaScript动态图片显示的效果。

本书对Web的介绍较为全面，从基本的概念开始，步步深入。从开始的HTML的简单呈现，后又初步地以CSS加以修饰，终用JavaScript使静态网页显示动态效果，使网页美观、生动。

尽管现在市面上有很多Web网页制作的资源，但多是一些支离破碎的技巧和经验，学习这样的资料很容易产生身处山中却不得山貌的困惑。另外，即使是有经验的CSS开发人员也会遇到问题。这是因为很多Web开发人员是靠自学成才的，他们从网上的文章或代码中学习经验，并没有全面系统地理解Web规范应用。加之浏览器的兼容性问题，如果没有系统的参考资料，如同摸石头过河，会严重影响开发速度。

本书结合本人多年来对Web网站前端技术的开发设计经验、对网站的一些见解，较为系统地介绍动静态网页的制作及布局，相信初学者和网页设计人员，都能从本书获得很大的收益。本书涵盖了大量的经验案例和综合布局示例，可以帮助读者很好地理解和精通Web前端开发技术。

本书主要定位于初、中级用户。不管你以前是否了解或学习过网页设计相关知识，本书都非常适合。虽然我们在策划、创造、编写中致力于追求严谨、求实、高质量，但是错误和不足在所难免，恳请读者不吝赐教，我们定会全力改进。

本书由张建波任主编，付湘琼、殷群任副主编。第3、6章由张建波编写，第7、8章由殷群编写，第4、5章由付湘琼编写，第1、2章由朱凯编写，第9、10章由李宇亮编写。张建波负责全书的统稿和审定工作。

张怀宁教授在本书的编写和审阅过程中，提出了许多指导性的意见； 清华大学出版社对本书的出版给予了积极的支持和帮助； 参与本书案例验证工作的还有魏兴、张晓云、王红伟、赵波等。在此一并致以诚挚的感谢。

由于作者水平有限，书中缺点和疏漏之处在所难免，敬请读者批评指正。

编者

2014年9月