随着Internet的迅速发展与普及，人们通过浏览网页就可方便地获取信息，并且越来越多的个人、公司、企业、政府和学校建立了自己的网站。一个完整的网站并不是由一个单独的软件制作而成的，它需要多方面的配合，包括网络知识、网页制作技术、网页布局、网页配色，以及相关的网页制作软件、图形图像处理软件、动画软件、数据库编程等。因此在教学实践方面需要多学科地综合。

“网页制作”课程通常作为计算机公共选修课程或者数字媒体专业的选修课程。根据作者多年的教学实践和网站开发经验，在网页设计与制作的教学过程中，采用典型案例和任务驱动的教学方法，能极大地激发学生的学习兴趣，使得学生能够高效地掌握网页制作的知识和技能，并能举一反三制作出其他网页作品。教材是教学实施的重要内容，为了配合采用任务驱动的教学方法，作者从实际教学角度编写了这本任务驱动、案例式教材，以便有效地提高教学质量。

“网页设计”是一门技术性和实践性很强、极富创造性的课程,并且只有经过实践,才能真正掌握相关知识和技能。在传统的教学过程中,知识点分散,有的案例仅仅说明个别知识点,学生只见树木不见森林,无法将各种网站制作方法和技术融会贯通。因此在网页设计教学中,特别适合采用任务驱动法进行教学。任务驱动教学法就是让学生在一个典型的任务驱动下展开教学活动,从网页设计实际工作过程出发,抓住重点和难点问题进行任务设计。

本教材共10章，按照网站开发流程，通过设计一个小型综合网站,尽量将所有章节的知识点涵盖进去,循序渐进地介绍了文本、图像、超链接、音乐、视频、Flash动画、滚动字幕、图像查看器、表格布局、框架、页内框架、图层布局、行为特效、网页模板、层叠样式表（CSS）等。在教学过程中不断地运用“新任务”来引导学生学习，并按照教学内容,层层深入学习,通过教师操作演示和讲解涉及的新知识,以前学过的旧知识也在这一过程中得以巩固。通过案例式和任务驱动式的学习,学生能够轻松掌握网页制作方法并能够创作形式生动的网站。

本书融入了先进的教学理念和独特的教学方法，章节结构合理，内容取舍得当，举例典型和恰当，以可视化网站开发工具Dreamweaver为主线，讲解了网站开发的流程、网页的版面布局、网页行为特效、动态网页制作等，最后介绍了利用模板批量制作风格一致的网站，这样的教学内容体系，有利于计算机应用能力和创新能力的培养。

本书配套的PPT课件和素材可以在清华大学出版社网站（http://www.tup.com.cn）下载。

本书由丁海燕编写，余江教授、张学杰教授、赵东风教授对本书提供了技术指导。清华大学出版社对本书的出版给予了极大的支持和鼓励，谨此向他们表示最真挚的感谢。

由于计算机技术发展迅速，加之作者水平所限，本书的疏漏和不足之处在所难免，敬请同行专家和广大读者批评指正。

作者

2012年6月