网页制作实训总结范文

导语：如何才能写好一篇网页制作实训总结，这就需要搜集整理更多的资料和文献，欢迎阅读由公务员之家整理的十篇范文，供你借鉴。

篇1

一、传统课程存在的一些问题

在教学中，网页制作课程是网络设计与开发专业、计算机应用专业及多媒体制作专业的专业课程之一，历来受到学校和教师的重视。人们对网络的应用日益频繁，网页不仅要引人注目，更要下载速度快、浏览方便，这就对网页制作课程的教学提出了更高的要求。而在实际的教学过程中，又存在着许多不易解决的问题。

第一，网页制作课程作为一门专业课，需要掌握较多基础知识。从设计的角度上说，需要学生具有一些美学方面的基础，如色彩原理、平面构成、色彩构成等。从计算机技术角度上说，需要学生掌握计算机及网络方面的知识，如计算机网络基础、计算机平面设计、计算机动画设计和一些编程知识。这些知识对于中职生来说，很难全面掌握，尤其是网络编程课程，更不容易面面俱到。

第二，对于不同专业的学生来说，由于专业设置、专业方向不同，学习的重点也不同，学习起来存在一定差异。

第三，对于学习网页制作课程来说，虽然学生起初的学习兴趣比较高涨，但是由于传统教材一般是根据软件功能划分章节，并进行单项练习，割裂了完整的网页设计流程，致使学生逐渐丧失了兴趣和动力。

第四，一个较为关键的问题是，中职院校学生的基础比较差，专业素质也比较低，部分学生甚至不愿学习、不会学习，在这种情况下让学生学习难度较大的网页制作，尤其是编程语言，非常不容易。

二、改革的必要性

要解决实际教学中存在的这些问题，教学改革迫在眉睫。这些年来，业内人士对教学改革的研究比较广泛，也很深入，如模块化教学模式和项目教学模式等教法被逐渐应用到日常的教学当中。我国在模块化教学模式上的研究要比项目教学早一些，大约始于20世纪90年代。经过多年的研究、探讨和实践，最终在职教领域总结出了“宽基础、活模块”的模块化教学模式，即依托以人为本、全面育人的教学理念，基于全日制职业教育的培养要求，将多个课程设置在一个模块中，并将模块灵活、合理地搭配，从而有效地培养和提升学生的个人素质、从业能力和专业技术水平。

网页制作课程的教学改革，就是从教学模式上入手，将传统的“讲练”模式转变成模块化的教学模式，使学生从被动学习到主动思考、探究，从而将原来枯燥的课程变得更加生动。学生参与这样的课程，从一开始就能明确自己的目标，有目的、有计划地主动学习，学习兴趣和积极性逐渐增加，对课程的理解和掌握也就更加深入。

三、构建网页制作课程模块化教学模式

网页制作课程的内容所涵盖的范围是很广泛的。如果从职业岗位需要的角度上说，制作一个成品网页首先要对网页进行设计，这就要求学生要有一定的美学基础，同时要熟练掌握Photoshop和Fireworks软件。制作网页之前，还要掌握一些网络基础知识，包括Internet、WWW、HTTP等，也要知道网页制作的基本流程，熟悉需要使用的各种工具。制作网页前台时，要掌握HTML语言，同时熟练应用CSS+DIV的网页布局方式和一些制作网页特效的脚本语言。制作W页后台时，要掌握数据库的相关知识，能够配置IIS服务器，同时掌握一种脚本语言。这样可以将网页制作课程分成四个模块，分别是设计模块、网络基础模块、网页前台制作模块和动态网页制作模块，每个模块下又可以设置若干个子模块。可以根据每个模块具体特点，选择适当的教学方法和教学手段，进而促进学生主动学习。

在具体实施的过程中，应从以下几个方面构建模块化的教学体系。

1.课时安排合理，突出学生的动手能力

在以往的网页制作课程中，教师比较重视的往往是Dreamweaver软件的应用，会在这方面花费大量的课时进行讲解，并给学生留下相应的作业，巩固学习成果。这种做法能够使学生熟练掌握软件的操作技能，模仿现成的网页，却忽略了网页制作本身应该有的理论性、设计感和创造性。在进行模块化教学改革之后，对课时进行了新的分配，减少原有的软件操作技能的课时量，增大网页美学基础、网页设计及网络基础的课时量，使学生从基础上接触网页制作，真正从设计开始制作网页。同时，增加应用模块的课时量，使学生真刀真枪地操练起来，培养他们的主动思考能力、设计能力和创造性。在课时分配上，将三分之一的课时分配给网络基础知识部分，将四分之一的课时分配给美学基础和网页设计部分，将剩下将近一半的课时分配给实践操作，由教师根据企业的需要提出命题，学生根据命题进行分析和设计，并制作出网页，整个教学过程和实训类似。这样在完成网页的同时，学生全面地了解了网页制作的流程，掌握了实用的专业知识，并在校完成了校企对接，从而使学生更能适应社会用工的需要。

2.改革教学模式，提高学习效率

传统的教学模式注重教师讲课、学生模仿练习，表面上看学生是掌握了所学的知识，也能按老师的要求制作出网页，可是学生学到的只是模仿制作网页的技能，而不是全部的网页制作流程，将来到了工作岗位，学生没有设计能力和创造性，无法满足企业的需要，就业就会遇到障碍。

在模块化的教学模式下，教师可以将模块的具体任务细化，分为模仿型的任务和实战型的任务。将网络基础知识、软件基本操作、基础性语言的学习等内容设置到模仿型任务中；将网页制作的全部流程放入实战型的任务中，这样学生既能在前期有针对性地学好理论课程，为后期制作打好基础，又能从头到尾地完成网页制作的全部流程，实现知识的整合和消化吸收。

整个的学习过程可以针对某个企业的网站进行。教师可以在模仿的模块、任务中先向学生介绍企业文化和网站制作需求，帮助学生分析企业网站的功能和细节，为制作网站做好准备。教师再在第一个模块中展示一个成品网站，包括其静、动态的功能，使学生明确学习的目标。教师带着学生浏览成品网站，为学生讲解网站的结构、布局、配色、Logo、导航、banner的设计，也介绍一些网站特效和数据库连接效果，提高学生学习的积极性。在实战的模块中，学生要独立完成整个网站的制作，并接受自己和其他同学的评价。整个学习的过程既是对所学知识的梳理，又是对整个知识体系的深化挖掘，学生成了学习的主人，而教师只是起到辅助的作用。

3.注重课题实训，提高学生的工作技能

课题实训是学生巩固所学、提高专业技能、更好地适应未来工作岗位的一个主要途径。近些年来国家越来越重视职业教育的课题实训工作，要求所有中职、高职毕业生都要有半年或半年以上的课题实训经历，也是希望通过课题实训，真正缩短职业教育和企业需求之间的距离。学生在学习网页制作课程后，应进行相应的课题实训，巩固所学的知识。课题实训可以在校进行，也可以到企业中进行。在校进行的话，教师应从企业中搜寻适合的课题供学生独立完成，教师从旁辅导；或是让学生参与学校的网站建设。如果在企业进行课题实训，学生则离开校园，在学校导师的带领下在企业直接参与生产生活，从而加深对所学知识的理解。

篇2

关键词：项目教学；实践；双线并行；网页制作

中图分类号：G712 文献标识码：A 文章编号：1007-9599 (2011) 18-0000-01

"Double Parallel" Teaching Mode Practice and Exploration

Meng Xia

(Liaoning Forestry Vocation-Technical College,Shenyang 110101,China)

Abstract:The hospital implemented the project of educational reform,in practice,teachers have found that for strong practical"Web Production"course,with project-based teaching,combined with the"double parallel"teaching mode,the effective training of students in web site development construction,web design,promote teamwork,improve student learning and innovation.

Keywords:Project teaching;Practice;Two-parallel;Web production

我院“双线并行”教学模式在一些实践性较强的课程中实施取得了较好的效果，计算机应用技术专业的网页制作课程结合学院网站建设和林苑旅行社网站建设二项真实工作任务确定教学任务，围绕培养目标设计训练项目，实行课上课不二条线，“双线并行”组织实施，在实践中不断总结和探索，有效培养了学生网站开发建设，网页设计制作能力，促进了团队合作，提高了学生学习能力和创新能力。

一、“双线并行”的教学模式的界定

“双线并行”教学模式就是根据课程的知识、能力、素质目标选择类形相同，难度不同的二项生产任务，设计课上课下二个贯穿项目，若干个对培养目标全覆盖子项目，以过工作过程为导向进行序化，课上课下二条线组织实施，课上由老师指导完成训练任务，培养专业基碰能力，课下由学生团组配合完成训练任务，教师对工作成果进行点评，通过课下训练项目巩固拓展。课上项目在教师组织指导下学生完成，交付生产制作成果，二条主线同时推进，训练目标逐次递进，逐级提升，使学生能力不断巩固提高的职教新模式。

二、“双线并行”教学模式的实践

计算机应用专业的网页制作课程打破知识逻辑内容体系，改变重视网页技法训练忽视产品制作整体制作的传统训练模式，通过完成网页制作的真实任务，制作客户需要的网站产品，按照企业产品标准评价质量，评定等级，确定学生学习成绩，激励调动学生的学习兴趣。课程开发小组由任课教师与网站制作企业一线的网页制作员、网页程序员共同组成，一起分折职业典型工作任务的要求，准确定位培养人才的知识、能力、素质目标，以能力培养为主线，从训练学生的职业技能入手，进行“基于工作过程”的并行项目设计，将网页制作员、网页程序员的典型工作任务引进教学内容，课程建设将理论与实践通过完成真实的网页制作任务有机结合，在实践中学习理论知识，提高网页制作能力，构建“双线并行”的教学模式，充分体现了以过程为导，以能力为本位，以项目为载体，以学生为主体，渗透式素质教育的高职课程特色。

教学实践中选择学院网站建设和林苑旅行社网站建设二项真实的工作任务，按照初次就业网页制作员、提升岗位网页程序员的典型工作要求，选择了教学内容三大模块：Dreamweaver使用，Html语言应用，程序设计。

设计了二大课程项目：信息工程系网站建设和林苑旅行社网站建设；建立课上课下学习实训二条主线，每条主线设计12个并行训练任务，共计24个系列化任务，按照产品订单企业的要求制作实用型产品，严格坚持企业网页制作员、网页程序员的工作规程和产品标准，对每个项目按企业要求进行考核评价，对最终产品进行质量评估，激励创新。

三、“双线并行”的教学模式的探索

篇3

关键词：网页设计与制作；教学内容；教学方法

中图分类号：G642文献标识码：A文章编号：1009-3044(2012)08-1864-03

"Webpage Design and Making" Curriculum Teaching Method Exploration

FAN Yi-hong

(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)

Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。

Key words: Webpage design and making; Content of courses; Teaching method

随着计算机网络技术的迅猛发展和网络应用的日益广泛，Internet在人们的生活、学习和工作中的地位显得越来越重要，上网冲浪已经成为现代人生活的一个重要部分。信息技术的高速发展，使人们通过网络来个人或者企业的信息、推广企业产品已成为一种流行的趋势。网页已经成为信息共享和传播的主要载体，掌握网页的制作和网站的管理等内容已成为现代人必备的一种技能。

《网页设计与制作》是软件技术、计算机多媒体技术、计算机网络技术、信息技术、信息管理、计算机应用等专业公共的必修课程，也是许多高校的公共选修课，具有实践性强和知识面广的特点。该课程要求学生掌握HTML语言、CSS+DIV、JavaScript语言、Photoshop图像处理、flas制作等基本知识，为后继课程《动态网页设计》、《计算机网络》等打下牢固基础，因此该课程具有知识点多、操作性强的特点。如何提高《网页设计与制作》课程的教学质量，是亟待解决的问题。根据近年来对网页课程的讲授经验，笔者从课程目标、课程内容、教学方法、课程实践、课程实训等几个教学环节对该课程进行了一些研究和总结。

1理论教学

1.1课程目标

《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：

1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；

2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；

3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；

4)使学生能够用Flash进行网页动画的简单设计；

5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。

1.2课程内容

1.2.1 HTML网页设计

重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。

1.2.2 DIV+CSS网页设计

DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得 网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。

该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。

1.2.3 Photoshop图像处理

重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。

课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。1.2.4 Flas制作

重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。

1.2.5 JavaScript程序设计

JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。

1.3教学方法

该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。

教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。

1.3.1模块教学法

根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。

1.3.2案例教学法

在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例――具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。

2课程实践

2.1实验题目的设计

结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。

2.1.1 HTML网页设计

实验1 HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5 HTML综合实例。

2.1.2 DIV+CSS网页设计

实验1 CSS文字排版、实验2 CSS网页布局、实验3背景设置、实验4 CSS导航菜单设计、实验5综合实例。

2.1.3 Photoshop图像处理

实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。

2.1.4 Flas制作

实验1 Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。

2.1.5 JavaScript程序设计

实验1 JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3 JavaScript内置函数和对象、实验4 JavaScript事件处理、实验5 Dom操作实例。

2.2自学模式的创建

为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。

2.3参与教师科研，以研促学

鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。

2.4成立网页兴趣小组，拓宽知识面

组织成立网页课程的兴趣学习小组，具体活动包括：

1）举办讲座：资深开发人员的经验报告，网页知识讲座；

2）举办竞赛：我院已成功举办两届网页与flash设计大赛。

这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。

3课程实训

网页的制作不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。

实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。

平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。

课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。

4结束语

明确的教学目标、丰富的教学内容、科学的教学方法、有效的教学手段大大增强了学生主动参与学习的积极性。随着网页技术的进一步发展和进步，网页设计与制作课程的教学还必须与时俱进，不断的改革和创新，教师只有不断的学习新的教学理论，掌握现代化的教学手段，才能胜任高效教育工作，为社会培养高素质的技术应用型人才。

参考文献：

[1]李伟,邓红涛,曹传东.《网页设计》课程实践性教学改革与创新研究[J].改革与创新,2011(12):103-104.

篇4

1理论教学

1.1课程目标

《网页设计与制作》课程内容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本课程的教学目标是：1)使学生掌握HTML基本知识，熟练掌握静态网页制作技能；2)使学生能够掌握流行的CSS+DIV网页设计技术，适应网页设计社会最新需求；3)使学生能够用Photoshop进行网页效果图的设计并能够切图输出；4)使学生能够用Flash进行网页动画的简单设计；5)使学生能够掌握JavaScript简单程序设计，能够实现网页的各种动态效果。

1.2课程内容

1.2.1HTML网页设计重点包括网页设计基础知识、用HTML设置文本和图像、列表、超链接与框架、表格、表单、网页制作工具Dreamweaver的基本操作，网站管理、Dreamweaver模板等。在进行课程设计时，突出HTML代码的教学，而对制作网页的工具Dreamweaver则着重于操作能力和动手能力的培养。“知其然，知其所以然”是我们的目标。

1.2.2DIV+CSS网页设计DIV+CSS是目前网页的主流布局方式，DIV+CSS网页设计技术使得网页的表现与内容相分离，提高了页面浏览速度，并且使得网站易于维护和改版，因此，在网页设计教学中DIV+CSS成为核心的内容，并将对传统的网页设计教学产生较大的影响。该部分重点知识包括CSS基本语法、用CSS设置文本、图像样式、用CSS设置超链接与导航、用CSS设置表格和表单样式、CSS盒子模型、盒子的浮动与定位、CSS+DIV布局方法剖析。教学中通过大量的实际应用，反复的练习，使学生真正掌握CSS+DIV的精髓，并体会其在设计网页方面的优越性。

1.2.3Photoshop图像处理重点包括Photoshop基本工具的用法，选区操作、图层操作、图像变换、色彩调整、文字操作、绘画工具、通道、路径、融合、图层样式、文字样式及滤镜等，目的在于能够用Photoshop设计美观、清新大方的网页效果图并且能把网页效果图切片导出。注重学习工具的使用和图片的处理方法。课堂教学中应注意培养学生的创新意识，突出“网页设计重在创意”的理念。尤其对于动漫广告等专业要发挥学生们美术方面优势，将计算机技术与美术相互渗透和融合，将网页作品当作一份具有生命力的完美艺术品。

1.2.4Flas制作重点包括层的概念，工具的使用，逐帧动画制作、运动渐变动画制作、形状渐变动画制作、引导动画制作、遮罩动画制作，元件的使用，基本动作的使用，在网页中使用Flash的目的是让网页变得更加生动形象，因此在学习技术的同时更要注意网页动画的组织形式，与网页协调。

1.2.5JavaScript程序设计JavaScript是目前Web客户端开发的主要编程语言，也是Ajax的核心技术之一。该部分重点知识包括JavaScript编程基础，变量、数据类型和表达式，流程控制，函数，对象编程，文档对象模型与事件驱动，窗口、文档和表单对象，级联样式表（CSS）技术，动态对象和Cookies及安全等，JavaScript中的XML、Ajax技术以及JavaScript实用技巧与高级应用。

1.3教学方法

该课程的教学实践性较强，知识覆盖面广，在教学中要极大的激发学生的参与性，锻炼学生的动手能力，培养学生的学习兴趣。注意引导学生学习理论与实践相结合，将理论应用于实践。教学过程中大胆运用模块教学法、案例教学法等教学手段，充分调动了学生的积极性和创造性，教学效果明显提高。

1.3.1模块教学法根据教学内容的不同特点，将整个《网页设计与制作》课程的教学分为五个阶段，第一阶段使学生熟悉并掌握HTML语言；第二阶段重点在于CSS样式表以及CSS+DIV布局方法；第三阶段在于利用Photoshop进行网页效果图的制作，并将图片切片输出；第四阶段在于利用Flash制作动画；第五阶段在于JavaScript程序设计；每一阶段要给据内容不同、重点不同采用不同的教学方法。比如在第一阶段，要学生学会并熟记HTML标记的用法，这就要通过大量小实例练习；在第二阶段主要进行页面整体布局的练习，学习如何把整个网页分成不同层次的块，然后再学习每一块的设计方法，只有通过全面的练习，才能掌握丰富多彩的网页设计方法；第五阶段则主要学习最新流行的网页效果的设计，重点在于网页程序的设计。每一阶段的教学内容完成后，在机房组织小测验，以实现分阶段达标，最终使学生完成该门课程的学习任务。

1.3.2案例教学法在课堂上采用案例教学法，通过精心挑选案例，明确提出需要掌握的知识点及操作技能，以案例带动知识点，贯穿整个教学过程。比如在讲解HTML的<img>标记时，图片的路径学生很容易出错，通过一些小实例讲解该标记在网页实际设计中要注意的问题，学生就很容易掌握；HTML基本标记学完后，通过一个综合实例——具有多个网页的网站的设计，综合应用HTML语法，达到复习和融会贯通的效果；再比如在讲解JavaScript程序设计时，理论的讲解贯穿在许多流行的JavaScript实例中讲解，极大地提高了学生的学习积极性。

2课程实践

2.1实验题目的设计

结合理论教学，设计配套的实验题目，对巩固课堂效果具有重要的作用。对于上文提到的五个阶段，分别设计相应的实验题目。

2.1.1HTML网页设计实验1HTML基本标记练习、实验2框架与超链接、实验3表格练习、实验4表单练习、实验5HTML综合实例。

2.1.2DIV+CSS网页设计实验1CSS文字排版、实验2CSS网页布局、实验3背景设置、实验4CSS导航菜单设计、实验5综合实例。

2.1.3Photoshop图像处理实验1图层的实验、实验2选区的练习、实验3图像的绘制练习、实验4图像的编辑练习、实验5文本的应用、实验6综合实例。

2.1.4Flas制作实验1Flash多种工具的使用、实验2变形动画的制作、实验3运动动画的制作、实验4引导（路径）动画的制作、实验5逐帧动画的制作、实验6综合实例。

2.1.5JavaScript程序设计实验1JavaScript程序设计案例、实验2用JavaScript制作网页特效、实验3JavaScript内置函数和对象、实验4JavaScript事件处理、实验5Dom操作实例。

2.2自学模式的创建

为学生创建良好的自学环境。我们建立了该课程的课程网站，学生可以下载教师的多媒体课件、实验指导、相关学习文档、视频讲座资料等，课程网站还提供大量的题库，包括选择题、填空题、判断题、问答题、设计题，学生登录后可以自由练习，从而达到了消化课堂所讲知识点、提高学习效果、激发学习兴趣的目的。这种做法丰富了教学手段，开辟了学生自学天地。

2.3参与教师科研，以研促学

鼓励和吸收成绩优秀的学生参与教师的科研活动，以科研促教学。学院自行开发的学院网站、学生评教系统、教务管理系统等都有学生参与，同时，学院的许多活动开展后，都安排学生设计相应的网站，这样使得该课程的教学水平不断提高。

2.4成立网页兴趣小组，拓宽知识面

组织成立网页课程的兴趣学习小组，具体活动包括：1）举办讲座：资深开发人员的经验报告，网页知识讲座；2）举办竞赛：我院已成功举办两届网页与flash设计大赛。这些活动的开展深受广大师生的好评，激发了学生对网页设计技术的兴趣，培养了学生的动手能力和创新能力。

3课程实训网页的制作

不仅要求制作者有熟练的网页制作技术，还要有一定的艺术设计能力，因此在掌握网页设计基本技术的基础上，课程实训主要培养学生设计能力、创作能力和对所学知识的综合运用能力，学生需要独立完成一个表达特定主题的网站，要求参加实训的学生在规定的时间完成网页效果图的设计并切图输出，最终在Dreamweaver中布局成网页。实训主要内容包括素材的搜集、网页整体布局设计，网页代码的编写、调试。实训时间是32学时，实训结束后，学生不仅要提交设计报告、Photoshop制作的网页效果图和网页代码，还要进行现场答辩，这些对学生都是很好的锻炼。最后教师根据学生所交作品的效果、原创性、复杂性等情况进行成绩的评定。平时实验课上学生总是按教师给定的素材，给定的效果进行实验，主要注重的是设计方法和网页代码的学习，在实训中,素材需要学生自己搜集，效果图需要自己制作，网站的制作方法自己确定。这就要求他们上网查询大量的资料，遇到问题想办法解决，学生带着问题进行学习和探索，培养了学生的探索创新能力。课程实训不仅巩固了学生网页代码的设计能力，更是从网站策划、网页的界面设计，网站的风格、配色、布局、Photoshop软件的应用等多方面对学生进行了训练，为学生能够做出美观而又实用的网页打下了牢固的基础。

篇5

关键词：网页制作 项目教学

0 引言

网页制作技术课程在目前的高职院校中几乎成为必开课程，但由于网络技术更新日新月异，教学方法很难于最新技术达到一致，因此在连续4年的教学当中，我们考虑是否当在教学方法上进行更新。

课程的传统教学方式是先由教师在多媒体教室授课，然后安排学生在实验室上机验证教师所讲内容。这种方式忽略了学生的积极性、主动性，学生学到的知识比较零碎，很难开发实际项目。而且我们软件课程的特点就是易学也易忘，因此为了将零散的知识点，一点一滴的灌输到学生的知识库中是每个软件教师必须思考的问题。

随着课程内容的深入，很多学生逐渐失去了学习兴趣，丧失了主动参与的意识，以致课程结束时，几乎没有学生能够设计出具有一定水平的网站。为打破传统的教学模式，突出学生的主体地位，让学生成为教学的中心。我们分析了该课程的特点，并结合任课教师为企业开发网站的经验，让教师将所承担的网站建设项目引入课堂教学，引导学生共同开发项目。

此类课程要想取得好的效果，项目教学法便是首选。2003年7月德国联邦职教所制定以行动为导向的项目教学法，它把整个学习过程分解为一个个具体的工程或事件，设计出一个个项目教学方案。按行动回路设计教学思路，不仅传授给学生理论知识和操作技能，更重要的是培养他们的职业能力，这里的能力已不仅是知识或是专业能力，而是涵盖了如何解决问题的能力：方法能力、接纳新知识的学习能力以及与人协作和进行项目动作的社会能力等几个方面。

项目教学法的核心追求是：不再把教师掌握的现成知识技能传授给学生，而是在教师的指导下，学生去寻找得到这个结果的途径，最终得到这个结果，并进行展示和自我评价。学习的重点在学习过程而非学习结果，他们在这个过程中锻炼各种能力。教师已经不是教学中的主导地位，成为学生学习过程中的引导者、指导者和监督者，学生具有较高的积极性。

网页制作是高职院校计算机类专业所特有的实训项目之一，即通过30到60学时，学生必须完成一个完整网站的制作。主要尝试从以下几个步骤实施项目教学：

1 分组

在先学生自愿组合、后教师调配安排下，对全班同学进行分组，3—4人一组，采取组长负责制，由组长统筹安排其组员的分工。

2 规划网站

在制作网站前，给学生介绍不同类型的专题网站，让学生上网找出自己感兴趣的网站，要求学生在网站浏览的同时，总结此网站的风格特点，并把自己的心得介绍给老师与同学，这样不但能提高学生的学习兴趣，而且为引入项目教学法做好了铺垫。课前让学生利用双休目的时间，分成小组走进社会，进行网站需求的调查，在调查过程中寻找具有一定的应用价值的网站项目。课堂上让学生结合各自调查情况，提出一个网站设计的项目，参考《网页设计与制作》教材制定好一份初步计划书，确定网站主题。

3 细化任务。分工合作

本着发挥学生个人特长，让每一位学生溶入网站设计的全过程，结合《网页设计与制作》课程的教学内容，在学生制定好具有一定应用价值网站设计计划书的基础上，通过课堂讨论，列出将要实施的几个网站方案，成立项目小组，设立项目经理来负责每个小组完成一个网站。 转贴于

4 实施项目

学生确定各自在小组内的分工及小组成员问合作形式后，按照已确定的方案进入具体的网站制作。在这个过程中，学生必然会碰到许多新问题，此时教师就可以把问题集中起来，要求各小组在回答问题时充分发表意见，同学问可相互提示帮助，教师根据学生的掌握情况进行及时补充，对学生在应用上有困难的地方，教师提供给他们解决问题的方法。让班上绝大多数学生能完成基本的教学内容。

5 小组成果展示

网站制作结束前，经过教师核准验收后，可以宣布整个项目工作结束。作者要向教师及同学展示自己的网站，并进行作品答辩。以团队形式完成作品的，分模块展示，体现合作的同时还应有细致分工，这会更加促进学生的团队意识。

6 评估总结

学生在完成网站设计后，教师要求他们进行网站的自评、互评。这个过程可以与成果展示同时进行，并且最好是以大班教学方式进行，也就是把几个班的同学集中在一起上课、交流。学生对各自网站自评，不仅有利于学生的自主学习，且可以改进课程或教学的设计；学生互评，让学生对学习成果进行共享，从学生的角度发现问题以及提出改进意见。最后教师对各项目组的网站进行综合评价，这一工作是最主要的。教师在评价学生网站时，不能只进行优劣评价，而应该指出问题所在，给出具体改进及修改建议等，让学生去完善网站。

7 小结

网页制作课程作为大学生计算机基础教育的重要组成部分，如何采取合适的教学方法，提高教学质量，是每一个教学工作者均很重视的问题。除了进行教学方法改革外，只有各部门、教师和学生协作和支持，才可能真正提高网页制作课程的教学质量。项目教学对提高高职学校学生的专业技能有了很大的帮助，这也同时给老师提出了更高的要求。身为一位高职院校的教师，一个计算机专业的授业者，必须身体力行，加强学习，提高自身素质，用最先进的教育理论引领自己做好高职教育。

参考文献

篇6

关键词：教学内容；选取流程；针对性；适用性

中图分类号：G642文献标识码：A文章编号：1009-3044(2011)27-6705-02

自2010以来，我们先后对广州鸿城科技有限公司、南昌瑞道信息技术有限公司等十几家企业的“网站设计与开发”岗位进行问卷调查，经过调查发现：很多毕业生对工作环境适应能力不强，对胜任岗位的能力存在一定差距，存在眼高手低的现象，常常工作不到三个月就不辞而别，而企业又招不到理想的人才。身为职业教育工作者，针对这一现象，我们必须进行深刻思考，深入研究高职教学规律，积极探索高职教学改革。

随着市场对人才需求的变化，高职原有的教学模式已经不能很好地适应社会对职业教育的需求，要培养出深受企业欢迎的技能型人才，高职教育教学改革势在必行。在充分调研市场对“网站设计与制作”这一岗位任职的要求后，《网页设计与制作》课程采用了理实一体的教学模式。“理实一体教学”将理论和实践高度统一；使教学更加形象、更加直观、更加易学；使学生既掌握够用的理论知识，又具备娴熟的实践操作技能，还具有可持续发展的潜能。但如何选取、优化《网页设计与制作》课程教学内容对理实一体教学模式的成功实施，起着至关重要的作用。

1 理实一体教学模式下教学内容选取

1.1 教学内容选取的指导思想

依据高职计算机应用技术（网站建设方向）人才培养目标、从计算机专业群未来就业岗位的实际需求出发，统筹考虑选取课程教学内容。以网站设计与开发技术的岗位任职要求，参照网站设计与开发职业的资格标准，不断改革与创新课程体系与教学内容。

教学过程中按照以“职业岗位工作过程为导向”，“以职业能力培养为课程核心”，“以教师为主导、学生为中心”的理念进行课程设计，以实际工作任务为载体组织教学内容，不断创新与改革教学方法和教学手段。

1.2 教学内容的针对性与适用性

1）深入职业岗位调研，掌握一手资料

要确保理实一体教学达到预期效果，科学选取与优化教学内容使其具有针对性、适应性显得尤为重要。为此，课程组要广泛深入区域内典型的企业、校外合作实训基地，对与课程相关的职业岗位进行充分调研，从企业领导者、中层管理者、技术骨干及生产一线人员获取第一手资料。分析了解网站建设与开发从业人员在知识、能力、素质方面的要求，根据掌握的一手资料，选取与优化课程教学内容，使课程教学内容真正贴近企业、紧跟行业发展，达到学以致用的目的。

2）以胜任岗位为目标，有效确保教学内容的针对性与适用性

通过调研，明确了学生通过对该课程的学习，能够熟练掌握网页制作工具（Dreameweaver或FrontPage），掌握网页设计语言（Html、或JavaScrip或VBscript），在网页中设置特效，设置网页颜色、文本格式和列表，熟练掌握网页中颜色值的配置和背景图案的设置方法，熟练掌握字符、超链接颜色的设置方法；掌握在网页中添加CSS、插入动画、声音、多媒体信息的技术；熟练掌握表格的使用，能熟练通过对表格设计来布局网页；熟练掌握Div标签与CSS样式结合，进行页面布局；（增加）掌握框架制作网页的方法，能使用框架设计网页；掌握表单的制作方法，通过表单制作交互式页面；掌握Javascript语言的语法；能看懂Javascript特效网页源代码，并掌握在HTML语言代码中插入网页特效代码;掌握网站管理、网站测试与维护等知识。从而科学选取与优化教学内容，确保教学内容与职业岗位需要的针对性、适用性。

3）教学内容选取流程

依据对相关职业岗位的调查分析，并充分考虑学生可持续发展的要求来选择和构建教学内容体系。在实践教学过程中，课程组有着严谨的教学内容选取流程以保证教学内容的适应性和针对性（如图1所示）。

2 教学内容组织与优化

2.1 组织原则

以“网站开发工作过程”为导向的“模块化为主线”的原则组织教学内容，按照理论以必须够用为度，注重技能培养的原则设计课程内容体系。

将网站从业人员必备的知识和技能分成4个模块进行教学，科学设计学习性工作任务，对每一个教学单元设计了若干个具体工作任务或项目（行动化的学习项目），在任务完成过程中进行教学内容的讲解，同时项目主线中没有牵涉的内容，采用“任务驱动”的方式进行补充讲解。所有内容的安排都围绕学习任务的完成来展开。把教、学、做三者有机的相结合，使工作流程模块化、模块内容案例化，课程考核过程化，理论与实践一体化。

2.2 以四个模块为主线组织教学内容

教学内容紧密结合现代企业建设网站项目的设计流程、网站建设流程，按照项目驱动组织教学内容。根据课程目标能力的要求，教学模块顺序从教学目标的角度出发，整合教材内容，使教学内容体系具有系统性、科学性、连贯性、启发性、实用性。在具体的教学内容组织和形式上，课程组坚持以网页制作技术需求层次为教学单元，将教学内容分成四个知识模块：网站开发基础模块、网页制作模块、网页编程模块、网站管理模块，以四个模块为主线，以提高学生能力为目标展开教学。如表1所示。

3 结束语

在理实一体教学过程中，教师要善于思考，不断地总结，不断丰富理实一体教学的内涵。《网页设计与制作》课程在实施理实一体教学过程中，不断深入市场调研分析，了解网站建设与开发从业人员在知识、能力、素质方面的要求，根据掌握的一手资料，选取与优化课程教学内容，使课程教学内容真正贴近企业、紧跟行业发展，使学生既掌握够用的理论知识，又具备娴熟的实践操作技能，还具有可持续发展的潜能。学生毕业后能很快适应工作环境和胜任岗位，成为社会所需的合格人才。

参考文献：

[1] 王冬.网站开发与网页制作网络课程设计[J].电脑编程技巧与维护,2010(2).

篇7

关键词：网页制作与网站管理；项目教学法

中图分类号：G434

1 项目教学法

项目教学法是由著名的瑞士心理学家皮亚杰提出，他认为知识不是通过教师传授得到的，而是学生在一定的情景下，借助他人的帮助，利用必要的学习资料，通过意义建构的方式而获得。基于建构主义的项目教学法改变了传统教学的三个中心：由以教师为中心转变为以学生为中心，由以课本为中心转变为以项目为中心，由以课堂为中心转变为以实际经验为中心。所以，在运用项目教学法进行教学设计的时候，学生是主体，是知识意义的主动建构者，需遵守以下四项原则：

（1）以学生为中心，发挥教师的指导作用。在项目教学过程中，要充分发挥学生的主动性，让学生自主完成项目，探究解决问题；教师负责整个教学的设计和组织，直接参与学生的讨论，及时给予指导。

（2）合理选择项目。选取的项目要以教学内容为依据，既要包含教学知识点，又要能调动学生参与的积极性，因此教师和学生要共同参与项目的选取。教师启发学生主动发现身边的素材项目，选择难易度适合和学生感兴趣的工程项目。

（3）创建学习的资源和学习的环境。教师需要创建适合现代教育的良好学习环境，并给学生提供多种学习资源。

（4）以学生完成项目的情况来评价学习效果。项目教学是围绕完成项目设计开展的，因此评价学生的学习效果应以项目完成的情况评定。

2 项目教学法在《网页制作与网站管理》教学中的应用

目前的网页制作与网站管理课程教学，着重讲解了基本的理论知识，学生实践能力相对较弱，学生掌握了的理论基础，但却不能应用到实践中去，理论和实践严重脱节。项目教学法有机结合了理论教学和实践教学，注重培养学生的实践能力，通过实践调动了学生的学习兴趣，增强了学生间的团队协作精神，是一种实用有效的教学方法。

（1）项目设计。在设计的过程中，应根据学生的特点和实际知识水平设计模块，针对不同程度的学生设计出不同层次的项目。让学生积极参与到项目的设计，组织教学内容。例如在讲解信息系统这一节内容时，让学生辅助于Dream weaver、F1ash、Photoshop 等软件，运用PHP程序代码和Mysql数据库，设计出美观大方、功能完善的信息系统。 此项目应具有的模块有：信息浏览模块、管理员登录模块、信息管理模块、信息搜索模块等。目的是让学生熟练掌握页面布局、CSS基础应用、JavaScript动态特效、PHP连接数据库等知识点。项目设计完成后，要根据学生的兴趣和层次进行分组，每组设计内容可根据学生兴趣而变化，功能复杂程度可以根据学生层次不同有所区分，在遇到问题时学生之间互相帮助，共同探讨。

（2）搜集项目信息。学生经过讨论分析，提出完成项目遇到的问题。针对这些问题，学生要找到解决问题的方案，教师向学生提供线索，必要的支撑材料和解决问题的大体思路。学生根据该项目的工作要求，通过互联网、图书馆、校园网BBS等多种途径收集整理项目相关信息，确定出的项目工作计划。

（3）确定方案。学生首先做好个人项目计划，然后进行小组讨论，提出自己的见解，确定方案，最后教师审核方案可行性，提出指导性意见，学生修改更新，最终确定最优的项目方案。

（4）实施项目。在任务完成阶段中，教师要多给学生鼓励，让每位学生都能独立的解决问题，并主动地观察学生，找出学生在实施项目过程中出现的问题，给予指导。例如在讲授利用Mysql数据库建信息表时，首先让学生根据该项目要求设计各个数据表，学生独立完成任务后，提出学生按自己设计的表，在查询、添加、修改、删除数据时会出现的各种问题，然后引导学生修改各表的结构。在实施项目过程中，学生是完成项目的主体，教师及时给予引导和启发，让学生发现问题，并利用所学知识解决问题，针对新知识点，让学生查阅资料，探究解决，培养学生自主学习的能力。

（5）评估项目。评估项目是学习评价的阶段，每个小组首先自评，再由其它小组评价。学生完成工作评定，教师完成最终成绩评估。例如学生完成了信息系统后，学生首先对自己所做的工作进行评定，如学生自己所负责的是信息浏览模块，那么就应对该模块的准备、实施过程中遇到的问题和解决方案、功能是否完善等方面进行总结；然后指导教师进行最后的成绩评定。通过评价，学生可以找出自己知识的不足和项目需要加强和改进的点，教师也可以找出学生出现的共性问题和难点问题，丰富了项目教学的经验。

（6）项目总结与应用。学生项目完成后应进行总结，并能应用成果，体现课程的教学目标。《网页制作与网站管理》课程在实施项目教学法过程中，完成了多个项目应用到实际工作，如应用到系部网站等。学生在完成项目后，应总结思路、技巧并进行经验交流。思路总结可以帮助学生明晰项目完成的最佳方法，找到自己的不足；技巧总结着重总结了开发环节中遇到的问题，把握并吸收整个项目开发的精髓；经验交流主要是对学习方法、知识应用进行交流。最后，教师可以指导学生对项目进行拓展和延伸。

3 项目教学法的实施效果

项目教学鼓励学生使用课程学习的一切资源，建构良好的知识获取和技能训练网络，开展协作互动式的学习，独立地、有评价性地思考问题，理解所学，交流成果。项目教学能融知识、素质、能力教育于一体，综合学生的知识学习及诚信品德、敬业奉献、团队协作、创新能力等素质的形成，在互动过程中有机结合、综合体现。通过教学实践证明，应用项目教学法后，学生学习主动性明显提高，课堂气氛变得活跃，学生与教师交流增多，学生掌握了探究应用型学习方法。从学生网页制作与网站管理实训项目完成情况对比中，可以看出项目教学法实训项目的完成率和优秀率都有所提高，是行之有效的良好教学方法。

4 项目教学中的体会

（1）项目的难易度要根据学生掌握的知识水平来确定。

（2）教师要以引导为主，让学生自己发现问题、解决问题，提高学生自主学习的能力。

（3）在项目内容讨论评估时，教师要尊重学生的成果，多鼓励学生，发现问题耐心讲解。

（4）让每位学生都参与项目，项目分工要合理，让基础差的学生有自己的工作任务，避免他们过分依赖能力强的学生，安排学习先进生对后进生给予及时的帮助和纠正。

5 结语

在项目教学法中，学生成为了学习的主体，教师引导学生运用已有的知识，解决项目实施过程中出现的各种问题，学生为了完成项目主动学习有关知识，掌握了学习技能。学生完成一个项目后，获得了的成就感，增强了学生学习的兴趣和积极性。教学以教师传授知识为主，转变为以培养学生技能为主。项目教学法能够培养出适应当今社会需要的应用性人才，具有一定的推广价值。

参考文献：

[1]王栋松.在计算机课程教学中开展项目教学法的研究[J].职业教育研究，2005，11.

[2]贺平.项目教学法的实践探索[J].中国职业技术教育，2006，22.

[3]董雁.网站设计课程中项目教学法的研究[J].中国科教创新导刊，2007，3.

[4]万良，黄锦祝.网页制作技术课程改革探索[J].中国职业技术教育，2007，7.

[5]胡必波.项目驱动教学法应用研究[J].合作经济与科技，2008，14.

篇8

关键词：翻转课堂；微课；公共选修课

中图分类号：G434 文献标识码：A 论文编号：1674-2117（2015）24-0117-04

公共选修课教学现状

学校为拓展学生的视野，一般会开设全校性的公共选修课（公选课）。此类型课对学生的专业要求较为宽松，任何专业的学生都可以根据兴趣进行选修，但这也为此类课程的教学带来了新的挑战。

一是学生学习水平的差异。公选课是面向全校师生的公共课，学生不分文科、理科均可选修，因此学生的基础水平有较大差异。如果教师采用统一的教学方法和内容，就无法兼顾到各种层次的学生需求，导致有的学生认为教学内容过于简单或教学进度太慢，有的学生认为内容太难或教学进度太快无法跟上，而且一些实验的教学设计难度也大大增加。

二是课时较少，公选课不分课程，学校一般将公选课的课时统一定为30学时。以笔者任教的公选课“网页制作”为例，与其他课程的课时相比相差近一倍。因而，在课时严重不足的情况下教师只能通过减少教学章节、降低知识讲授的深度与广度等方法来缩减时间，这样会不利于教学的开展。

三是选修公选课的学生来自不同的专业，学生之间大多数互相并不认识。因而，在学习中遇到问题时，他们无法及时向同学求助，导致难以开展团队形式的课程设计作业。

翻转课堂与微课对公选课问题的适应性分析

翻转课堂作为新的教学模式，被认为是教学的重大变革。翻转课堂与传统的“课堂传授+课后内化”的教学模式不同，它是在信息化环境中，教师提供以教学视频为主要形式的学习资源，学生在课前观看并学习教学视频等学习资源，课上师生一起完成作业答疑、协作探究和互动交流等活动，即“课前传授+课上内化”的新型教学模式。这种教学模式，能够有效地解决公选课学生学习水平差异较大等问题。

“网页制作”是以技能为主的课程，主要讲解网页制作软件的使用。因此，教师可以使用屏幕录制软件，制作具体的操作及讲解的微课。学生观看的微课与课上教师的操作演示几乎没有区别，而且也不用担心因远离讲台而无法看清等问题。因此，基于微课的教学模式非常适合网页制作这类以软件操作为主的课程。

同时，学生对篇幅较长的学习视频接受程度较低。因此，为降低学生学习的负荷，保证学习效率，教师录制的教学视频等学习材料的长度应限制在较短的时间内。而微课短小精简、便于传输及下载的特点，满足了学生的需要，为学生利用空闲时间反复学习提供了可能性。

翻转课堂模式下“网页制作”课程的教学设计

何克抗指出：适合我国的教育思想应当既不是以教师为中心，也不是以学生为中心，而是既要充分发挥教师的主导作用，又要凸显学生在学习过程中的主体地位，即主导与主体相结合。因此，翻转课堂教学模式实施的关键不是“翻转”学习的地点和时间，而是学生的学习方式，是把以往的“教师主动教学生被动学”，转变为“学生主动学教师作辅导”。教师必须主导整个教学过程，即课前、课间及课后。教师在教学中要积极地引导学生自主探究性地“学”，为学生提供各类学习资源，解答疑问，并监督学生的学习情况。

笔者以此为指导思想，综合考虑公选课课程设置、学生的情况及网页制作课程的知识内容等特点，按照“自由设计、自主学习、全程引导”的教学策略，以自由设计一个完整的网站为课程设计任务，将该课程的教学活动设计为“引入任务―翻转课堂―互评总结”三个阶段，如上图所示。

1.引入任务阶段

选修同一门公选课的学生，来自不同专业、不同年级。在首次上课时，学生面对的是陌生的同学和教师，且大多数学生对课程内容是完全陌生的。因此，教师应在第一次上课时，先对整个课程的内容进行概述，包括学习什么知识、学了后有什么用、用什么方法学等问题。然后说明具体的课程要求、授课方式、作业要求、考核方式，等等。同时，还要向学生介绍翻转课堂教学模式，消除其对新的教学模式的困惑，并引导学生注册教学平台、尝试登录，以保证每位学生都能够正常地登录教学平台，进而保证后续教学活动的正常开展。

例如，在上“网页制作”课程的第一次课时，教师可采用传统的教师主讲的教学方式，并在完成上述的课程介绍、教学平台登录等步骤后，开始课程内容的讲授。教师可以先让学生观摩一些优秀的网站，并与学生一起探讨分析网站中哪些元素值得学习及涉及了哪些技术。然后，向学生展示目前主要的网页制作技术，让学生对整个课程的知识体系有一个整体上的初步认识。接着，给出第一次课的课后作业任务：初步构思自己要制作的课程设计网站的内容，并根据自己的实际情况，制订一份自主学习的计划。

2.翻转课堂阶段

第二阶段采用翻转课堂教学模式，教师以任务驱动的方式引导学生自主学习。由于公选课课时较少，除去首次上课，仅有9次集中上课的时间。因此，教师可以把网页制作中的主要技术，分为九个相对独立的专题来组织教学内容，每个专题的教学步骤大致如下：

（1）在学生学习前

课前，为学生提供所需的各类学习资源，并对每个专题内容设置不同的难度等级，如基础级、提高级、扩展级等，分别制作微课，放到微课资源库中。学生在课前根据课程设计的要求，结合自己构思的网站在制作上涉及的技术，自主地在学习资源库中寻找适合自己需要的课件、微视频等资料进行学习。

（2）在学生自学过程中

教师要尽可能解决学生自学中遇到的问题，因此教学平台上设有学生互动交流区、教师定期在线答疑等板块，为学生提供帮助。同时，教师要鼓励学生互相答疑，并给予提供正确答案的学生适当的平时成绩加分作为鼓励。

（3）课堂活动前

要求学生先完成课前自测题和课前思考题。其中课前自测题偏重基础，目的是供教师在上课前简单了解学生的自学情况，从而确定课上交流的内容，避免出现学生掉队的情况。课前思考题则具有一定的综合性及扩展性，用于在课上展开讨论，使有能力的学生有更进一步展示及深入学习的机会。在每个专题的课堂活动前，教师要先通过教学平台了解学生的自学情况及提问较多的问题，并设定课上要研讨的问题，同时，还要准备一定的扩展性问题在课堂上交流，以帮助学生进一步巩固和内化。

（4）课上交流时

根据课前了解的学习情况，教师可按照“学生提问―互动交流―思考拓展―专题设计展示”的流程来展开。课堂上以引导为主，鼓励学生提出问题，全体一起分析并解决问题，并提供学生展示已完成的对应专题内容的课程设计的机会。

3.总结互评阶段

翻转课堂教学模式下的专题教学阶段结束后，就进入了最后的课程设计及互评阶段。这个阶段分为两个子阶段：

第一个子阶段为展示阶段。教师要求学生必须在指定日期前上传课程设计初稿至开设好的Web服务器空间。学生之间可以通过网页互相浏览观摩，取长补短，而教师可监督课程设计的进度及质量，对进度较慢或质量较差的设计，要按要求及时整改。同时，此阶段让每位学生都掌握FTP上传及Http访问调试的方法。

第二个子阶段为正式展示互评阶段。教师利用课程安排的考查学时，将全体学生集中到课室内，每位学生在3分钟内展示自己的设计作品，全体学生现场观看并在评分表上打分。学生的课程设计成绩以教师和学生评价的总平均分来计算。这种互动评价模式能够有效地激发学生的学习兴趣及创造力，绝大部分学生都能够认真地做好课程设计及上台演示的准备。

学习效果对比分析

在尝试了新的教学手段后，需要对教学数据进行分析对比，以验证教学改革的有效性。教学数据的收集采用教学平台自动统计及向学生发放调查问卷的方式。

1.纵向比较

选取的比较对象均为公选课的学生，其基础及授课课时一致，但采用不同教学模式来对比，比较项目及结果如表1所示。

对两种教学模式的数据进行分析整理后，可以发现学生在翻转课堂教学模式下，课余学习时间明显高于传统模式，这说明了学生在翻转课堂模式中，用于课程学习的时间更多。

从平时成绩的统计结果看，在作业提交率、上课出勤率方面，翻转课堂的学生都有更好的表现，显示出更高的学习主动性，而课程设计的质量也有较大的提高。这说明翻转课堂模式下的学生实际动手能力和知识应用能力要优于传统授课模式下的学生。在课程满意度方面，翻转课堂的学生对新颖的教学模式接受度较高，并给出了较高的评价。

2.横向对比

横向对比是针对不同基础、不同课时数、不同教学方式下的学习效果进行对比。首先，公选课“网页制作”需要学生有一定的计算机操作技能，因此对比对象需要对比课前计算机技能基础不同。计算机技能的水平以必修课“计算机基础”的成绩为数据来源，其中公选班的学生来源分散，文科生占较大比例，因此平均计算机技能基础较低且学生间差异较大。而选取的普通班为工科专业，计算机技能平均水平较高，且学生间相差不大。其次，学时相差较大，其中普通班开设的课程一般以一个学期为周期，64学时，而公选课则为30学时。再次，分别采用了不同的课堂模式展开教学。对比项目及结果如上页表2所示。

对两种模式的数据进行分析整理后，虽然普通班学生的学时更多、基础更好，但最终课程设计平均分反而略低于采用翻转课堂模式的公选班，而公选班的学生的课余学习时间明显高于普通班的学生。这说明了公选班学生在翻转课堂模式下，调动了学习的积极性，学生实际用于课程学习的时间更多，且学习效率也会更高，效果更好。反观传统教学模式下学生在课堂上的表现，经常会看到教师在台上讲，学生在下面玩手机、打瞌睡的情况。这从另外的角度也反映了仅依靠课上教师的讲授，是无法引起学生学习兴趣的，即使安排再多的课时，也难以达到较好的教学效果。

结束语

通过对采用不同教学模式的班级的课程教学数据进行对比分析，结果表明采用翻转课堂教学模式能够有效地激发学生的学习兴趣，这不仅能解决原来公选课所面临的难题，还能使教学取得更好的效果。从而证明了本文所设计的教学方式及教学环节，对公选课网页制作课程是非常适合及有效的。

参考文献：

[1]曹殿波，薛苏秦.“微课”实践中亟待厘清的四个基本问题[J].中国医学教育技术，2013（5）：495-497.

[2]曹育红.“翻转课堂”在软件技术实训中的创新应用[J].中国电化教育，2014（4）：116-120.

[3]何克抗，李克东，谢幼如，王本中.“主导―主体”教学模式的理论基础[J].电化教育研究，2000（2）：3-9.

[4]何克抗.从“翻转课堂”的本质看“翻转课堂”在我国的未来发展[J].电化教育研究，2014（7）：5-16.

篇9

关键词：工作过程；学习情境；项目

中图分类号：TP393文献标识码：A文章编号：1009-3044(2012)17-4173-02

20世纪90年代，德国不来梅大学技术与教育研究所（ITB）在所长菲利克斯·劳耐尔（Felix Rauner）教授的带领下与德国大众汽车公司合作，提出了基于工作过程的职业教育课程理念和设计方法，称为以工作过程为导向的整体化工作任务分析法（BAG）。2006年11月16日，教育部“关于全面提高高等职业教育教学质量的若干意见”文件（简称教高16号文）中，提出高等职业教育要“以服务为宗旨、以就业为导向，校企合作、工学结合，突出职业能力培养”作为改革和发展的方向。同年，德国基于工作过程的职业教育课程理论开始在我国本土化，并迅速成为指导高等职业教育改革的前沿理论，开发由实践情境构成的以过程逻辑为中心的行动体系，成为培养职业型人才的一条主要途径。

高职的《网页制作技术》课程是一门涉及经验及策略方面的“过程性知识”课程，主要解决“怎么做”（经验）和“怎么做更好”（策略）的问题，可以采用基于工作过程导向的课程开发方法，以企业技术服务和技术支持项目为依托，课程标准以职业资格为依据、教学内容选取以工作需求为目标、教学组织以工作过程为主线，建设“教、学、做”合一的教学情境，做到课程教学项目化、模块单元任务化、教学过程工作化、考核方式多样化、课程评价过程化，使学生职业能力得到全面提升。

1学习情境项目化、模块单元任务化

《网页制作技术》课程是我校计算机应用、嵌入式技术、图文信息、计算机网络技术、经济管理等几个专业的一门专业学习领域课程，也是专业拓展学习领域课程。通过对Web页创意及制作工具和XHTML、CSS、动态Web基本工作机制的学习，使学生对于网页设计中所涉及的相关知识有一个全面的了解，进一步掌握网页设计与制作、小型网站建设、网络推广等全方面网站开发的能力。

作为一门实用型课程，该课程教学环节按基础实践阶段扩展实践阶段工学结合实践三个阶段循序渐进安排。其中，基础实践阶段将模仿型总任务“《悠游江城》网站设计与制作”作为教学载体，依据完成实际工作任务的流程，即设计与制作小型网站的逻辑关系来序化教学内容，包含网站规划设计、网站实现环境的构建、首页设计、二级页面设计、交互页面设计、动态页面设计、网站与推广7个学习情景项目。每个项目又分解成若干子任务，并组成以任务驱动的、任务目标明确的教学模块和单元。学生依据任务样本，在教师的示范引导下通过模仿而逐个完成子任务，最后完成总任务，获取学习成果。

课程综合设计中，以完成开放型总任务“个人网站设计与制作”作为教学拓展。教师只给出设计要求，网站内容按照学生个人爱好自由确定，技术的运用在满足原则要求的前提下，由学生创意发挥，实现知识的拓展和能力的进一步提高。在企业实训（顶岗实习）中，以实战任务作为提高，鼓励老师引入企业真实项目，可以组织部分基础较好的学生参与，在主讲教师和企业兼职教师的共同指导下，利用课外时间完成实际项目开发，进一步提高学生的自主学习能力、团队协作能力、完成实际工作的能力。课程的内容模块顺序如表1所示。

2教学过程工作化、教学形式多样化

基于工作过程导向的课程，其教学过程也应该是完成任务的实际工作过程的真实再现，“为了行动而学习，在行动中学习”，课堂就是实际工作情景的模拟。

《网页制作技术》课程是典型的工学结合的课程，我们采用基于工作过程的教学模式，探讨、尝试了多种教学方法，建设“教、学、做”一体化的教学情境。首先通过项目实现情境导入、诱发学生学习欲望；再借助项目，分解任务，让学生自己实践、或进行模仿训练，然后总结突破、探究规律、分层练习、共同进步；最后对学生作品进行小组互评、学生自评、老师评价等多元评价、促进学生全面发展。

表1

2.1项目教学法

本课程设计了小型专题网站《悠游江城》的建设与推广及《个人网站设计与制作》2个项目，以工作过程为主线开展教学，按照完成这个实际工程项目完整的流程组织教学过程。在教学中注重把知识与技能进行有机的结合，充分发掘学生的创造潜能，提高学生解决实际问题的综合能力，为学生零距离就业奠定基础。

2.2任务驱动法

采用任务驱动教学，以完成模仿型任务作为教学载体，以完成开放型任务作为教学拓展。教师以任务引领，实施以学生为中心的教学，融“教、学、做”为一体，学生通过完成任务的过程实现对所学知识的构建。如在学习情境“二级页面设计”中有工作任务“XHTML/CSS技术的应用”，以完成页面布局和内容的添加、样式的定义。其中我们就不同风格的图文混排页面设计了模仿型子任务和开放型子任务。要求学生完成每个模仿型子任务并评价记录为平时成绩，然后再鼓励学生做得更好，去完成开放型任务，如有较大难度的，则教师重点辅导，给以关键性的点拨后让学生去实现。通过在真实的任务中探索学习，不断地提高学生成就感，更大地激发他们的求知欲望，培养了独立探索、勇于创新的能力。

2.3案例教学法

如工作任务“网页的艺术设计”，围绕教学目标，我们准备了多个颇具代表性的网站页面，一一展示给学生，并和他们一起就网站特点、网页版式的类型、色彩的搭配、文字的运用、logo的表现形式等逐一进行分析和讨论。对于一些操作比较繁琐的内容，利用Camtasia Studio等软件对整个操作过程进行屏幕录像，以辅助不同记忆类型、不同能力层次的学生能利用多媒体课件查缺补漏，有效提高了学生的操作能力和操作水平，并培养了学生自主学习能力。

2.4分组教学法

在课程设计环节，将班级分成若干小组，以小组形式开展教学活动。教师灵活运用如探究法、头脑风暴教学法、角色扮演教学法、WHAT教学法等多种方法，给提供学生充足时间去思考、去实践。在完成工作任务时，怎么做、按照什么步骤做都由学生参与讨论；边学边做完成任务过程中引导教师与学生、学生与学生之间的多向交流；适时进行典型作品的欣赏点评，同时引导学生参与自评和互评。通过合作式、探究式的学习，让学生真正成为课堂教学的主人，让学生在获取知识、技能的过程中，开发潜能，培养能力，收获快乐。

3课程评价过程化、考核方式多样化

近年来，我们积极推进教学方法与教学手段的改革，学生一人一机，还配备了多媒体网络教室的教学控制软件。教师利用网络的广播功能完成班级集体授课、学生机上的作业点评；还可以在教学过程中进行实时监督控制、在线实时辅导答疑等等，极大地提高了教学效率。

同时我们还注重课外的学习辅导，通过电子邮件、QQ等实时交流工具，即时辅导答疑。每个班级都建立自己的班级QQ群，学生与老师共同讨论，弥补了课堂讨论的不足。学生的学习和教师的辅导也不会受到时间和空间的限制，基本满足了不同层次的学生学习的需要，也满足了教师教学的需要。

在课程的考核方式上，建立了课程项目评价、综合实训评价、课程设计考核多级评价体系。其中平时课程项目评价占20%，综合实训评价占20%、课程设计考核占60%，形成学生的考试成绩。同时鼓励学生以证代考、以项目代考、以赛代考，即学生若通过相关认证考试，获得行业认可的“网页设计师”证书；或者学生在专业教师指导下通过实践，成功为企、事业单位或个人建立网站并能得到应用；或者参加市级以上的学科竞赛取得好成绩，都可取得该课程学分。

通过重视“工作过程”，精心设计项目，实施任务驱动，很大程度上激发了学生的学习兴趣，推动了教学过程的互动、对话，让学生也体验到了职业成功的快乐，培养了他们的自主探究能力和创新精神，使学生的职业能力和信息技术综合能力得到螺旋递进式的全面提升。同时，这种教学模式要求教师有较高的教学素养，如果教师对教材或学生实际能力和需求研究不到位，过高或过低地估计了学生的思维能力或者教师课堂驾驭能力不够，把握不了学生，就会减弱乃至根本无法完成教学任务，它的优越性也就难以体现。

因此在基于工作过程导向的项目教学实施过程中，要使其发挥应有的积极意义，还需要我们在实践中不断探索和完善。

篇10

关键词：行为导向教学法；项目教学法；过程教学；应用

作为职业学校的计算机教师，常常会发现课堂效率低下，教学效益不高的现象。回忆《网页制作》课程的教学历程，初设《网页制作》课程的教学阶段，我们按传统的学科教学法——以《教学大纲》为基准，以教材为基础，以教师为主体，教师上面讲，学生下面听为主要教学方式，以教材章节顺序为教学进程，先讲基本操作：从文字编辑到图片插入，从表格的应用到框架的设计，最后举几个综合的应用实例。由于学生的信息素养差异大，有的基础好、悟性高，一教就会；有的基础差，尽管教师手把手地教，一离开计算机就不会操作了。这种方式实在无法实现对学生职业能力的培养，因而严重地影响了人才的培养质量，改革传统职业教育模式势在必行。

1 行为导向教学法

1.1行为导向教学法是什么？

行为导向教学法（Handlungsorientierung）又称为实践导向，是学生同时用脑、心、手进行学习的一种教学法，这种教学法是以职业活动为导向，以能力本位（人的发展为本位）的教学。行为导向教学法是全面的和学生积极参与的教学。在课堂上，由教师和学生共同决定要完成的行为产品引导着教学过程。

马庆发教授认为，“行为导向”实质上是指在整个教育过程中创造一种教与学、学生与教师互动的社会交往情境，从而产生的一种行为理论的假设。行为导向教学是以职业活动为导向，以“学习任务”为载体，采用非学科式的以能力为基础的教学模式组织教学，它的教学内容具有跨学科的特点。行为导向教学是从指导学生“学会学习”的目标出发，使职业教学从注重“教法”转到注重“学法”，将学生的学习与学生发展密切结合起来，采用师生互动型教学模式进行教学。在教学中，教师是活动的引导者，教学的主持人。行为导向教学体现了“以学为本，因学施教”的教学准则，教学不仅仅是让学生“学知识”，而且要“学会学习”，还要“学会做事，学会生存，学会与他人交往”。行为导向教学强调学生的学习动机的焕发和学习兴趣的培养。

1.2“行为导向教学法”的做法

“行为导向教学法”的教学过程一般分五个步骤：资讯、计划、实施、检查、评价，每个步骤都有教学目标要求、能力培养要求、工作方法要求和完成时间要求。教师可以将学习内容设计成若干个学习情景。资讯阶段，教师布置任务，帮助学生理解任务要求；计划阶段，学生一般以小组方式工作，寻找与任务相关的信息，制定工作计划；实施阶段，学生根据计划完成设计和模拟，作好有关文字记录；检查阶段，学生进行展示工作成果的工作；评价阶段，自我评价，其他同学提出问题，教师评价。

教师可以根据不同的学习情景，合理使用项目式教学法、案例教学法、思维导图法、头脑风暴法等方法实施教学。

2 行为导向教学法在《网页制作》课程教学中的应用

在该门课程的教学中，本人引入行为导向教学法，并根据教学内容设计学习情景，采用项目式教学方法。如在《设计个人网页》这次课上，以下是该项目的任务书：

课题：《设计个人网页》

2.1训练目的：

（1）训练学生查阅资料、与人协作交流、合作能力；

（2）训练学生利用所掌握的专业知识分析问题和解决问题的能力；

（3）通过训练，学生较全面地掌握设计个人主页所需的各项知识。

2.2训练内容：

让学生学会网页的基本制作方法，培养学生的审美观。

2.3组织形式：

以班级为单位，2人为一小组。分组的原则主要有两类，一是自愿原则，即教师不干预学生的分组过程，学生自愿组合。第二种是指定原则，即教师根据一定的方案，指定某些学生为一组。以上两个原则教师可根据实际情况灵活掌握，但应注意每组人数不能过多。

2.4时间：

10课时。

2.5训练步骤及要求：

（1）查阅资料、收集素材（2课时）。以小组为单位，利用图书馆、网络查阅个人网站一般包括的要素及制作方法。

（2）预备知识学习（2课时）。各小组自学，加讨论。

（3）制作阶段（4课时）。各组制作个人网站。

（4）成果汇报、总结、评价（2课时）。各组在班级内汇报、展示成果，其他同学可以进行提问、讨论、评价等交流。教师综合各组的成果，指导学生归纳。

（5）学生成果评价标准。a.成果是否与单元训练计划的目标相一致；b.成果汇报的展示手段是否有利于交流；c.网站的基本要素是否完整，网站是否能被大多数同学认同，意味着点击率的高低。

各小组在完成该项目的过程中，以学生动手为主，信息的收集，方案的设计，项目的实施及最终的评价，都由学生自己自主完成。学生了解并把握整个过程及每一环节中的基本要求，在整个学习过程（完成项目）中，学生是活跃的：身体活跃而不慵懒，思考活跃而不呆滞，交流活跃而不封闭；而教师作为活动的策划者、被咨询者和指导者，回答学生在过程中遇到的各种问题。

在课程教学中，教师可以根据教学内容设计行为（学习）情景，选择若干个可供学生学习的项目。可见，项目教学法的实施是在一个又一个的行为回路中实现的，从一个具体项目的资讯、计划、实施、检查、评估又到下一个具体项目，学生学习的重点在学习过程而非学习结果，他们在这个过程中锻炼了各种能力。

该课程教学内容中类似的学习情景设计还有：《设计一个家乡旅游网站》；《在线教育网》；《绿色地球》等。

3 实施行为导向教学法还存在一些问题

第一，教学理念转变有个较长的过程。

“行为导向教学”从理念上是非常先进的，行为导向课程和项目教学法对提高学生的专业能力、学习能力、方法能力和社会能力都是十分有利的。但实施“项目教学法”和“行为导向教学”的要求之高，我们也要充分估计。

第二，教师的不适应问题。

（1）教学准备工作量加大。教师必须具备完成一个项目所涉及到的所有专业理论知识和专业技能，同时能够寻找到适合的、适用于教学的项目，能涵盖学习领域的大部分教学目标规定的内容，还必须在备课时做大量的准备工作，以应对学生在学习过程中出现的各种问题，使学生的行为能够在教师的控制之下。同时还应当具备相当的操作技能和足够的组织能力和处理各种问题的能力。

（2）知识面不够的影响。课改对学生要求高了，对老师要求更高。新课改要将教师的创新意识推到第一位，老师所掌握的知识从原来的“面”和“线”变成了“体”。这就要求教师在重新设计教学理念的同时，还需不断拓宽知识面。

（3）实践太少。由于管理体制及实训条件的限制，一名专业教师真正做到既具有较强的专业理论知识又掌握熟练的操作技能是相当困难的，因而加强对职业教育的师资培训和教师注重自身学习显得至关重要。

第三，教材的不适应问题。

教材建设是以地区的选择为依据、以方便教师授课为标准、以理论知识为主体、以单一纸质材料为教学内容的承载方式，没有从根本上体现以应用性职业岗位需求为中心，以素质教育、创新教育为基础，以学生能力培养为本位的教育观念。

第四，教学设施和教学环境的建设问题。

如果学校在实训投入上不足，那么，学生的培训质量也会大打折扣，对学生的未来会有非常大的影响，因而要加大硬件设施的投入，先进的教学设施、良好的教学环境才能保证新的教学方法的实施。

综上所述，行为导向教学对实训实验条件、班级人数规模都有较高的要求。目前，我国职业教育的模式应当结合国家和当地的经济发展水平，师资状况、教学设施及实训条件等，根据学习内容和教学目标选择使用合适的教学方法。与其说我们欣赏行为导向教学是一种好的教学方法，不如说我们更加欣赏行为导向教学是一种先进的教学理念。如果一名教师具备了这样的理念，就一定会在教学实践中不断创新，探索和丰富行为导向教学法。

参考文献

[1]徐国清.职业教育项目课程开发的方法[M].华东师范大学职成所.