论文部分内容阅读
摘要 《网页设计与制作》是一门实践性很强的课程，在教学过程中如何整合教学内容，运用有效的教学方法，使学生在课程中激发学习兴趣，提高自主学习的能力，学到更多的相关知识，是这门课程的关键所在。笔者主要从课程特点、教学内容和教学方法三个方面进行探讨。
关键词 网页设计 教学内容 任务驱动
《网页设计与制作》课程是高等院校计算机及相关专业的一门核心职业课程。随着网络的日益普及和推广，当今社会对掌握计算机网页设计与制作的应用型人才的需求不断增大。对人才质量的要求也越来越高。面对竞争日趋激烈的就业环境，如何上好《网页设计与制作》课程，提高教学质量和学生素质来适应社会需求，是需要积极思考的一个问题。笔者根据这几年的教学实践经验，从以下方面谈一谈自己在授课过程中的一些体会，与大家探讨。
一、课程特点
《网页设计与制作》是一门操作性和实践性很强的课程，而且涉及个人审美观、图像处理、文字版面排版等综合技能。其一方面要求学生具备基本的页面分析和设计能力，另一方面要求学生熟练掌握网页制作软件的基本操作，同时还要学生具有解决具体问题的实践能力，能够将基本操作综合运用到具体项目中去。网页设计与制作作为一种专业技能，而不是作为一门孤立的课程而存在的，它要靠多门学科知识给予支撑，比如图形图像的处理、FLASH动画的制作等。通过对我院电子商务专业课程体系的认真分析，本课程是深入学习《网络编程》、《电子商务网站运营》等后续课程的基础课程，故而将课程定位在客户端静态网页制作技术，根据课程“基于能力培养、强调动手实践、偏重美工设计”的特点提炼出课程定位的三个层次：了解网页制作的基本流程、掌握网页设计的基本技术、培养开拓创新思维。在授课过程中首先应以欣赏和分析为主，主要是对国内外的一些知名网站进行整体赏析，介绍这些站点在版面设计方面如何做到布局、色彩搭配方面的合理统一，如何通过图片来使得网站更加锦上添花，如何在做到与众不同的同时，又被广大浏览者所认可。
二、教学内容
教学内容的选取应能适应行业技术发展，体现技术的先进性、前瞻性和延续性。教学内容应以就业为导向，以能力为本位，将学生日后就业可能遇到的问题纳入到教学内容中，提高教育与培训的针对性和适应性，突出学以致用。按照网页设计与制作的教学大纲以及培养目标，本课程的教学内容主要包含以下几个模块：
1 网页制作软件
一般的网页制作课程都可分为Dreamweaver、Flash和Fireworks三大部分，通常称之为“网页制作三剑客”。由于课时的关系，教师讲课不可能面面俱到；按照传统的教学安排，首先讲解Dreamweaver，然后是FLASH，最后是Fireworks，但是网页的制作是多软件共同协作的过程，因此，按照传统的教学方式会导致学生跨越太长时间学习某一软件而无法真正做出一个成品网页来，进而打击学生的学习积极性。笔者认为，在教学的过程中，可以对教学内容作适当的调整：在重点概括讲授Dreamweaver之后，可先穿插学习利用Fireworks来制作图片、处理图片，以及学习用Flash来制作简单Flash动画，最后依然回到Dreamweaver的学习上，此时可以游刃有余地将三大部分的知识相结合，综合前面所学的图片、动画知识制作出预想的网页来。在这个学习过程中，学生心中始终有一个自己理想的网页目标，通过学习，将这个目标一步步实现。如此，可大大增加学生学习的信心，更使之对网页设计与制作课程始终保有浓厚的兴趣。
2 HTML语言基础
《网页制作》虽是一门技术性和实践性很强的课程，但HTML语言是构成网页最基本的要素。虽然现在很多网页制作软件如Dreamweaver等功能非常强大，可以在“所见即所得”的环境下实现网页的设计，不需要用HTML语言来直接编写网页，但是在网页调整和修改过程中有的时候需要通过对HTML源代码进行操作，才能达到预期的效果，并且将来学生学习后续课程——动态网页制作的开发都是把脚本语言嵌入到HTML文档中。所以，笔者认为有必要在每一章节结束时花一定的时间让学生了解相关元素HTML语言的规则及使用。当然，学生在开始学习HTML语言的时候可能会感觉到枯燥，没有成就感，但通过慢慢的学习渗透，他们就会发现用普通记事本就能编写出精美的网页，其乐无穷，从而会促进他们从“被动学”转化为“主动学”。
3 CSS样式表
制作网页，除了需掌握上面提到的HTML语言和工具软件之外，还需要掌握CSS设置页面元素的格式，美化页面。CSS(层叠样式表)可以精确进行网页布局，设置特定的格式，实现HTML标记本身无法实现的格式，而且使用CSS可提高网页制作的效率，使网页代码简练，网页风格统一，这在网页设计中是必不可少的。
三、教学方法
传统的教学方法是老师按照课本的章节，依次给学生进行讲授，导致的结果就是到课程结束的时候，学生可能会完成每一个知识点的操作，但是却无法制作出一个真正意义的网站来。而任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣及动机。教师应创建真实的教学情境，让学生带着真实的任务去学习，以使学生拥有学习的主动权，掌握网站设计与网页制作的知识与技能，培养学生的计算机综合应用能力和解决实际问题的能力。
如，在做《网页设计与制作》这门课程的第一次实验时，教师可以推荐一些富有特色的网站供学生欣赏，将学生带人真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务——建设一个完整的网站；然后针对课程中每一部分的知识点，将总体任务细分为若干大任务(如文本、图像、链接、表格、框架、css样式、层时间轴、模板和库等)；再将这些大任务进一步细分为一些小任务，让学生了解建设网站的一般程序和方法；而后，通过布置一个学习任务(网站作品)，使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标。这样，当对所有知识点的学习完成时，一个完整的网站作品也随之完成。这种教学方法能极大地激发学生学习的兴趣，当然，也就让学生更好地掌握所学知识。
关键词 网页设计 教学内容 任务驱动
《网页设计与制作》课程是高等院校计算机及相关专业的一门核心职业课程。随着网络的日益普及和推广，当今社会对掌握计算机网页设计与制作的应用型人才的需求不断增大。对人才质量的要求也越来越高。面对竞争日趋激烈的就业环境，如何上好《网页设计与制作》课程，提高教学质量和学生素质来适应社会需求，是需要积极思考的一个问题。笔者根据这几年的教学实践经验，从以下方面谈一谈自己在授课过程中的一些体会，与大家探讨。
一、课程特点
《网页设计与制作》是一门操作性和实践性很强的课程，而且涉及个人审美观、图像处理、文字版面排版等综合技能。其一方面要求学生具备基本的页面分析和设计能力，另一方面要求学生熟练掌握网页制作软件的基本操作，同时还要学生具有解决具体问题的实践能力，能够将基本操作综合运用到具体项目中去。网页设计与制作作为一种专业技能，而不是作为一门孤立的课程而存在的，它要靠多门学科知识给予支撑，比如图形图像的处理、FLASH动画的制作等。通过对我院电子商务专业课程体系的认真分析，本课程是深入学习《网络编程》、《电子商务网站运营》等后续课程的基础课程，故而将课程定位在客户端静态网页制作技术，根据课程“基于能力培养、强调动手实践、偏重美工设计”的特点提炼出课程定位的三个层次：了解网页制作的基本流程、掌握网页设计的基本技术、培养开拓创新思维。在授课过程中首先应以欣赏和分析为主，主要是对国内外的一些知名网站进行整体赏析，介绍这些站点在版面设计方面如何做到布局、色彩搭配方面的合理统一，如何通过图片来使得网站更加锦上添花，如何在做到与众不同的同时，又被广大浏览者所认可。
二、教学内容
教学内容的选取应能适应行业技术发展，体现技术的先进性、前瞻性和延续性。教学内容应以就业为导向，以能力为本位，将学生日后就业可能遇到的问题纳入到教学内容中，提高教育与培训的针对性和适应性，突出学以致用。按照网页设计与制作的教学大纲以及培养目标，本课程的教学内容主要包含以下几个模块：
1 网页制作软件
一般的网页制作课程都可分为Dreamweaver、Flash和Fireworks三大部分，通常称之为“网页制作三剑客”。由于课时的关系，教师讲课不可能面面俱到；按照传统的教学安排，首先讲解Dreamweaver，然后是FLASH，最后是Fireworks，但是网页的制作是多软件共同协作的过程，因此，按照传统的教学方式会导致学生跨越太长时间学习某一软件而无法真正做出一个成品网页来，进而打击学生的学习积极性。笔者认为，在教学的过程中，可以对教学内容作适当的调整：在重点概括讲授Dreamweaver之后，可先穿插学习利用Fireworks来制作图片、处理图片，以及学习用Flash来制作简单Flash动画，最后依然回到Dreamweaver的学习上，此时可以游刃有余地将三大部分的知识相结合，综合前面所学的图片、动画知识制作出预想的网页来。在这个学习过程中，学生心中始终有一个自己理想的网页目标，通过学习，将这个目标一步步实现。如此，可大大增加学生学习的信心，更使之对网页设计与制作课程始终保有浓厚的兴趣。
2 HTML语言基础
《网页制作》虽是一门技术性和实践性很强的课程，但HTML语言是构成网页最基本的要素。虽然现在很多网页制作软件如Dreamweaver等功能非常强大，可以在“所见即所得”的环境下实现网页的设计，不需要用HTML语言来直接编写网页，但是在网页调整和修改过程中有的时候需要通过对HTML源代码进行操作，才能达到预期的效果，并且将来学生学习后续课程——动态网页制作的开发都是把脚本语言嵌入到HTML文档中。所以，笔者认为有必要在每一章节结束时花一定的时间让学生了解相关元素HTML语言的规则及使用。当然，学生在开始学习HTML语言的时候可能会感觉到枯燥，没有成就感，但通过慢慢的学习渗透，他们就会发现用普通记事本就能编写出精美的网页，其乐无穷，从而会促进他们从“被动学”转化为“主动学”。
3 CSS样式表
制作网页，除了需掌握上面提到的HTML语言和工具软件之外，还需要掌握CSS设置页面元素的格式，美化页面。CSS(层叠样式表)可以精确进行网页布局，设置特定的格式，实现HTML标记本身无法实现的格式，而且使用CSS可提高网页制作的效率，使网页代码简练，网页风格统一，这在网页设计中是必不可少的。
三、教学方法
传统的教学方法是老师按照课本的章节，依次给学生进行讲授，导致的结果就是到课程结束的时候，学生可能会完成每一个知识点的操作，但是却无法制作出一个真正意义的网站来。而任务驱动教学是建立在一定理论基础上的一种教学模式，它强调学生的学习活动必须与任务相结合，以问题的探索来引导和维持学习者的学习兴趣及动机。教师应创建真实的教学情境，让学生带着真实的任务去学习，以使学生拥有学习的主动权，掌握网站设计与网页制作的知识与技能，培养学生的计算机综合应用能力和解决实际问题的能力。
如，在做《网页设计与制作》这门课程的第一次实验时，教师可以推荐一些富有特色的网站供学生欣赏，将学生带人真实的学习情境中去，激发他们学习的热情，同时引导他们去思考如何建设网站、设计网页，由此确定课程的总体任务——建设一个完整的网站；然后针对课程中每一部分的知识点，将总体任务细分为若干大任务(如文本、图像、链接、表格、框架、css样式、层时间轴、模板和库等)；再将这些大任务进一步细分为一些小任务，让学生了解建设网站的一般程序和方法；而后，通过布置一个学习任务(网站作品)，使学生迫切感受到课程要求与自己现有认知结构的关系和差异，进而明确学习活动的方向和要达到的目标。这样，当对所有知识点的学习完成时，一个完整的网站作品也随之完成。这种教学方法能极大地激发学生学习的兴趣，当然，也就让学生更好地掌握所学知识。