《现代教育技术 工业和信息化普通高等教育“十二五”规划教材 教学课件 ppt 作者 周玉萍 第8章 网络课程设计与制作》由会员分享，可在线阅读，更多相关《现代教育技术 工业和信息化普通高等教育“十二五”规划教材 教学课件 ppt 作者 周玉萍 第8章 网络课程设计与制作（70页珍藏版）》请在金锄头文库上搜索。
1、第8章 网络课程设计与制作,海南师范大学 信息科学技术学院,第8章 网络课程设计与制作,本章学习目标： 通过本章的学习，使学生了解网络课程的概念，掌握网络课程的开发过程，学会用Microsoft Expression Web、Dreamwaver设计网页，了解Moodle教学平台和Blackboard教学管理平台的功能特点，了解社会性软件在网络教育中的应用，会用社会性软件交流。,第8章,第8章,本章要点,网络课程的概念； 网络课程的开发过程； Microsoft Expression Web软件的使用； Dreamwaver软件的使用； Moodle教学平台； Blackboard教学管理平台
2、； 社会性软件。,第8章,第8章 基本内容,8.1 网络课程概述 8.2 网络课程开发过程 8.3 使用Microsoft Expression Web制作网页 8.4 使用Dreamwaver制作网页 8.5 网络教学平台 8.6 社会性软件在网络教育中的应用 思考与练习,第8章,8.1 网络课程概述,8.1.1 网络课程的概念 8.1.2 网络课程的类型,8.1.1 网络课程的概念,通过网络表现的某门学科的教学内容及实施的教学活动的总和”; 包括两个组成部分：按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境。,第8章,8.1.1 网络课程的概念,首先是课程，它应该包含课程的一
3、切特征，如教育目标、教学内容、教学活动、教学评价等； 其次要体现网络这一特点，构建多媒体化的接近真实生活的自主、协作学习情境，能充分利用网络的资源开放性； 再次，网络课程应该体现网络教学的特征，网络教学的主要特征是非面授教育，在这种教学过程中，教师的教与学生的学在时空上是分离的。,第8章,8.1.2 网络课程的类型,按表现形式可分为“三分屏课程”、“Flash课程”、“网页型课程”等； 按教学策略可分为“讲授型”、“自学型”、“体验型”和“问题解决型”。 按学习资源与学习活动的组织方式可分为“围绕学习资源组织学习活动”和“围绕学习活动进行学习资源的优化整合”,第8章,“以学习活动”为中心的思想
4、组织 和开发网络课程,以学习资源为中心的网络课程对学生的要求较高，要求学生具有较强的自学能力； 而远程教育更多是以目标为导向，因此，“以围绕学习活动进行学习资源优化整合的方式”建设网络课程，更符合网络教育的实际； 按照学习活动思想来构建网络课程，每一个学习活动都是一个完整的体系，活动被分为若干步骤完成，在学习过程中能够体现特定教学策略，并配以恰当的资源，有利于学习的有效发生。,第8章,8.2 网络课程开发过程,8.2.1 网络课程开发的理念 8.2.2 网络课程开发的过程模式,第8章,8.2.1 网络课程开发的理念,在网络教学环境中必须以学生为中心，学生已经成为教学过程中的主体，所有的教学资源
5、都必须围绕学生学习来进行优化配置。 教师不再是知识的唯一源泉，最大的知识源泉是网络，教师的任务是指导学生如何获取信息，帮助学生解决学习过程中的问题，并帮助学生掌握一套有效的学习方法和解决问题的方法。,第8章,8.2.2 网络课程开发的过程模式,确定教学大纲 确定教学内容 总体设计与原型实现 内容组织 内容表现 内容导航。,脚本编写 素材准备 课件开发 教学环境设计 教学活动设计 运行维护与评价,第8章,网络课程开发过程主要包括：,8.2.2 网络课程开发的过程模式,第8章,1确定教学大纲,教学大纲是以纲要的形式规定学科的内容、体系和范围，它规定课程的教学目标和课程的实质性内容，是编写网络课程的
6、直接依据，也是检查网络教学质量的直接尺度。,第8章,2确定教学内容,根据教学大纲，编写教材、配套的练习册、实验手册。如果已有优秀教材，则可以选用。教材的内容应具有科学性、系统性和先进性，符合本门课程的内在逻辑体系和学生的认知规律，表达形式应符合国家的有关规范标准。,第8章,3总体设计与原型实现,选择一个相对完整的教学单元，设计出一个教学单元的网络课件原型。 通过原型设计，确定网络课件的总体风格、界面、导航风格、素材的规格以及脚本编写的内容。,第8章,4内容组织,课程内容采用模块化的组织方法，模块的划分应具有相对的独立性，基本以知识点或教学单元为依据。 每一个教学单元的内容都有如下几个部分：学习
7、目标、教学内容、练习题、测试题（每一章）、参考的教学资源、课时安排、学习进度和学习方法说明等。 在疑难关键知识点上提供多种形式和多层次的学习内容。根据不同的学习层次设置不同的知识单元体系结构。 模块组织结构应具有开放性和可扩充性，课程结构应为动态层次结构，而且要建立起相关知识点间的关联，确保用户在学习或教学过程中根据需要跳转。,第8章,5内容表现,在具体的开发过程中，要注意描述性文字要精炼、准确。 在画质上，应要求构图合理、美观，画面清晰、稳定，色彩分明，色调悦目，动画、影像播放流畅、具有真实感。 构图的基本要求是设计好屏幕的空间关系，使画面新颖简洁、主体突出，具有艺术感染力，使教学内容形象地
8、展示在学习者面前。,第8章,5内容表现,动画的造型要合乎教学内容的要求，比喻和夸张要合理，动作应尽量逼真，动画要尽可能接近事实。 在声音质量上，应要求解说准确无误，通俗生动，流畅清晰；音响时机恰当，效果逼真，配乐紧扣主题，有利于激发感情，增强记忆。 在内容结构上，同一网页中不宜同时出现过多动态区域。,第8章,6内容导航,列出课程结构说明，建立目录索引表，以表格的方式列出如下内容：教学单元、教学活动、学习时数、学习进度和学习方法。 指明学生所处的知识层次和位置，让学习者了解网络课程的信息结构，直接到达所需要的学习页面。,第8章,7文字脚本编写,文字脚本可以说是对教学软件的总体构思的设计，它是学科
9、教师按照教学过程的先后顺序，将知识内容的呈现方式描述出来的一种形式。 制作脚本包含学习者将要在计算机屏幕看到的细节，例如，用各种媒体展示的教学信息；计算机提出的问题；计算机对学习者各种回答（正确的或错误的）的反馈；在不同的情况下，学生应进行的正确操作等。,第8章,8素材准备,素材准备。根据脚本的要求准备所需要的素材，包括文字、图片、声音、动画、视频、案例等; 素材采集。通过扫描仪扫描图形，把准备好的音频和视频素材，通过声卡和视频采集卡，转换为计算机可识别的数据文件。 素材整理。制作好素材后，要根据现代远程教育资源建设技术规范对素材进行属性标注，纳入到网络课程的素材库中，供学生学习和教师在学习和
10、教学中参考。,第8章,9教学活动设计,社会化功能 个性化功能 知识化功能 实践化功能 教学活动的安排 自主学习活动实施,第8章,10运行维护与评价,网络教学环境是动态的，开放的。在网络课程的运行过程中，会产生很多很有价值的教学资源，这些教学资源通过相应的管理系统的管理，本身就可以纳入到网络课程中并成为网络课程的重要组成部分。 网络课程的设计需要在网络课程的运行过程中，不断收集教师与学生的反馈意见，以及实际的教学数据，然后对网络课程的设计做进一步修订。,第8章,8.3 使用Microsoft Expression Web制作网页,8.3.1 Microsoft Expression Web主要功
11、能特色 8.3.2 Microsoft Expression Web软件界面介绍 8.3.3 制作网页实例,第8章,8.3.1 Microsoft Expression Web主要功能特色,以标准为基础的网站 精密的CSS架构和格式 丰富数据展示 强大的服务器技术 新纪元、新工具 内外皆美 特别注重标准,第8章,8.3.2 Microsoft Expression Web软件界面介绍,8.3.3 制作网页实例,以摄影技术课程网站主页的制作为例讲解如何用Microsoft Expression Web制作网页。,第8章,1启动Microsoft Expression Web,单击任务栏上的“开始
12、”按钮，指向“程序”，单击“Microsoft Expression Web”，启动Microsoft Expression Web。,第8章,2新建站点,选择“文件”菜单中的“新建”“网站”命令，在D盘下创建一个以“mysite”命名的只有一个网页的站点，Microsoft Expression Web默认建立主页为deflaut.htm。,3在站点中添加素材和网页,打开站点文件夹（D:mysite），为了便于归类和管理，新建几个存放素材和网页的文件夹。,4制作主页,回到Microsoft Expression Web软件界面，选择“文件”菜单中的“新建”“网页”“框架网页”命令，新建一个“
13、嵌套式层次结构”的框架网页来决定主页的结构。,5保存框架网页,新建三个子框架网页，保存框架网页，左框架命名为“left.htm”，右上框架命名为“right.htm”，右下框架命名为“main.htm”，总框架命名为“default.htm”。,6布局网页,在布局网页时，考虑到是以图片为主的摄影课程的网站，选择深色背景浅色文字比较能够突出照片的效果。为了使网页的效果更生动，采用表格布局网页，插入文字、图片等元素。,（1）设置框架属性,在布局网页时，考虑到是以图片为主的摄影课程的网站，选择深色背景浅色文字比较能够突出照片的效果。为了使网页的效果更生动，采用表格布局网页，插入文字、图片等元素。,（
14、1）设置框架属性，添加标题,单击鼠标右键，选择“框架属性”“框架网页”“常规”，在“标题”栏里输入“摄影技术网络课程”，预览网页时就可以显示网页的标题了。,（2）设置背景颜色,光标放在左框架中，单击鼠标右键，选择“网页属性”“格式”“颜色”“背景”，选择恰当的颜色。,（3）在左框架中插入表格,选择“表格”菜单中的“插入表格”命令。在第1行插入网站的logo，在第2行中插入一个7行1列的表格作为网站的导航模块，在7行中分别输入导航模块的名称。调整单元格的宽度和高度属性直至合适。,（4）在右框架中插入图片,在右上框架和右下框架中分别插入合适的图片。,（5）设置图片属性,右键菜单中的“图片属性”命令
15、，打开“图片属性”对话框，选择其中的“外观”选项卡，修改布局、大小等属性，设置图片的对齐方式等。,（6）插入超链接,为左框架中的导航条加上超链接，单击超链接后能够在右下框架中显示。利用“插入”菜单或右键菜单中“超链接”命令，打开“插入超链接”对话框进行设置，打开超链接的“目标框架”选择“右下框架”。,（7）插入其他效果,如果想使网页的效果更丰富，可以插入“交互式按钮”、“HTML”控件和“ASP.NET控件”等。,7保存和预览网页,制作过程中要及时保存网页。保存后，单击键盘上的F12键可以在浏览器中打开网页，浏览该网页的最终效果。,8.4 使用Dreamwaver制作网页,8.4.1 Drea
16、mweaver CS4工作界面 8.4.2 Dreamwaver制作网页实例,第8章,8.4.1 Dreamweaver CS4工作界面,第8章,8.4.2 Dreamwaver制作网页实例,以现代教育技术网络课程首页的制作为例，讲解如何用Dreamweaver CS4设计静态网页. 由于表格可以控制文本、图像、Flash在页面上出现的位置，不必担心页面的整体结构遭到破坏，或者在浏览时无法正常显示。因此在设计主页时，可以使用表格来控制页面的版式，再使用图文混排的方式进行布局。 还可以通过设置文本的大小、颜色、对齐方式等属性，使网页更加美观，并可以对一些文本突出显示。,第8章,1新建站点,打开Dreamweaver CS4软件，新建现代教育技术网络课程的站点，站点路径为“D:etsite”。然后在站点中新建主页文件（index.html）和图像文件夹（images），将图像素材复制到image文件夹中。,第8章,2设计网页,在主页中单击鼠标右键，选择“页面属性”命令，在打开的“页面属性”对话框中设置“左边距
