第8章网络教育资源建设与利用课件

第8章网络教育资源建设与利用第8章网络教育资源建设与利用1学习目标1．说出网络教育资源建设对于教育现代化的意义2．阐释网络教育资源的建设原则3．领会网站创建的前期工作内容4．掌握用表格、层及框架布局网页的方法5．掌握图形、文字的设置以及超级链接的设置6．掌握导航设计的办法学习目标1．说出网络教育资源建设对于教育现代化的意义2学习目标7．掌握表单和样式表的制作及应用8．掌握在网页页面中加入和设计多媒体元素的方法9．能制作各种行为效果10．掌握发布网站的方法11．熟悉网络课程概念和网络课程设计开发特点12．说出流媒体特点，知道流媒体格式与制作

学习目标7．掌握表单和样式表的制作及应用38.1网络教育资源概说8.1网络教育资源概说48.1.1网络教育资源的类型按技术格式文本、图形、图像、音频、视频、动画和应用软件类按表现形式教育模板、电子教案、学生作品、课件、课程内容、演示稿、文献、评价量规、教学课例、资源索引按教育过程备课、讲授、实验、练习、测试、作业、讨论、答疑、游戏、情感交流、教学管理8.1.1网络教育资源的类型按技术格式58.1.2网络教育资源建设原则需求性原则充分考虑教育的需要，以为教育服务为目的系统性原则处理网络教育资源系统内部的各个模块之间的结构关系处理好与教育大系统中其他子系统的关系规范性原则符合《现代远程教育资源建设规范》8.1.2网络教育资源建设原则需求性原则68.1.2网络教育资源建设原则开放性原则参与人员的开放性教师、教育专家、技术人员、学生，甚至于家长体系结构的开放性建立分布式网络教育资源平台体系结构实现资源及时更新、及时交互解决不同学科和功能整合，实现网络资源价值最大化内容的开放性资源多样性、交互性和扩展性实现最大范围的师生、生生之间的学习交流8.1.2网络教育资源建设原则开放性原则78.1.2网络教育资源建设原则创新性原则概念创新方法创新内容创新模式创新以创新意识建设，不墨守成规可持续性原则动态可持续发展建设功能和内容不断完善更新8.1.2网络教育资源建设原则创新性原则88.1.3网络教育资源开发将多媒体素材和零散的教育资源整理、组合，使之有序化、规范化、系统化有利于教育信息的存储、传播、检索和利用包括多媒体素材的开发网络教育资源开发的主要方式用网页制作工具集成素材资源网页制作工具FrontPage、Dreamweaver8.1.3网络教育资源开发将多媒体素材和零散的教育资源98.2用Dreamweaver创建网站创建网站一般过程创建本地站点在本地站点中创建和编辑网页测试本地站点修改及发布站点8.2用Dreamweaver创建网站创建网站一般过程108.2.1Dreamweaver软件的界面构成“插入”工具栏“文档”工具栏8.2.1Dreamweaver软件的界面构成“插入”工111“插入”工具栏在文档中创建相应类型的对象“显示为制表符”、“显示为菜单”“常用”——插入图像、表格等“布局”——插入表格、Div标签、层和框架等“表单”——创建表单和插入表单元素的按钮“文本”——插入各种文本格式设置标签和列表格式标签“HTML”——插入水平线、文件头、表格等的HTML标签1“插入”工具栏在文档中创建相应类型的对象122“文档”工具栏“代码”视图按钮“设计”视图按钮“拆分”视图按钮标题为文档输入标题2“文档”工具栏“代码”视图按钮138.2.2创建本地站点创建网站的前期工作定义本地站点8.2.2创建本地站点创建网站的前期工作141．创建网站的前期工作明确网站的定位确定网站的主题网站栏目根据网站定位、教育资源特点设置网站主栏目按主栏目的要求设计二级、三级栏目1．创建网站的前期工作明确网站的定位15创建网站的前期工作网站风格网站给浏览者的综合感受网站标志（logo）网站宣传标语（banner）标准色彩教育网站常用色彩——蓝、橙、绿创建网站的前期工作网站风格16创建网站的前期工作网站结构内容结构目录结构链接结构站点页面之间相互链接的拓扑结构使浏览者不至于迷航创建网站的前期工作网站结构17创建网站的前期工作网站布局设计图片和文字在页面的位置突出重点平衡协调体现先进教学理念有利于学习者自主探究学习创建网站的前期工作网站布局182．定义本地站点执行“站点”／“管理站点”命令在对话框中单击“新建”，选择“站点”在文本框中输入标识站点的名称在向导界面设置选择“否，我不想使用服务器技术”选择“编辑我的计算机上的本地副本……”在询问如何连接到远程服务器中选择“无”2．定义本地站点执行“站点”／“管理站点”命令193．修改和删除本地站点3．修改和删除本地站点208.2.3新建和编辑网页的一般过程1．新建网页执行“文件”／“新建”命令，在“新建文档”对话框中选择“常规”选项卡选择“基本页”类别中的“HTML”2．确定标题在文档工具栏“标题”框删“无标题文档”，录入网页标题3．保存网页站点首页保存站点首页，必须用浏览器默认的首页名Index；Default8.2.3新建和编辑网页的一般过程1．新建网页218.2.3新建和编辑网页的一般过程4．设置页面属性执行“修改”／“页面属性”命令“大小”——不小于12像素“左边距”、“右边距”、“上边距”、“下边距”为0“标题/编码”使用简体中文（GB2312）“跟踪图像”“透明度”5．网页布局定位设计利用表格、层、框架对页面元素进行定位8.2.3新建和编辑网页的一般过程4．设置页面属性228.2.3新建和编辑网页的一般过程6．插入内容在合适位置插入各种媒体元素、表单7．超链接及导航设计通过超链接使网页具有开放性通过导航设计有效解决迷航问题8.2.3新建和编辑网页的一般过程6．插入内容238.2.3新建和编辑网页的一般过程8．测试与修改按F12功能键启动浏览器预览和测试页面默认的浏览器为IE执行“文件”／“在浏览器中预览”／“编辑浏览器列表”设置预览和测试用其他浏览器8.2.3新建和编辑网页的一般过程8．测试与修改248.2.4网页内容的布局定位表格层框架8.2.4网页内容的布局定位表格251．表格表格作用起通常意义上的表格作用对网页内容精确定位创建表格执行“插入”／“表格”命令点击“常用”插入工具栏中的“表格”对话框设定“表格宽度”百分比（Percent）按照浏览器的大小而变化表格属性1．表格表格作用262．层创建层执行“插入”／“布局对象”／“层”“插入”工具栏切换到“布局”后，单击，待出现十字型光标后在编辑窗口拖动创建层嵌套层执行“编辑”／“首选参数”，在对话框“层”类中，选择“嵌套”父层、子层。父层与子层为嵌套关系层的属性设置层与表格之间的转换2．层创建层273．框架框架把浏览器窗口划分为多个区域，每个区域显示不同网页框架集和单个框架框架集是在一个文档内定义一组框架结构的网页定义一个网页中包含的框架数、框架的大小、载入框架的网页源和其他可定义的属性单个框架是指在网页上定义的一个区域一个框架结构的网页由多个网页文件组成框架操作创建和保存新框架；拆分和删除框架；设置框架属性3．框架框架288.2.5文字和图像的插入与设置8.2.5文字和图像的插入与设置291．文字的插入与处理直接录入执行“文件”／“导入”／“word文档”命令设置段首空格须将输入法转成中文全角状态文字属性的修改与设定“编辑字体列表．．．”1．文字的插入与处理直接录入302．图像的插入与设置插入图像单击“常用”插入工具栏按钮；执行“插入”／“图像”命令事先将插入图像文件放到站点根文件夹或其下的文件夹通常放在images文件夹中插入图像的路径应采用相对路径，而不用绝对路径插入的图像格式GIF、JPG、JPEG、PNG设置网页背景图像执行“修改”／“页面属性”，在对话框中设“背景图像”设置图像的属性地图2．图像的插入与设置插入图像318.2.6链接与导航8.2.6链接与导航321.文字链接的一般方法单击“常用”插入工具栏钮调出对话框设置选择文字后在文字属性页面中设置超链接设置链接地址单击文件夹图标浏览到站点中的文件直接键入URL由属性面板“指向文件”图往“站点”面板文件上拖将文件从“站点”面板拖到“链接”文本框1.文字链接的一般方法单击“常用”插入工具栏钮调出对33文字链接的一般方法“目标”——指定将链接文档加载到的框架或窗口_blank——打开一个新的窗口显示链接文件_parent——用含超链接的父窗口显示链接文件_self——用超链接所在窗口或框架显示链接文件_top——链接文件显示在整个浏览器窗口中相应取消所有框架文字链接的一般方法“目标”——指定将链接文档加载到的框架或窗342文字的特殊链接链接到E-mail在文本属性面板“链接”栏填“mailto:”和邮件地址mailto:chenlin@“常用”插入工具栏中的电子邮件链接工具2文字的特殊链接链接到E-mail35文字的特殊链接锚点链接在文档中设置锚点将光标插入到欲设锚点位置选择“常用”插入工具栏在“命名锚记”对话框中输入锚记名称设置文字与锚点链接选择作为超链接的文字在属性面板“链接”文本框输入“#”和锚记名称文字的特殊链接锚点链接363图像链接一张图对应一个链接通过热区给图的不同位置建立链接在一张图上画很多热区，做很多链接，分别链接到不同的页面创建不同形状的热区3图像链接一张图对应一个链接37４网页的导航导航条弹出菜单跳转菜单４网页的导航导航条38制作导航条方法事先准备做导航条按钮的图像，置于站点根文件夹下每个按钮图像都具有相同的宽度和高度执行“插入”／“图像对象”／“导航条”，在对话框中设定在“项目名称”项后的文本框填入导航条项目的命名每个项目对应一个按钮每个按钮最多可对应四种状态的图像若“预先载入图像”，图像将在页面下载的同时全部下载“替换文本”文本框用于输入项目的描述性名称“按下时，前往的URL”“插入”项选框“水平”和“垂直”——导航条水平还是垂直展开“使用表格”——导航条各按钮部位用表格隔开制作导航条方法事先准备做导航条按钮的图像，置于站点根文件夹下398.2.7创建表单8.2.7创建表单408.2.8插入其它媒体元素8.2.8插入其它媒体元素418.2.9利用CSS样式美化网页CSSCascadingStyleSheets层叠样式表单CSS样式的创建CSS样式应用8.2.9利用CSS样式美化网页CSS428.2.10使用行为制作动态特效网页在“行为”面板单击，在下拉菜单添加行为“交换图像”“弹出信息”在特定的事件被触发时弹出信息框“恢复交换图像”“打开浏览窗口”“播放声音”为网页对象添加背景音乐“显示弹出式菜单”8.2.10使用行为制作动态特效网页在“行为”面板单击438.2.10使用行为制作动态特效网页“跳转菜单”修改跳转菜单及改变默认的触发事件在文档窗口中选择一个跳转菜单后才能使用“跳转菜单开始”控制导航菜单跳到哪个页面“转到URL”在满足触发事件时，跳转到其它页面8.2.10使用行为制作动态特效网页“跳转菜单”44事件用于设置当前对象上触发什么动作“onMouseOver”——鼠标移到目标上“onMouseUp”——按下鼠标再放开左键“onMouseOut”——鼠标移开“onMouseDown”——按下鼠标“onClink”——点击“onDblClick”——双击“onLoad”——载入网页“onUnload”——离开页面“onResize”——当浏览者改变浏览窗口的大小时“onScroll”——当浏览者拖动滚动条事件用于设置当前对象上触发什么动作458.2.11发布本地站点用站点管理器检查和整理网站文件执行“站点”／“检查站点范围的链接”命令8.2.11发布本地站点用站点管理器检查和整理网站文件461．上传到远程服务器上发布发布站点操作上传文件1．上传到远程服务器上发布发布站点操作472．本机发布站点把PC机作为网络服务器使用用IIS软件InternetInformaTianServer微软架设WEB、FTP、SMTP服务器整合软件Windows默认安装带有或安装完毕后加装IIS2．本机发布站点把PC机作为网络服务器使用482．本机发布站点WindowsXPProfessional计算机站点安装执行“开始”／“设置”／“控制面板”双击“添加或删除程序”图标单击“添加/删除Windows组件”按钮在“组件”列表框选“Internet信息服务（IIS）”“下一步”，从系统安装盘中安装IIS2．本机发布站点WindowsXPProfessiona49本机发布站点配置服务器右击“我的电脑”，选择“管理”选项选“服务和应用程序”／“Internet信息服务”／“网站”／“默认网站”右击“默认网站”，选择属性，进行配置配置IP。在“网站”选项卡“IP地址”栏指定站点的IP在“TCP端口”栏配置端口，WEB默认端口号是80指定站点主目录。“主目录”选项卡“本地路径”栏设定默认文档。“文档”选项卡设定index.htm、index.asp、default.asp本机发布站点配置服务器508.3网络课程开发8.3网络课程开发518.3.1网络课程概述网络教育资源的一种重要类型通过网络表现的某门学科教学内容及实施教学活动的总和包括按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境两个组成部分网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动网络课程三个层次 通过网页给学习者提供学习材料及与相关网络教育资源链接学习者通过电子邮件、电子公告栏等进行异步双向交流用网上电话会议、视频会议等进行同步双向交流8.3.1网络课程概述网络教育资源的一种重要类型52网络课件课件对一个或几个知识点实施相对完整教学的教学软件能够集成各种教学信息的程序，能够实现某些教学功能，起到辅助教学的作用网络版课件、单机版课件网络课程与网络课件区别范围大，作用大，网络课程可包含若干网络课件网络课件实现知识点的教学功能，网络课程是基于网络教学的全过程网络课件课件538.3.2网络课程设计和开发8.3.2网络课程设计和开发541．网络课程设计的内容网络课程的教学设计教学目标的设计教学内容的确定学习者特征的分析学习环境的设计学习活动的设计教学过程的设计学习评价的设计1．网络课程设计的内容网络课程的教学设计551．网络课程设计的内容网络课程的系统设计框架结构的设计导航策略的设计屏幕界面的设计交互策略的设计网络课程的脚本编写文字脚本的编写制作脚本的编写1．网络课程设计的内容网络课程的系统设计562．网络课程设计原则开放性原则学习者参与的开放性学习者可以按需参与，无过多限制教学内容的开放性体现各个知识领域的关联性课程资源的开放性便于学习者获取资源，方便于教师随时补充资源网络教学支撑平台的开放性教师可以根据学习者的学习情况及课程内容的发展，调整教学策略甚至于重新进行教学设计2．网络课程设计原则开放性原则572．网络课程设计原则自主性原则交互性原则便利性原则可评价性原则2．网络课程设计原则自主性原则583．网络课程的开发过程确定教学大纲确定教学内容系统总体设计和网络课件原型设计脚本编写素材准备课件开发教学环境设计教学活动设计课程试用与评价及修订3．网络课程的开发过程确定教学大纲59（1）确定教学大纲网络课程的教学大纲以纲要的形式规定学科的内容、体系和范围，它规定课程的教学目标和课程的实质性内容编写网络课程的直接依据检查网络教学质量的直接依据对网络教学工作具有直接的指导意义（1）确定教学大纲网络课程的教学大纲60（2）确定教学内容根据教学大纲和在分析网络教学对象的特征、需求的基础上确定应具有科学性、系统性和先进性的特点要符合内在逻辑体系和学生的认知规律表达形式符合国家远程教育资源建设规范（2）确定教学内容根据教学大纲和在分析网络教学对象的特征、需61（3）系统总体设计与原型再现系统总体设计网络课程设计中最重要的环节之一形成系统设计总体思路确定主要教学模块，建立模块之间关系，形成系统结构原型设计选择相对完整教学单元，设计出网络课程教学单元模型确定总体风格、界面、导航风格、素材规格及脚本内容设计的原型应在一定范围内征求意见，再修订注意教学设计、内容组织、内容表现和内容导航的设计（3）系统总体设计与原型再现系统总体设计62（4）脚本编写对每个教学单元的内容、安排以及各单元之间的逻辑关系设计的文本描述学习者将要在计算机上看到的细节设计阶段的总结开发和实施阶段的依据由经验丰富的专业课教师编写（4）脚本编写对每个教学单元的内容、安排以及各单元之间的逻辑63（5）素材准备根据脚本的要求准备所需的素材文字、图形、图像、声音、动画、视频、案例符合学习资源素材标准素材格式、素材版权和素材相关信息（5）素材准备根据脚本的要求准备所需的素材64（6）网络课程开发用网络课程开发工具进行素材集成DreamweaverFrontpageASPJSPPHP）完成后要编写相应的标准文档（6）网络课程开发用网络课程开发工具进行素材集成65（7）教学环境设计主要指软教学环境与网络课程学习直接有关的课程大纲练习题答疑系统课程学习讨论系统作业提交与管理系统（7）教学环境设计主要指软教学环境66（8）教学活动设计对即将实施的网络教学具体活动的规划和设计（8）教学活动设计对即将实施的网络教学具体活动的规划和设计67（9）系统试用与评价（9）系统试用与评价68教学实践——网络教育资源开发实践实践目的掌握开发网络资源的过程掌握网络站点建设与发布的一般方法掌握用Dreamweaver制作网页的方法实践器材实践方法基本阶段提高阶段实践注意点教学实践——网络教育资源开发实践实践目的69教学实践——网络教育资源开发实践实践注意点实践关键是全面掌握Dreamweaver制作网页的方法和思路。制作网站之前要先观察网上已有与本科相关教学网站（或网络课程），分析网站的设计思路和教学思想。设计制作网站的要求以学习者为中心，选题有意义，与学科教学紧密结合；布局合理、均衡，页面美观、简洁，色彩和谐、自然；页面内容准确充实，结构合理，信息呈现符合学习者特征，重点突出，能激发学习者的学习兴趣。教学实践——网络教育资源开发实践实践注意点70教学实践——网络教育资源开发实践问题讨论（1）使用表格与使用层来定位网页元素各有什么特点？（2）如何连续输入空格？（3）如何插入关键字？（4）如何实现在一个页面内部的链接跳转？（5）如何实现框架网页中的超级链接？（6）如何将一首歌作为一个页面的背景音乐？（7）导航条、弹出菜单和跳转菜单等这三种导航方式各有什么特点？各如何制作？（8）创建网站时应该注意哪些问题？教学实践——网络教育资源开发实践问题讨论71思考题1．网络教育资源的建设对于教育现代化的意义何在？2．网络资源建设要遵循哪些原则？3．创建网站的前期工作有哪些？4．网页内容的布局定位方式有哪些？5．如何实现表格与层之间的转换？利用框架定位要注意哪些问题？6．如何进行页面元素的超链接设计？超链接有哪些方式？锚点在教育网站中有何实用价值？7．什么是相对路径和绝对路径？它们之间有什么区别？思考题1．网络教育资源的建设对于教育现代化的意义何在？72思考题8．网页导航有哪些方式？如何设计开发不同导航方式？9．什么是CSS样式？如何利用CSS样式？10．怎样为网页设置行为？11．如何向网页文档中加入图像、声音、动画、活动视频？12．设计制作好的站点如何上传到服务器上发布？如何将自己的计算机设置为站点服务器？13．什么是网络课程？网络课程与网络课件有什么区别？14．网络课程开发的一般过程如何？思考题8．网页导航有哪些方式？如何设计开发不同导航方式？73第8章网络教育资源建设与利用第8章网络教育资源建设与利用74学习目标1．说出网络教育资源建设对于教育现代化的意义2．阐释网络教育资源的建设原则3．领会网站创建的前期工作内容4．掌握用表格、层及框架布局网页的方法5．掌握图形、文字的设置以及超级链接的设置6．掌握导航设计的办法学习目标1．说出网络教育资源建设对于教育现代化的意义75学习目标7．掌握表单和样式表的制作及应用8．掌握在网页页面中加入和设计多媒体元素的方法9．能制作各种行为效果10．掌握发布网站的方法11．熟悉网络课程概念和网络课程设计开发特点12．说出流媒体特点，知道流媒体格式与制作

学习目标7．掌握表单和样式表的制作及应用768.1网络教育资源概说8.1网络教育资源概说778.1.1网络教育资源的类型按技术格式文本、图形、图像、音频、视频、动画和应用软件类按表现形式教育模板、电子教案、学生作品、课件、课程内容、演示稿、文献、评价量规、教学课例、资源索引按教育过程备课、讲授、实验、练习、测试、作业、讨论、答疑、游戏、情感交流、教学管理8.1.1网络教育资源的类型按技术格式788.1.2网络教育资源建设原则需求性原则充分考虑教育的需要，以为教育服务为目的系统性原则处理网络教育资源系统内部的各个模块之间的结构关系处理好与教育大系统中其他子系统的关系规范性原则符合《现代远程教育资源建设规范》8.1.2网络教育资源建设原则需求性原则798.1.2网络教育资源建设原则开放性原则参与人员的开放性教师、教育专家、技术人员、学生，甚至于家长体系结构的开放性建立分布式网络教育资源平台体系结构实现资源及时更新、及时交互解决不同学科和功能整合，实现网络资源价值最大化内容的开放性资源多样性、交互性和扩展性实现最大范围的师生、生生之间的学习交流8.1.2网络教育资源建设原则开放性原则808.1.2网络教育资源建设原则创新性原则概念创新方法创新内容创新模式创新以创新意识建设，不墨守成规可持续性原则动态可持续发展建设功能和内容不断完善更新8.1.2网络教育资源建设原则创新性原则818.1.3网络教育资源开发将多媒体素材和零散的教育资源整理、组合，使之有序化、规范化、系统化有利于教育信息的存储、传播、检索和利用包括多媒体素材的开发网络教育资源开发的主要方式用网页制作工具集成素材资源网页制作工具FrontPage、Dreamweaver8.1.3网络教育资源开发将多媒体素材和零散的教育资源828.2用Dreamweaver创建网站创建网站一般过程创建本地站点在本地站点中创建和编辑网页测试本地站点修改及发布站点8.2用Dreamweaver创建网站创建网站一般过程838.2.1Dreamweaver软件的界面构成“插入”工具栏“文档”工具栏8.2.1Dreamweaver软件的界面构成“插入”工841“插入”工具栏在文档中创建相应类型的对象“显示为制表符”、“显示为菜单”“常用”——插入图像、表格等“布局”——插入表格、Div标签、层和框架等“表单”——创建表单和插入表单元素的按钮“文本”——插入各种文本格式设置标签和列表格式标签“HTML”——插入水平线、文件头、表格等的HTML标签1“插入”工具栏在文档中创建相应类型的对象852“文档”工具栏“代码”视图按钮“设计”视图按钮“拆分”视图按钮标题为文档输入标题2“文档”工具栏“代码”视图按钮868.2.2创建本地站点创建网站的前期工作定义本地站点8.2.2创建本地站点创建网站的前期工作871．创建网站的前期工作明确网站的定位确定网站的主题网站栏目根据网站定位、教育资源特点设置网站主栏目按主栏目的要求设计二级、三级栏目1．创建网站的前期工作明确网站的定位88创建网站的前期工作网站风格网站给浏览者的综合感受网站标志（logo）网站宣传标语（banner）标准色彩教育网站常用色彩——蓝、橙、绿创建网站的前期工作网站风格89创建网站的前期工作网站结构内容结构目录结构链接结构站点页面之间相互链接的拓扑结构使浏览者不至于迷航创建网站的前期工作网站结构90创建网站的前期工作网站布局设计图片和文字在页面的位置突出重点平衡协调体现先进教学理念有利于学习者自主探究学习创建网站的前期工作网站布局912．定义本地站点执行“站点”／“管理站点”命令在对话框中单击“新建”，选择“站点”在文本框中输入标识站点的名称在向导界面设置选择“否，我不想使用服务器技术”选择“编辑我的计算机上的本地副本……”在询问如何连接到远程服务器中选择“无”2．定义本地站点执行“站点”／“管理站点”命令923．修改和删除本地站点3．修改和删除本地站点938.2.3新建和编辑网页的一般过程1．新建网页执行“文件”／“新建”命令，在“新建文档”对话框中选择“常规”选项卡选择“基本页”类别中的“HTML”2．确定标题在文档工具栏“标题”框删“无标题文档”，录入网页标题3．保存网页站点首页保存站点首页，必须用浏览器默认的首页名Index；Default8.2.3新建和编辑网页的一般过程1．新建网页948.2.3新建和编辑网页的一般过程4．设置页面属性执行“修改”／“页面属性”命令“大小”——不小于12像素“左边距”、“右边距”、“上边距”、“下边距”为0“标题/编码”使用简体中文（GB2312）“跟踪图像”“透明度”5．网页布局定位设计利用表格、层、框架对页面元素进行定位8.2.3新建和编辑网页的一般过程4．设置页面属性958.2.3新建和编辑网页的一般过程6．插入内容在合适位置插入各种媒体元素、表单7．超链接及导航设计通过超链接使网页具有开放性通过导航设计有效解决迷航问题8.2.3新建和编辑网页的一般过程6．插入内容968.2.3新建和编辑网页的一般过程8．测试与修改按F12功能键启动浏览器预览和测试页面默认的浏览器为IE执行“文件”／“在浏览器中预览”／“编辑浏览器列表”设置预览和测试用其他浏览器8.2.3新建和编辑网页的一般过程8．测试与修改978.2.4网页内容的布局定位表格层框架8.2.4网页内容的布局定位表格981．表格表格作用起通常意义上的表格作用对网页内容精确定位创建表格执行“插入”／“表格”命令点击“常用”插入工具栏中的“表格”对话框设定“表格宽度”百分比（Percent）按照浏览器的大小而变化表格属性1．表格表格作用992．层创建层执行“插入”／“布局对象”／“层”“插入”工具栏切换到“布局”后，单击，待出现十字型光标后在编辑窗口拖动创建层嵌套层执行“编辑”／“首选参数”，在对话框“层”类中，选择“嵌套”父层、子层。父层与子层为嵌套关系层的属性设置层与表格之间的转换2．层创建层1003．框架框架把浏览器窗口划分为多个区域，每个区域显示不同网页框架集和单个框架框架集是在一个文档内定义一组框架结构的网页定义一个网页中包含的框架数、框架的大小、载入框架的网页源和其他可定义的属性单个框架是指在网页上定义的一个区域一个框架结构的网页由多个网页文件组成框架操作创建和保存新框架；拆分和删除框架；设置框架属性3．框架框架1018.2.5文字和图像的插入与设置8.2.5文字和图像的插入与设置1021．文字的插入与处理直接录入执行“文件”／“导入”／“word文档”命令设置段首空格须将输入法转成中文全角状态文字属性的修改与设定“编辑字体列表．．．”1．文字的插入与处理直接录入1032．图像的插入与设置插入图像单击“常用”插入工具栏按钮；执行“插入”／“图像”命令事先将插入图像文件放到站点根文件夹或其下的文件夹通常放在images文件夹中插入图像的路径应采用相对路径，而不用绝对路径插入的图像格式GIF、JPG、JPEG、PNG设置网页背景图像执行“修改”／“页面属性”，在对话框中设“背景图像”设置图像的属性地图2．图像的插入与设置插入图像1048.2.6链接与导航8.2.6链接与导航1051.文字链接的一般方法单击“常用”插入工具栏钮调出对话框设置选择文字后在文字属性页面中设置超链接设置链接地址单击文件夹图标浏览到站点中的文件直接键入URL由属性面板“指向文件”图往“站点”面板文件上拖将文件从“站点”面板拖到“链接”文本框1.文字链接的一般方法单击“常用”插入工具栏钮调出对106文字链接的一般方法“目标”——指定将链接文档加载到的框架或窗口_blank——打开一个新的窗口显示链接文件_parent——用含超链接的父窗口显示链接文件_self——用超链接所在窗口或框架显示链接文件_top——链接文件显示在整个浏览器窗口中相应取消所有框架文字链接的一般方法“目标”——指定将链接文档加载到的框架或窗1072文字的特殊链接链接到E-mail在文本属性面板“链接”栏填“mailto:”和邮件地址mailto:chenlin@“常用”插入工具栏中的电子邮件链接工具2文字的特殊链接链接到E-mail108文字的特殊链接锚点链接在文档中设置锚点将光标插入到欲设锚点位置选择“常用”插入工具栏在“命名锚记”对话框中输入锚记名称设置文字与锚点链接选择作为超链接的文字在属性面板“链接”文本框输入“#”和锚记名称文字的特殊链接锚点链接1093图像链接一张图对应一个链接通过热区给图的不同位置建立链接在一张图上画很多热区，做很多链接，分别链接到不同的页面创建不同形状的热区3图像链接一张图对应一个链接110４网页的导航导航条弹出菜单跳转菜单４网页的导航导航条111制作导航条方法事先准备做导航条按钮的图像，置于站点根文件夹下每个按钮图像都具有相同的宽度和高度执行“插入”／“图像对象”／“导航条”，在对话框中设定在“项目名称”项后的文本框填入导航条项目的命名每个项目对应一个按钮每个按钮最多可对应四种状态的图像若“预先载入图像”，图像将在页面下载的同时全部下载“替换文本”文本框用于输入项目的描述性名称“按下时，前往的URL”“插入”项选框“水平”和“垂直”——导航条水平还是垂直展开“使用表格”——导航条各按钮部位用表格隔开制作导航条方法事先准备做导航条按钮的图像，置于站点根文件夹下1128.2.7创建表单8.2.7创建表单1138.2.8插入其它媒体元素8.2.8插入其它媒体元素1148.2.9利用CSS样式美化网页CSSCascadingStyleSheets层叠样式表单CSS样式的创建CSS样式应用8.2.9利用CSS样式美化网页CSS1158.2.10使用行为制作动态特效网页在“行为”面板单击，在下拉菜单添加行为“交换图像”“弹出信息”在特定的事件被触发时弹出信息框“恢复交换图像”“打开浏览窗口”“播放声音”为网页对象添加背景音乐“显示弹出式菜单”8.2.10使用行为制作动态特效网页在“行为”面板单击1168.2.10使用行为制作动态特效网页“跳转菜单”修改跳转菜单及改变默认的触发事件在文档窗口中选择一个跳转菜单后才能使用“跳转菜单开始”控制导航菜单跳到哪个页面“转到URL”在满足触发事件时，跳转到其它页面8.2.10使用行为制作动态特效网页“跳转菜单”117事件用于设置当前对象上触发什么动作“onMouseOver”——鼠标移到目标上“onMouseUp”——按下鼠标再放开左键“onMouseOut”——鼠标移开“onMouseDown”——按下鼠标“onClink”——点击“onDblClick”——双击“onLoad”——载入网页“onUnload”——离开页面“onResize”——当浏览者改变浏览窗口的大小时“onScroll”——当浏览者拖动滚动条事件用于设置当前对象上触发什么动作1188.2.11发布本地站点用站点管理器检查和整理网站文件执行“站点”／“检查站点范围的链接”命令8.2.11发布本地站点用站点管理器检查和整理网站文件1191．上传到远程服务器上发布发布站点操作上传文件1．上传到远程服务器上发布发布站点操作1202．本机发布站点把PC机作为网络服务器使用用IIS软件InternetInformaTianServer微软架设WEB、FTP、SMTP服务器整合软件Windows默认安装带有或安装完毕后加装IIS2．本机发布站点把PC机作为网络服务器使用1212．本机发布站点WindowsXPProfessional计算机站点安装执行“开始”／“设置”／“控制面板”双击“添加或删除程序”图标单击“添加/删除Windows组件”按钮在“组件”列表框选“Internet信息服务（IIS）”“下一步”，从系统安装盘中安装IIS2．本机发布站点WindowsXPProfessiona122本机发布站点配置服务器右击“我的电脑”，选择“管理”选项选“服务和应用程序”／“Internet信息服务”／“网站”／“默认网站”右击“默认网站”，选择属性，进行配置配置IP。在“网站”选项卡“IP地址”栏指定站点的IP在“TCP端口”栏配置端口，WEB默认端口号是80指定站点主目录。“主目录”选项卡“本地路径”栏设定默认文档。“文档”选项卡设定index.htm、index.asp、default.asp本机发布站点配置服务器1238.3网络课程开发8.3网络课程开发1248.3.1网络课程概述网络教育资源的一种重要类型通过网络表现的某门学科教学内容及实施教学活动的总和包括按一定的教学目标、教学策略组织起来的教学内容和网络教学支撑环境两个组成部分网络教学支撑环境特指支持网络教学的软件工具、教学资源以及在网络教学平台上实施的教学活动网络课程三个层次 通过网页给学习者提供学习材料及与相关网络教育资源链接学习者通过电子邮件、电子公告栏等进行异步双向交流用网上电话会议、视频会议等进行同步双向交流8.3.1网络课程概述网络教育资源的一种重要类型125网络课件课件对一个或几个知识点实施相对完整教学的教学软件能够集成各种教学信息的程序，能够实现某些教学功能，起到辅助教学的作用网络版课件、单机版课件网络课程与网络课件区别范围大，作用大，网络课程可包含若干网络课件网络课件实现知识点的教学功能，网络课程是基于网络教学的全过程网络课件课件1268.3.2网络课程设计和开发8.3.2网络课程设计和开发1271．网络课程设计的内容网络课程的教学设计教学目标的设计教学内容的确定学习者特征的分析学习环境的设计学习活动的设计教学过程的设计学习评价的设计1．网络课程设计的内容网络课程的教学设计1281．网络课程设计的内容网络课程的系统设计框架结构的设计导航策略的设计屏幕界面的设计交互策略的设计网络课程的脚本编写文字脚本的编写制作脚本的编写1．网络课程设计的内容网络课程的系统设计1292．网络课程设计原则开放性原则学习者参与的开放性学习者可以按需参与，无过多限制教学内容的开放性体现各个知识领域的关联性课程资源的开放性便于学习者获取资源，方便于教师随时补充资源网络教学支撑平台的开放性教师可以根据学习者的学习情况及课程内容的发展，调整教学策略甚至于重新进行教学设计2．网络课程设计原则开放性原则1302．网络课程设计原则自主性原则交互性原则便利性原则可评价性原则2．网络课程设计原则自主性原则1313．网络课程的开发过程确定教学大纲确定教学内容系统总体设计和网络课件原型设计脚本编写素材准备课件开发教学环境设计教学活动设计课程试用与评价及修订3．网络课程的开发过程确定教学大纲132（1）确定教学大纲网络课程的教学大纲以纲要的形式规定学科的内容、体系和范围，它规定课程的教学目标和课程的实质性内容编写网络课程的直接依据检查网络教学质量的直接依据对网络教学工作具有直接的指导意义（1）确定教学大纲网络课程的教学大纲133（2）确定教学内容根据教学大纲和在分析网络教学对象的特征、需求的基础上确定应具有科