网站制作报告探究论文

[摘要]高职教育主要是为国家培养高素质的技能型人才，但目前高职在人才培养方面却存在很多问题。“慕课”的引入为解决这些问题提供了新思路和新方法。本文围绕“慕课”这一新生的事物，对我国高职网站制作课程存在的问题进行分析，并简要探究基于“慕课”的网站制作课程的教学新模式和评价的标准。今天小编给大家找来了《网站制作报告探究论文 (精选3篇)》，仅供参考，希望能够帮助到大家。

网站制作报告探究论文 篇1：

WebQuest教学模式在计算机基础课教学中的教学案例设计

摘要：计算机基础课教学通常采取以教师教授、电脑演示为主的教学方法，学生处于被动接受知识的状态，这种教学模式很难吸引学生在课堂上的长时间注意，学生容易进行走神、睡觉或者玩手机等其他活动。在课堂上采用WebQuest教学模式进行案例设计教学，变学生被动接受为主动参与学习，大大地提高了学生的学习兴趣和课堂参与度，还锻炼了学生的合作学习能力，提高了学生的网络信息素养。

关键词：WebQuest教学模式;计算机基础课;教学案例设计;网站制作

一、WebQuest教学模式的含义及组成

WebQuest教学模式中的“web”指的是“网络”，“Quest”指的是“探究”、“调查”、“寻求”，WebQuest指一种基于网络的“专题探究”活动，是一种在网络环境下由教师引导，以一定任务驱动学生自主探究学习的教学方式，它主要是通过学生的自主学习和合作学习，培养学生获取信息、分析信息、评价信息并运用信息解决问题的能力，以及交流与合作的能力。

二、WebQuest教学模式的实施案例

[教学内容分析]：中国石油大学出版社出版的《计算机文化基础》的第八章提到了网页制作内容，要求学生通过课堂学习能掌握网站和网页的制作，特别是能动手制作个人網站展示自己，让更多的人通过网络来了解自己。而这对于学生来说，也是有一定吸引力的，对于这种能解决实际问题的学习内容，大多学生都表现出一定的兴趣，并且学习的愿望特别强烈。

[教学目标分析]：知识目标：认识网站和网页的设计原则;了解网站的发布和维护流程;使用FrontPage2003新建站点和网页;在网页中编辑文字和图片;熟练利用表格进行内容定位和页面布局;文本图片等各类信息的超级链接设置;利用框架制作导航栏页面。技能目标：采用任务驱动、小组教学的方式，以学生自主探究、协作学习为主，教师提供课堂讲解与学习资源为辅，两者结合让学生掌握网页制作的各章节知识，培养学生利用计算机网络自主学习的能力，提高学生自主学习能力和动手能力。情感目标：培养学生高尚的审美情操，使学生能够热爱美、欣赏美、创造美;鼓励学生发展个性，通过学生自己做的作品，培养学生的探索创新精神、团队合作精神。

[学习者特征分析]：本案例的学习者是大二绘画专业二班学生，该班级有美术功底，对网站美观度有独到的见解。在一年级开设过PhotoShop图像处理课程，具备图形图像处理能力。

[案例介绍]：随着计算机网络的兴起，越来越多的人开始接触并了解互联网，在互联网上浏览新闻、查资料、发邮件、找工作已经成了非常普通的事情。互联网上信息的发布大部分都是通过网站的形式发布的，比如说想看新闻可以去中华新闻网等，发邮件需要访问163邮箱等，查资料上百度网站等。那平常同学们都是上网去访问别人做好的网站，有没有想过有一天可以在互联网上访问属于自己的网站，让更多的人去了解自己，向更多的人去展示自己的绘画作品呢?今天我们就来学习如何制作并发布网站。

1.任务。本章内容学习时间为三周，学习任务是制作网站。该任务由三个子任务组成，每个子任务均由各学习小组课下完成，在每周的课堂时间上进行任务成果展示和讨论。子任务一：认识网页，任务完成形式：PowerPoint课件;子任务二：设计网页，任务完成形式：小组自行设计的网页单页;子任务三：制作网站，任务完成形式：小组网站。

2.教学环境及资源准备。教材：石油大学出版社《计算机文化基础》的第八章。FrontPage 2003视频教程：http：//www.enet.com.cn/eschool/zhuanti/frontpage/，FrontPage2003网页设计教程：http：//vip.book.sina.com.cn/pub/book.php?book=470729，FrontPage教程—网页设计/FrontPage/：http：//www.wzsky.net/html/Website/FrontPage/网页界面设计欣赏http：//www.68design.net/Appreciate/Interface/list-1.html网页设计欣赏，网页设计作品http：//www.wzsky.net/html/59/网页设计图片作品欣赏http：//www.3lian.com/show/s118/教师提供的网站评价体系表。

3.教学过程。第一阶段：认识网页。第一步：组成一个合作小组。第二步：上网查找资料(文字资料、图片资料、视频资料等)，浏览各类典型网站或网页设计类网站，利用屏幕切图保存有价值的图片。第三步：分门别类地归纳汇总网站的设计排版类型，如按功能分类、按布局分类等，并配以图片解释，形成小组初步成果PPT。第四步：课堂展示。作品赏析：小组成员向其他小组讲解自己的PPT，介绍本组对网页的设计分类，演示成果;过程反思;填写分工表。第五步：教师组织学生分别讨论网站和网页的设计原则，进行总结归纳。第二阶段：设计网页。第一步：小组讨论创建小组网站的主题，确定网站主题和风格。第二步：围绕网站主题和风格，充分利用学生的美术知识背景，要求每位学生用电脑设计一幅网页设计图，可以上网查找资料(文字资料、图片资料、视频资料等)。第三步：小组内部评价推荐出最好的设计图，并以该设计图为核心局部修改其他网页设计图，以形成网站的统一风格。第四步：教师指点用图像软件把网页设计图切割为网页的方法，并提示学生在切割时考虑需要注意哪些事项。小组讨论切割方法，将设计图做成合理的网页形式。第五步：课堂展示。作品赏析：小组成员向其他小组讲解自己组的设计，介绍本组对网页的设计思想和演示成果;过程反思：小组陈述在讨论和制作过程中所遇到的困难和解决办法，并分享过程中的体验及所学到的知识;填写分工表：小组成员要清楚列出分工细节，对细节进行量化描述，让教师了解小组成员间的分工情况。第六步：小组间互评，互相学习各组的优点，找到自身不足的地方，进行改进。第三阶段：制作网站。第一步：小组认真学习资料资源，仔细研究教师给出的网站评价体系。第二步：小组搜集网站相关资料，丰富各网页内容，不断地补充修改设计，并记录好制作修改过程，最后确定完成小组网站最终稿提交。第三步：课堂展示。作品赏析：小组推荐某成员向其他小组讲解展示自己组的网站，演示成果;负责演示的角色要由小组内各成员轮流担任;评价反思：采用教师之前提供的网站评价体系表来对各组的网站进行评价，包括组内评价和组间评价。在互评过程中有学生成员发现问题，该评价体系并不能非常完整详细的把每个网站的优劣体现出来。经各小组讨论，最后得出一份新的网站评价指标明细表，通过该表对各小组网站重新进行了评价。第四步：教师对学生制作网站的知识点进行归纳讲解，帮助学生对掌握的知识进行系统的梳理。第五步：各小组通过评价结果和教师指导对网站进行局部修改。第六步：教师展示网站发布的流程，在教师帮助下各小组在互联网上发布自己组的网站，并邀请朋友浏览观看。

4.填写分工表：小组成员要清楚列出分工细节，对细节进行量化描述，让教师了解小组成员间的分工情况。

5.评价方法。评价主要通过三个方面来进行：(1)组内自评。做完任务之后，首先进行小组内部自评，自评时尽量要客观，形成评价报告。(2)组间互评。小组之间通过展示环节观看对方的作品进行互评，互评时要客观，不能互相攻击。(3)教师评价。主要通过学生撰写提交的各项小组成果、小组分工表和评价报告，采用事先制定的评价体系表来进行评价。

WebQuest教学模式是一种在网络环境下由教师引导，以一定任务驱动学生自主探究学习的教学方式，它主要是通过学生的自主学习和合作学习，培养学生收集信息和处理信息的能力、分析和解决问题的能力以及交流与合作的能力。

本案例采用WebQuest教学模式进行教学设计，教师在教学的三个阶段设定不同的任务，引导学生自主学习教学内容，灵活使用信息搜集和分析处理能力，通过小组合作完成任务提交成果。本案例中的评价存在于教学过程中的每个阶段，包括自我评价、组内评价和组间评价，学生通过评价发现任务的不足进而及时修改完善作品成果。本案例在学生学习新知识的同时，还锻炼了学生运用刚刚学过的网络基础知识，有效地利用信息技术环境和网络资源来学习，提高了学生的信息搜集和处理能力。

参考文献：

[1]奚晓霞，罗会棣.基于WebQuest的建构探究学习模式[J].电化教育研究，2004，(2).

[2]郝丽华.基于WebQuest教学模式的大学英语教学实例研究[J].三峡大学学报(人文社会科学版)，2011，(6).

[3]田洁，王黎.基于WebQuest的高中英语课堂教学设计[J].中小学电教，2010，(5).

[4]尹志云.关于探究式教学在高中信息技术课中的应用思考[J].教育教学论坛，2013，(4).

作者简介：秦彦彦，南京师范大学教育技术学硕士，讲师。

作者：秦彦彦

网站制作报告探究论文 篇2：

基于“慕课”的高职课程改革及教学评价的研究

[摘 要]高职教育主要是为国家培养高素质的技能型人才，但目前高职在人才培养方面却存在很多问题。“慕课”的引入为解决这些问题提供了新思路和新方法。本文围绕“慕课”这一新生的事物，对我国高职网站制作课程存在的问题进行分析，并简要探究基于“慕课”的网站制作课程的教学新模式和评价的标准。

[关键词]慕课;高职课程;教学评价

doi：10.3969/j.issn.1673 - 0194.2016.04.169

1 “慕课”简述

“MOOC(慕课)”是“Massive(大规模的授课)”“Open(开放式的课程)”“Online(在线授课)”和“Course(表示课程)”4个单词首字母的缩写。它是新型的在线课程教学模式，主要采用一种大型的授课方式，通过网络实现在线课程的授课，学生和教师也可以实现网络的互动，例如：答疑、作业等。

2 网站制作课程在教学中存在的问题

2.1 课程涉及面广，知识点多

网站制作课程的教学内容主要包含网站基础知识、Dreamweaver软件使用、HTML语言、Div+Css等4部分。网站基础知识部分主要讲述网页设计基础知识、常用网页设计技术和常用网页设计工具。Dreamweaver软件使用部分主要讲述Dreamweaver工作界面、建立站点、创建基本网页和Dreamweaver的操作。HTML语言部分主要讲述HTML元素、标准HTML文件的结构、基本HTML标记、列表标记、HTML的属性，以及HTML的颜色、表格、表单、框架等。Div+Css部分主要讲述CSS基本知识、框模型、CSS布局和Web标准。

2.2 学生操作能力相差悬殊，项目实施困难

网站制作课程的特点是操作性强，但学生的操作能力却参差不齐。如果任课教师总是重复讲解某一个知识点，那么有些学习能力强或者基础好的学生学习的积极性就会被打消;如果不考虑能力差的学生，一味的往下讲，那么那些能力差的学生就可能放弃课程的学习。因此，学生操作能力相差悬殊使网站制作课程的教学项目实施困难。

3 将慕课引入到网站制作课程教学中

3.1 网站制作课程的慕课制作

基于“慕课”教学模式的网站制作课程不同于传统的教学模式，它并不是将所要讲授的所有教学内容“苍白”地展现在网络平台中，而是基于“慕课”教学的特点，简洁且精致的进行编辑，形成专门的“慕课”教学资源来供教学使用。这种“慕课”教学不像传统的课堂教学那样冗长，更加简洁概括。以网站制作课程为例，其慕课的制作是将传统的教学内容分切成更加符合学生认知和学习规律的10分钟之内的小视频，然后将这些小视频挂到学校的课程网站上，学生可以不受时间、空间的限制观看教学视频，在线讨论，提交作业，在线测试等。它的特点是教学内容以小段的视频为主，并进行测试和反馈以促进学生学习。这些挂到网站上的小视频的拍摄、剪辑、脚本的制作可以交给学校网页制作工作室的学生来完成，任课教师负责指导和帮助，这样可以为工作室的学生提供一个项目实践平台，也能激发学生的学习兴趣。

3.2 将慕课引入课堂

首先，学生可以在课下通过网络慕课自学知识点，并在网络上进行交互训练、讨论等，然后在课堂上用大量的时间开展实践项目的训练。教师的角色转变成企业老板，同时也是慕课资源的研发者、组织者和学生兴趣的培养者，学生的角色转变成企业员工，学习的模式也发生了变化。这样的学习模式不会出现学生无法跟上教师进度的情况。

4 基于“慕课”的高职课程评价

基于“慕课”的高职课程的评价，一定要建立一个客观、公开、公正、易实施的课程评价体系，因此，高职课程的评价可以分为对课程本身的评价和对课程教学效果的评价两部分。

4.1 对课程本身的评价

了解学生对课程本身的评价能够提高教师的“慕课”制作水平。和以前的远程课程和精品课程模式不同，“慕课”具有这两者所都不具备的互动性，这种新增的互动性给课程的评价提供了便利。课程本身的评价可以通过两种调查方法来进行。一种方法是通过网站平台自动生成的显示学生的在线时间和在线人数等数据，直接调查出课程受欢迎的程度;另一种方法是通过收集学生对该课程的反馈意见，来直接地了解学生的需求，吸收学生的意见，从而对课程本身的教学环节和教学内容等进行改进提高，也为接下来的课程教学效果的评价奠定基础。

4.2 对课程教学效果的评价

“慕课”其实是一种教学内容极为丰富、教学方式多样的较为综合的教学以及学习平台，该平台可以多方位且全面地评价教学效果和学习效果。

基于“慕课”的高职课程教学效果的评价按照评价的主体来分，可以分为5部分：教师评价、学生评价、同行评价、督导评价和企业评价。通过这5部分评价信息的汇总，教师和学生能分别及时了解教学效果和学习效果。具体的评价指标权重的确定方法有很多，本研究拟采用“权值因子判断表法”及“已定指标两两比较法”综合使用来对权重加以确定。教师评价、学生评价、同行评价和督导评价各指标权重使用“已定指标两两比较法”加以确定;企业评价各指标权重使用“权值因子判断表法”加以确定。

按照评价方式来分，可以分为两部分：过程评价和总体评价。其中过程评价是评价体系的重要部分，这部分体现了“慕课”评价方式的多元化及全面性的特点。这部分的评价主要通过任课教师科学合理地设置各教学环节和项目来进行。在教学过程的设置上，任课教师可以设置课前预习知识点、课上学习项目、课后总结经验、课后作业讨论及实践实训等多个教学环节，而且这些教学环节越具体全面越好。每个教学环节都要设置严格清楚的评分标准，这样便于教师和学生的测评。比如：在学习网页布局模块时，在课前预习知识环节，教师可以通过教学视频讲授浮动和清除浮动的知识点，并设置问题;在课上引入项目，让学生自己讲解如何给项目布局;在课后的总结环节，让学生提交报告，对网页布局这方面的各知识点进行总结和归纳，以考查学生知识点掌握的情况。此外，任课教师还要设置针对网页布局这部门知识的互动讨论，从而检验学生的学习态度和学习效果。这样，学生的学习情况就得到了较好的检查。通过这种方法，任课教师可以了解学生对该知识点的掌握情况，以便调整授课进度和难度。

总体评价是将对课程本身的评价和对课程教学效果的评价的评分进行累加，其中，对课程本身的评价占30%的权重，对课程教学效果的评价占70%的权重。

经过近一年的实践，本研究取得了一定的成果，主要的社会影响表现在以下两个方面。

4.2.1 深化了校企合作

在评价指标体系的实践探索过程中，专业教师经常与企业管理者沟通、交流，了解企业实际工作流程，使教学更贴近工作实际。另外，在校企人员的深度交往了解中，也使企业更加了解学校，认可学校的教育，密切了双方的关系。

4.2.2 树立了典范

辽宁省4所院校的多个专业教学改革的尝试取得了较为明显的成效：对教学计划的制订、教学内容的实施、实训案例的设计、师资队伍的提高和教学效果的提高都起到了显著的推动作用，这也为其他高职院校的教学改革提供了可借鉴的经验和做法，值得推广。

网站制作作为计算机应用技术专业的主干课程有极强的实践动手要求和理论知识，长期受到内容广、知识点多和学生能力水平参差不齐等问题的困扰，慕课的引入为解决这些问题提供了新思路和新方法。然而，在我国“慕课”还是一种新的教学模式，其理论和实践还都处于探索阶段，那么如何使“慕课”本土化，如何使其真正成为我国高职教育发展的助推器，仍然是高职院校今后在教学实践中不断探索和研究的课题。

主要参考文献

[1]陈诗慧.“慕课”视野下高职教学模式探析[J].湖北函授大学学报，2015(3).

[2]吴凤彬.“慕课”背景下的高职院校教育教学改革探索[J].教育与职业，2015(3).

[3]张金良.“慕课”冲击下的高职教育发展与改革[J].经营管理者，2015(13).

[4]聂小蓬.基于慕课的高职财务会计课程改革及教学评价研究[J].赤峰学院学报：自然科学版，2015(16).

[5]王欣，马东辉.面向慕课的计算机游戏设计课程建设[J].计算机教育，2014(15).

作者：孙晓娟

网站制作报告探究论文 篇3：

整体教学设计在信息技术教学中的初探

【摘 要】整体教学设计是一种能为学生建立“整体性”知识结构，设计连贯性任务，培养学生建立知识的衔接性能力、解决问题的综合能力的教学设计。本文以4C/ID模型为指导，结合案例，在信息技术教学中对整体教学设计进行了初探。

【关键词】整体教学设计 4C/ID模型 信息技术教学

一、关于整体教学设计

整体教学设计是一种能够帮助学生建立“整体性”知识结构，设计连贯性任务，培养学生建立知识的衔接性能力、解决问题的综合能力的教学设计。

其代表的模型是荷兰的麦里恩伯尔(van morrienboer)教授主持研究和开发的四要素教学设计模型(Four-Component Instructional Design Model，简称4C/ID)，包含学习任务、支持性信息、程序性信息、部分任务练习四要素，其中，学习任务是核心要素。笔者以该模型为指导，对学期教学内容“制作网站”进行了整体教学设计的初次探究。

二、整体教学设计的初探

(一)整体教学设计之学习任务

学习任务的设计能够为学生提供整体性学习体验。在对《制作网站》教学内容认真分析后，笔者以整体任务为线索贯穿各知识点，将任务分解成关联性较强的子任务，分配到各节课，打乱原教材知识点编排顺序，对知识点重新进行整合排序，引入原有基础知识与将学知识的对比及联系，帮助学生建立“整体性”知识结构。《制作网站》的整体教学设计任务分解成六个子任务，具体如下：

整体任务：观察生活，从自己感兴趣的人或事中选择主题，完成一个内容丰富的网站。

子任务一：建立网站框架，1课时。内容：(1)知识点：①网站规划、制作工具介绍，②创建网站框架、页间链接;(2)章节：主题一任务一、任务二，主题五任务一。重点：(1)网站制作工具;(2)网站框架建立。难点：创建页间链接，理解网站概念。

子任务二：布局网页结构，规划网页内容，1课时。内容：(1)知识点：布局网页结构;(2)章节：主题一任务三，主题二任务二，主题三任务一。重点：布局网页结构，规划网页内容。难点：运用框架制作网页。

子任务三：收集整理网站素材，丰富网页内容，3课时。内容：(1)知识点：①添加网站文字、图片、滚动字幕、交互按钮、动画，②交互功能网页制作;(2)章节：主题二任务三，主题三任务二。重点：在网页表格或框架中填充文字、图片、滚动字幕、交互按钮、动画。难点：交互功能网页制作。

子任务四：美化网站，发布网站，2课时。内容：(1)知识点：①网页过渡效果、动态DHTML效果、滚动宣传片，②发布网站;(2)章节：主题三任务三，主题五任务二。重点：(1)网站的美化;(2)网站的发布。难点：网站的发布。

子任务五：赏评作品，1课时。内容：提交个人作品，评价作品。重点：学生互赏互评作品。难点：客观评价作品。

子任务六：完成整体任务测评表，交学习报告，1课时。内容：交测评表及报告。

以上设计可根据上课情况调整。

(二)整体教学设计之支持性信息

支持性信息用来促进学生知识建构或重构，它与各子任务相关，为学生建立原有知识和将学知识之间的桥梁，解决知识迁移问题，建立“整体性”知识结构。笔者在《制作网站》授课时，有意引导学生养成“归纳——探究——讲解”的习惯，让学生用整体性思维方式搭建自己的知识体系。如在完成子任务“规划网页内容”时，引导学生对比网页制作软件和WORD软件中表格制作的异同，使学生快速关联相关知识点，促进知识迁移和“整体性”知识结构搭建。

(三)整体教学设计之程序性信息

程序性信息相当于我们在使用软件时的“帮助”信息。它在学生需要时提供给学生，指导学生完成任务。笔者在《制作网站》授课时，制作帮助学生顺利完成任务的“学习助手”“微课”“课件”等提供给学生制作网站，为学生能完成任务提供全面帮助。

(四)整体教学设计之部分任务练习

如果学习任务设计没有为学生提供足够练习的机会以达到预期的水平，就需要设计附加部分任务练习。教师要多加关注计算机基础操作水平较弱的学生，设计能快速提高他们操作水平的训练，在课堂中对他们进行更多的指导和鼓励。

三、整体教学设计初探总结

结合学生完成的测评表和学习报告，本次初探总结几点：

(一)整体教学设计是一个贯穿各知识点的综合任务，要求教师要系统把握各章节知识点和重难点，认真分析学生原有知识，按学生实际情况进行设计，必要时可将教材知识点顺序打乱重组。

(二)整体教学任务设计要能贯穿各知识点。没有关联的任务不利于形成知识点之间的联系，不利于学习者建构“整体性”知识结构。

(三)教师根据任务完成情况进行反思，调整细化任务设计，认真分析任务表述是否明确，是否包含了课本所有知识点，有遗漏要追加附加练习。

四、结束语

本次整体教学设计的初探，学生最终作品比较完整，内容丰富，主题鲜明;但遇到复杂任务时，学生的整体规划能力较弱，知识技能不能综合运用，做出来的作品内容较为单调，美感不足。因此，对于一些复杂、关联性较强的教学内容，可以尝试运用整体教学设计进行教学。

【参考文献】

[1]冯锐，李晓华.教学设计新发展：面向复杂学习的整体性教学设计[J].中国电化教育，2009(02)：1-4.

[2]冯锐.论整体性教学设计的设计观[J].远程教育杂志，2009，17(05)：19-22.

[3]冯锐，刘丽丽.整体论视域下的教学设计探讨[J].开放教育研究，2009(04)：69-73.

[4]赵健.面向复杂认知技能的训练：四要素教学设计模型(4C/ID)述评[J].全球教育展望，2005(05)：36-39.

[5]雷绍南，宣曼一.面向复杂的整体性教学设计[J].中小学电教，2010(04).

[6]任友群.教学设计发展的新趋势[J].全球教育展望，2005(05).

作者：黎明姬