《网络技术教育应用.ppt》由会员分享，可在线阅读，更多相关《网络技术教育应用.ppt（107页珍藏版）》请在三一办公上搜索。
1、第4章 网络技术教育应用,谭金波,山东省高等学校教师培训教材,主要内容,网络教育的技术基础 网络教学平台与网络课程网络教育资源及利用 网络教育应用模式及设计,4.1网络教育的技术基础,山东省高等学校教师培训教材,4.1网络教育的技术基础,4.1.1 网站设计基础4.1.2 动态网页技术4.1.3 流媒体技术及应用4.1.4 虚拟现实技术及应用4.1.5 Web 2.0技术,常用的网页制作工具,图形图像制作工具：Photoshop、Fireworks、Freehand、CorelDraw。网页编辑工具：记事本、Dreamweaver、FrontPage、Visual Interdev。网页动画工
2、具：Flash、Swish、Ulead Gif Animator。网页开发语言：ASP（ASP.NET）、JSP、PHP、XML、Perl、CGI、JavaScript、VBScript等。网页上传工具：CuteFtp、LeapFtp、FlashFTP,网页三剑客,4.1.1 Dreamweaver制作网页,熟悉Dreamweaver8环境创建站点创建网页文档使用表格排版内容多媒体网页的制作超链接的创建框架网页制作,工具栏,状态栏,功能菜单,功能面板,代码、设计、拆分视图,创建站点,创建本地文件夹定义本地站点,文件和文件夹的命名不能使用中文最好使用小写字母不能使用特殊字符，如、！、#、%、&、
3、*等不推荐使用拼音命名合理使用下滑线网站首页命名：index.htm,文件目录命名规范,创建网页文档,新建页面设置页面属性保存页面预览页面打开文档,设置页面属性,菜单“修改”|“页面属性”或右键“页面属性”更改页面标题设置背景图像或颜色注：背景图像会覆盖背景颜色设置文本或链接的颜色设置页面边距,使用表格排版内容,数据存放用来显示数据内容页面内容排版实现网页的精确排版和定位,插入表格选取表格属性设置格式化表格编辑表格,使用表格,插入表格,选择插入栏的表格按钮，或者选择菜单中的“插入”“表格”命令，均可打开建立表格的对话框。,选择表格,选择对象是设置对象属性的前提选择整个表格：先将插入点置于表格中
4、，1.菜单“修改”|“表格”|“选择表格”，2.单击标签栏中标签，3.单击表格边缘选择行或列：把光标置于目标行的左边缘或目标列的上边缘，单击黑箭头选择单元格：先将光标置于单元格中，单击标签栏中标签或菜单“编辑”|“全选”选择多个单元格：按住Shift键，选择多个相连的单元格；按住Ctrl键，选择多个不相连单元格,属性设置,单元格属性,表格属性,编辑表格,编辑表格命令,表格的其他操作,为表格插入内容,表格的其他操作,嵌套表格,练习：插入表格,表格行数4，列数1表格宽度800第一行单元格插入图片第二行单元格插入嵌套表格1行，10列，边框0，单元格间距0，单元格填充0嵌套表格添加导航文本第三行单元格
5、插入文本,页面中的文本,插入及编辑文本：采用直接输入或粘贴插入特殊字符：“插入”面板/“HTML”/“特殊字符”分类换行：【Shift+回车】（代码为“”），段落：【回车】（代码为“字符串”）。空格：【Ctrl+Shift+Space】（对应代码为“ ”)在确保输入法处于“全角”模式时输入空格水平线：用于分开页面中的不同内容,设置文本属性,设置文本属性前先选择文本文字格式/样式文字字体与大小文字颜色其他属性设置：粗斜体，对齐方式项目列表编号列表,练习：文本编辑,文本标题：黑色，粗体，大小12pt正文文本：黑色，大小9pt正文首行缩进4字符正文段内换行：一、二内部正文段落换行：两大段之间
6、行间距为2（CSS样式表）,多媒体网页的制作,插入图像插入Flash动画插入音频插入视频,插入图像,浏览器支持的图片格式：JPEG、GIF、PNG。必须先将插入的图像文件拷贝到本地站点文件夹内，或者在插入图像的过程中系统提示将图像文件拷贝到本地站点文件夹内，否则浏览器无法显示。本地文件夹内的图像文件名避免使用中文，否则浏览器无法显示。,练习：图片编辑,插入背景图片 插入页面图片设置图片属性改变图像大小：宽200，长200设置图像与文字对齐方式：左对齐图像边距：垂直边距20，水平边距20,插入Flash影片,先把Flash影片拷贝到站点目录下，然后插入设置Flash影片属性宽、高和重设大小文件、
7、源文件、编辑循环、自动播放（否则IE中右键play）品质速度与外观的取舍；比例是否考虑纵横比背景颜色：设置开始和结束时的背景Flash文本对象/按钮操作,添加背景音乐,插入媒体插件切换到代码窗口，在代码和之间添加标记。,插入视频文件,视频文件采用流媒体技术流媒体技术是把连续的影像和声音信息经过压缩处理后放在网站服务器，让用户一边下载一边观看、收听。流媒体产品：Real Media:Real Player，格式.rm,.rmvbWindows Media:Windows Media Player，格式ASF,AVI,MP3 QuickTime:苹果公司 Shockwave:Macromedia，
8、Director,Authorware,Flash视频的添加操作：“媒体”|”ActiveX”|属性设置,超链接的创建,网页的内容是非线性的，通过超链接可以实现各个页面之间的自由跳转。超链接的对象：文字，图片。链接的地址有三种：本地文件：相对路径，如intro.htm网站URL：绝对路径，如http:/E-Mail地址:格式,文本链接,最常见的链接形式，作为链接对象的文本必须是所链接文档的标题或者标识性文本选择文本，指定链接文件，选择打开窗口_blank：在新的浏览器窗口中打开链接_parent：在父级框架或者包含该链接的框架窗口中打开链接_self：默认，在当前窗口中或与链接相同的框架中打开
9、_top：在整个浏览器窗口中打开，并移除所有框,图像链接和图像映射,图像链接比文本链接更加形象，导航更明确。图像映射：使用热区制作工具在图像上设置多个热区，每个热区都能链接到不同的页面，实现热区与页面的一一对应。,邮件链接,用于用户与站点管理员进行交流，反馈问题。创建文本邮件链接：用“插入”面板上的“电子邮件链接”按钮，或者在“属性”面板中的“链接”域中输入“mailto:电子邮件地址。,锚点链接,利用锚点链接可以跳转到页面中的指定位置或其他页面的指定位置在指定位置插入锚点“插入”面板“命名锚记”按钮；命名锚记链接锚点页内跳转：拖动或者在“链接”域中输入“#锚点名称”页间跳转：拖动或者在“链接
10、”域中输入“URL#锚点名称”,修改链接样式,默认的链接样式：蓝色文本加下划线，点击后变为紫色文本。选择菜单命令【修改】/【页面属性】或在【属性】面板单击【页面属性】按钮，打开【页面属性】对话框，选择【链接】分类选项。,框架网页制作,创建框架集 保存框架集 编辑框架网页 设置导航链接,创建框架集,框架工具栏,修改框架的大小,拖动框架分界线来调整大小,编辑框架,编辑框架,拆分框架,保存框架,要保存框架集文件，在框架面板或文档窗口中选择框架集。（1）要保存框架集文件，请选择“文件”“保存框架页”。（2）要将框架集文件另存为新文件，请选择“文件”“框架集另存为”命令。,框架中的链接,其中各项的含义如
11、下：_blank，在新的浏览器窗口中打开链接的文档，同时保持当前窗口不变。_parent，在显示链接的框架的父框架集中打开链接的文档，同时替换整个框架集。_self，在当前框架中打开链接，同时替换该框架中的内容。_top，在当前浏览器窗口中打开链接的文档，同时替换所有框架。mainFrame、leftFrame、topright、topFrame，指定要在哪个框架窗口中打开相应的网页。,HTML语言,HTML:Hypertext Markup Language，超文本标记语言，直接用浏览器解释执行Html基本结构,第一个HTML网页Hello,world!这里是内容区域！,标题，在浏览器的标题
12、条内显示,HTML标记都在body中使用,HTML语言,HTML常用标记背景颜色及背景图像 字体标记段落标记和换行标记 水平线标记 图像标记,Html语言,超链接标记 链接到超文本文件曲阜师范大学给我发信表格标记 精品课程单位负责人,Html语言,滚动字幕标记 背景音乐标记 多媒体文体嵌入标记,网站设计流程,网站整体规划用户需求分析:内容，功能，设计，技术网站整体规划:栏目，功能，页面结构设计 搜集和准备素材 网站制作页面布局,插入内容改变超链接样式,预览效果 网站测试与发布网站测试,注册域名申请虚拟主机,利用FTP上传网页,通过技术手段将一台服务器虚拟成许多份，在一台服务器上同时安装多个网站
13、。,FTP：文件传输协议客户端软件：CuteFTP,FlashFTP,Dreamweaver,页面结构设计,网站的页面结构分为三级：首页、列表页、内容页。,4.1.2 动态网页技术,网页从技术上来划分：静态网页技术、网页的动态表现技术和网页的动态内容技术三大类技术。动态网页技术是网页外观表现技术，运行在客户端；网页的动态内容技术是网页的内容更新技术，运行在服务器端。狭义上来讲，动态网页技术就是指运行在服务器端的动态内容技术。,网页动态表现技术,动态HTML（DHTML）：HTML、CSS和客户端脚本的一种集成。Flash技术：全动态的网页技术 VRML（虚拟现实造型语言）：目前Internet
14、上基于 WWW的三维互动网站制作的主流语言 Java Applet和ActiveX控件：是客户端浏览器功能的扩展,网页动态内容技术,通过一定的计算机语言编程，使计算机按照我们所希望的网页格式，产生出包含用户所需内容的网页，传送给用户浏览。特点：保密性、交互性、自动更新、因时因人而异动态网页技术：CGI、ASP、PHP、JSP,4.2 网络课程与网络教学平台,山东省高等学校教师培训教材,4.2网络课程与网络教学平台,4.2.1 网络课程设计与评价 4.2.2 网络课程开发工具及实例4.2.3 网络教学平台功能结构 4.2.4 网络教学平台产品介绍,网络课程设计：网络课程与网络课件,网络课程是“通
15、过网络表现的某门学科的教学内容及实施的教学活动的总和，它包括两个组成部分：按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境”。网络课程功能：支持开放式教学;多维的信息交互;丰富的信息资源 网络课件，就是应用于网络环境的课件，是网络课程中按照按一定的教学目标、教学策略组织起来的教学内容。课程和课件的出发点不同，课件从教学活动出发，课程从社会需求出发，但教育目标一致。,网络课程设计原则,网络课程设计要基于网络教育的特点，能提高学习者学习兴趣与自觉性；课程内容可以适当采用图片、声音、视频或动画等方式呈现，但要避免与教学内容无关的、纯表现式的图片或动画；设计教学活动时注意情境创设，强调“
16、情境”在学习中的重要作用、注意信息资源设计，强调利用各种信息资源来支持“学”（而非支持“教”）；网络课程应有完整的文字与制作脚本；网络课程要具备安全、稳定、可靠、下载快等特点。,网络课程设计：开发流程,内容组织、表现、导航方式,沟通桥梁，文字脚本和制作脚本,讨论主题、疑问与解答、课程辅助资源、测试试题,网络课程设计评价,网络课程的评价指标体系 在线学习的认证标准可用性技术性教学性 网络课程评价规范课程内容教学设计界面设计技术,网络课程设计评价,国家精品课程的评估指标一流教师队伍一流教学内容一流教学方法一流教材一流教学管理国家级精品课程荣誉称号有效期为5年。2007年度国家精品课程本科评估指标：
17、420页,网络课程开发工具及实例,网络课程开发工具选择动态网页编程语言 选择数据库 选择编程环境 精品课程建设平台 天空教室、育德优、eZioSkills 功能：精品课程制作功能、网络课程学习管理功能、系统管理功能网络课程开发实例:魔灯中国：www.moodlechina.org,网络教学平台功能结构,教学资源库资源管理,网络教学平台产品介绍,国外网络教学平台产品 Moodle:模块化面向对象的动态学习环境，由澳大利亚教师Martin Dougiamas提出的 www.moodle.org Virtual-U Blackboard:（台湾师范）Lotus LearningSpace和Pathw
18、are：IBM产品,Moodle,内容资源管理、在线交流、考核管理、系统管理,网络教学平台产品介绍,国内网络教学平台产品 EDUIT育德优网络教学平台：4A网络教学平台：网梯远程教育平台 电大在线教学平台：,4A网络教学平台,网梯远程教育平台,电大在线教学平台,4.3 网络教育资源及利用,山东省高等学校教师培训教材,4.3 网络教育资源及利用,教育资源与学习环境概述 4.3.2 网络教育信息与资源 4.3.3 网络教育资源的获取与利用 4.3.4 常见的网络学习环境,教育资源与学习环境概述,教育资源的基本类型,教育资源与学习环境概述,学习环境指学习赖以持续的情况和条件。基于资源的学习环境的条件
19、物质条件：学习资源非物质条件学习氛围学习者的动机状态人际关系系统采用的教学模式和教学策略,4.3.2 网络教育信息与资源,网络教育资源的类型与特点网络课程与网络课件电子书刊和杂志教育网站：教育综合类、教学类、资源类、研究类网络数据库和虚拟资源库 网络通讯与交流工具 综合性教学资源系统学习资源中心电子阅览室数字图书馆：超星、中国数字图书馆、国家科学数字图书馆等,网络通讯与交流工具,同步交流工具IRC聊天室网络寻呼机(ICQ)MSN Skype 异步交流工具 E-mail和Mailing listBBS电子公告板Usenet新闻组Blog网络日志,数字图书馆提供的服务,各类图书、期刊、杂志和音像视
20、听信息的阅览服务；各种图书、资料信息的检索和查询服务；各类文献的目录、摘要、索引及至全文和全部多媒体音像信息的下载；关于图书、资料和其它各类信息资源及使用等方面的咨询服务；链接世界各地的公共图书馆、大学图书馆、学术科研机构及其它各类网络信息资源库等。,4.3.3 网络教育资源的获取与利用,网络教育信息资源的收集 网络信息评价策略 信息展示与交流策略 信息问题解决策略,网络教育信息资源的收集,网络教育信息资源的检索工具:Baidu、Google网络信息搜索过程:确定搜索主题、制定搜索计划、选择搜索工具、实施搜索过程、评价信息质量、存储搜索结果 网络信息搜索策略选择恰当的关键词、句子检索法、文件检
21、索法、同类连接、中西结合检索法filetype：用来限定命中文件的类型命令格式：filetype:文件类型 检索词例：filetype:ppt 信息检索,网络信息评价策略,美国南加州大学的Robert Harris教授(1997)开发了网络信息评价的CARS量表：可信度（Credibility）准确度（Accuracy）合理度（Reasonable）支持性（Support）,信息展示与交流策略,Norton和 Wiburg总结了一个DEAPR模型来描述信息加工与交流过程：设计（Design）通过分类、分组、排序、联系等方法把散乱的信息变的条理化、清晰化。编码（Encode）把思想和经验转变为符
22、号形式。组合（Assemble）把信息按照一定的逻辑顺序进行组合。发布（Publish）和修改（Revise）进一步和同伴、专家、教师共享自己的信息，以获得及时的反馈。,信息问题解决策略,美国学者艾森博格和伯克维茨提出了Big6信息问题解决方案。任务定义 分析并定义信息问题,确定完成任务所需的信息 信息搜索策略 确定可能的资源范围,找出资源的优先顺序查找和获取信息查找相关资源,从中寻找有用信息 利用信息 了解资源内容,摘记相关信息 综合信息从多种资源中组织信息,呈现和表达信息 学习评价评价你的作品,反思问题解决过程,4.3.4 常见的网络学习环境,虚拟教室 微型世界专题学习网站 虚拟学习社区,
23、虚拟教室,虚拟教室是以计算机网络为媒介构筑的具有传统课堂教学功能的虚拟教学环境，不需要有实体“教室”。特点：教学的虚拟性教学的灵活性教学的高效性管理的自动化,微型世界,美国佩珀特提出最初用LOGO语言建立学习环境是哲学和教育范围共鸣的概念，涉及计算机环境的虚拟性利用计算机构造一种可供学习者自由探索的学习环境大多数微世界是借助计算机建模技术来构造的,专题学习网站,针对专题学习而设计开发的网站开展网络专题学习的基本环境，为学习者提供自主学习和协作学习的平台提供大量专题学习资源和工具，学习探究和协作的支架,虚拟学习社区（在线学习社区）,虚拟学习社区是由自然意愿及共同的理念和理想而结合在一起的群体。最
24、初虚拟学习社区是在BBS和新闻组、聊天室中形成了基于学习的“利益共同体”。缺点：由于知识水平、学习兴趣以及年龄、个性等方面的因素差异，对学习话题的讨论往往缺乏持久性和深入度。专门化虚拟学习社区中教师可以是学习活动的组织者和辅导者，也可以是一般参与者；学习者既是学习活动的参与主体，同时也是学习活动的组织者和管理者。以学习方式为标准,网络教育中的虚拟学习共同体可以分为小组型、班级型、探究型、另类型等不同形式。,虚拟学习社区,虚拟学习共同体的建立策略 设计情景化的问题，激发参与的动机 设立“灌水区”，促进全方位的交流 从学习者群体中培养社区权威让教师成为网络社区学习的导航者 提供高质量的内容 适当组
25、织面对面的活动,4.4 网络教育应用模式及设计,山东省高等学校教师培训教材,4.4 网络教育应用模式及设计,4.4.1 网络教育应用模式概述 4.4.2 网络探究式教学模式 4.4.3 基于资源的自主性学习 4.4.4 基于网络的协作式学习 4.4.5 基于网络的教研活动,4.4.1 网络教育应用模式概述,网络教学的组织方式基于网络的在线实时教学 离线模式 通过Web和Ftp等方式下载课件进行学习 通过电子邮件的方式进行师生交流 利用BBS、新闻组进行教学讨论 综合模式,网络教学模式概述,网络环境下典型教学模式：Webquest、RBL、CSCW等。,网络探究式教学模式,探究性学习：教师依据学
26、生认知水平的不同，将社会生活中学生感兴趣的问题，以主题活动的形式呈现出来，调动学生的主体性和参与性，以个体或小组合作方式探究问题解决方案的过程。基于网络的探究活动：在网络环境下组织和实施的探究式教学。典型模式：WebQuest教学模式 MiniQuest教学模式,WebQuest教学模式,由美国教育技术专家伯尼道格和汤姆马奇于1995年提出的一种网络探究学习模式。WebQuest：在网络环境下，由教师按一定的格式建立WebQuest主题网页，引导并以一定的任务驱动学生进行自主探究的学习模式。根据完成时间的长短，WebQuest可以分为短周期和长周期两种。标准形式的WebQuest教学设计一般是
27、由教师建立一个网页，围绕一个主题在其中提供选题背景模块、任务模块、资源模块、过程描述模块、学习建议模块、评价和总结等部分，以引导与组织学生的探究学习。,WebQuest设计模板,WebQuest模式的设计原则（FOCUS）,FFind great sites，找出精彩的相关网站；OOrchestrate your learners and resources有效地组织学习者和学习资源；CChallenge your learners to think，要求学生积极思考；UUse the medium，选用适当的学习媒体；SScaffold high expectations，为高水平学习期望搭
28、建脚手架。,WebQuest模式中的任务类型,WebQuest适用教学内容,不确定的问题主题，即没有既定答案，又有多种可能解决途径的问题。WebQuest案例,MiniQuest教学设计,MiniQuest：一种微型的网络探究教学模式。学习者通常只需要在12课时内就能够完成一个微型单元的学习。MiniQuest的类型：发现型MiniQuest 探索型MiniQuest 结论型MiniQuest,4.4.3 基于资源的自主性学习（RBL）,基于资源学习的定义和特征在信息化教学环境中学生利用多种媒体资源，主要依靠自主探索来实现学习目标的教学活动。基本特征：灵活性和自主性。基于资源学习的过程设计 基
29、于资源的自主性学习案例医学教育中的RBL学习模式,基于资源学习的过程设计,选择确定恰当的学习主题 确定信息搜寻的具体目标 实施搜寻信息资源策略 实施信息搜集过程 评估、组织信息材料 形成答案并能合理地解释 反思过程，评价结果,4.4.4 基于网络的协作式学习,协作学习的概念学习者以小组的形式，在一定的激励机制下，学习者个人和小组通过协同互助的方式，为完成共同任务而开展的学习活动。协作学习的特征以小组活动为主体 强调小组成员的协同互助 强调目标导向功能 强调以总体成绩作为激励 计算机支持的协作学习（CSCL）,计算机支持的协作学习(CSCL),CSCL:利用计算机技术来辅助和支持协作学习的教学模
30、式。WSCL:当这种学习主要基于网络化教学环境开展时，通常也被成为网络化协作学习。CSCL学习的特点：交互性 协作性：支持信息共享、协作活动、角色扮演、创造行为、控制管理,CSCL模式的教学设计,依据学习目标确定学习主题确定网络协作小组的结构 准备网络协作学习资源 策划网络协作学习活动 组织与监控学习过程 评价网络协作学习过程及成果 协作学习案例1：基于网络的校际协作学习 协作学习案例2：协作学习在地理教育中的运用,4.4.5 基于网络的教研活动,在线教研概述指在信息时代，各学科教学研究人员、教师以及学生在数字化的网络研究环境中，利用数字化学习资源，以上网方式进行教学研究活动。在线教研类型及应
31、用基于教师个人网站的教育叙事研究 基于网络的教师教育共同体构建,4.4.5 基于网络的教研活动,基于教师个人网站的教育叙事研究教育叙事研究是教师在教学生活中通过对自己教学的反思、研究，进而形成研究结论，并将研究结果记录成叙事报告的一种教学研究方法。教师通过在个人网站上写教育叙事，反思自己的教育教学，分享自己的教育教学经验，促进了自己的专业发展。基于Blog的叙事研究正融入教师的职业生命之中，实现着其独特的教育价值。案例1：Blog正文：只有你欣赏我案例2：Blog正文：感受溧阳新课改的精神溧阳实小听课有感,4.4.5 基于网络的教研活动,基于网络的教师教育共同体构建网络环境下教师教育共同体是一个由拥有共同愿景的教师个体（专家、骨干教师、同行）借助网络学习环境提供的必要支持条件所组成的学习团体。由学术性支持、认知性支持和人际性支持构成支持反思性学习 支持学习过程的交互、共享 支持自主、合作研究 支持理论与实践的双向提升 案例：东西部同行网络环境下教师学习发展共同体的实践,谢 谢！,
