网页课件的设计与制作

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,网页课件的设计与制作,培训部 刘俣伯,培训内容,:,网站,主题资源网站对教学的支持,具有个性的主题资源网站的要素,网页的组成部分及基本布局,HTML,语言,网页课件的规划,网页课件的作用及其使用条件,评价网页课件指标体系,培训内容,:,网站,主题资源网站对教学的支持,具有个性的主题资源网站的要素,网页的组成部分及基本布局,HTML,语言,网页课件的规划,网页课件的作用及其使用条件,评价网页课件指标体系,网站,网站,(Website),是指在互联网上，根据一定的规则，使用,HTML,等工,具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一,种通讯工具，就像布告栏一样，人们可以通过网站来发布自己想要公,开的信息，或者利用网站来提供相关的网络服务。人们可以通过网页,浏览器来访问网站，获取自己需要的信息或者享受的网络服务。,光有网页还不能成为网站，如同光有商品不能成为商店一样。网,站需要一定的存储空间，要有可供访问的地址，还要有一个容易为人,记住的网站名称。,对于网站而言，其访问地址包括计算机容易识别的,IP,地址和人容,易记忆的,URL,地址两类，存储空间则由服务器提供。,URL(,统一资源定位符,),URL,是,Uniform Resource Locator,（统一资源定位符）的缩写。当您创建一个超链接时，它的目的端将被编码为,URL,，例如,http:/, Text Marked Language,，意为超文本标记语言。,HTML,语言作为一种标识性的语言，是由一些特定符号和语法组成的，理解和掌握都是十分容易的。一般而言，网页均由,HTML,语言写成，下面是一段,html,源代码及其对应的页面。,可以看出一个网页至少应包含以下四种,HTML,标记：,（,1,）文件类型,，放在网页源代码的开头和结尾，用于标识该文件是网页文件。,（,2,）文件头,，用于存放各种关于网页的描述性信息，比如网页标题、网页主题等。,（,3,）网页标题，用于显示网页标题，存放在,标记内。该标记中所填入的内容对应着上图中,“,网页标题,”,部分的内容。,（,4,）网页主体,，用于存放网页中所要表现的内容。该标记中所填入的内容对应着上图中,“,网页主体,”,部分的内容。,当然，要制作内容丰富的网页，还需要使用其他诸多标记，如,用于表示超链接，该标记中所填入的内容对应着上图中,“,超级链接,”,部分的内容。,用于显示图片，该标记中所填入的内容对应着上图中,“,welcome,”,图片部分的内容。,培训内容,:,网站,主题资源网站对教学的支持,具有个性的主题资源网站的要素,网页的组成部分及基本布局,HTML,语言,网页课件的规划,网页课件的作用及其使用条件,评价网页课件指标体系,网页课件的规划,网页课件结构图,课件模块规划表,课件文件夹结构图,网页课件结构图,网页课件结构采用百科全书式的树形结构。下面是一个网页课件结构的例子。,课件模块规划表,课件结构图中的每一分支就是一个内容模块，每一个模块对应着一张网页，需要对每张网页的内容、所要整合的媒体类型（文本、图像、动画、视频、音频等）以及网页文件名进行详细说明，这样便于在开发课件时有所参照，逐一制作每个页面。针对上面的课件结构，列出模块规划表，如下图所示。,需要注意的是，课件中所用到的所有文件的名字不能包含中文字符，只能包含字母、数字等，这是因为文件名中包含中文字符的页面可能在某些浏览器里不能打开。,培训内容,:,网站,主题资源网站对教学的支持,具有个性的主题资源网站的要素,网页的组成部分及基本布局,HTML,语言,网页课件的规划,网页课件的作用及其使用条件,评价网页课件指标体系,网页课件的作用及其使用条件,网页型课件与传统课件相比的优势,遇到的问题和解决方法,网页型课件与传统课件相比，有许多不可比拟的优势：,（,1,）网页型课件占用存储少，易于共享，它既易于在网上传输，又易于在实际使用中流通；,（,2,）网页型课件的超级链接，使网页课件能容纳大量信息；,（,3,）网页型课件是一个开放的体系，易于制作和进行修改；,（,4,）网页型课件对素材的兼容性非常高；,（,5,）网页型课件比传统课件更利于组织教学，可以很方便地实现远程教学，也可用于学生课后复习与个性化学习；,（,6,）网页型课件对平台兼容性很强，能兼容多种格式的素材文件，如,midi,avi,swf,gif,jPeg,等，而传统课件就受到平台的制约；,（,7,）采用,“,超文本,”,技术组织文档，各部分文本之间没有顺序、层次，可以随心所欲地进行跳转，非常灵活，更有助于培养学员的发散性思维，培养学员的探索、创新意识。,制作和使用网页型课件中，可能遇到的问题和解决方法有：,（,1,）页面相对呆板，这个问题完全可以用网页特效来解决；,（,2,）要注意学员的个性化和协作性；,（,3,）要合理使用超文本性，网页课件中内容全部以超文本方式呈现，以非线性、非结构、网状结构形式组织教材内容，提供良好的导航系统和功能，赋予学员串联知识和网络浏览的自主权，并且，设计灵活多样的学员练习和训练内容，也提高了教学的交互能力，超文本性有利于激发学员的学习兴趣和认知主体作用的发挥，以促进创造性思维的培养；,（,4,）提高网页课件结构设计的开放性，提供相关的参考资料和相应的网址，对于同一知识内容，提供不同角度的解释和描述，便于使学员对各种看法进行交叉思考，提高分析问题和解决问题的能力，产生闪光的思维火花，激发创造灵感的产生；,（,5,）理科类网页型课件相对难以制作，其实不然；,（,6,）网上信息良莠不齐，处理不当对学生身心健康不利；,（,7,）网络型课件是以源代码形式保存的，很难进行版权保护，因此不大可能将其中的优秀之作做商业化发行。,培训内容,:,网站,主题资源网站对教学的支持,具有个性的主题资源网站的要素,网页的组成部分及基本布局,HTML,语言,网页课件的规划,网页课件的作用及其使用条件,评价网页课件指标体系,主题资源网站的评价指标体系如下图所示,