课程标准

一、 基本信息

《Dreamweaver网页设计》课程是计算机应用专业、计算动漫专业和计算机网络专业的必修基础课之一。与其他骨干课程一起共同构成学生在计算机应用和相近的行业岗位就业所应具备的知识和技能。本课程的主要内容包括：利用Dreamweaver开发工具进行网页设计，包括新建置一个Web站点；如何对页面属性进行基本的设置，如何设置、编辑CSS层叠式样排版文字、表格和层；如何进行基本的图像处理；建立框架；模板和库的使用和编发布与维护等基本知识与应用，使学生掌握网站的开发技能。本课程的前导课程包括：《图形图像处理技术》、《flash动画制作》、《计算机应用基础》等。

二、编写说明

（一）课程的性质

本课程贯穿了“以职业岗位作业流程为导向”、“以学生为中心”、“以职业能力为课程核心”等先进的教学理念，不断更新教学理念、创新教学方法。在教学过程中，教师应注重培养学生的学习能力，充分提高学生的学习兴趣、学习主动性，使学生变被动学习为自主学习，为自己将来能较好地胜任工作而努力学习理论知识、训练操作技能、提高学习能力。

本课程以职业能力培养为主线、以工作过程为导向、以岗位需求为目标构建合理的教学体系。基于工作过程，对知识点重新排序，按完成工作任务的顺序进行教学。为学生毕业后从事网站美工、网页设计 、网站编辑管理、维护以及WEB应用开发方面的工作奠定坚实的基础。

（二）课程教学目标和基本要求 1.总目标

通过本课程的学习，学生能够掌握Dreamweaver的使用方法，学会使用Dreamweaver制作Web网页的技术，能自行设计各种网页、开发一定规模的网站。

同时，也要注重培养学生可持续发展能力，培养学生网页设计基本知识的同时，培养学生诚实、守信、善于沟通和合作的团队意识。并通过理论、实践相结合的教学方式，把学生培养成为具有良好职业道德的、具有网页设计理论和实践能力的高素质高技能型人才，以适应市场对网页设计方面人才的需求。

2.具体目标 （1）知识目标

1.熟练掌握网页制作软件Dreamweaver 的基本操作和使用技能； 2.掌握页面的整体控制和头部内容设置的方法；

3.熟练掌握在网页中输入、设置标题和正文文字的方法； 4.熟练掌握在网页中插入图像、flash动画、背景音乐的方法； 5.掌握建立各种形式超级链接的方法； 6.熟练掌握网页页面布局的各种方法；

7.掌握规划网站的内容结构、目录结构、链接结构的方法； 8.掌握表单网页制作方法； 9.掌握网页特效的制作方法； 10. 掌握网站发布和测试的方法。

（2）能力目标

1、培养学生收集、处理信息以及准备、加工素材的能力； 2、培养学生制作静态网页的能力； 3、培养学生设计网页、网页布局的能力； 4、培养学生设计网站的综合能力；

5、培养学生的策划能力、色彩感悟力、结构布局能力和想象力；

6、训练和培养学生获取信息和处理信息的能力，充分培养和提高学生的动手能力； 7、学会通过网站、书籍、素材光盘等方式收集所需的文字资料、图像资料、flash动画和网页特效等；

8、培养学生运用所学的理论知识和技能解决网站开发过程中所遇到的实际问题的能力及其基本工作素质。

（3）情感目标

1、培养学生的沟通能力和协作精神； 2、培养学生勤于思考、认真做事的良好作风； 3、培养学生勇于创新、敬业乐业的工作作风； 4、培养学生具有良好的职业道德和较强的工作责任心； 5、培养学生自主学习能力和知识应用能力；

6、培养学生理论联系实际的工作作风、严肃认真的科学态度以及工作的能力； 7、训练和培养团队协作精神和共同开发网站的综合能力。

（三）课程的重点和难点

教学重点：DIV在网页当中的布局功用和设计技巧

教学难点：CSS与DIV对网页整体的美化与网页本身的整体构图与美术设计。 （四）课程教学方法与手段 1.课堂讲授 （1）教学方法

Dreamweaver课基本上是一门以培训实际操作能力为主的专业课程，讲课当中应以精讲多练为原则，加强实践环节。主要采用讲练结合，以练习为主，及时考核，及时纠正，互动提高，针对不同内容模块灵活多样地务实地逐步展开。学

生每人都有自己不同的设计想法，在教师的统一指导下，让不同的学生都能把自己的设计想法做出来，用精美的网页来体现。有机会多组织学生观看好的网页作品，多收集各种比赛素材给学生模拟比赛，通过比赛锻炼学生的实际动手能力。

第1个阶段，案例引入，提出问题。

通过案例演示，提出问题，给出知识点，讲解案例应用背景，给学生一个切入点，建立感性认识。目的是激发学生的学习兴趣、让学生感到学有所用，从而明确本次课的教学目标。

第2个阶段，学生自主学习，尝试解决问题。

充分利用我校以及互联网网络教学资源，引导学生自主学习，找到解决问题的方法和操作技能，培养学生的自主学习意识和学习方法。学生在学习和尝试解决问题过程中，发现问题，提出问题，在问题的引导下学习相关的知识和操作技能。

第3个阶段，归纳总结，引申提高。

在每次课结束前，引导学生进行归纳总结。对本次课的实际意义、重点、难点、容易出错处等及时进行总结。并针对案例的不足之处，进行引申和提高。注意在这个阶段，强调的是“引导”学生，而不是老师讲解。

第4个阶段，举一反三、学以致用。

案例源于生活，最终要应用于生活。为了使学生能学以致用、举一反三、触类旁通，每次教学结束时及时布置相关的课后练习，使学生在课后进一步复习巩固，并且将课后作业纳入形成性考核的内容之一。同时给出下一次课的学习内容，提示学生预习。

（2）教学手段

教学中根据实际需要可以采用电子演示文稿、大屏幕多媒体联机演示、网络教学等各种先进的教学手段，使课堂教学生动活泼、引人入胜，提高教学效果，同时提高教学效率。包括：利用多媒体教学系统广播教学。把学生的共同问题（需要提示的重点）通过“广播教学”，边讲边演示，使学生即时看到操作效果；利用网络将课堂教学延伸到课外，学生根据需要通过网络学习有关的内容。教师的课件和教学用资料都已都上传到教学资源下载中心，方便学生课外学习和复习。 （3）教学辅助资料

将课程中的重点、难点做成动态课件，加深学生对这些难点重点的理解，将课件发布在学校数字化教学平台，该平台具有多项功能，特别设计了师生互动交流平台，便于教师及时掌握学生的学习情况。分利用网络、光盘上的公共教学资源，扩大学生的视野，提高学生的学习兴趣。

2.实践教学

实践要求：以实际操作为主，即学即用，成绩积累，综合评价，具体办法设想如下：

（1）每次任务结束后即进行现场考核，学生各自完成任务，教师针对相应任务完成情况给出成绩作为平时作业成绩。

（2）全部学习内容完成后，总成绩根据各次考核的结果结合纪律因素，期末课程作品等综合评出。

（3）命题以基本、全面、实际为原则，联系实际生活进行统一命题。 （4）总成绩比重分配：站点设计及超级链接20%，基本操作20%，图片及多媒体30%，行为应用及表单20%，网页配色10%。

平时应注重改革考核手段和方法，可通过课堂提问、学生完成作业、平时测验、实训设计及考试、学习态度等情况，综合评价学生成绩。对于能力考核，也可通过实际操作、答辩等形式确定。对在学习和应用上有创新的学生应特别给予鼓励。

3.作业、答疑和质疑 （1）作业：

项目一：了解Dreamweaver的工作界面 项目二：了解Dreamweaver层的概念和关系 项目三：创建本地虚拟站点 项目四：文档、文本和链接 项目五：Web图像 项目六：表格 项目七：表单 项目八：插入其他对象 项目九：HTML样式和CSS样式 项目十：网页制作简单案例 项目十一：网站构建与发布 项目十二：模板和库

项目十三：源代码相关功能及行为 项目十四：网页发布 （2）答疑和质疑：

项目一：Dreamweaver工作界面窗口的改变？

项目二：Dreamweaver的图层概念与Photoshop、flash中图层的相同点是什

么？不同点是什么？

项目三：创建站点的重要性？

项目四：超级链接中的相对路径与绝对路径的区别？ 项目五：图像各种格式的优缺点？ 项目六：使用表格的局限性是什么？ 项目七：表单在网页中的应用有哪些？

项目八：网页中可以插入的对象种类都有哪些？ 项目九：HTML的语法规则，使用CSS的禁忌有哪些？ 项目十：在设计案例时如何搭配网站的色彩？ 项目十一：网站构建与发布的准备工作有哪些？ 项目十二：如何制作和使用网站的模板？ 项目十三：怎么改变源代码的效果？ 项目十四：网页发布的技巧？ （五）实践环节 1. 课程实践主要内容与要求 序号 工作任务 知识内容与要求 了解Dreamweaver的工作界面 1 基础知识 了解Dreamweaver层的概念和关系 了解本地虚拟站点知2 创建本地虚拟站点 识 理解创建本地虚拟站点的方法 了解文档、文本 3 文档、文本和链接 掌握层的相关操作 能熟练创建本地虚拟站点 能熟练创建本地虚拟站点 能熟练操作插入文档、文本 掌握文档、文本的链接 4 Web图像 理解Web图像 能熟练文档、文本的链接 能熟练进行素材图像处理 理解Photoshop中的图像技术的方法 能熟练使用技能内容与要求 操作Dreamweaver工作界面 5 Photoshop中的图像技术应用 Photoshop对图像进行编辑 了解表格的插入 能熟练操作表格的插入 6 表格 掌握表格的编辑 能熟练操作表格，在Dreamweaver中运用表格技术制作网页 了解框架的建立 7 框架 能熟练操作框架的插入 掌握框架应用 能熟练操作使用Dreamweaver的框架技术制作网页 8 表单 了解表单的创建 能熟练操作表单的插入 掌握插入其他对象 能熟练操作各种对象的插入 掌握HTML样式和CSS样式的运用 了解模板的应用 11 模板和库 掌握库的使用 12 源代码相关功能及行为 网页发布 了解源代码的功能及语言 使用CSS+DIV改变网页外观 能熟练操作运用已有模板 能熟练操作库的使用 掌握源代码相关功能及行为知识 9 插入其他对象 HTML样式和CSS样式 10 13 掌握网页发布的流程 能熟练操作完成网页发布 2.学时分配： 192学时。 （六）教学时数分配表 《 Dreamweaver网页设计 》教学时数分配表 教学内容 章节 1 基础知识 2 创建本地虚拟站点 3 文档、文本和链接 4 Web图像 5 Photoshop中的图像技术应用 6 表格 7 框架 8 表单 9 插入其他对象 10 HTML样式和CSS样式 11 源代码相关功能及行为 12 综合实训 各教学环节学时分配 讲授 0 实训 4 4 8 4 16 32 16 16 8 32 16 32 其它（机动） 0 小 计 4 4 8 4 16 32 16 16 8 32 16 32 主要内容 备注 192 192 备注：合计的总课时要与“一、基本信息总课时”一致、与教学进程表里面的课时一致。 （七）本课程与其它课程的联系 网页制作课是以网络三剑客（Photoshop,flash,dreamweaver）为主要工具，以网络编程语言和数据库为手段，以培养学生制作网页、发布网站为主要目的的必修课程，是技工院校电子商务专业课程体系的重要组成部分，是实施素质教育和培养德智体美全面发展的高素质劳动者和技能型人才不可缺少的重要课程。 合计 （八）教材与主要参考书 选用教材《网页设计与制作DreamweaverCS3》，出版社：凤凰传媒出版集团，主编：刘红梅。ISBN：978-7-5343-9633-5. 主要参考书：Dreamweaver+Photoshop+Flash网页设计课堂实录》 刘贵国 《完全实例自学Dreamweaver CS5+ASP+Access动态网页制作》 唯美科技工作室 《Dreamweaver+Flash+Photoshop网页设计从入门到精通》 《零基础学Dreamweaver CS3+ASP》

邓佑权 吕洋波

李东博

（九）实施建议或说明

针对具体的教学内容和教学过程，采用项目教学方法、情景教学法、案例教学法、任务驱动教学法等。本课程采用多元性的评价，结合课堂提问、课程作业、学生互评、项目答辩等方式，对学生项目完成情况进行考核

本课程为计算机应用专业、动漫专业、计算机网络专业必修课。 考核形式: 过程考核 评价办法：

学习态度--根据作业完成情况、学生出勤情况，由教师综合评定学生的学习态度得分。 （10%）

单元实践--根据学生实践情况、由学生自评、他人评价和教师评价相结合的方式评定成绩。 （20%）

综合--由教师根据学生项目完成程度进行评分。 （40%） 项目答辩--由教师对学生进行答辩，根据答辩表现评分 （30%） 教学建议：

可将课堂教学与实验教学相结合，充分利用现代教育手段、网络平台，校内实训与校外工程实践相结合等多元化的教学手段。