《Dreamweaver+Photoshop+Flash网页制作三合一案例教程》课程标准

【课程名称】Dreamweaver+Photoshop+Flash网页制作三合一案例教程

【课程编码】

【课程类别】专业基础课

【适用专业】计算机应用技术专业

【授课单位】

【总 学 时】56

【教    材】《Dreamweaver+Photoshop+Flash网页制作三合一案例教程》，李一龙、罗慧华、聂书志，航空工业出版社

【编写执笔人】

【编写日期】

1．课程定位和课程设计

1.1  课程性质与作用

1．课程性质

Dreamweaver+Photoshop+Flash网页制作是计算机应用技术专业的一门专业基础课程。通过Dreamweaver、Photoshop、Flash三款软件可以完成主流的网页设计，Dreamweaver制作网页，Photoshop制作网页素材和网页效果图，Flash制作网页动画及其素材，三者组合完成一个精美网页的制作。该课程以任务为驱动，通过丰富、典型、实用的案例，结合工作上网站开发实际需求，让学生有兴趣学习，轻松去学习。在知识传授的同时，通过学生实训学习、上机调试，侧重动手操作能力的培养，注重就业能力的培养。

2．课程作用

本课程能够使学生循序渐进地掌握网页制作相关理论知识，学会Dreamweaver、Photoshop、Flash三大软件的使用，在学习和使用过程中，加深对理论知识的理解，增强动手操作能力。通过不同项目下的各个任务的练习和实现，使学生具备网页内容、网页布局、网页样式等网页制作当中的扎实技能，具备网页图像大小调节、色彩调节、修饰图像、应用图层、图像优化等美化网页效果的专业能力，具备绘制线条和几何图形、图形填充、添加文本、制作补间动画、制作高级动画的网页动画制作能力。最终使学生具备网页设计、网页美工等职业技能，具备较高的职业素养和较强的职业能力。

1.2  课程设计思路

《Dreamweaver+Photoshop+Flash网页制作三合一案例教程》课程设计的理念与思路是积极推进教学形式和内容的改革，从传统的偏重知识传授的方式转向注重就业能力的培养，并让学生有兴趣学习，轻松学习。通过走访众多高等院校及中、高等职业技术院校，与许多教师探讨当前教育面临的问题和机遇，确定了以任务为驱动的内容模式。

（1）培养扎实的实践操作能力

使用项目任务教学方式并精心设计每个项目和任务。本课程根据Dreamweaver、Photoshop、Flash的功能特点划分为不同的项目，每个项目由“项目导读”“学习目标”“任务”“项目总结”和“项目实训”组成；每个任务又由“任务说明”、“预备知识”和“任务实施”等组成。

首先通过“项目导读”和“学习目标”让学生快速了解和熟悉本项目所要学习的知识点；然后通过每个任务的学习，掌握具体的知识及其在实际工作中的应用；最后通过“项目总结”和“项目实训”，使学生对所学知识和技能进行总结和训练。内容安排环环相扣，步步深入，既方便老师教学，也方便学生自学。

（2）以项目任务式做驱动

在教学过程中，全部采用项目任务式，充分发挥理论与实践相结合，让学生带着任务去学，带着任务去实际操作，激发学习动力。每个任务中都精心挑选与实际应用紧密相关的知识点和案例，让学生在学完相关知识点后，能马上在实践中应用从该任务中学到的技能，从而达到学以致用的目的。

（3）降低学习难度

本课程在讲解知识点时，力求做到语言精炼，通俗易懂。在“预备知识”部分，对于一些较难理解或掌握的功能，采用实例操作的方式进行讲解。对于一些简单的功能，则只简单讲解。

2．课程目标

2.1  知识目标

（1）掌握网页制作与网站建设的基础知识。了解网页和网站的概念，以及网页的构成元素和网页的本质，网站管理与网页制作相关软件，网站建设的基本流程；

（2）掌握使用Dreamweaver制作网页的方法。包括在Dreamweaver CS5中定义和管理站点的方法，新建、打开、保存和预览网页的方法，利用“文件”面板管理站点文件和文件夹的方法；掌握在网页中输入文本和设置文本格式的方法，在网页中插入图像、动画以及音频和视频文件的方法，常见超链接、行为的设置方法；掌握在网页中创建表格以及选择表格和单元格的方法，设置表格和单元格常用属性的方法，拆分与合并单元格以及在表格中添加或删除行与列的方法；掌握应用CSS的方法，添加CSS的方式，能够应用Div＋CSS构建网页布局；

（3）掌握使用Photoshop制作网页素材和网页效果图的方法。包括调整图像大小、画布大小、裁切图像的方法，使用亮度/对比度、色阶、曲线及色相/饱和度命令调整图像色彩或色调的方法，创建选区的方法，绘制与修饰图像的方法，填充图像的方法，图层样式的设置和编辑方法，文本的输入与格式设置，切片的创建与编辑，优化与输出图像的方法；

（4）掌握Flash制作网页动画及其素材的方法。包括调整线条的方法，绘制几何图形，变形图形的方法，文本的应用，导入和编辑外部图像的方法，图层和帧的种类及基本操作，创建和应用元件以及编辑元件和元件实例的方法，补间动画的制作方法，路径引导动画和遮罩动画的制作方法，导出与发布Flash动画的方法。

2.2  能力目标

（1）具备互联网时代下，网站开发行业的新方向、新技术的感知和学习能力；

（2）具备网页设计中Dreamweaver、Photoshop、Flash三大软件的使用能力；

（3）具备网页顶层设计、页面布局、丰富页面内容的能力；

（4）具备网页图像处理、网页美化、审美的能力；

（5）具备页面动画设计、制作、应用的能力；

（6）具备制作各种企业、门户、电商类网页的能力。

2.3  素质目标

（1）具有勤奋学习的态度，严谨求实、创新的工作作风，以及良好的敬业精神和创新精神；

（2）具有良好的心理素质和职业道德素养；

（3）具有高度责任心和良好的团队合作精神，团队协作沟通能力；

（4）具有科学思维方式和一定的唯物辩证法思想；

（5）具备搜集资料、阅读资料、利用资料的能力，以及自学能力；

（6）具有较强的网页设计创意思维、艺术设计素质。

3．课程内容与教学要求

本课程共分为11个项目，45个任务，共56学时。具体安排如下表所示：

所用 教材	课程内容		教学建议与说明	学时分配
《Dreamweaver+Photoshop+Flash网页制作三合一案例教程》	项目一 网页制作与网站建设基础知识	任务一  认识网页和网站 任务二  网页制作与网站开发 常用技术 任务三  网站建设基本流程	问答法、讨论法、讲授法、项目式教学法	2	2
	项目二 Dreamweaver CS5基本操作	任务一  认识Dreamweaver CS5工作界面 任务二 站点基本操作 任务三 网页文档基本操作	问答法、讨论法、讲授法、项目式教学法	2	2
	项目三 设置网页内容	任务一 网页基本设置 任务二 输入文本并设置格式	问答法、讨论法、讲授法、项目式教学法	2	6
		任务三  应用图像 任务四  应用动画和多媒体文件	问答法、讨论法、讲授法、项目式教学法	2
		任务五  设置超链接 任务六  应用行为	问答法、讨论法、讲授法、项目式教学法	2
	项目四 使用表格构建网页布局	任务一  创建并选择表格 任务二  设置表格和单元格属性	问答法、讨论法、讲授法、项目式教学法	2	4
		任务三  表格的高级应用 项目实训——制作“蝶舞”网站主页	问答法、讨论法、讲授法、项目式教学法	2
	项目五 使用CSS与Div设置网页样式与布局	任务一  认识Div 任务二  认识CSS	问答法、讨论法、讲授法、项目式教学法	2	6
		任务三  在Dreamweaver中应用CSS 任务四  设置CSS样式属性（上）	问答法、讨论法、讲授法、项目式教学法	2
		任务五  设置CSS样式属性（下） 项目实训——构建“茶文化”网站子页	问答法、讨论法、讲授法、项目式教学法	2
	项目六 使用Photoshop CS5制作网页素材（上）	任务一  认识Photoshop 任务二  调整图像大小	问答法、讨论法、讲授法、项目式教学法	2	4
		任务三  调整图像色彩与色调 任务四  创建选区 项目实训——制作婚纱广告	问答法、讨论法、讲授法、项目式教学法	2
	项目七 使用Photoshop CS5制作网页素材（下）	任务一  绘制与修饰图像	问答法、讨论法、讲授法、项目式教学法	2	6
		任务二  填充图像 任务三  图层基本操作	问答法、讨论法、讲授法、项目式教学法	2
		任务四  应用图层样式 项目实训——制作电器广告条	问答法、讨论法、讲授法、项目式教学法	2
	项目八 使用Photoshop CS5制作网页效果图	任务一  输入和设置文本	问答法、讨论法、讲授法、项目式教学法	2	4
		任务二  创建与编辑切片 任务三  图像的优化与输出	问答法、讨论法、讲授法、项目式教学法	2
	项目九  使用Flash CS5制作网页动画素材	任务一  认识Flash CS5	问答法、讨论法、讲授法、项目式教学法	2	8
		任务二  绘制和调整线条 任务三  绘制和变形几何图形	问答法、讨论法、讲授法、项目式教学法	2
		任务四  设置图形的填充和轮廓	问答法、讨论法、讲授法、项目式教学法	2
		任务五  使用文本 任务六  导入和应用外部图像	问答法、讨论法、讲授法、项目式教学法	2
	项目十  使用Flash CS5创建网页动画	任务一  认识图层和帧	问答法、讨论法、讲授法、项目式教学法	2	8
		任务二  应用元件	问答法、讨论法、讲授法、项目式教学法	2
		任务三  制作补间动画	问答法、讨论法、讲授法、项目式教学法	2
		任务四  制作高级动画 任务五  导出与发布Flash动画	问答法、讨论法、讲授法、项目式教学法	2
	项目十一  制作酒店网站首页	任务一  在Photoshop中制作网站首页效果图 任务二  在Flash中制作动画广告条	问答法、讨论法、讲授法、项目式教学法	2	4
		任务三  在Dreamweaver中进行网页排版制作 项目实训——制作网站子页	问答法、讨论法、讲授法、项目式教学法	2
	机动			2
总计				56

4．课程实施

4.1  教学条件

（1）基础条件

我校十分注重建设和完善软、硬件教学设施，如多媒体教室、微机实验室、网络教学平台、网络数据库等。

（2）师资条件

担任本课程的主讲教师具备扎实的理论基础，熟悉学院实训环境，具有较强的实训管理经验，有一定的实践操作能力，能够将理论知识与实践任务有机结合起来。组织教学能力方面，教师具备基本的课程设计能力，能够制定详细的授课计划，对每一堂课的教学过程精心设计，具有较强的施教能力、课堂掌握能力和应变能力。

4.2  教学方法建议

本课程主要培养学生动手实操能力，要求学生自己动手分析实例，采用项目式教学法、讲授法、讨论法、问答法等多种方法，努力让学生掌握所学知识，并达到熟练运用，所有任务都能亲自动手完成。

通过项目式教学法，以任务需求来带动教学，每次课都有相应的任务和问题，让学生来完成，培养学生分析问题、解决问题和思考问题的习惯，增强学生实践操作能力。

通过讲授法，让学生学习基本理论和方法。结合已有的知识，适当组织一些讨论，充分调动学生的主观能动性。通过问答法，回顾所学知识内容，引导学生思考问题的方式和方法，增强学生上课的专注度。

适当增加迭代教学，把重要的知识、思想、经验在课程中反复涉及到，但每次涉及到这些内容时又不是简单地重复，而是在回顾原有的内容的基础上做进一步地深入和升华，既强化了记忆和理解，又拓展了新的视野，深化了理解。

教师在教学过程中，可根据自己班级学生的实际情况，灵活选用教学方法，找到适合自己学生的方法，争取让每位学生都能自己动手完成本课程的所有项目。

4.3  教学评价与考核要求

课程的教学评价由形成性测评（40%）和终结性测评（60%）组成，其考核要求如下：

4.3.1  形成性测评

形成性测评考核学生在学习本课程过程中的学习情况和实际应用能力的发展情况，包括违纪考核（20%）、知识掌握情况考核（30%）、工作任务完成情况考核（50%）等。

（1）违纪考核

本项考核通过课前点名、上课纪律考核学生的课堂出勤率。上课迟到扣5分，上课吃东西扣5分，上课玩手机扣5分，其他扰乱课堂秩序的行为扣5分。

（2）知识掌握情况考核

本项考核主要通过在课堂上对学生学习态度，课堂发言，课堂参与度，问题分析和解决能力，所学知识点，项目实施过程。每次考核划分为优秀（30分）、良好（25分）、中等（15分）、及格（10分）和不及格（5分）五个档次。最后考核成绩为学生每次任务成绩的平均数。

（3）工作任务完成情况考核

本项考核主要通过学生对任务的解读能力、软件使用的能力、排查错误的能力、任务完成情况等，来检测其知识掌握情况、自主学习能力、团队协作能力，动手操作能力。每次工作任务完成情况按照相应标准而定，划分为优秀（50分）、良好（40分）、中等（30分）、及格（15分）和不及格（5分）五个档次。最后考核成绩为学生每次任务成绩的平均数。

4.3.2  终结性测评

终结性测评主要考核学生在学完本课程后所达到的水平，通过期末考试进行考核。期末考试由闭卷笔试（60%）组成，主要评估学生对本门课程基本知识的掌握情况与综合运用能力。

5．课程资源开发与利用

5.1  教材使用

（一）建议教材

李一龙，罗慧华，聂书志．Dreamweaver+Photoshop+Flash网页制作三合一案例教程（CS5）［M］．北京：航空工业出版社，2020．

（二）参考书目

［1］刘中华，潘凯华．PHP项目开发案例全程实录［M］．北京：清华大学出版社，2011．

［2］Luke Welling，Laura Tomson．PHP和MySQL Web开发［M］．北京：机械工业出版社，2012．

［3］赵健保，许统德，刘琳．网站建设教程［M］．北京：人民邮电出版社，2011．

［4］陈长顺．网站建设与管理［M］．北京：中国铁道出版社，2010．

5.2  网络资源

课程学习网站文旌课堂https://www.wenjingketang.com/，为学生提供集图、文、声、像于一体的自主学习网络平台。在教学过程中综合利用该平台，进行灵活的信息化教学。包括在线上进行随堂测试、期末考试、评分等。还有大量的图书、云课程可供学生进行拓展性学习，有利于学科交叉，为学生营造良好的线上学习园地。