前言



近20年来，互联网领域涌现出大量创新技术和产品，使得互联网领域的产品开发成为众多年轻人渴望学习的领域。互联网开发的技术基础仍然是网页设计，网页设计技术历经20多年始终在快速发展变化。网页设计也是高校很多专业学生的一项必备技能，就业市场对网页设计的人才需求量很大。网页设计技能之所以重要，是因为网页设计涉及界面设计与交互，个性化要求很高，导致网页设计项目的重用性水平很低，这使得网页设计人才需要掌握更多相关领域的知识，网页设计者需要具备良好的自学能力和强烈的兴趣。
网页设计与制作这门课程的特点是入门比较简单，但它的知识结构庞杂，想成为一名优秀的网页设计师，需要较长时间的理论学习和大量的实践操作及项目实训经验。学习网页设计有两点最重要： 一是务必重视对原理的掌握；二是在理解原理的基础上一定要多练习，多实践，通过练习和实践发现实际问题。本书在编写过程中注重“原理”和“实用”，这表现在所有的实例都是按照其涉及的原理分类，而不是按照应用的领域分类，将这些实例编排在原理讲解之后，就能使读者迅速理解原理的用途。同时，由于加深了对原理的理解，因此可以对实例举一反三。
目前，网页设计的知识体系结构以HTML 5、CSS 3、JavaScript为框架，这3种语言分别定义了网页的结构、表现和行为，Web标准的含义就是将网页划分为结构、表现和行为，各部分相对独立，尽管Web标准已成为当今网页设计领域的一种共识，不被经常提起，但对于初学者来说，理解并遵循Web标准设计网页对快速掌握网页设计技能是有重要意义的。在网页设计各种语言中，CSS是核心。为此，本书在编写时注重培养学生兴趣，在章节安排上将CSS的内容作为重点，按照CSS的知识体系将CSS的内容分为3章。这是因为只有接触CSS，学生才会领会网页设计课程的乐趣。其次，考虑到初学者以前并没接触过任何网页设计语言，本书将传统CSS知识和CSS 3的内容进行统一编排，帮助读者更容易地系统掌握CSS的传统技术和新技术。
网页设计是技术和艺术的结合，因此网页的风格设计和色彩搭配也是网页初学者应当重点掌握的内容，考虑到大多数初学者没有任何平面设计基础，本书在编写时安排了色彩的基本原理，网页色彩的搭配等内容，同时安排了Photoshop章节，帮助初学者掌握使用该软件进行网页图像的合成、网页效果图的制作等技能。
为了便于读者阅读和减少篇幅，本书采用精简代码的编排方式，读者一般都能够容易地将其还原成完整代码，同时每个示例都标有序号（例如，例34对应的源代码文件就是34.html），读者能够容易地在配套源代码中找到完整代码并能直接运行。
本书的教学大概需要64学时，其中实验学时不少于16学时，如果学时量不足，则可以主要讲授第1～5章的内容。
本书为使用本书作为教材的教师提供教学用多媒体课件、实例源文件和实验大纲，可登录清华大学出版社官网免费下载。书中提供了有关重点和难点内容的微课视频，读者扫描书中二维码即可观看。
本书由唐四薪、唐琼、李浪编著，唐四薪编写了第3～8章的内容，唐琼编写了第1章和第2章的部分内容。李浪编写了第2章的部分内容。
由于编者水平和教学经验有限，书中错误和不妥之处在所难免，欢迎广大读者和同行批评指正。

编者2023年9月