网络课件与课程网站的设计与开发

杨丰烈

目 录

一、网络课程的设计与开发

（一）静态网页概念分析

（二）动态网页概念分析

（三）网络课件概念分析

（四）网络课程概念分析

（五）网络课程设计流程

（六）网络课程评价规范

二、网络课程的制作与整合

（一）网络课程制作软件

（二）网络课程制作技巧

（三）交互环境和管理系统构建

（四）W3School介绍

三、网络课程的案例与应用

（一）单门课程学习网站

（二）公开课学习网站

（三）操作性课程网站

（四）综合性课程网站

四、Moodle平台简介与管理

（一）认识Moodle

（二）版块介绍

（三）网站管理

（四）重要配置修改

（五）中国大学MOOC平台

一、网络课程的设计与开发

（一）静态网页概念分析

1.静态网页的概念

在网站设计中，纯粹HTML(超文本标记语言)格式的网页通常被称为"静态网页"，静态网页是标准的HTML文件，它的文件扩展名是.htm、.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。静态网页是网站建设的基础，早期的网站一般都是由静态网页制作的。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。静态页面都是htm这类页面，也可以出现各种动态效果，如GIF格式的动画、FLASH、滚动字幕等。

2.静态网页的工作原理

3.静态网页的特点

（1）网页制作使用的语言:

静态网页使用语言:超文本标记语言(标准通用标记语言的一个应用)动态网页使用语言:超文本标记语言+ASP（动态服务器页面）或

超文本标记语言+PHP（计算机编程语言）或超文本标记语言+JSP（java服务器页面）等。

（2）程序是否在服务器端运行，是重要标志。在服务器端运行的程序、网页、组件，属于动态网页，它们会随不同客户、不同时间，返回不同的网页， ASP、PHP、JSP、ASPnet、CGI等。运行于客户端的程序、网页、插件、组件，属于静态网页，例如 html 页、Flash、JavaScript、VBScript等等，它们是永远不变的。

4.静态网页与动态网页的联系

静态网页和动态网页各有特点，网站采用动态网页还是静态网页

主要取决于网站的功能需求和网站内容多少。如果网站功能较简单，内容更新量不大，采用静态网页的方式会更简单，反之一般要采用动态网页技术来实现。静态网页是相对于动态网页而言，是指没有后台数据库、不含程序和不可交互的网页。静态网页相对更新起来比较麻烦，适用于一般更新较少的展示型网站。

有人用微信聊天，消耗能量；有人用微信学习，产生能量；有人用微信展示，互动能领量。——为什么微信中的文章不能修改？

（二）动态网页概念分析

1.Web的基本概念

Web就是采用HTTP协议进行信息发布的形式。WWW是环球信息网（World Wide Web）的缩写（亦作Web、'W3  ），中文名字为“万维网”“环球网”等，常简称为Web。分为Web客户端和Web服务器程序。

WWW可以让Web客户端（常用浏览器）访问浏览Web服务器上的页面。是一个由许多互相链接的超文本组成的系统，通过互联网访问。在这个系统中，每个有用的事物，称为一样“资源”；并且由一个全局“统一资源标识符”（URI）标识；这些资源通过超文本传输协议（Hypertext Transfer Protocol）传送给用户，而后者通过点击链接来获得资源。

2.Web的基本结构

网页 网页是Web服务器上的基本信息单位又称web页。它是一些使用不同Web技术编写的文本文件，存放在特定的Web服务器的特定目录下，使用浏览器可以浏览Web页。

主页 网站的第一个页面，一般将其保存为index或default文件。 主页总是与一个网址（URL)相对应，可引导用户进入一个网站。在设计与编写时必须给予足够的重视。

网站 存入在Web服务器上的多个网页，具有共同的主题，相似性质的互助资源称为网站，网站总是由一个主页和若干从页组成。

2.Web的基本结构

URL地址 URL是UniformResource Locator的缩写，即统一资源定位系统。也就是通常所说的网址。

域名 域名是Internet网络上的一个服务器或一个网络系统的名称。

虚拟主机 把一台运行在互联网上的服务器划分为多个“虚拟”

的服务器。每一个虚拟主机都能够具有独立的域名和完整的Internet

服务器功能。且各自独立，由用户自行管理。但一台服务器主机上只

能够支持一定数量的虚拟主机。

3.Web的工作原理

Web是基于Internet的服务，允许计算机之间的相互通信。

Web服务是指通过网页在客户机和服务器间传递信息的活动

Web的开发是基于客户端/服务器体系的。

（三）网络课件概念分析

1.网络课件概念 网络课件是在一定的现代教育技术理论指导下，运用网页制作等多媒体技术设计和开发的，用来反映某种教学策略和教学内容，而被应用于课程教学与网络学习中的应用软件，它是课件的一种形式。已成为网络学习的主要资源之一，课堂教学的辅助手段。

网络课件一般以网页作为基本表现形式，将多种媒体类型的教学信息（文本、图形、图像、音频、视频、动画等）按照授课者教学策略的特殊要求，以及学习者的学习特征而进行有效整合，来促进教学。网络课件是一种课程教学与学习的支持媒体，可用于远程网络的教学与学习，也可作为单机的教学与学习资源用于课堂教学或自主学习，内容范围可以是一门课程，也可以是某个章节；网络课件模块设计比较灵活。

2.网络课件的特性

网络课件的本质是一种Web应用程序，而WWW服务是目前互联网上最为流行的用户服务之一，因此，网络课件它具有Web的基本特性：

（1）软硬件要求低

（2）超文本性

（3）信息容量大

（4）表现形式丰富

（5）交互性

（6）可更新性

（四）网络课程概念分析

1.课程的概念

（1）课程是指学校教师与学生教学活动的总体，包含教学目标、 学习内容、学习活动乃至评价方法在内的广泛的概念。

（2）网络课程:就是通过网络表现的某门学科的教学内容及实施教

学活动的总和,它包括两个组成部分: 按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境。

2.网络课程六要素

3.网络课程特点

（五）网络课程设计流程

1.网络课程设计内容

2.网络课程设计层次

3.网络课程设计原则

（2）学生主体参与性

（3）呈现方式个性化

（4）学习情境关联性

（5）学习内容的价值性

（1）在教学内容选择上，基础性与启发拓展相结合

（2）教学内容组织上，渐进与自主选择相结合

（3）多媒体形式有机结合呈现教学内容

4.网络课程设计中的关键问题

（1）学习者分析

这门课程的学习对象是哪些人？ 学生期望的环境和学习需求是什么？ 学生具备怎样的有关的学习经验？ 在适应远程学习方面，他们是否需要支持和做些准备？

（2）教学目标分析

教学目标的确定是教学设计的基础和核心问题，只有有了明确目标的教学设计，才能够使整个教学设计更加完善和有针对性。

（3）教学内容设计

每一个知识点或教学单元的内容一般应包括以下几部分：学习 目标、教学内容、练习题、测试题、参考的教学资源及相关模块的链接、学习进度和学习方法建议、专用名词和术语的解释说明等。

（4）教学策略设计

网络课程的教学策略设计是网络课程功能机构构建的前提和基 础。教学策略就是在教学过程中，教师和学生为实现教学目的、完成教学任务而采取的方法与技巧，它具体体现在教与学的相互作用的活动中。

（5）学习活动和学习环境设计

学习活动可以是个体的，也可以是群体协作的。群体协作的学习活动表现为协作个体之间的学习活动的相互作用。

从设计的角度看，学习环境是学习资源和人际关系的组合，这种组合实际上是旨在实现某种目标的有机整合。

（6）学习评价设计

（7）系统设计

①结构设计

②导航设计

导航设计要清晰、明确、简单、符合学生的认知心理，否则学生容易迷失方向。设计导航时，应以系统的观点，综合考虑用户对象、学科特点及软件类型等多方面问题。在网络课程设计中，设置导航的方法通常有：目录树导航、模块导航、热键导航、知识点导航、检索导航以及帮助页面等。

③交互设计

网络课程的交互性设计主要包括学生与教师以及学生之间的交流设计和人机交互设计。前者主要在于提供一个简单、实用的交互系统， 有同步（如在线聊天室、语音交流）和异步两种方式（如电子邮件、交流园地BBS）。人机交互设计通常采用问答式对话、菜单交互、功能键、图符、命令语言界面、查询语言界面和自然语言界面等。此外，设计交互性良好的教学诊断评价系统也是非常重要的。

④界面设计

界面设计是指对网络课程的各构成要素进行设计，主要包括窗口、 菜单、图标、按钮、对话框、示擎盒、多媒体教学信息等。界面设计 包括显示界面设计和操作界面设计，设计时要综合考虑学科和使用对象等特点。

（8）脚本设计

a.脚本设计概念： 脚本（Script）也称故事板（StoryBoard），它相当于电影拍摄中的剧本，将课程制作的思路、内容、 教学过程与信息记录于纸上。

脚本是教学人员与技术开发人员沟通的桥梁，脚本编写要根据 计算机的特点，要充分考虑原型设计阶段所确定的内容表现、导航、 教学设计等课件的总体风格。

b.脚本设计内容

(a)明确教学目的和各教学单元的教学目标；

(b)根据教学目标，使用的教学内容应准确无误；

(c)根据教学目标和教学内容，选择适当的教学方法( CAI模式)和传递教学信息的媒体；

(d)学习理论的应用。无论采用什么样的模式，都必须注意学习理论的应用，以提高软件的教学效果；

(e)应考虑计算机的输出和显示能力；

(f)使用的格式应该规范；

c.脚本类型

脚本包括文字脚本和制作脚本 文字脚本是按照教学过程的先后顺序，描述每一个环节教学内容及其呈现方式的一种形式，其主要目的是规划教学软件中知识内容的组织结构，帮助教学软件开发者将所要传授的知识清晰化，并对软件的总体框架有一个明确的认识。制作脚本包含着学习者将要在计算机的屏幕看到的细节。

（六）网络课程评价规范