前言

网站作为面向世界的窗口，成为人们日常获取信息的重要平台，网络已经成为人们生活中不可缺少的一部分，越来越多的企业、个人都有了自己的网站。网站的设计与制作是一个综合技术应用的过程，包含平面设计技术、动画制作技术、网页布局技术、JavaScript技术等。本书以Photoshop CS6、Dreamweaver CS6和Flash CS6等为基本工具，详细介绍如何通过Photoshop进行网页界面设计；通过Dreamweaver编写代码进行网页布局、客户端程序的开发以及通过Flash制作网站的动画。

目前，高等职业院校作为高技能型人才的主要培养基地，大部分院校都开设了计算机类相关专业。随着互联网技术的不断发展、获取信息平台的多样化以及国家对互联网发展的大力支持，人们对网站访问越来越多，基于此，网站设计与制作人才需求旺盛，很多科技公司都不惜重金来聘请网站设计与制作人才。当前，市面上出现了不少网站设计与制作的参考书，但针对高职院校“职业工作过程”的却少之又少，特别是学完之后就能具备实际项目开发能力的实用技术类教材更少。基于以上考虑，作者特编写本书。

本书具有以下特点。

1. 项目式教程

本书紧跟当前高职高专院校教学改革的步伐，遵循工作中项目式开发过程教学思路而编写。采用“项目——任务——模块”模式，对精心设计的项目进行了任务分解，从网页设计基础、网站色彩搭配、界面布局设计到页面具体制作、网站开场动画的制作，对分解的任务模块做了具体分析并进行了详细的操作讲解，同时不忘举一反三。通过完成这些任务，最终完成大的综合项目。

2. 分步推进

按照“能力目标、任务目标、核心知识、操作过程、拓展实训”五大步骤推进。

【能力目标】简要概述了通过本任务的学习达到哪些能力目标。

【任务目标】明确本任务的知识点以及应达到的目标。

【核心知识】把任务中的核心知识点逐一讲解，让读者对知识点有一个基本了解，从而为后面知识的应用做一个铺垫。

【操作过程】详细讲解任务的完成过程，让读者对任务的完成有一个全面的了解，同时把任务中的注意事项给予说明。

【拓展实训】不仅要让读者学会教材中所讲的任务，同时要让读者学以致用，对学习到的知识、技能做到举一反三。

3. 提供课程实训

在本书的后面提供了本课程的实训任务。通过实训任务的给出，让学生掌握网站实际项目的开发流程：项目的提出、需求分析的建立、网站开发的实施、网站的发布以及网站的维护。

4. 让教学与技能竞赛相互促进

现在各类大赛在各省、全国如火如荼地开展，而且大赛非常注重企业的参与，有的甚至就是企业的实际项目。通过参加大赛，可以更好地检验学生在校学习情况，给学校和企业一个交流的平台，从而更好地促进我国职业教育的发展。因而在本书的最后给出了一套技能大赛的试题，希望借此引导技能竞赛与教学的相互促进。

另外，本书还提供了丰富的课程资源，包括教学项目内容、课程中用到的相关软件、实训参考案例、竞赛试题答案等，读者可以到人邮教育社区（http://www.ryjiaoyu.com）免费下载使用。

本书参考学时为90学时，其中各项目（任务）的学时分配推荐如下。

本书由山东华宇工学院张亚东、郑玉娟担任主编，刘洁晶、贺红岩、夏春梅、任焕海担任副主编。参加本书编写的都是教学一线工作的教师，具有很强的实践能力及丰富的教学经验。其中任务一由刘媛、孙德纲编写，任务二由刘洁晶编写，任务三由张亚东编写，任务四由郑玉娟编写，任务五由任焕海编写，任务六由夏春梅、贺红岩编写。

本书在编写过程中，还得到了曹金静、王学梅、刘秀丽、李艳杰、刘洪海、王绣花、高洪坤、刘晓瑞等的大力支持，在此一并致谢。

由于编写人员技术水平有限，书中难免存在不足之处，恳请广大读者批评指正，任何疑问、宝贵意见和建议请发邮件至hy2668@126.com或加微信：z153318291。

编者

2016年8月