基于大学城空间的动态网页课程信息化教学设计

摘要：根据信息化教学模式和翻转课堂的概念，提出了运用世界大学城空间构建动态网页课程的教学资源库的设计方法，既以岗位职业能力为依据，结合学情分析，确定教学案例和教学项目，并根据信息化教学设计的需要，设计教学资源库的内容，结合翻转课堂的教学理念进行信息化教学活动设计。

关键词：大学城空间；动态网页；信息化；教学设计

中图分类号：G64 文献标识码：A 文章编号：1009-3044（2017）26-0151-02

Abstract：According to the information technology teaching model and flip the concept of class， put forward the design method of using the world university space to construct the dynamic web course teaching resource library， both as a basis for job capacity and combined with the students situation analysis， identify teaching cases and teaching projects， and according to the needs of information technology teaching design， design the contents of the teaching resource library， combined with flipped classroom teaching philosophy's design of information teaching activities.

Key words：University City Space； Dynamic Web Page； Information ；Teaching Design

随着计算机、多媒体和互联网技术的高速发展，信息化技术已经渗透到社会的各个方面。特别是在教育领域，由于信息技术的发展，促进教育形式发生变化，如近年来出现的翻转课堂教学模式就是利用现代信息化技术，运用网络数字化平台和多媒体技术，实现将知识传授和知识内化颠倒安排[1]，以形成了一种“学习知识在课外、内化知识在课堂”的新型教学结构[2]。

世界大学城空间是运用网络技术设计的以网络交互远程教育为核心、综合了远程教学、网络办公、即时通讯、商务管理、全民媒体、个性化数字图书馆等功能的一座既虚拟又真实的大学社区平台。通过世界大学城空间可以构建一个信息化的网络教学平台，并利用这个平台可以实现翻转课堂教学模式。

动态网页设计课程对计算机类专业而言是属于程序设计类的课程，由于高职学生自身的数理逻辑能力比较弱，许多学生因缺乏程序设计思维方式，因而在学习过程中感觉到比较困难，因此，为了提高学习效率，培养学生自主学习的能力，拓展学生学习空间和时间，关注不同学生的学习需求，很有必要探索如何运用世界大学城空间开展信息化教学设计，以便将翻转课堂的教学理念引入到动态网页设计课程中，以提高动态网页技术课程教学效果。

1 信息化教学设计模式与翻转课堂的概念

国内学者张筱兰、郭绍青认为：“信息化教学设计模式是指信息化教学环境中教学系统设计的理论和实践框架。”[3] 它包括理论基础、教学目标、实现条件、操作步骤以及评价等方面。信息化的教学设计模式是以学生为中心，教师通过创设情境、协作与会话等学习环境，引导学生通过自主学习和小组合作学习来完成学习任务。教学过程由过去单一的讲授模式转变为通过创设学习情景、组织学生进行问题探究和协商学习等以学生为主体的过程，媒体的作用也由教师讲解的演示工具转变为学生主动学习、协作式探索、解决实际问题的认知工具，学生用此来查询资料、搜索信息、进行协作学习和会话交流[4]。

翻转课堂是将传统教学中的“教师讲授+学生作业”的教学过程，转变为学生通过课前自主学习先完成课程学习内容，而在课堂上，教师则是用大多数的时间来对学生的作业进行答疑、组织小组的协作探究，以及师生之间的相互交流等。由此可见，翻转课堂是信息化教学设计中一种方式，它必须依托于网络数字化平台，通过网络数字化平台来构建课程教学资源库，学生则可通过教学资源库在课前预先了解学习内容，依据学习图谱完成课前知识点的学习任务，在课中再通过与教师交流解决学习中的难点，最终完成学习任务。因此，选择一个网络化的数字平台构建课程教学资源库成为实现信息化教学设计的首要任务。下面将介绍如何运用世界大学城空间构建动态网页课程的教学资源库。

2 基于大学城空间的动态网页课程教学资源库设计

构建动态网页课程的教学资源库的关键是教学案例的选择，而教学案例选择原则的依据

是通过对企业岗位的调研，确定从事开发设计营销型网站的技术人员所应具备的关键的知识和技能，根据这些知识点和技能点来确定教学项目。同時，还要对高职学生的学情进行分析，根据高职学生的学情情况，结合教学项目，选择与高职学生学习基础条件相适应的教学案例，使教学案例不仅能满足教学项目的需要，而且还要简单明了，便于学生掌握与接受。另外，考虑到高职学生中学生个性化的差异，对逻辑思维能力比较强的学生，应提供拓展学习资源，一方面是让学生能通过举一反三，巩固所学知识和技能，另一方面，培养学生自主学习的能力，拓展学生的知识面。

根据教学案例的选择原则，选择美食营销型网站设计为动态网页课程的课堂教学案例，而将图书商城网站设计作为课程拓展学习案例。在美食营销型网站设计中包括了网站设计与环境搭建，美食营销型网站静态网页首页和内容页的制作，网站数据库的创建，PHP数据库操作，动态网站的首页和内容页设计，用户登录模块，用户注册模块，后台页面布局设计，用户管理模块，美食知识管理模块和留言板管理模块等教学项目。endprint

在确定了教学案例和教学项目后，根據信息化教学设计的需要，设计动态网页课程教学资源库的内容分为三大部分，第一部分是课程教学资源，第二部分是课程学习资源，第三部分是拓展学习资源等。其中课程教学资源包括课程简介、课程教学方法、课程标准、授课计划、教案、课件、教学项目等，课程学习资源包括学习图谱、学习任务书、微课学习视频等，拓展学习资源包括拓展学习项目、学习任务、学习参考资料和拓展学习视频等。然后，再根据课程教学和学习资源的分类，在世界大学城空间建立相应的栏目，设置相应的导航栏，以便学生自主学习。

为方便网络空间中师生之间的相互交流，可利用世界大学城空间的教研宛创建动态网页课程教研室，通过教研宛开展师生之间的学习交流，解决学生在学习中遇到的困难。同时，教师还可以利用世界大学城空间的考试系统布置课前、课中和课后学习测试，以便教师能及时了解学生学习情况，及时调整教学方法和教学进度。另外，可以在世界大学城空间教师的学习空间中创建一些著名IT论坛的链接导航，以引导学生学会通过IT论坛来自主学习，拓展自己的知识面。

3 动态网页课程的信息化教学设计

教学设计是在教学理论的指导下，基于教学对象（特定学习者）的特征，组织教学内容和教学资源，设计教学活动和学习环境，最终支持学习者有效达成学习目标的系统活动[5]。而基于大学城空间的动态网页课程信息化教学设计是以世界大学城空间网络学习平台为依托，通过网络学习平台构建信息化教学资源库，根据翻转课堂的教学理念，开展信息化的教学设计。

信息化教学设计分为“课前自学-课中探究-课后拓展”的教学活动设计，其中课前自学的教学活动是教师在课前先根据动态网页课程教学项目的知识图谱，将与教学项目相关联的教学资源和学习资源上传到大学城空间相应栏目，其中包括教学项目中要讲授的关键的知识点和技能点的微课学习资源，并通过世界大学城空间的考试系统布置课前测试题，要求学生在课前访问世界大学城空间动态网页课程教学空间，通过观看微视频、微课件完成课前学习任务，并通过完成课前测试检测自己的学习效果。

在课中探究阶段，教师通过设置教学提问或课堂小测试环节来检查学生课前微课学习的效果，并根据学生的学习情况，针对学生在自主学习过程中的困惑和难点进行重点释疑、解惑，然后，按照项目学习任务组织学生开展小组织合作学习，完成项目练习，最后，根据学生项目完成情况进行检查与评价。在课后拓展阶段，教师要求学生以世界大学城空间中拓展学习资源中的图书商城为例，或者学生也可自选一个网站设计为主题，以小组合作学习方式来完成网站的课程设计。翻转课堂的信息化教学活动设计如表1所示[6]。

4 结束语

通过世界大学城空间网络数字平台，一方面可构建网络化的动态网页课程的教学资源库另一方面，可方便教师指导与督促学生学会应用教学资源库中的学习资源进行自主学习，以保障翻转课堂的顺利实施。同时，通过拓展学习资源库、教研苑和IT论坛交流，引导学生通过自主学习和小组合作学习，拓展学生的知识面，以实现对学生的个性化教学。

参考文献：

[1] 宋朝霞，俞启定.基于翻转课堂的项目式教学模式研究[J].远程教育杂志，2014（1）：96-104.

[2] 金陵.“翻转课堂”，翻转了什么？[J].中国信息技术教育， 2012（9）：18.

[3] 祝智庭. 现代教育技术[M]. 北京： 教育科学出版社， 2002.

[4] 刘洁. 信息化教学设计模式原则和评价探究[J]. 武警学院学报， 2012（3）：77-80.

[5] 那一沙，袁玫，吴子东，教学设计研究综述[J]. 西南交通大学学报：社会科学版，2013，14（3）：109-113.

[6] 郑丹青. 网络环境下动态网页技术课程翻转课堂的教学设计[J]. 电脑知识与技术，2016（20）：173-174，176.endprint