论文部分内容阅读
摘要：高职院校《网页设计与制作》课程要从教学目标、课程内容、考核方式等方面进行合理的设计，并运用以项目为载体、以任务驱动为教学方法调动学生学习的积极性，充分发挥教师的引导作用和学生的能动作用。
关键词：高职院校；计算机专业；《网页设计与制作》；教学设计
中图分类号：G642
文献标识码：A
文章编号：1009-0118（2013）03-0159-02
一、高职院校《网页设计与制作》课程的学习目标
高职院校《网页设计与制作》课程旨在培养计算机网页前台设计工作人员，并为学生学习动态网页的制作打下基础。因此，高职院校《网页设计与制作》课程应以行业需求确定专业培养目标，以职业能力为目标实施教学活动，以学生为中心组织教学过程，以灵活的教学方法和考核方法评价教学效果，并突出能力和应用目标。
学习完本课程后，学生能较为熟练地运用HTML语言基本知识；利用Dreamweaver软件进行网站的创建、网页的布局、网页的编辑等；能够对企业建站项目进行策划、建设、维护和管理，能独立设计各类网站，并且通过学习可以获得从事网页编辑、网站策划、网络美工创作、动漫设计、信息编辑、网络广告设计等工作的相应技能。
二、高职院校《网页设计与制作》课程教学设计的思路
高职院校《网页设计与制作》课程的教学设计遵循“3+2”原则，“3”指的是：（1）以学生为主体培养学生的职业能力目标；（2）项目任务为载体训练职业岗位能力；（3）理论与实践相结合的课程设计。“2”指的是：（1）某些课程教学内容（如德育、外语内容等）必须“渗透”到全校所有课程中去，而不能依赖集中上课的形式；（2）对于职业能力中的“核心能力”，如自学能力、与人交流能力、与人合作能力、解决问题能力、信息处理能力、创新能力、数字应用能力、外语应用能力等，也必须要“渗透”到所有课程中去，而不能仅依赖集中讲授等方式。
从《网页设计与制作》课程以往的教学情况来看，学生在学习完这门课程后虽能掌握基本的理论知识，但在实际应用中，作品的利用率不高，一方面表现在网页的内容定位上，另一方面则表现在网页色彩的使用上。为此，教师在进行教学设计时，应以一个实际的项目为载体，将这一整体项目分解成若干小任务，以每一个小项目为一个学习任务，并贯穿在教学中。当每一个小项目完成后，一个知识点随之掌握，最终让学生学会运用所学的本课程知识进行网页的整合。
在课程编排上，教师应首先给学生讲解《网页设计与制作》课程的学习思路和需要完成的项目要求及目标，接着让学生学习如何使用Dreamweaver软件搭建所需的网页框架，并利用相关网页设计软件制作网页中所用的图形图像和动画，然后回到Dream-weaver软件的学习中完成网页的链接和美化，最终实现整个网页的制作。
课程实施时，教师应首先向学生展示已经完成的项目案例激发学生渴求知识的积极性，让学生去感受这些网页的风格，接着应介绍本次项目网页制作的要求，确定该主网页的基本框架、内容，子网页的框架、内容以及色彩要求，然后再让学生学习网页制作的具体内容。网页制作的具体内容主要包括三部分，第一是使用Dreamweaver软件搭建主页框架和插入网页元素，该知识点学习完成后，要求学生能够搭建出主网页和各子网页的框架，并留出网页元素的空间；第二可以学习能够实现效果的内容；最后利用网页设计与制作的辅助软件对整个网页所需的动态图片、LO-GO、导航等进行合理的设计以达到一定的协调性。学习完这三部分后，每一个子网页就已成形，但各网页之间还没有相互链接，然后再回来学习使用Dreamweaver软件将各网页链接起来，形成完整的网页，适当的也可以利用DIV+CSS对整个网页再次优化。
三、高职院校《网页设计与制作》课程教学设计的内容
（一）教学目标的设计
教师可以将《网页设计与制作》课程分为三大模块：运用Dre-amweaver软件搭建网页；运用辅助软件对网页中所需的素材进行设计和处理；网页美化，并分别确定以下三大目标：
1、能力目标
这一目标主要有：能够组织和管理网页文件和文件夹；能进行网页布局；能够在网页中插入各种超链接将整个网站链接起来；能插入网页元素；能用Fireworks制作和处理网页中所需的图形图像；能用Fireworks设计制作网页中的主题文字；能用Fire-works制作网页中所需的线条及边框；能够制作网页动画；能够制作网站LOGO；能用Fireworks与Flash软件美化、修饰网页。
2、知识目标
这一目标主要有：掌握Dreamweaver的工作环境、菜单、工具栏的使用方法；掌握新建网站的方法、文档的保存方法；掌握网页的编辑技术；掌握网页超链接的插入和编辑技术；掌握表格、布局表格、单元格、框架、层的辅助定位工具操作；掌握文本、图片、动画、视频的插入、编辑、格式设置的方法；掌握利用Fireworks制作网页中所需图像的操作方法及图像格式转换技术；掌握利用Fire-works设计处理网页中的文字；掌握利用Fireworks制作网页中所需的线条及边框；掌握绘图工具绘制图形的方法；掌握Flash基本动画的制作；掌握引导动画的制作；掌握遮罩动画的制作。
3、素质目标
这一目标主要有：培养学生的敬业精神、团队协作精神；自主学习能力；沟通能力、感悟能力；表达能力、知识应用能力；获取知识能力、自我发展能力、创新能力；责任感、效率观念。
（二）课程内容的设计
教师根据划分的模块可以将整个项目分为四个子项目，每个子项目又分为若干个子任务，以项目案例任务的形式进行教学：搭建网页，处理网页中的图形图像，制作LOGO及广告动画，美化、修饰、集成网页。每个子项目对应的子任务如下： 1、搭建网页
组织和管理网页文件和文件夹；进行网页布局；超链接的制作和编辑；网页元素的插入和编辑。
2、处理网页中的图形图像
制作和处理网页中所需的图形图像；设计制作网页中的主题文字；制作网页中所需的线条及边框。
3、制作LOGO及广告动画
制作网页动画；制作网站LOGO。
4、美化、修饰、集成网页
利用CSS+DIV进行网页美化、修饰；作品展示、评析。
（三）第一次课的设计
1、引入课程，说明课程安排，介绍授课目标和考核要求
（1）优秀网站展示
教师可展示一些国内外著名公司的网站、上一届学生的优秀网页以及与本次项目相关的网站，以引起学生学习的兴趣，然后再引入本课程的学习内容。
（2）介绍本课程的课程安排和学习目标
教师应让学生明白，本课程是计算机专业的核心技术课，Dre-amweaver、Fireworks、Flash软件是网页制作常用的编辑软件，这三个软件在《网页设计与制作》课程中具有重要的作用。《网页设计与制作》课程是集理论性与实践性为一体的学科，分别介绍以上三种软件在网页设计中所担任的角色和任务，明确Dreamweaver是进行网页框架搭建、页面布局、各种网页元素的组合、网页之间链接的软件。
（3）考核要求说明
本课程的考核分为四部分：一是平时的学习态度、考勤（20%）；二是每小组成员完成各子项目的情况（20%）；三是整体项目的完成情况（20%）；四是进行分组形式的答辩（40%）。
2、根据学生以往对软件的掌握，让学生自主进行尝试性练习
这一步主要是让学生从浓厚的学习兴趣状态过渡到对知识的渴求阶段，为新课的学习打下良好的基础。学生在进行尝试性练习时会发现很多问题，如软件不能启动、无法使用工具等。面对这些问题，学生感觉无从下手，这时他们就会产生学习相关知识的渴望。
3、讲授新课
教师在总结学生完成子任务或者在做子任务中遇到的问题，引入新知识点，逐步介绍Dreamweaver软件环境、窗口界面、工具的使用等。
4、学生再次进行实践性练习
在这一步中，学生针对教师的讲解进行正确的练习，并在练习过程中进行知识点的总结。
（四）考核方式的设计
《网页设计与制作》是一门计算机专业的必修课程。为适应该课程培养创新性专业人才的目标需要，在教学过程中，教师应重视理论与实践相结合，注重培养学生运用理论进行观察、分析和解决问题的能力。
为了能准确反映出课堂的教学效果，《网页设计与制作》课程的考核将着重测试学生运用理论解决实际问题的能力。《网页设计与制作》课程的学期总评成绩应以项目答辩、团队协作为主，平时考核为辅的教育教学考核办法来进行。
对于一个整体项目，应从以下几方面进行评价：主页面的设计风格、子页面的制作、网页中的链接和整体效果。要求整体风格统一、主网页及二级页面的布局完善；要求布局合理、美观，文件夹组织有序、标准，文件命名正确、符合行业标准，按要求编辑网页元素和制作网页导航，导航清晰，有一定动态效果。评分时，教师应结合项目答辩的情况、学生平时的操作情况以及作品展示时其他同学的评价给出一个综合分数。
总之，教无定法，重在得法。以项目为载体、以任务为驱动的教学方法对高职院校的学生来说是一种能调动其学习积极性的行之有效的方法，能充分发挥教师的主导作用和学生的能动作用。学生在进行项目设计时，想象的空间大，操作更加灵活，能充分发挥自己的想象，展示自己的思路，从而更主动地参与到教学活动中来，促使学生为完成项目而进行多渠道的自主学习，以扩大学生的知识面，实现个性化、分层次和弹性教学，提高学生解决问题和综合应用知识的能力，培养学生的创新意识，实现学生与工作岗位间的零距离接触，为提高计算机专业学生良性就业打下坚实的基础。
关键词：高职院校；计算机专业；《网页设计与制作》；教学设计
中图分类号：G642
文献标识码：A
文章编号：1009-0118（2013）03-0159-02
一、高职院校《网页设计与制作》课程的学习目标
高职院校《网页设计与制作》课程旨在培养计算机网页前台设计工作人员，并为学生学习动态网页的制作打下基础。因此，高职院校《网页设计与制作》课程应以行业需求确定专业培养目标，以职业能力为目标实施教学活动，以学生为中心组织教学过程，以灵活的教学方法和考核方法评价教学效果，并突出能力和应用目标。
学习完本课程后，学生能较为熟练地运用HTML语言基本知识；利用Dreamweaver软件进行网站的创建、网页的布局、网页的编辑等；能够对企业建站项目进行策划、建设、维护和管理，能独立设计各类网站，并且通过学习可以获得从事网页编辑、网站策划、网络美工创作、动漫设计、信息编辑、网络广告设计等工作的相应技能。
二、高职院校《网页设计与制作》课程教学设计的思路
高职院校《网页设计与制作》课程的教学设计遵循“3+2”原则，“3”指的是：（1）以学生为主体培养学生的职业能力目标；（2）项目任务为载体训练职业岗位能力；（3）理论与实践相结合的课程设计。“2”指的是：（1）某些课程教学内容（如德育、外语内容等）必须“渗透”到全校所有课程中去，而不能依赖集中上课的形式；（2）对于职业能力中的“核心能力”，如自学能力、与人交流能力、与人合作能力、解决问题能力、信息处理能力、创新能力、数字应用能力、外语应用能力等，也必须要“渗透”到所有课程中去，而不能仅依赖集中讲授等方式。
从《网页设计与制作》课程以往的教学情况来看，学生在学习完这门课程后虽能掌握基本的理论知识，但在实际应用中，作品的利用率不高，一方面表现在网页的内容定位上，另一方面则表现在网页色彩的使用上。为此，教师在进行教学设计时，应以一个实际的项目为载体，将这一整体项目分解成若干小任务，以每一个小项目为一个学习任务，并贯穿在教学中。当每一个小项目完成后，一个知识点随之掌握，最终让学生学会运用所学的本课程知识进行网页的整合。
在课程编排上，教师应首先给学生讲解《网页设计与制作》课程的学习思路和需要完成的项目要求及目标，接着让学生学习如何使用Dreamweaver软件搭建所需的网页框架，并利用相关网页设计软件制作网页中所用的图形图像和动画，然后回到Dream-weaver软件的学习中完成网页的链接和美化，最终实现整个网页的制作。
课程实施时，教师应首先向学生展示已经完成的项目案例激发学生渴求知识的积极性，让学生去感受这些网页的风格，接着应介绍本次项目网页制作的要求，确定该主网页的基本框架、内容，子网页的框架、内容以及色彩要求，然后再让学生学习网页制作的具体内容。网页制作的具体内容主要包括三部分，第一是使用Dreamweaver软件搭建主页框架和插入网页元素，该知识点学习完成后，要求学生能够搭建出主网页和各子网页的框架，并留出网页元素的空间；第二可以学习能够实现效果的内容；最后利用网页设计与制作的辅助软件对整个网页所需的动态图片、LO-GO、导航等进行合理的设计以达到一定的协调性。学习完这三部分后，每一个子网页就已成形，但各网页之间还没有相互链接，然后再回来学习使用Dreamweaver软件将各网页链接起来，形成完整的网页，适当的也可以利用DIV+CSS对整个网页再次优化。
三、高职院校《网页设计与制作》课程教学设计的内容
（一）教学目标的设计
教师可以将《网页设计与制作》课程分为三大模块：运用Dre-amweaver软件搭建网页；运用辅助软件对网页中所需的素材进行设计和处理；网页美化，并分别确定以下三大目标：
1、能力目标
这一目标主要有：能够组织和管理网页文件和文件夹；能进行网页布局；能够在网页中插入各种超链接将整个网站链接起来；能插入网页元素；能用Fireworks制作和处理网页中所需的图形图像；能用Fireworks设计制作网页中的主题文字；能用Fire-works制作网页中所需的线条及边框；能够制作网页动画；能够制作网站LOGO；能用Fireworks与Flash软件美化、修饰网页。
2、知识目标
这一目标主要有：掌握Dreamweaver的工作环境、菜单、工具栏的使用方法；掌握新建网站的方法、文档的保存方法；掌握网页的编辑技术；掌握网页超链接的插入和编辑技术；掌握表格、布局表格、单元格、框架、层的辅助定位工具操作；掌握文本、图片、动画、视频的插入、编辑、格式设置的方法；掌握利用Fireworks制作网页中所需图像的操作方法及图像格式转换技术；掌握利用Fire-works设计处理网页中的文字；掌握利用Fireworks制作网页中所需的线条及边框；掌握绘图工具绘制图形的方法；掌握Flash基本动画的制作；掌握引导动画的制作；掌握遮罩动画的制作。
3、素质目标
这一目标主要有：培养学生的敬业精神、团队协作精神；自主学习能力；沟通能力、感悟能力；表达能力、知识应用能力；获取知识能力、自我发展能力、创新能力；责任感、效率观念。
（二）课程内容的设计
教师根据划分的模块可以将整个项目分为四个子项目，每个子项目又分为若干个子任务，以项目案例任务的形式进行教学：搭建网页，处理网页中的图形图像，制作LOGO及广告动画，美化、修饰、集成网页。每个子项目对应的子任务如下： 1、搭建网页
组织和管理网页文件和文件夹；进行网页布局；超链接的制作和编辑；网页元素的插入和编辑。
2、处理网页中的图形图像
制作和处理网页中所需的图形图像；设计制作网页中的主题文字；制作网页中所需的线条及边框。
3、制作LOGO及广告动画
制作网页动画；制作网站LOGO。
4、美化、修饰、集成网页
利用CSS+DIV进行网页美化、修饰；作品展示、评析。
（三）第一次课的设计
1、引入课程，说明课程安排，介绍授课目标和考核要求
（1）优秀网站展示
教师可展示一些国内外著名公司的网站、上一届学生的优秀网页以及与本次项目相关的网站，以引起学生学习的兴趣，然后再引入本课程的学习内容。
（2）介绍本课程的课程安排和学习目标
教师应让学生明白，本课程是计算机专业的核心技术课，Dre-amweaver、Fireworks、Flash软件是网页制作常用的编辑软件，这三个软件在《网页设计与制作》课程中具有重要的作用。《网页设计与制作》课程是集理论性与实践性为一体的学科，分别介绍以上三种软件在网页设计中所担任的角色和任务，明确Dreamweaver是进行网页框架搭建、页面布局、各种网页元素的组合、网页之间链接的软件。
（3）考核要求说明
本课程的考核分为四部分：一是平时的学习态度、考勤（20%）；二是每小组成员完成各子项目的情况（20%）；三是整体项目的完成情况（20%）；四是进行分组形式的答辩（40%）。
2、根据学生以往对软件的掌握，让学生自主进行尝试性练习
这一步主要是让学生从浓厚的学习兴趣状态过渡到对知识的渴求阶段，为新课的学习打下良好的基础。学生在进行尝试性练习时会发现很多问题，如软件不能启动、无法使用工具等。面对这些问题，学生感觉无从下手，这时他们就会产生学习相关知识的渴望。
3、讲授新课
教师在总结学生完成子任务或者在做子任务中遇到的问题，引入新知识点，逐步介绍Dreamweaver软件环境、窗口界面、工具的使用等。
4、学生再次进行实践性练习
在这一步中，学生针对教师的讲解进行正确的练习，并在练习过程中进行知识点的总结。
（四）考核方式的设计
《网页设计与制作》是一门计算机专业的必修课程。为适应该课程培养创新性专业人才的目标需要，在教学过程中，教师应重视理论与实践相结合，注重培养学生运用理论进行观察、分析和解决问题的能力。
为了能准确反映出课堂的教学效果，《网页设计与制作》课程的考核将着重测试学生运用理论解决实际问题的能力。《网页设计与制作》课程的学期总评成绩应以项目答辩、团队协作为主，平时考核为辅的教育教学考核办法来进行。
对于一个整体项目，应从以下几方面进行评价：主页面的设计风格、子页面的制作、网页中的链接和整体效果。要求整体风格统一、主网页及二级页面的布局完善；要求布局合理、美观，文件夹组织有序、标准，文件命名正确、符合行业标准，按要求编辑网页元素和制作网页导航，导航清晰，有一定动态效果。评分时，教师应结合项目答辩的情况、学生平时的操作情况以及作品展示时其他同学的评价给出一个综合分数。
总之，教无定法，重在得法。以项目为载体、以任务为驱动的教学方法对高职院校的学生来说是一种能调动其学习积极性的行之有效的方法，能充分发挥教师的主导作用和学生的能动作用。学生在进行项目设计时，想象的空间大，操作更加灵活，能充分发挥自己的想象，展示自己的思路，从而更主动地参与到教学活动中来，促使学生为完成项目而进行多渠道的自主学习，以扩大学生的知识面，实现个性化、分层次和弹性教学，提高学生解决问题和综合应用知识的能力，培养学生的创新意识，实现学生与工作岗位间的零距离接触，为提高计算机专业学生良性就业打下坚实的基础。