近年来，我国职业教育坚持以就业为导向，以技能应用型人才为培养目标，进行了很多改革和探讨，其中课程改革占据很重要的地位。目前传统学科型课程模式仍然没有根本改变，课程内容与职业实践相脱节的现象依然存在，难以彰显职业教育的特色。课程改革目标要体现时代特色和要求。摆脱传统教育思想的影响和普通教育模式的束缚，强调学生的需要和学习特点，为学生提供一个有利于他们学习和发展的教学活动和教育环境；注重课程与教学的实效，注重培养学生的创新精神和实践能力。作为未来职业人，要掌握的知识很多，既有数量因素，又有质量因素，关键在如何掌握知识质量因素上，讲究知识的够用、会用、活用。知识要为工作实际服务，培养终身学习的能力，增强学校课程与社会职业对接度，提高学生的社会适应性。本教材正是基于这一理念，对网页设计制作课程进行一次改革尝试，做到让学生易学、易就业，让老师易教、易拓展。

网页设计与制作是职业学校计算机专业的主要课程之一，目的是使学生通过该课程的学习，熟练掌握网页的基本概念和制作技能，能够根据要求设计和制作出美观和实用的网页，能够独立进行小型网站的规划和开发。在学习本课程之前，学生最好已经修完图像处理、Flash动画等相关课程，掌握一定的美学基础。本教材以目前主流的网页设计软件Dreamweaver CS6为平台，围绕网页开发的各个环节设置任务，所有任务经过作者的优化和设计，使其在融入知识点的同时，能够与以后的工作实际相结合，每完成一个任务的学习，都相当于进行了一次实际开发工作，全书学习完成后能够很好地与社会职业对接，使学生较快地适应岗位要求。

本书结合实际应用，采用基于工作过程为导向的课程模式，由浅入深地讲解，内容丰富、语言简练、图文并茂，突出了实用性、科学性、趣味性。本教材共分3个篇章，18个任务，每个任务根据教学需要灵活选择设置以下环节内容: 任务描述、任务目标、任务分析、实施步骤、知识链接、任务拓展、小结、练习、上机操作。在基础篇中包含8个任务，介绍了网页的相关概念，如何在网页中插入文本、图像、动画、声音、表单等基本元素，如何使用表格排版、布局页面，如何创建超链接。在提高篇中包含7个任务，通过具体任务的演练，更加深入地介绍了如何运用Div、框架、CSS对网页进行灵活地布局和对网页的版面进行控制和美化，如何运用模板和库简化网页的制作过程，以及如何增加页面的动感效果，解析了网页源代码，介绍了网页发布的方法。在应用篇中，通过3个项目的综合练习，带领学习者创建一个完整的网站，并且介绍了网站建设的流程，以及商业网站的策划和实施。当今社会对学生的职业能力要求，催化出新型的课程结构和教学模式。新型教学模式是以工作为基础的模仿学习，将学生置于一种模拟环境中，呈现给学生具有挑战性、真实性、复杂性的问题。本教材的特色在于以培养实践能力为主线，贯彻理论和实践相结合的原则，不过多讲解理论。理论知识以够用为基准，避免面面俱到，在保证内容科学性和知识点完整性的前提下，不追求内容的系统性和完整性，而是着眼于培养学生的综合能力和工作技能。

在互联网普及的今天，网络是人们经常接触的对象，越来越多的上网者已经不再仅仅满足于浏览网页或者收发电子邮件，而是希望更深入地参与网络之中，能够制作出风格独特以及个性十足的网页。本书主要面向职业学校和各类培训班相关专业的学生。对于那些想短时间内掌握网页设计制作最实用知识的各类初学人员，本书也是很好的选择。

本书由王代勇、鞠艳担任主编，朱玉超、雷怡然担任副主编，张睿、赵玉峰参编。

出版本书是对职业院校课程改革的一次有益尝试，虽有尽力做好的愿望，但由于编者水平有限，书中难免有不足之处，殷切希望得到广大同仁和读者的批评指正。

编者〖〗2013年9月