高职院校《网页设计与制作》课程教学设计

浅析高职院校《网页设计与制作》课程教学设计

摘要：高职院校《网页设计与制作》课程要从教学目标、课程内容、考核方式等方面进行合理的设计，并运用以项目为载体、以任务驱动为教学方法调动学生学习的积极性，充分发挥教师的引导作用和学生的能动作用。

关键词：高职院校；计算机专业；《网页设计与制作》；教学设计中图分类号：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