网页制作课程设计总结篇(1)

>> 基于项目化教学的“网页设计与制作”课程改革与实践 《网页设计与制作》课程教学的创新与实践 网页设计与制作课程的教学改革与实践研究 《网页设计与制作》课程的开发与实践探析 《网页设计与制作》课程建设的认知与实践 计算机广告制作专业的网页设计课程教学改革与实践 《网页设计与制作》课程教学模式的改革及实践 基于工作过程的“网页设计与制作”课程改革的探索与实践 网页设计与制作的课程改革新动向 中职《网页设计与制作》课程的改革初探 网页制作课程设计的组织与实践 任务驱动法在《网页设计与制作》课程教学中的实践探索 项目驱动式教学法在“网页设计与制作”中的研究与应用 基于CDIO理念的网页设计与制作教学改革与实践探究 基于项目牵引式《网页设计与制作》教学的实践与探究 “网页制作”的教学设计与实践探究 “网页设计与制作”课程教学方法的探索 《网页设计与制作》课程的教学探讨 浅谈《网页设计与制作》课程的实训教学 浅析《网页设计与制作》课程的教学方法 常见问题解答 当前所在位置：l；

页面设计中明确体现各功能区域的划分，布局合理，网站结构应层次分明，主题鲜明，界面美观、简洁；

3）页面设计中导航和超链接清晰，对象插入合理；

4）网站必须有一张关于制作团队信息的网页，介绍各组成人员并详细说明其在项目实施过程中担任的职责和完成的任务；

5）在网页中恰当的位置设计一个简单的登录表单；

6）网站栏目在三个以上.每个栏目至少有两个页面，网站的网页总数量不少于10张，且网站中的相关信息列表及内容使用动态网页呈现。

7）运用外部样式表定制网页风格，网站内风格统一。

3.2.4 学习评价

学习评价包括过程性评价和总结性评价。评价的内容包括两个方面：一是学生参与活动各环节的表现，二是网站整体的完成质量。根据上述网站制作要求，客观公正地评价学生的学习效果。由于学生解决实际问题能力有限，在项目实施过程中，可能会存在一系列的问题，在小组互评中，各小组组长在汇报中要指出网站制作过程中出现的问题所在及其解决方法，使学生的各种能力在评价中得到提高。在评价方法上，主要评价学生是否达到项目既定的目标要求，关注学生在完成项目中的进步程度，这样有利于学生实践能力和创新能力的培养。

在本课程中，每个学生学习的效果直接由完成网站的情况来衡量，包括四个部分：一是教师评价，由教师对各个小组项目完成情况进行评定，评价内容主要包括能否共同协作、是否实现预定功能等；二是小组间互评，由各小组组长在项目完成后给全班同学进行汇报，主要包括网站的设计思路、小组成员分工情况以及如何完成既定目标；三是小组内部各成员间互评，由各小组成员根据各组员对本小组项目贡献的情况进行互评；四是学生自评，由学生本人进行自评，通过学习是否有所提高。综合以上评定情况来确定每一名学生的学生总评成绩。

4 总结

通过多年的教学实践，采用项目驱动模式教学，能明确学习目标，较大地提升学习者的学习兴趣。从而提高学生的学习效果，保证教学质量，锻炼学生解决实际问题的能力。因此，项目驱动教学模式对《网页设计与制作》课程来说是行之有效的教学方法。

参考文献：

[1] 张钰莎. 项目驱动式教学法在《网页设计与制作》中的探讨[J].现代计算机，2011（6）.

[2] 胡永刚. 项目教学法在《网页制作基础》课程中的应用[J].机械职业教育，2008（2）.

网页制作课程设计总结篇(2)

【关键词】大专院校 Flash 网页设计 教学方法

Flash网页设计是大专院校网页设计系列课程的扩展和提升阶段，以非服务器端脚本编程的Flash结构页面设计为主，包括Flash软件学习、Flas设计和Flash网页设计等几个方面。与基础性的HTML静态网页设计课程相比，Flash网页设计的教学内容整体性较强，教学边界相对清晰。下面笔者根据自身的教学经验，对其教学思路和教学方法做简要分析。

一、利用软件的快捷键快速上手

Flash软件与基本动画设计是网页设计的基础部分。如果在专业课程体系中没有专门的Flash模块作为先导课程，这一课程就需要引导学生在软件使用层面快速上手。为实现这个目的，可以采用“快捷键学习法”。这种依靠重点快捷键快速学习的方法有助于短时间内准确把握软件的常用与核心功能，受到越来越多的设计师的青睐。

笔者建议，在教学课件中为每一个常用的菜单与工具附上快捷键命令，以便学生第一次接触时就可以熟悉它们。实际上，软件在快捷键设置方面也非常注重功能的集合性，有助于集中记忆。如针对帧的操作部分，F5、F6、F7三个功能键分别实现了“插入帧”“转换为关键帧”和“转换为空白关键帧”三项内容，既好记又好用。

二、Flash线性动画的设计相关性

我们知道，Flash MV一度在网络上非常流行，和Flash MV的线性播放特性相似，Flash广告已经成为时下网络广告的主流。如某知名网站首页共使用了27幅广告，其中Flash广告有18幅，占页面广告总数的66.7%。

Flash网络广告的普遍使用促进了Flash技术在艺术设计专业中的广泛应用。基于这种考虑，笔者建议在软件基础学习之后安排适当的学时进行Flash广告设计学习。这一部分课程的教学还可以与广告相关课程相衔接，以进一步丰富Flash网页设计课程的内涵。

在Flash广告设计教学中，要侧重于内容密度、节奏感、视觉冲击力等与Flash软件技术直接相关的层面，其他内容，如广告语言、传播理论等可鼓励学生课外复习或自学，做到把握重点、取舍得当。

三、Flash网页设计“总分总”的教学模式

在软件基础和线性动画（Flash广告设计）的基础上，进入到课程的主体模块，即Flash网页设计。与HTML静态网页的分页面结构不同，Flash网页设计在集成设计开发环境内（Flash软件和Action脚本）实现网页内容与非线性结构的编排，模块化特性明显。为此，笔者尝试采用“基本结构设计—模块分解设计、网站整合”三步走的教学法，可概括为“总—分—总”教学流程，合理调配教学难点和重点，循序渐进，在实践中取得了一定的效果。

（一）基本结构设计

首先，从网页基本结构入手，利用按钮对时间线上各帧的控制构造网站模型，其中包含了最基本的场景转换。在学习的后期，可以针对每帧对应的画布进行深入设计，包括内容扩展和淡入、淡出动画效果的实现等。

基本结构设计涉及每帧对应的画布设计、按钮设计、元件和实例的进一步应用以及补间动画等内容，还涉及一些基础的Action脚本内容，如“stop”“gotoAndStop”“gotoAndPlay”命令以及帧标记的参数调用等，适合入门学习。在脚本程序编写的最初阶段，重点要使学生理解脚本语言代替人进行指令操作的特性，如“去哪”“做什么”等，利用这种指向性的形象思维逐渐强化学生的编程思维。一般来说，静态网页设计课程教学不会将Java脚本作为重点，在这种情况下，这一阶段的Action脚本学习就更加重要。

（二）具体模块学习

由于Flash网页多在屏幕的显示面内不翻屏，高度有限，这就需要使用软件功能和脚本程序创造更多的结构层次去容纳网页内容。除了场景的转换外，在每个场景之中，还要借助于不同类型的页面组件来实现额外的结构层次。

针对种类较多的页面组件，可以实施“分解教学”，即抛开网站设计的整体性，单纯提炼每个组件的设计与编程要点，使每节课都可以完成一种组件设计，实现相关功能。笔者选择的页面组件包括按钮组（菜单）、弹出框、下拉菜单、声音控制模块和预加载器等。

在设计层面，要考虑到各组件与网页整体风格的一致性；在内容层面，要合理地选择组件类型，丰富内容层次，便于用户访问，形成良好的互动性。而在Action脚本编写方面，要以典型程序、核心程序为主，逐步增加更多的样式变化。实际上，虽然组件类型不同，其背后的程序控制大多有着一定的内在联系，如很多组件都会用到onEnterFrame频率控制函数。随着教学的不断深入，要尽量将脚本教学系统化，将松散的知识点整合起来，尽量覆盖到常用的函数、方法和命令。

（三）网站内容搭建

经过不同组件的分解学习，接着补充几种场景转换的方法，结合不同设计项目中对组件的选择，Flash网站就可以搭建起来。至此，Flash网页设计的技术性教学目标就基本完成了。

在技术性教学目标之外，在课程的收官阶段，要融入行业设计理念，以提高结课作业的质量，保证教学效果。在HTML静态网页设计教学阶段，笔者针对结课作业挑选了“实用设计”这一特定行业分类进行教学强化，避免学生在结课阶段设计得没有针对性，学无所用。

四、静态网页的有效补充

如果分析“静态网页”的内涵和外延，可以看到，在基于HTML网页设计之外，只要立足于本地，与服务器没有数据交互的网页设计都可以统称为“静态网页”。从这个角度来看，艺术设计专业中的Flash网页设计课程也基本上以静态网页为主。

在Web2.0时代，交互性的社交网络已经发展得比较成熟，使每个独立域名的网站不再是用户交互的首选。在这种形势下，静态网页设计要“扬长避短”，不拘泥于本身用户交互行为的弱点，以设计为主，反而有自己的一席之地。在教学中，要鼓励学生在参与网络互动之余，尽量发挥自身设计优势，具备独立完成内容展示型网站的能力。

经过相关调整，Flash网页设计课程具备了循序渐进、由浅入深的教学层次，直至课程结尾处，着眼于设计之“道”的有目的训练，使整个网页设计课程体系具备了从基础知识到综合设计提升的完备性，并与其他课程有机结合，最大限度实现了课程的自身价值，为该课程的序列化、标准化建设积累了一定经验。

（注：本文为辽宁省教育科学“十二五”规划2011年度一般课题，课题批准号：JG11DB075）

网页制作课程设计总结篇(3)

关键词 商务网页设计与制作 课程设计 电子商务专业

中图分类号：F713 文献标识码：A

截至2012年12月，中国网络购物用户规模达到3.12亿，市场整体交易规模为10.2万亿元，同比增长29.9%。随着网络购物人数爆炸式的增长，越来越多的企业开始尝试利用网络平台开展商务活动。同时，企业对于电子商务人才的需求也越来越大。鉴于中小企业自身的特点，企业希望人才来了就能用，这就要求学生具有较强的专业技能。《商务网页设计与制作》课程是电子商务专业的一门核心专业课程，这门课程学好了，对于学生未来的成才和发展效果是非常明显的。笔者结合多年从事电子商务专业《商务网页设计与制作》教学实践经验，引入企业网站的生产流程，对课程教学内容体系进行了重构。

1课程教学现状及存在的问题分析

《商务网页设计与制作》是高职电子商务专业的一门核心专业课程，既是学生最期待、最向往的课程，也被认为是最艰难，最难啃的课程，以文科学生为主体的商贸财经类专业尤甚。之所以向往，是因为它如此之重要；之所以艰深，是缘自于技术的隔膜和不必要的恐惧。当然，究其原因，传统教材与教法，自然难辞其咎。

1.1课程设置不合理，知识内容落后

传统网页设计与制作教材，往往专注于“网页三剑客”等技术软件的操作，让学生从一个代码，一段文字，一张图片入手，来制作属于自己的网页和网站。这种教学模式，经过两到三年，学生还难以上手；而一名合格的网页设计师，往往只需一两天，就能开发出一个让企业签单付费、价值达几百上千元的小网站。网页设计思路不明确、网站栏目设置不合理、首页布局无特色，内容定位不清晰。总之，网页制作门槛高、学生动手操作难，美工不出彩、商务没感觉，这是传统模式的致命缺陷。

1.2课程教学模式落后

传统的《商务网页设计与制作》教学中，许多学校是以教师为中心，偏重于讲授为主，传授网页制作的工具、技术等专业知识，缺少对学生思考和解决问题能力的训练，没有引导学生去自主学习，这就导致很难培养学生的理性精神及创造能力、创业意识，也无法培养学生独立思考、敢于向权威挑战的学习态度和竞争精神，更无法引导学生的创业意识和创造性思维。

1.3实践教学方法有待完善

现有的《商务网页设计与制作》实践教学更多的强调技术层面的东西，很少有考虑到商务诉求。在教学过程中，大部分学生都有畏难情绪，导致教学效果不明显，学生网页设计的思路不清晰，动手操作难。

2《商务网页设计与制作》教学模式设计总体方案

2.1打破传统学术思维的束缚，遵循网站建设的业务逻辑

课程设计以典型企业网站为载体，通过商务网页设计导引、商务网页布局与设计、网页效果图制作、静态页面制作、DIV+CSS网页布局五个学习型项目的创设，对商务网页设计与制作的基本原理及实现方法进行了系统介绍及完整展示，让学生能在较短的时间内制作出不仅美观大方，而且能体现企业商务诉求的网站，打破传统学术思维的束缚，遵循网站建设的业务逻辑――企业怎么做，我们怎么做。商务网页设计制作流程如下图1所示。

2.2教学内容体系构建

本课程在教学内容的设计上以商务网页设计与制作业务流程为主线，将商务网页设计的基本原理与方法融入到典型工作任务的介绍和实训中。

第一个模块和第二个模块以典型商务网站类型、典型商务网页版面风格分析入手，使学生快速理解和掌握网页设计的基本原理和方法，并能完成网站栏目规划及商务网页版面设计的任务。

第三个模块以网页素材的选择为突破口，使学生快速地熟悉并掌握网页效果图制作的方法、步骤及要点。

第四个模块则要求学生在已有效果图的基础上能制作实现静态页面，以使学生掌握必要的html标记语言，并掌握常见的两种页面布局方式，为后续课程的学习打下基础。

在课程实训方面，则选择目前商务网站建设服务市场业务类型较多的企业网站建设业务为主线构建实训项目。这类网站建设业务中的页面设计素材丰富、规范化程度高，便于学生学习。

在教学内容的细节处理上将充分考虑本课程与艺术设计类及软件设计类相关课程的区别，降低学生学习难度，突出商务网页设计与制作的重点，使学生能举一反三，适应商务网站网页设计师岗位能力需求。

3课程教学的实施途径

3.1基于校企合作的课程项目开发

《商务网页设计与制作》要求教师教学应以企业真实需求为逻辑主线组织教学内容，以项目为知识学习、技能训练和素质养成的载体。为了保证与企业生产实践相结合，最大限度地利用企业有效资源，通过积极深入市场与企业一线，认真分析当地产业结构与发展趋势，寻找校企合作的结合点。目前，课程依照行业标准、岗位技能要求以及岗位工作流程等进行项目运作。在项目的开发过程中，企业高度参与，共同确定基于工作过程的典型工作任务。

3.2基于职场环境的教学实训基地建设

建设能够进行教、学、创于一体的基于职场环境一体化教学实训基地，是实施一体化教学的硬件保障，是实现教学模式转变的重要条件。目前，我们已经建立了三个学生工作室：网赢工作室、智越工作室和服务外包工作室。其中智越工作室的核心业务是中小企业网站建设与维护，每年吸纳30多名学生，完成10多个企业真实项目，收入1万多元。通过引进企业真实项目，和企业建站的标准流程，提升学生的专业技能和职业素养。

3.3考核评价体系改革

本课程的学习，是要求学习者联系一家有商务网站建设需求的真实企业，来完成课程模块的实训。本课程以学习者的实训作品为主要考核依据，兼顾学习者的学习态度、职业素养、团队意识及表达沟通能力。

4结束语

将企业真实的生产制作流程引入到《商务网页设计与制作》课程教学中，引导学生重视企业的商务诉求，制作出符合企业需求的商务网站，是本课程的重要特色。

参考文献

[1] 方玲玉.《网络营销实务》工学结合课程开发的实践尝试[J].职教论坛，2008（16）.

[2] 张婵.基于就业一创业导向的独立学院网络营销实践教学方法改革探讨[J].物流工程与管理，2012（5）.

[3] 周建良.以创业能力培养为导向的电子商务课程开发探索[J].科教文汇，2010（7）.

[4] 韩义.对电子商务课程教学改革的思考[J].天津电大学报，2008（9）.

[5] 方玲玉，李小斌，李念.高职经管类专业系列项目课程开发――以高职电子商务专业为例[J].职教论坛，2010（12）.

网页制作课程设计总结篇(4)

关键词：网页设计；模块化；探索

现在是互联网的时代，人们的工作、学习已离不开互联网，通过互联网和获取信息、展示部门、企业形象，开展网络营销等活动已成为一种新的流行趋势。无论是企业网络构建管理还是网站的开发运营，都需要靠实用型网络技术人才来实现，社会对合格的网站设计人才需求缺口非常大。各大高校为社会培养了大批网站设计人才，但真正符合社会需求的技术应用性人才仍然短缺。这一现象表明，计算机专业的教学和人才培养模式与社会脱节，就要求我们对计算机技术人才培养要从中学期间抓起。

一、《网页设计》传统教学模式存在的问题

（一）《网页设计》课程具有实用性、操作性强的特点

在当前中学计算机传统教学模式中，教师通常根据“理论加实践”的模式来开展教学，即根据教材的章节安排进行理论基础知识讲解并演示操作步骤，学生跟着模仿操作和练习。这种教学方式将课程知识点以多且零散的方式呈现给学生，忽视了知识与具体工作任务的联系，授课完成后学生大多只记得软件的操作和某些工具的使用，对于一个完整的网站项目从设计到制作完成的过程缺乏清晰的认识，造成学生所掌握的知识技能与具体工作任务需要脱轨。

（二）上机实践内容单一，缺乏真实实践环境，学生未能通过实践有效地梳理所学知识，提高实践操作能力。学生很难按要求完成教材的学习内容，达到教学大纲所要求的目标，学习的最终效果不能满足社会实践需要。

二、《网页设计》课程模块化教学体系的构建

《网页设计》课程是培养学生具有一定的艺术素养，较强的网页鉴赏能力，熟悉网页设计创意的原理和方法，熟悉HTML、CSS、JavaScript和网页制作工具，熟悉网页的制作和流程。能够根据客户需求进行网页设计与制作以及进行网站的维护和管理工作。在教学过程中，将这些知识点合理地贯穿在课程的授课中，将课程内容分段模块化，以应用和职业能力为导向，打破以知识为中心的传统学科章节体系，将实践工作所需知识、技能和素质分解为多个相对独立的教学模块，以模块为单元开发教学资料并组织教学，将相关理论融于技能训练中。 在授课内容上打破以往教材只讲授Dreamweaver软件制作网页，或者以Dreamweaver软件为主，Flash、Firworks、Phtoshop几个软件都涉及，但是这几个软件却是孤立讲授，学生在学习的过程中学到的知识是零散的，思想是模糊，在制作网页时很难从全局的角度出发，规划设计制作出合格的网页。为此，我打破原有课程体系的束缚，调整原有章、节的顺序，增加以往教材中缺少的网站设计的重要知识―版面设计部分，将课程内容结构以应用为导向“模块化”，每个模块下又分为不同的子模块，根据模块的特点采取与之相对应的教学方法和手段，培养学生的专业素质和能力。 具体为：

模块一：网页设计基础了解网页设计基本概念，包括Internet、WWW、HTTP、HTML等；了解网页设计基本流程；了解网页制作相关工具掌握网络、网页、网站等基本概念，掌握网站设计基本流程 。

模块二 ：设计模块子模块一 网页版式设计掌握网页的布局理念；色彩搭配；phtoshop和Fireworks设计网页页面能利用phtoshop或Fireworks图像处理软件设计网页页面，并能将页面设计图形成网页 。

模块三：动态设计了解数据库的链接；IIS的设置；动态页面创建的方法会用ACCESS或SQL创建数据库，链接数据库；会创建简单动态网页；会测试动态网页；能将给定的动态网页（如论坛、留言板）链接到静态网站中

模块四：应用模块模块一 综合设计用户调查分析；材料的收集分类；网站的整体规划；综合运用所学知识建立一个网站熟悉网站的整体规划和设计流程，能独立规划、设计制作一个完整的网站（以集中实训的方式进行） 。

三、《网页设计》课程模块化教学体系的实施

（一）合理安排各教学模块的课时，突出实际应用能力模块的教学。在课时的安排上改变以往花费大量时间讲授使用Dreamweaver软件制作网页的技术知识，忽略网站设计知识，使得学生学完课程后缺乏设计能力。根据网络专业学生在先行课中学习过计算机基础、图像处理、动画制作等先行课，对于网页设计和制作基础等知识的理解接受能力较强的特点，在课时的安排上，基础模块部分只分配总课时的三分之一，设计模块约占总课时的四分之一，将剩余的将近总课时一半的时间分配在应用模块上，并以实训的方式，采用“真题真做”等形式进行教学，对学生着重进行实践和应用能力的培养，使学生在授课完成后对于网站的整个设计过程有一个比较清晰的认识，提高岗位技能。

（二）改革课程教学模式，提高学生学习效率

网页制作课程设计总结篇(5)

摘要：任务驱动法可以激发学生的学习主动性，可以培养学生的创新能力和团队合作意识，本文介绍了我院将这种教学模式应用于“大学计算机基础”课程中的具体做法，并给出了实施后的效果评价。

关键词：任务驱动；第二层次；创新；团队合作

中图分类号：G642

文献标识码：B

一、1信息时代对大学生信息素质和计算机综合应用能力的要求

现代社会的快速发展要求高校培养具有自主学习、终生学习能力，具有创新意识和创新能力，具有团队合作精神的复合型人才。这种人才培养要求应该体现在教育的各个方面，研究型大学对学生的信息素养、创新能力和团队合作精神的要求更高。

“大学计算机基础”课程作为高等院校非计算机专业的计算机入门课，在培养学生的计算机知识、能力和素质方面起到了基础性和先导性的作用。随着计算机技术及信息技术的飞速发展，以及大学新生的计算机知识起点的普遍提高，我国高校计算机基础教育步入了一个新阶段，急需有新的提高和突破。根据研究型大学人才培养的要求，我们认为，教学内容和教学模式的改革应着重学生计算机综合应用能力和创新能力、团队合作意识的培养。

二、2 “任务驱动”教学模式激发学生的学习动力

随着计算机的普及，越来越多的人们从对计算机感到很陌生转变成可以熟练使用计算机编辑文档和演示文稿、统计和处理数据、查找资料以及进行网上交流等等。很多人没有经过专业的培训，通过自己的摸索学习很好地掌握了计算机的使用操作。这些人学习计算机的过程是“先动手操作、遇到问题寻找解决方法、再动手操作、总结方法获得知识”的探索过程，这正是人们求知的过程规律。在动手实践的过程中难免会遇到很多问题，这时就会产生求知的动力，寻找解决问题的方法，解决问题后再总结经验获得知识。这是一个主动学习的过程，寻找解决问题的方法是内在的学习动力。

“任务驱动”教学模式正是符合这种认知规律。该模式不是简单地教学生怎样做，而是以综合性任务的方式提出作业要求，目标明确，有针对性，但没有给出具体的操作步骤和解决方案，学生必须在认真听课、课后全面复习所学知识并真正掌握的基础上，自主设计，并通过上机实践才能完成此类综合性大作业。

“大学计算机基础”课程是实践性很强的课程，教学应该以学生为主体，教师引导学生探索解决问题的方法。“任务驱动”教学模式可以很好地调动学生的学习积极性、激发学生内在的求知动力。教师综合知识点和教学要求设计具有挑战性的作业任务，在授课过程中引导学生探索完成任务的方法、指出所需要学习的知识，让学生自主学习和自主设计，合作完成任务。这种方法将被动学习变为主动学习，学生主动获得知识和技能，不断地探索和发现问题、解决问题。在不断的探究过程中锻炼自主学习能力、创新能力和团队合作意识。

三、3 “任务驱动”教学模式在第二层次课程中的应用

我校“大学计算机基础”课程分为两个层次，第一层次课程包括计算机基础知识、操作系统、常用Office办公软件、计算机网络、程序设计、信息安全、多媒体应用技术等内容，着重介绍计算机的基本概念、基本原理、基础知识和基本应用方法。采用课堂教学、课后自学、上机操作与随堂考试相结合的教学方式。第二层次课程包括数据库、网页设计与制作、常用工具软件、MATLAB应用等内容。采用学生根据自己的专业或兴趣选修、大作业考核的方式，旨在拓展学生的知识面，培养学生的计算机综合应用能力。“任务驱动”的教学模式在第二层次课程中得到了很好地应用，教学效果显著。

第二层次课程的开设是在学生掌握了计算机基本知识和基础操作的基础上，通过第一层次课程的学习，学生已经具有了一定的计算机知识和利用计算机学习新知识的能力。第二层次课程采用“任务驱动”教学模式，以综合性任务作为大作业进行考核，授课围绕任务进行。教师布置大作业要求，课堂上只讲解完成任务所需要的相关知识和完成大作业的可能方法，由学生自主设计完成作业。下面以第二层次课程“网页设计与制作”为例介绍我们的做法。

（一）3.1作业任务的设计

“网页设计与制作”的教学目标是使学生在掌握了Office应用和网络基本知识的基础上学会在Internet上建立网站及信息的方法，通过大作业熟悉和掌握网站的规划与设计、网页的制作、空间的申请、网站的与维护、网站宣传等网站建设的全过程。大作业任务综合了网页设计与制作、多媒体素材处理、网络应用、设计报告的撰写等多方面的知识，有利于培养和提高学生综合应用计算机解决实际问题的能力。具体任务设计如下：

1．3.1.1作业目的

（1）(1) 了解网站设计的一般过程。

（2）(2) 学会在FrontPage 2003中综合运用网页设计与制作的各种方法。

（3）(3) 掌握网站与更新的一般方法。

（4）(4) 掌握常用Internet工具的综合运用。

（5）(5) 掌握设计报告的撰写方法。

2．3.1.2任务要求

利用FrontPage 2003或其他网页设计软件设计与制作一个完整的网站，可根据自己的兴趣从以下选题中任选一个完成。

（1）(1) 设计“大学计算机基础”课程网站

在网上搜索相类似的精品课程网站作为参考，结合你对本课程教学内容、教学方式和方法的思考，设计“大学计算机基础”教学网站。

（2）(2) 设计一个介绍自己个人信息的网站

包括自我介绍、照片等信息和其他有关你的兴趣爱好、特长等页面。制作表单页面，收集用户的教育程度、职业、兴趣爱好等个人信息。根据信息类型使用选择按钮、菜单或文本框等。应用一种主题使你的站点风格一致。

（3）(3) 设计一个介绍自己学校、班级、宿舍、家乡等主题的网站

（4）(4) 设计任意主题的网站

3．3.1.3作业指导

（1）(1) 根据自己的喜好确定主题

（2）(2) 根据主题确定网站的内容和表现风格

（3）(3) 组织文字、图像、声音资料等网页素材

（4）(4) 根据网站风格及每页的内容确定文字的格式

（5）(5) 根据网页内容使用Photoshop、Flash等软件对图像素材、动画素材进行处理以适合在网页中应用

（6）(6) 选择网页制作工具制作网页

（7）(7) 在网络上搜索免费主页空间，把做好的网站上传到主页空间中

4．3.1.4设计报告要求

（1）(1) 设计报告包括网站主题、内容的确定；网站风格、色彩、图形/图像等多媒体素材的应用分析等，并详细介绍设计制作过程，注意将主要的相关截图复制粘贴到报告中。

（2）(2) 提倡以团队形式完成该作业，团队规模不超过3人。如果是团队合作，报告中要写清每个人的工作内容。

（3）(3) 写出设计与制作过程中遇到了哪些问题、解决方法及完成本作业的感想。

（4）(4) 应用Word文档的编辑与排版等知识，使设计报告美观、规范。

作业任务中鼓励学生自由组成小组，自定网站的主题、围绕主题确定内容和风格，任务书中只给出建设网站需要做的工作，任务完成后要求书写设计报告，总结设计过程和方法，从而达到对知识的归纳总结和升华。

3.2围绕“任务驱动”的授课方式

第二层次课程的每个子课程只有6学时的课内学时，以讲座形式授课，课程的组织方式围绕大作业进行。

1．3.2.1先布置任务再讲授完成任务的方法

第一次上课先布置大作业要完成的任务，让学生了解课程要求，有利于针对性地听课。从作业的要求来看，学生需要完成一个较为完整的网站的设计与制作，完成后还需要写设计报告。任务很具有挑战性，学生不知道如何完成作业，那么教师就要在授课当中一点点引导学生探求完成任务的方法，主要介绍网页设计方法，首先介绍网站设计步骤，接着介绍如何设计网页，比如怎样选择主题、规划网页(结构与链接关系)，怎样组织各种多媒体素材、选择视觉外观、设计有效的页面布局等等。

2．3.2.2观摩老生优秀作业，增加学生完成作业的信心

首先让学生观摩一些比较典型的网站以及老生的优秀作业，讲解建设网站的一般过程和网页设计的一般原则以及常用的网页设计制作工具，让学生对网站的建设过程有一个初步的了解，增加完成作业的信心。

3．3.2.3以FrontPage为工具讲解网页制作的方法

以FrontPage网页设计制作工具为例，讲解网页制作过程中必备的知识和技术，如讲解网站管理功能的作用及用法、如何充分利用各种不同的视图功能，介绍网页外观表现的不同方法及适用环境，网页的不同布局方法及适用环境，网页交互功能及表单的设计等等。在授课过程中注重网页制作方法和技术的探讨，而不仅限于FrontPage软件本身的功能。

四、4授课效果与评价

采用“任务驱动”这种教学模式讲授第二层次课程，深受学生的欢迎，选修“网页设计与制作”子课程的学生十分踊跃。学生以2人或3人组成的小组为团队，根据各自的兴趣选择网站的主题和风格，自主设计、分工合作，所完成的大作业内容丰富、风格各异，充分体现出学生独特的创意，有以食品为主题的，有以明星人物为主题的，有结合军事理论课程以战争、武器等为主题的，有以环境保护为主题的，有介绍自己家乡和学校的。学生在网站开发过程中，围绕主题综合应用了网页制作、图像处理、动画制作、音频/视频处理等相关技术，充分发挥了想象力和创造力。

在设计报告中，同学们详细分析了设计思想，归纳了所应用的各种知识和技术，总结了制作过程中遇到的问题和解决办法以及学习这门课程所得到的收获。

五、5结束语

对于实践性较强的课程，运用“任务驱动”教学模式、围绕作业任务展开教学，有利于在实践中培养和提高学生综合应用计算机知识解决实际问题的意识和能力。我校在“大学计算机基础”第二层次课程教学中，采用“任务驱动”的教学模式，通过综合运用多种计算机知识的大作业任务，使学生从被动学习变为主动学习，充分调动了学生的学习积极性，提高了学生的自主学习能力、创新能力和动手能力，增强了团队合作意识，取得了良好的教学效果。

参考文献：

[1] 何永玲,郑艳华,郭穗勋. “任务驱动”方式与“小组教学”方法相结合的程序设计实验教学[J]. 计算机教育,2007,(6).

网页制作课程设计总结篇(6)

网页设计实训项目的制定需要通过项目教学法来实现，项目教学法的核心是由教师指导学生以几个完整的案例项目为中心展开的教学活动。教师刻意把大纲知识点融入到项目的各个环节中，由学生自行探寻得到最终结果的途径，学习的重点在于学习过程中学生的综合职业能力得到了提升，成为具有优秀素质的高级技能型、应用型专门人才。网页设计是学生从事IT职业的基本技能，随着信息技术的进步和人们艺术鉴赏能力的提高，对网页设计与制作的要求也越来越高，目前已逐渐发展成为一个融合计算机技术与平面动画艺术的复合型职业。在项目教学体系中，《网页设计》课程体系要综合多门学科予以支撑。了解和掌握课程体系中各课程之间的主次地位和融合关系是课程实训项目制定实施的前提。加强平面课程与《网页设计》课程的联系，将平面设计理论充分的融合到网页设计的实训项目中来。本课程项目的制定以社会职业岗位需求不断做变化、调整，依据课程性质的特点创建了完整的教学的条件：实践课堂、网络课堂、有整套的电子教案，经典教学案例，习题课件，总结复习课件，试题库、素材库、案例分析等多种形态表现的网上教学资源，基本实现了多种教学媒体的优化组合。课程的教学素材来源于网络的真实运行的优秀网站。教学内容紧跟网页制作技术的发展，以主流的网页制作软件作为工具，实时将优秀素材纳入教学资源库，预留学生可设计、发挥的空间，教学资源师生共享。着重培养学生设计和制作网页能力。在教学中，教师先在学生面前呈现现实中真实的网页，以各种精美案例帮助学生分析该任务的主要知识点和新技能，学生在教师的指导下根据自己对网页制作基本规则的理解完成网页的创建和管理。激发学生关注以后的职业需求。学生要对项目的实施步骤详细分析，对网页的主题风格、内容收集整理、版式格局、色彩表现等方面做以团队成员分工安排，学生在规范的实施过程中，实现自我独立思维过程的完整训练。教师要鼓励学生展现自我个性。由此看来，大胆改革教学内容和教学模式，结合专业课程教学特点进行真实的实践项目，设计了“全项目贯穿，团队协作”的项目驱动任务引领的教学模式。项目化教学”的教学内容体现“教”“学”“做”相结合，网页设计实训项目的制定，鞭策了教师采用先进教学方法，实践和理论教学紧密结合。

二、项目教学法在《网页设计》课程中的实施

（一）专业师资雄厚，开展校内督导

本课程建设力度大，具有明显的特色。目前该专业教师梯队年龄、职称、双师素质结构良好。高、中、轻相结合，整体素质高，实践能力强，具有凝聚力和团队合作精神，教学水平和学术水平高，其教学成果和科研成果多次在校内外获奖。教师在教学中十分重视动手能力的培养，教学方法先进，确保学生学以致用。并引进企业真实项目，作为学生训练的项目。学生毕业就能上岗，上岗就能工作。《网页设计》课程建设理念先进，学院积极改革，以职业能力培养为重点，探索校企合作模式，结合行业需求进行课程开发。通过召开设计师讲座，与企业合作进行基于项目工作的课程开发与设计，有计划地安排教师参加专题科研或到企业工作，选派年轻教师参加相关专业课程班进修，提高业务水平、技术应用能力和实践操作能力；充分体现职业性、实践性和开放性的要求，融“教学会”为一体的工学结合课程模式。

（二）组建学习团队，开展项目教学法

教师要根据项目的内容和要求，依据学生的具体情况，分为多个团队，安排不同任务角色，每个角色的主要的任务是什么、胜任该角色有什么技能和知识要求，做一个大致的说明。让学生体验职业岗位需求，从而达到全面掌握技术、技能的目标。然后由教师要针对项目任务，使用实例进行必要的操作技能和理论知识的讲解，通过提供多种表现方式来实际演示辅导，然后由各个学习团队自行去讨论研究网页设计的开发与制作，鼓励学生通过网络搜索及开展交流互学等多种渠道寻找完成任务的途径和方法，最终得到项目结果。对于完成项目任务所涉及的理论和方法，教师要渗透到项目教学活动中，达到学习理论与实战紧密结合，最后达到与企业直接对接的整个教学过程。根据《网页设计》课程的特点，在实施项目时，教师要充分调动学生学习的积极性、主动性，建议学生自己动脑、动手去获取更多知识，充分发挥他们学习的主体作用。教师在课前设计了几个较为完整的真实的网站实训项目，例如，与学校有关的主题：1.“培训处网站”；2.“小学语文课程与教学论教学资源库”；3.“学院招生办网站”。让每个团队在各个学习情景的学习阶段中都可以得到实践锻炼的机会。做好网页设计教学各种项目整体选择与细节设计的预先工作。

（三）团队合作探究、汇报交流

在整个项目实践过程中，每个团队的学生共同围绕一个实训项目进行合作学习，教师应先把项目的重点、难点提出建议，团队成员要有一个总体规划，从课题的选择、主题风格确立、设计内容的筛选、操作步骤等进行讨论与交流，分工处理页面结构、图片编排及链接方式等布局操作。每一环节都需要学生们带着任务去学习，积极思考、相互鼓励、相互配合帮助。突出团队的作用。这样才能设计出个性鲜明、布局统一的网页。在项目具体实施过程中，学生带着任务会自觉发现问题，带着问题去选择学习内容，查找资料，或者向团队同学请教，解决非常棘手的难题，从而完成任务。让每个学生在实践学习过程中既提高独立学习的能力、获取新知识技能的能力，又形成团队共同合作的职业素质。学生展示和汇报学习成果也是一种交流和提高的机会，他们会逐渐在教师评价和学生互评的过程中不断修正、反思和进步，也激励他们主动、有效地开展学习。根据各团队实训项目的进度，进行各团队实训项目成果的汇报与交流。每个团队成员都要以自己的角色任务来汇报工作，汇报各团队实训项目内容的选择，构思、设计、及作品完成过程中发现的问题及解决办法，进行互动交流。最后各团队把自己的项目资料汇集整理后，教师对各团队具体的实践工作进行指导与评价。这种汇报、交流的方式，有利于激发他们积极参与项目任务的兴趣，使课堂实践教学得到进一步延伸，同时保证了教学的延续性和学生优秀成果的继承性。每期结束后，可以把一些学生的优秀作品作为项目实施的范例资源，在学院的网站上展示，提高他们的自信心，促进网页设计项目教学实施的深入发展。

三、网页设计成果的评判标准与考核方式

在项目过程实践锻炼后，教师为了了解学生网页设计知识的掌握情况，对实际动手能力，工作态度、吃苦耐劳精神等方面进行公平客观评判，对团队合作的设计成果予以考核鉴定。制定了网页设计的评判标准、考核方式。

（一）评判目的与标准

教师对学生综合素质的评价以及对他们学习效果的评判要从这些方面来考察：1.教师要了解学生是否具有良好的美术功底，勇于创新的态度；2.是否能准确理解网页设计的艺术性和功能性需求，有新颖想法和的艺术表现；3.是否熟练掌握软件操作；4.能否擅长网页设计的整体艺术处理，制作出较高水平的作品；5.会不会工作主动积极，有耐心和责任感；6.自学能力强，善于团队合作；7.有抗压力能力。网页设计课程评判目的主要体现以下几个方面：1.使学生了解网页设计相关软件的基本知识、操作方法和有关网页设计的理论知识；2.网页设计课程作业效果的评价应以学生操作技能为主，考查学生对网页设计操作流程的掌握和网页设计的实践能力；3.体现了学生具体解决问题的能力和综合实践操作能力。选取合适的评价方式，制定切实可行的评价标准，具体的考核标准为：（1）是网页设计独特，主题突出，构思巧妙，形象生动，具有较强的表现力和感染力，网页设计和谐统一；（2）是网页整体设计思路清晰，色彩搭配合理，布局紧凑美观，版块结构清晰；（3）是层次分明，链接合理清晰，便于浏览。由学生汇报、展示自己的网页作品，在网页设计项目开展过程中，让学生成为课程的运作人，自己评价自己，并对团队其他人的任务效果进行评论。之后老师对整个团队的方方面面进行点评总结。这种教学模式增强了学生们开发网页设计的创作欲望，促进了他们的竞争力，从而发挥他们的聪明才智，积极主动地进行网页设计制作。激发学生之间相互协作学习和交流的机会，最终达到学生的综合能力的提高和个性魅力的展现。

（二）考核方式

网页制作课程设计总结篇(7)

[关键词]网页设计；网页制作；任务驱动；项目教学

《网页设计与制作》作为一门实践和应用能力很强的课程，本门课程在计算机专业课程体系中处于一个非常重要的位置，《计算机网络基础》、《图像处理技术》作为其先导课，为其提供必要的知识准备，比如计算机网络的熟悉、图像处理的掌握等，而《网页设计与制作》课程又为其后续课程《.Net技术基础课程设计》、《.Net高级应用》等课程提供有力的支持，比如开发界面的设计、HTML代码的熟练掌握等等。这就要求学生不仅要掌握专业知识，更要具有运用专业知识分析和解决实际问题的能力。

课程教学中提高学生的实际动手能力是关键。这就要通过对教学内容的合理安排对学生进行正确引导，教学过程以工作项目为主导，教学内容的设计就需要改变传统的以知识点为主体的模式，而以实际工作任务需求为基础，注重理论知识、实践知识与职业技能的综合。教学方法的设计以任务驱动教学法和项目教学法为核心，在具体实施过程中，以任务为主线、教师为主导、学生为主体，把课程的整体内容按知识点划分成多个独立的实际工作项目，使学生既学会了知识，又应用知识完成了多项实际工作，达到了知识和能力的双丰收。

一、理论基础

近年来，计算机技术发展迅猛，知识结构更新速度快，这已成为高等职业院校计算机类课程教学过程中的难题之一。在当今信息时代，计算机技术的普及时刻要求我们必须教会专业学生熟练掌握计算机技能，而计算机硬件、软件的持续更新，又使得“会”的内涵在不断发生变化，这就要求计算机教室在“教”和“学”方面及时更新，以适应计算机发展的需要。

1.任务驱动教学法

任务驱动教学法是近年来广泛应用的教学方法。它是在建构理论的基础上繁衍的一种新型教学模式，学生的学习过程必须与任务相对接，通过问题的导引来激发学生的学习兴趣；从简单的范例入手，带动理论知识的学习，培养学生独立探索、不断创新的学习能力，提高学生的学习兴趣，培养学生主动学习的意识。教师在开始“任务”设计时，要综合考虑到网页设计与制作所涉及的理论、技能及扩展知识的连接，将该任务分解成若干个子任务，以任务驱动的方式分步骤地指导学生完成课业，在完成子任务过程中，由浅入深，循序渐进，保证课堂教学目标顺利完成。

2.项目教学法

项目教学法也是近年来各高职院校广泛应用的教学方法。它以自主式、探索式学习为基础，采用科学实践的方法，激发学生积极主动地学习。在实际教学过程中，教师将需要完成的任务或需要解决的问题以项目的方式下发给学生，教师通过现场分析本次课程的教学内容，分解教学任务，把将要讲授的理论知识融入到学生即将完成的任务中，以小组的方式，由学生本人按照实际工作中的完整流程，共同制订计划、分解任务、分工完成整个项目操作，学习过程成为每个人都参与的团队实践活动，学生通过小组协作方式完成项目，达到真正掌握课堂知识的目的。

项目教学法最显著的特征是以项目为主线，以学生为主体，以教师为主导，它改变了以往教师主动讲授、学生被动听讲的传统教学模式，创造性地提出了学生主动参与、组内自主协作、组间探索创新的教学新模式。学生成为学习的主体，通过独立完成项目，主动把理论和实践有机结合，这不仅提高了学生理论知识水平和实际操作技能，同时在教师正确和有目的的指引下，培养了其团队合作、共同解决问题的能力。

二、任务驱动法的具体应用

1.创建情境，设计任务

授课前，教师提前向专业学生布置这门课程、这个阶段、这个单元、本节课程的学习任务，要求学生课前带着任务和问题去预习；授课时，教师向学生推荐一些和本次课程相关的网页、网站等资源供学生现场欣赏，把学生带入到真实的学习情境中，激发学生的学习热情，引导学生去思考、构想如何设计网页、制作网页，确定本门课程的总任务――建设一个完整实用的网站和页面；教师要针对课程所涉及到的每个知识点将总体任务划分成若干个任务，如文本网页、图像网页、超链接网页、表格网页、框架网页、CSS样式网页、层在网页中运用、时间轴在网页中运用、模板网页和库操作等，再将每个任务进一步划分成若干个子任务。任务的划分应遵循由浅入深，由易到难，即子任务应紧密围绕任务一个个去完成，任务应紧密围绕总体任务一个个去实现。教师根据网页制作的规律，主动创建激发学生学习兴趣的任务，营造愉快的学习氛围，使学生自觉、主动地完成规定任务。

2.分析任务，提出问题

提出任务后，不急于讲解，先让学生带着任务进行思考、分析、研讨，提出完成该任务需要解决什么问题。在提出的所有问题中，有些问题学生以前已经学过的，可以让学生自行去解决；有些问题是学生以前没有接触到的，即隐藏在任务中新的知识点，这正是本次任务需要解决的问题，最好由学生主动提出这些问题，解决问题很容易，仅仅是技能方面的掌握，而提出新问题、从新的视角去看待老问题，却需要学生具有创造性的想象力。例如，在具体应用CSS样式的教学过程中，教师先演示某一网页文字效果，引导学生主动与学过的网页文字效果进行比对，让学生自己去分析任务、提出问题，而不是直接告诉答案，给出现成的结论。

3.自主学习，解决问题

提出问题后，教师先不要直接跟学生讲解问题如何去处理，而是跟学生指明解决问题的思路和线索。要以问题的探索引起和激发学生的爱好和兴趣。学生根据自己掌握的知识独立完成任务，通过主动探索和团队的协作开展活动，在活动的过程中掌握新知识和新技能，并将知识进行融会贯通，并运用到实际操作中。例如，学生如果做一个公司的网站设计，学生就先去上网了解一些其他公司网站的设计思路及效果，然后再尝试根据该公司提供的素材和要求进行设计。在任务制作过程中，要充分考虑到学生间的个体差异，随时给学生提供技术支持，让学生尽快掌握知识，并熟练操作。

4.评价反馈，总结提炼

在教学实施过程中，教师不应以学生所掌握知识的对错为基准，应以学生参与整个教学活动的态度、解决实际问题的能力、创造力的发挥、吸取的经验和教训为基准。对学生整体评价应包含以下几方面内容：是否理解、掌握并熟练操作新知识；自主学习能力是否提高；独立操作能力是否提高；创造性解决问题的能力是否加强等。

三、项目教学法的具体应用

1.设计思路

首先，项目名字的选取既能引起学生的兴趣，又能和实际工作相一致；其次，项目内容的设定要包含所有知识点，各项目间是相对独立又有密不可分的关系，项目的内容激发学生的学习兴趣和愿望，使学生掌握的知识能学有所用、学以致用，真正起到事半功倍的效果；再三，项目内容之间的关系相互递进，螺旋上升，形成了从初学到熟练操作的学习过程。本门课程共划分了七个独立递进的项目，即：制作文本网页、制作超链接导航网页、制作图像和多媒体网页、制作布局网页、使用样式表设计模板网页、制作特效网页、站点的测试与。

每个项目的设计与制作过程都包含了整个网页设计全过程，即：项目的分析、设计、制作、测试和全过程，完成一个项目就完成一个工作任务。虽然各项目的实施过程是繁琐的，但内容操作上是递进的，细节上是不同的。后续的项目会使用到之前项目的知识点，既巩固了旧知识，有学习了新知识。

2.实施过程

在具体教学过程中，为每个项目设计了相应的任务单，按照实际工作流程，在工作任务单中设计相应的学习情境。例如，某企业想要设计一组网页，用来展示自己企业产品的种类、性能、售后等信息。提出需求如下：主页面的框架结构采用上下结构，上框架中以表格布局的方式放置企业的徽标、标题栏、导航栏，下框架以表格的方式展示企业的相关内容，从感官效果上整体感、立体感非常强烈，能够很好地体现企业的形象。

具体教学过程如下：首先，对学生进行分组，2至4人为一组，以组为单位完成项目的设计与制作过程；其次，小组接到任务单后，由组长给组员分配具体的工作任务，并将分配任务结果填写到任务单上，例如，框架设计、页面设计、首页制作、其他页面制作、美工特效、后期合成等任务；再三，按照具体分工，各组成员开始进行页面分析、设计、制作的工作，并上交作品和任务单。在整个教学实施过程中，教师的角色发生了改变，只是在布置任务前，先将知识点做一下讲解，而后教师便成为项目的指导和顾问，学生成为了学习的主体。

3.考核方式

考核方式由期末考试方式变成过程考核方式，考核方式以每次作品评价、答辩评价为主体。作品评价一方面来自教师的评价，另一方面来自小组间的评价，事先在教室将作品公布，组间进行互评，并写出评价建议，体现评价的公平性、公正性、公开性；答辩评价是对小组中每个成员进行考核的一种手段，在答辩过程中，学生自己阐述工作过程，教师询问有关知识点，并回答情况和任务单给予客观的评价。经过考核后，学生的成绩能够准确地反应出平时学生的理论、实操掌握情况，注重了学生能力的培养，满足了我国高等高职教学的需要。

四、总结

本文围绕《网页设计与制作》这门课程，着重阐述了任务驱动教学法和项目教学法的具体运用和实施。教师在采用这种教学方法授课过程中，有利于学生掌握理论知识，加深理解认识，学会灵活使用这些知识；充分地调动了学生的学习积极性、创造性，使学生成为学习的主体，使学生的学习更能贴近实际工作过程，提高了职业技能，满足社会的需求，符合我国高职院校的培养目标和教学要求。