网页实训报告

前言：想要写出一篇令人眼前一亮的文章吗？我们特意为您整理了5篇网页实训报告范文，相信会为您的写作带来帮助，发现更多的写作思路和灵感。

网页实训报告范文第1篇

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

中图分类号：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.

网页实训报告范文第2篇

《网页设计》课程是计算机应用技术、计算机网络技术、电子商务等专业的必修课，是一门实践性很强的课程，通过学习本课程，可以为学生今后从事网站开发与设计领域的相关工作打下良好基础。另外，良好的网页设计能力是计算机相关专业毕业生必须具备的基本能力之一。作为高职院校，应注重职业能力培养，考虑对网页设计课程的教学内容进行改革，以工作过程为导向，规范课程教学的基本要求，提高教学水平。

1 教学内容分析

网页设计是高职院校电子信息类专业的专业核心课，教学内容主要包括HTML语言、CSS样式表、Dreamweaver、JavaScript、网站维护等内容，其后续课程包括Photoshop图像处理技术、flash制作、ASP程序设计、数据库等。

对高职学生来说，网页课程难学的原因很多，分析教学内容方面的因素，主要有：课程与教学内容缺乏实用性，教师教学过程以学科为中心，系统讲解知识点为主；网页语法规则繁多，传统的教学过于强调语法，没有按照认知规律合理编排教学内容，导致简单问题复杂化，造成学生学习难度大；过于重视系统性和全面性，长篇累牍，学时与内容矛盾突出；实践教学方式、手段不适应时代需要，学生职业能力培养没有落到实处。

综上所述，本着“实用”和“够用”原则，在课程定位的指导思想下，以培养学生的职业能力为目标，大胆取舍教学内容，重点讲解实际工作过程中网页制作实用技术。

2 学情分析

2.1 高职学生特点。抽象思维能力一般，缺乏良好的学习习惯，学习的主动性、探索性不够。排斥理论知识的学习，却对动手实践具有强烈兴趣。

2.2 教师对策。针对很多学生抽象思维能力差，不喜欢枯燥的理论学习，但在动手能力上素质较好的情况。在教学活动中，教师应该以工作过程为导向，考虑学生已有的知识水平，设计出符合认知规律的教学过程。并在教学活动中融入较多的实践动手项目，激发学生兴趣，提高学生的参与度。同时注意把握问题的难度，设置合理的梯度。使学生不断增加成就感，并逐渐认识到“枯燥的理论”对“动手实践”的指导作用，从而产生对理论学习的需要和自主学习的欲望。

3 教学设计思路

3.1 理念。基于工作过程开发网页设计课程。

3.2 教学总体设计。（1）课程内容改革：针对IT行业对“网页设计师”职业的岗位要求，课程内容以网站前端技术为主；（2）实践教学改革：以项目为载体，用一个小型网站项目案例贯穿整个课程的教学，如下表1所示。对网站项目进行分解，分解为若干个子项目单元，将网站前端技术的知识点映射入各个子项目单元。同时力求让课程的每一个教学模块基于工作过程来设计，做到“教、学、做”一体化，真正地强调学生的动手能力；（3）考核方法改革：形成式考核为主，提倡职业标准，切实保障教学效果。

表1 小型企业网站项目举例

序号 模块名称 知识点

1 建站准备 需求分析

2 规划设计网站 网站规划设计知识、网页配色

3 准备素材 用potoshop（PS）制作网站logo及相关图片，掌握PS在网页设计领域的应用

4 定义站点，制作公司首页 Dreamweaver中站点的创建与管理，CSS+DIV应用

5 设计制作栏目1-公司概况 网站中字体搭配与排版

6 设计制作栏目2-企业相册 表格、网页中的多媒体应用

7 设计制作栏目3-产品展示 超链接、CSS

8 设计制作栏目4-留言板 表单、数据库访问

9 网站整合与 申请空间及上传网站等

3.3 教学单元设计。单元学习情境的设计要有针对性，基于工作过程设计单元学习任务，重点训练学生的网页制作能力。对主要教学单元采取任务导入、要点分析、示范操作、项目实训、总结提高五步走。其中教学重点难点需要反复多次训练，可以补充小实例作为项目案例辅助，才能达到较好的效果。

单元设计关键点：首先以贴近工作实际的小例子导入，由浅入深。每个单元理论和实践的比例应不超过1：1，尤其注意实例的选取，尽量有实际意义，避免单纯为了讲解知识点之用；其次讲练结合，在课堂上让学生动手制作网页。考虑到高职学生课后自主学习较差，并且课上实践，一旦遇到困难教师可以及时给予鼓励和指引。有利于学生少走弯路，尽快树立信心，而不是被大量困难吓倒；再次实训项目精心设计梯度，由浅入深，循序渐进，使学生实践中不断积累信心，最终取得良好的学习效果。

4 教学方法与手段

4.1 采用项目教学法，以学生为主体、教师为主导，通过共同实施一个完整的工作项目而进行的教学活动。具体来说，本课程以网站项目带动教学，完成一个网站项目的全过程实际就是学生掌握网页设计知识、转化网页制作技能的过程。

4.2 理论与实践相结合，结合项目案例和教学实例进行教学。项目案例从面向工作过程的实际项目中提取，覆盖全部教学重点；教学实例紧密契合各单元的知识点，小而精。

4.3 讲解与多媒体演示、开发环境演示相结合。理论知识的讲解借助于多媒体教学设备，制作生动的PPT课件；遇到教学重点和难点及时切换至开发环境进行实战教学。

4.4 教师讲授与学生讨论相结合。完成单元教学后，根据教学重点和难点布置若干思考题目，学生分组完成；教师安排时间组织学生进行讨论，由每小组派代表讲解；最后教师点评总结。

4.5 教室课堂与网上课堂相结合。将电子教案、实验模版、趣味思考题目和项目案例都上传至校园网FTP上，供学生复习和自学；同时利用网络QQ和电子邮件系统可随时给学生答疑。

5 考核办法

以形成性考核为主。学生成绩由平时成绩和期末考试成绩两部分构成，其中期末成绩占比不超过40%。平时成绩包括出勤和项目成绩。重点考核学生实训子项目和实训报告的完成情况。需要教师注意教学过程中的质量监控，提倡职业标准，使大多数学生提高实际的网页制作能力，满足未来职业岗位的要求。

网页实训报告范文第3篇

【关键词】网站开发综合实训课程 项目教学法 应用

【中图分类号】G 【文献标识码】A

【文章编号】0450-9889（2016）12B-0112-02

网站开发是一项对实操能力、自主创造力以及团队协作能力要求非常高的专业技能。中职教育是以向社会输送专业技能型人才为主要目标，以提高学生职业技能为目的培养社会所需的人才。本文试针对网站开发综合实训课程教学现状，分析项目教学法及其在网站开发综合实训课程中的作用，并提出网站开发综合实训课程中项目教学法的应用措施，以有效地提高学生实操能力，提升教学质量，培养更多的专业技能型人才。

一、网站开发综合实训课程教学现状

整个计算机网络专业课程中，网站开发是核心技术之一，它将多门专业学科知识融会贯通，是一门对实践和操作都要求非常高的技术课程。现有中职计算机网络专业的各科成绩以及最后实践的大数据调查普遍显示学生的各科成绩都达到优异的标准，但综合实践的过程中却存在不会开发、不会思考，甚至是对于一个开发网站的项目无从下手的情形。种种迹象表明，学生虽然各科成绩优异，但缺乏将所学知识运用于实际，缺乏连贯运用，缺乏实际操作能力。因此，对于计算机网络专业的学生开设网站开发综合实训课程非常必要。它对于培养学生动手能力、激发学生学习探索的兴趣以及提高学生综合知识应用能力有着显著的改善。

然而，从网站开发综合实训课程整体开设的现状来看，其教学模式仍是以教师为主体，教师通过电脑屏幕的控制向学生演示课程中即将要实现的功能以及实现的过程，让学生模拟练习，如此一来，学生无须动脑，他们大多认为只要根据步骤实现功能就行，缺乏自主探索意识，这样的实训现状已经跟不上当前网站开发的现实需求。

二、项目教学法及其在网站开发综合实训课程中的作用

在计算机网络专业的综合实训课程教学中，传统的利用投影仪或者是利用多媒体网络教学的情形非常普遍，各种先进的教学方法也引入教学之中。然而，由于长期以来教学一直强调的是以课堂为中心、以教师授课为中心，忽略了学生的主动性以及积极性的发展，这就导致学生在实践中缺乏实际开发能力。项目教学法是以学生为主体、以教师为主导、以项目为主题的一种创新型教学教学方式。它强调学生的自主学习，促使学生从尝试入手，从练习开始，调动学生的自主学习能力、积极探索能力，让学生当“主角”、让教师当“辅助”，如此一来，有利于锻炼学生动手能力，提高实际操作能力，对所学知识进行融会贯通。在综合实训过程中应用项目教学法，则都是由学生自主分析、自主操作、自主探索，教师扮演解惑的指导角色。它能够充分调动学生的主观能动性以及积极创造性、动手能力、思维能力，促进学生更好地将所学知识运用于实际，实现教学的目的。这就有助于培养学生创造力和创新力，使学生能真正理解什么是网站开发，网站开发都需要经历什么样的过程，并在实操中学以致用。

三、网站开发综合实训课程中项目教学法的具体应用

网站开发综合实训课程是一门综合考验学生对于各科知识的掌握情况，提高学生专业技能的重要课程。可以说，它是对学生在网站开发中实操能力的终极锻炼。网站开发综合实训课程中应用项目教学法，让学生独立对一个项目进行处理，包括开发前期信息的采集，设计项目方案，书写项目开发文档以及预估开发过程和网站开发之后部署实施，交付报告，终极测评等，不仅可以加深学生对知识的理解，更有助于提高学生全方位的技能。在网站开发综合实训课程中项目教学法主要涉及设计思想、设计理念、设计步骤、实施过程以及项目考核。

（一）设计思想。网站开发综合实训课程的主要目的是要将网站开发的核心课程知识串联起来完成一个具有动态交互功能的网站，所依据的基本思想为：从项目主题出发，凭借自己所学的专业知识和技能，通过方法分析、任务分解以及社会能力的运用来完成整个项目的设计。

（二）项目制定。从确立该项目为交互式动态网站开发主题开始，根据学生的能力将该网站目标定位为：创建网站、网页设计、动静态网页制作以及数据库创建与维护、脚本语言的使用技术等，根据学生掌握相关知识的能力对这些模块进行重组，主要体现在以下 6 个模块：

模块1 创建网站的框架设计

模块2 动态网页与静态网页的页面设计

模块3 数据库的创建与维护

模块4 页面美化

模块5 页面功能的处理

模块6 网站的测试与

从设计理念上看，每个项目都是一个相对完整的工作过程。设计之初，必须明确在该项目中要实现的目标以及预估或检测是否在自己的能力范围内，所需的专业知识，在该项目进行开发的过程中所涉及的知识、方法等事先都应该明确，如此才能更好地进行网站开发的后续工作。

（三）项目实施。将一个项目分成 6 个独立的模块，以实现每个模块为目标，最终实现一个完整的项目。如此一来，项目目标明确，每个模块要实现的功能任务也很明确，学生在一步步完成既定的分解任务之后，再进行有效的模块汇总，最终实现项目，实现该项目所要达到的功能。鉴于此，该项目依照上述分解的模块，具体的设计步骤或是详情步骤可分为以下几步：一是将上述模块1的框架设计分解来进行网站创建、页面结构、页面布局等框架的设计。二是动静态网页的创建可分解为使用 javascript 脚本语言、htnl 网页语言或者是 、PHP 等开发语言来实现页面注册以及其他功能性网页的创建。三是数据库模块的设计步骤可分解为数据库的配置、链接、建表、所要涉及的视图、存储过程以及数结构编写等。四是网页美工模块可分为整个网站的网页布局统一性以及单个页面设计的美化性等。五是功能信息模块可将其分解为单个页面功能的实现以及整个网站统一性的功能完善等，包括绘图、按钮形状以及后台逻辑过程的处理。六是该模块可分解为整个网站进行黑盒测试、百盒测试以及服务器搭建和网站的。

项目的实施主要包括实施项目、网站展示检查以及评测，包括对项目进行可行性的分析、项目实现的基本思路、实施的基本步骤以及进度控制的方面的工作。可采取小组的形式进行，到整个项目结束提交一份总结以及项目的开发文档并进行汇报。而教师对该项目在开发过程中出现的一些问题以及处理问题的方法进行评测、归纳并总结，提出可改进的一些建议，以便学生在下次进行网站开发项目中能得到提升。

（四）项目考核。考核是对整个网站开发项目的最后的步骤，考核直接关系到教学成果，直接关系到学生实施项目的效果和最终成绩的评定，重点在于技能考核，所实现功能的方法考核，是否测试通过考核以及教师评测和学生自评等组成，至于成绩比例的分布等可根据不同项目来逐步确定。

网页实训报告范文第4篇

关键词：一体化教学；ASP动态网页；案例

中图分类号：TP393

笔者所在的院校是一所技工院校，技工院校是把学生培养成技能人才的学校。怎样使学生能很好的掌握所学专业的技能，是每一位教师进行教学时考虑的问题。在2011年时，笔者所在院校邀请了青岛技师学院的副院长做报告，报告讲述了关于一体化教学的实施理念及方法，听后很受启发。针对自己所教的课程《ASP动态网页设计》，结合实际情况，制定具体教学计划，在所教的班级中实施一体化教学。

1 技工院校计算机专业学生现状

技工院校计算机教学旨在培养“高技能人才”，要求学生能够进行设备的安装和调试，进行网站、软件的建设和管理等，而不是培养网络工程师、程序员[1]，要求专业课程针对性要强，强调学生的动手能力，也就是技能培训，因此课程的教学安排主要是针对软件的使用。但是很多软件应用的课程中都涉及到了编程，掌握一定的编程知识是他们必备的技能。然而对技工院校计算机专业的学生而言，其基础知识较差，学习又缺乏主动性。学生最害怕学习和程序设计相关的课程，这种课程理论性较强，而且很难理解和掌握，实操部分费时费力，很多学生在教学课时内完不成学习任务。而ASP动态网页设计就是这样的课程，涉及静态网页、html、脚本语言、数据库技术以及后台编程语言等多学科技术的综合性专业课，该课程旨在培养网站建设与维护专业技能人才。

2 体化教学模式简介

一体化教学是一种技能人才的培养模式，它改变了传统的学科教学模式。是将理论教学和实践操作融为一体，由师生双方共同在实训现场或专业教室进行的边教边学，来完成某一教学任务的过程。其改变了传统的理论和实践相分离的教学模式，它集理论传授、现场观摩、实践操作、技能训练为一体，集教师与学生双向交流、小组讨论协作为一体[2]。一体化教学使能力培养与工作岗位对接合一，理论学习与技能训练融通合一，实习实训与顶岗工作学做合一。既能使学生掌握必备的操作技能和理论知识，将所学理论与实际紧密结合，又可以培养学生的创业能力和创新能力。

在进行一体化教学过程中，有一个容易忽略的问题，那就是忽略学科之间的一体化，尤其是综合性较强的学科，它涉及到了几门课程的教学，如ASP动态网页课程涉及到静态网页HTML、VBScript脚本语言、数据库、ASP对象几门课程的知识，这几门课程之间的教学是分开，，课程之间的“一体化”没有得到很好的贯彻，学生在举一反三中对知识的整合效果不理想，导致对创新和创意思维有禁锢。笔者就对所教的计算机1121班，把静态网页HTML和ASP动态网页整合到一起进行教学，通过综合性的项目，让学生同时掌握这两门课程的知识，取得到了很好的教学效果。

3 ASP课程一体化教学的实施

在ASP课程中采用一体化教学模式，就是让学生机房这样的实训环境中，在2-3个典型的动态网站建设的“项目任务”的驱动下，展开教学活动，项目任务的实现过程就是学生学习的过程，使学与做融为一体。

3.1 项目案例的选择。在充分理解教学任务和操作技能的前提下，综合考虑所要达到的教学目标，应选取全面、综合型强的项目作为教学案例。该案例应能包含教学内容中的大部分的基础知识和操作技能，还要能引起学生学习的兴趣。笔者在教学过程中采用一个网上商店系统作为教学案例，通过向学生演示介绍、学生亲自操作运用，使学生了解一个ASP动态网页设计的功能作用，了解本项目所要完成的功能模块，给学生一个直观的认识，激发学生的求知欲，提高学习的积极性和能动性。

3.2 对项目案例的分解。选取项目案例，对学生进行演示和讲解后，只是让学生对项目有了一个宏观的认识。而要使学生掌握制作案例，还需对项目进行划分，把项目划分为若干个模块，每个模块完成不同的功能。在划分模块时，要对模块有充分的认识，要考虑实现模块是所用到的知识，要和教材想结合起来。对于ASP来说，要认识到html、ASP的Request对象、Response对象、数据库等内容的实现。

3.3 分组协作学习。根据项目模块，把学生分成几个小组，每个小组完成一个模块的设计，并且每个小组指定一名负责人。老师对每个小组进行该小组负责的模块进行讲解。然后由负责人对本小组成员进行工作分配，统计在设计过程中遇到的问题，与老师交流，由老师对本小组成员遇到的问题进行讲解。每个小组完成任务后，综合到一起，观看实现的功能。此后，小组之间进行模块功能设计的交换，并交流完成模块功能是的设计心得。最终，每个小组都完成了各个模块的设计，掌握完成整个项目所用的知识和技能。在整个设计实现的过程中，学生起到主导作用，教师只是起到辅助的作用。

3.4 成果的交流与评价。在功能模块开发的每个阶段，各开发小组完成相应模块后，把完成的模块相互进行交流，并对其进行自评和互评。然后教师再对其进行评价，总结操作实践中存在的问题，梳理项目任务中用到的理论知识、重点和难点，形成知识体系[2]。并且使的学生在积极融洽的环境中相互学习、取长补短，不断完善自己的作品，增强了学生的自信心，提高了学习热情与学习兴趣，使其在不断地建构与完善自己的知识结构的同时，也提高自我认识和对自身的评价能力。

4 一体化教学方法实施后的思考

4.1 一体化应贯穿课程全部教学活动，但要注意的是一体化教学不仅是课程内的一体化，还要注意课程之间的一体化，但是课程间的一体化教学如何进行结合，是把相关性强的课程综合在一起进行教学，还是仍然采用分开教学，是一个需要在教学过程中探讨的问题。

4.2 在教学过程中应实施分层次教学。在讲授课程之前，进行调查摸底，掌握学生之间的差异。在对学生进行分组完成项目任务时，综合考虑实际情况，让优秀的学生起到带头作用，起到以优带差的作用。

4.3 要注意对一体化教师的培养。一体化教学要求教师不仅有丰富的专业知识讲授理论课，而且有熟练的操作技能指导学生技能训练，成为能“文”能“武”的双师型教师[3]。同时，教师在项目的实训中，应紧密联系实际，做到共性问题，集中讲解，个别问题，个别指导。而作为一体化教师，也应站在本专业的前沿，了解本专业的发展方向，了解社会对本专业的需求，掌握新的技术，并将其及时充实到教学中。

总之，一体化教学贯穿了整个教学过程，它使技能训练、能力培养和知识传授融于一体并进行有机结合。这种教学模式激发了学生的操作实践技能、分析问题解决问题的能力，激发了学生的学习兴趣，提高了学生分析问题、解决问题的能力，提高了课堂教学效果。但是一体化教学，学生是主导，对知识本身的系统性有所削弱。教师应注意对问题的总结，对应用的理论知识的讲解，归纳，形成知识体系，帮助学生消化所学知识。

参考文献：

[1]黄宝玲.高职计算机一体化教学优化策略研究[J].高教论坛，2011，2：111.

[2]房新人.VisualBasic课程教学模式的反思与变革[J].网络科技时代，2008，10：50.

[3]李世满.技工学校计算机专业一体化教学实践与反思[J].华东师范大学，2009，4.

[3]刘骥宇课程“教、学、做”一体化教学模式的探索信息与电脑，2012，9；201.

网页实训报告范文第5篇

摘要：本文提出了以解决实际问题为目的的立体教学模式，探讨了计算机应用课程的教学模式，研究了激励学生提高应用能力的方法，研究了与教学模式相配套的教材编写模式。

关键词：教学模式；计算机应用；主体化；网络化

中图分类号：G642

文献标识码：B

为了快速提高学生通过计算机解决实际问题的能力，我们提出以解决实际问题为目的的立体教学模式，教学从要解决的实际问题入手，让学生知道本课程要解决的问题，然后将这个问题进行分解，最后围绕解决每个子问题，将要讲的理论和实践知识展开。这样所讲内容由解决实际问题连接到一起，构成一个立体结构，所有子问题解决后，则应用问题也随之解决。这样一门课完成后，学生不仅学会理论知识，更重要的是学会如何解决实验问题。

本课题的研究划分了以下三个层次：应用课程的教学模式；研究激励学生提高应用能力的方法；研究与教学模式相配套的教材编写模式。

1 应用教学模式的探索

这一层次就是探索以“解决实际问题为目标的立体化”教学模式，按照新的计算机应用课程教学模式思想组织教学试验。这就要求老师在讲课开始时对本课程的应用作阐述并布置课程设计题目，鼓励学生带着问题学习，通过不断的探索性学习，逐渐完成课程设计。在期中左右开始规划，期末交设计程序及文档。为此，我们专门印制了《实验报告》、《课程设计》、教学任务书等手册。每门课要求至少完成五个实验报告、一份课程设计。要求每位专业教师上课前制定教学任务书并上报系教学委员会审批，教学任务书含学生学习后达到的能力要求、教学进度、实验报告、课程设计项目、作业次数、参考资料、网站建设计划等，并作为教学检查的依据，纳入教师期末酬金量化。

2 专业计划的目标控制体系建设

专业教学计划以培养应用性人才为目标，制定了目标控制体系的新教学方案，任课教师教学任务、学生的学习目标更加明确化。原来教学计划的原则是最终控制，结果难以达到目标。

体例：(1) **专业总目标；(2) 就业范围；(3) 第一学年目标；基本技能；基本语言；基础知识；(4) 第一学期：达到目标；安排课程；考研主干课；按如此模式编制教学计划，将学生学习最终能力目标分解到每个学期，通过过程控制来达到总目标，使教学计划更科学、更有可操作性。

3 延伸课堂教学，积极探索立体化、网络化的教学模式

启动系级精品课程建设，并予以奖励。要求各专业课基本实现课件上网、作业上传、辅导答疑等功能，并鼓励老师积极申报精品课程。分两个阶段，第一阶段：2006年3月开始以“数据结构”、“C语言”、“网页制作”、“操作系统”、“计算机电路基础”五门专业课为前导制定了课程建设研发团队，并积极申报院级精品课程。第二阶段：2007年1月起所有专业课开始系级精品课程网站建设，取得较好的效果。

2005年“Delphi程序设计”被评为院级精品课程。2006年“数据结构”、“计算机电路基础”被评为院级优质课程。2007年有“数据结构”、“计算机网络实训”、“网页制作技术”、“计算机组装与维护”、“C语言程序设计”、“计算机组成原理”共六门课积极申报院级精品课程。其中“数据结构”被评为院级精品课程，“网页制作技术”被评为院级优质课程。

4进行考试方式的改革探索

加强电子试题库建设，改革应用性课程考试方式。向教务处申请对Flash、Photoshop、网页设计及五笔字型应用等四门技能型课程由原来的期末笔试改为学生自主式全自动网上测试，并要求计算机科学系所有学生(含已经笔试合格的学生)毕业前必须通过该测试。该申请被教务处批准，2006～2007学年度第一学期对网页设计及五笔字型两门课试点，受到学生欢迎，效果较好。针对考试中的问题，投入了更多的精力，考试系统进一步改进，2007～2008学年第一学期有计算机应用等五门课程进行了机考，扩大了考试科目，进一步扩充了题库，提高了防作弊能力。

5学生学习竞赛的组织与发动

为了切实提高学生的动手能力，积极组织学生参加各种竞赛，特成立了计算机科学系竞赛组，系主任任组长，我任副组长，下设五个竞赛小组。2005～2007年，除组织计算机科学系网页设计大赛、计算机应用技能大赛、五笔字型大赛、Flash设计大赛、图像处理大赛等，积极参加枣庄学院组织的各类赛事外，共组织学生参加省/国家竞赛5次，项目如下：ACM/ICPC程序设计竞赛、全国数学建模、齐鲁大学生软件设计大赛、正保教育杯第三届全国ITAT教育工程职业技能大赛、山东省电子产品设计大赛。在这些竞赛中学生均取得较好成绩，极大地鼓舞、带动了学生的学习热情。如下表所示：

6计算机应用课程教材编写模式的探索

按照以解决实际问题为目标教学模式，探索了计算机应用课程教材的编写，提出应用课程教材编写改革的方向为“立体结构知识层次分布式教材模式”。以解决实际问题为目标的立体化教学设计教材章节，教材第一章提出能力要求，并给出总体实现案例设计，每一章设有能力达标要求并围绕整本教材的案例组织教学内容，教学方式不再呈现传统从一个知识点到另一个点的线性结构的教学模式。基于新教改思想，我们正按照此模式编写计算机网络实训、数据结构等教材。

7 结束语