现代教育技术中心高小惠.ppt
《现代教育技术中心高小惠.ppt》由会员分享,可在线阅读,更多相关《现代教育技术中心高小惠.ppt(42页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、12/5/202212/5/20221现代教育技术中心高小惠 Still waters run deep.流静水深流静水深,人静心深人静心深 Where there is life,there is hope。有生命必有希望。有生命必有希望12/5/202212/5/20222教学网站概述教学网站概述教学网站分为两大类:教学网站分为两大类:1.网络教学(网络学院、网络选修课)教学一般是建立在教学平台上2.辅助教学(课程内容的复习和知识的扩展)教学网站的功能教学网站的功能:要使学习者通过学习和运用教学网站上的模块,替代部分教学活动教学网站模块主要包含:教学网站模块主要包含:学习内容、内容讲解(多
2、媒体)、学习导航、案例分析、学习反馈、思考活动、布置作业、学习建议、学习进度管理(网络教学辅助平台或编辑动态网页)12/5/202212/5/20223 网页制作一般采用网页制作一般采用网页制作一般采用网页制作一般采用DreamweaverDreamweaver和和和和FrontpageFrontpage软件软件软件软件 软件软件软件软件FrontpageFrontpage版本说明版本说明版本说明版本说明 Frontpage2000Frontpage2000版本是全国计算机考试所确定的版本。版本是全国计算机考试所确定的版本。版本是全国计算机考试所确定的版本。版本是全国计算机考试所确定的版本。学
3、校服务器:学校服务器:学校服务器:学校服务器:ftp:/202.116.161.194ftp:/202.116.161.194(账号、密码均为账号、密码均为账号、密码均为账号、密码均为train)train)培训软件文件夹培训软件文件夹培训软件文件夹培训软件文件夹中有中有中有中有MicrosoftOffice2000MicrosoftOffice2000 安装软件。下载后在本机安装时只选择安装安装软件。下载后在本机安装时只选择安装安装软件。下载后在本机安装时只选择安装安装软件。下载后在本机安装时只选择安装frontpagefrontpage即可。即可。即可。即可。参考网站:参考网站:参考网站:
4、参考网站:http:/202.116.160.98:8000/course/FrontPage2000/fp2k0101.htmhttp:/202.116.160.98:8000/course/FrontPage2000/fp2k0101.htm教学网站概述教学网站概述12/5/202212/5/20224FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000的启动与退出的启动与退出的启动与退出的启动与退出FrontPage FrontPage 20002000的的启启动动与与退退出出的的方方法法与与其其它它的的WindowsWindo
5、ws应应用用程程序相同。序相同。(1 1)启动操作)启动操作(2 2)退出操作)退出操作 FrontPage 2000 FrontPage 2000 FrontPage 2000 FrontPage 2000的用户界面的用户界面的用户界面的用户界面FrontPage 2000FrontPage 2000的主窗口界面由:的主窗口界面由:标题栏、菜单栏、工具栏、视图栏、编辑器、状态栏组成标题栏、菜单栏、工具栏、视图栏、编辑器、状态栏组成。Frontpage 2000 概述概述12/5/202212/5/20225FrontPage 2000FrontPage 2000FrontPage 2000F
6、rontPage 2000支持支持支持支持6 6 6 6种不同的视图,它们分别是:种不同的视图,它们分别是:种不同的视图,它们分别是:种不同的视图,它们分别是:l l l l网页视图:可以用不同的方式编辑网页或浏览网页。网页视图:可以用不同的方式编辑网页或浏览网页。网页视图:可以用不同的方式编辑网页或浏览网页。网页视图:可以用不同的方式编辑网页或浏览网页。l l l l文件夹视图:可以按照文件夹的形式查看站点中的文件组成情况。文件夹视图:可以按照文件夹的形式查看站点中的文件组成情况。文件夹视图:可以按照文件夹的形式查看站点中的文件组成情况。文件夹视图:可以按照文件夹的形式查看站点中的文件组成情
7、况。l l l l报报报报表表表表视视视视图图图图:该该该该视视视视图图图图下下下下显显显显示示示示的的的的是是是是当当当当前前前前站站站站点点点点的的的的统统统统计计计计数数数数据据据据。其其其其内内内内容容容容涉涉涉涉及及及及到到到到所所所所有有有有的的的的文文文文件件件件、图片、未链接与已链接的文件等的数量、大小及简要说明。图片、未链接与已链接的文件等的数量、大小及简要说明。图片、未链接与已链接的文件等的数量、大小及简要说明。图片、未链接与已链接的文件等的数量、大小及简要说明。l l l l超链接视图:超链接是超链接视图:超链接是超链接视图:超链接是超链接视图:超链接是WebWebWeb
8、Web站点中最重要的部分,在网页中通常少不了超链接。站点中最重要的部分,在网页中通常少不了超链接。站点中最重要的部分,在网页中通常少不了超链接。站点中最重要的部分,在网页中通常少不了超链接。l l l l 任任任任务务务务视视视视图图图图:这这这这是是是是FrontPage FrontPage FrontPage FrontPage 2000200020002000为为为为制制制制作作作作复复复复杂杂杂杂网网网网站站站站提提提提供供供供的的的的一一一一种种种种有有有有力力力力工工工工具具具具,通通通通过过过过它它它它,设计人员可以根据工作安排制定详细的任务列表设计人员可以根据工作安排制定详细的
9、任务列表设计人员可以根据工作安排制定详细的任务列表设计人员可以根据工作安排制定详细的任务列表。Frontpage 2000 概述概述12/5/202212/5/20226创建网站的一般过程由以下几个步骤构成:创建网站的一般过程由以下几个步骤构成:创建网站的一般过程由以下几个步骤构成:创建网站的一般过程由以下几个步骤构成:(1)1)需求分析需求分析(2)(2)规划网站规划网站(3)(3)收集内容收集内容(4)(4)建立建立WebWeb站点站点(5)(5)制作网页制作网页 根据网站的建设规划,制作网站的主页面及其它页面根据网站的建设规划,制作网站的主页面及其它页面(6)(6)测试网站及网页测试网站
10、及网页(7)(7)发布网站发布网站(8)(8)维护与更新维护与更新从从设设计计阶阶段段来来说说,最最为为重重要要的的就就是是做做好好网网站站的的规规划划、收收集集建建立立网网站站需需要要的的资料及制作网页资料及制作网页。网页制作网页制作设计阶段设计阶段设计阶段设计阶段12/5/202212/5/20227 规划网站规划网站规划网站规划网站(1 1)确定站点结构)确定站点结构根据Web站点的需要,明确建立站点的目标,确定站点的组成部分及各页面间的层次关系,除此之外,制作网页所需要的各类型的素材应建立相应的素材文件夹以统一管理。(2 2)创建)创建WebWeb站点站点规划好站点后,需要在Front
11、Page 2000中制作出相应的网站结构 网页制作网页制作12/5/202212/5/20228 层状结构层状结构 层状结构(如图层状结构(如图1.81.8所示)类似于目录系统的树体结构,由网站所示)类似于目录系统的树体结构,由网站文件的主页开始,依次划分为一级标题、二级标题等等,逐级细文件的主页开始,依次划分为一级标题、二级标题等等,逐级细化,直至提供给浏览者具体信息。化,直至提供给浏览者具体信息。主 页页面1页面2页面3页面4页面5页面6页面7一级标题二级标题图1.8 层状结构12/5/202212/5/20229 线性结构线性结构 线性结构(如图线性结构(如图1.91.9所示)类似于数据
12、结构中的线性表,用于所示)类似于数据结构中的线性表,用于组织本身的线性顺序形式存在的信息,可以引导浏览者按部就班地组织本身的线性顺序形式存在的信息,可以引导浏览者按部就班地浏览整个网站文件。这种结构一般都用在意义是平行的页面上。浏览整个网站文件。这种结构一般都用在意义是平行的页面上。通通常常情情况况下下,网网站站文文件件的的结结构构是是层层状状结结构构和和线线性性结结构构相相结结合合的的。这这样样可以充分利用两种结构各自的特点,使网站文件既具有条理可以充分利用两种结构各自的特点,使网站文件既具有条理性、规范性,又可同时满足设计者和浏览者的要求。性、规范性,又可同时满足设计者和浏览者的要求。主
13、页页面1页面2页面3图1.9 线性结构12/5/202212/5/202210 Web Web结构结构 WebWeb结结构构(如如图图1.101.10所所示示)类类似似于于InternetInternet的的组组成成结结构构,各各网网页页之间形成网状连接,允许用户随意浏览。之间形成网状连接,允许用户随意浏览。主 页页面1页面2页面3页面4页面5页面7页面8一级标题二级标题图1.10 Web结构页面612/5/202212/5/202211制作网页制作网页制作网页制作网页 规规划划好好网网站站的的结结构构后后,即即将将开开始始网网站站的的内内的的网网页页制制作作。网网页页是是站站点点中中最最基基
14、本本的的文文档档,它它是是用用HTMLHTML语语言言编编写写的的。由由于于FrontPageFrontPage具具有有所所见见即即所所得得的的特特性性,并并能能自自动动创创建建HTMLHTML代代码码,所所以以在在不不很很了了解解HTMLHTML语语言言的的情情况况下下,用用FrontPageFrontPage创建出多种格式的网页。创建出多种格式的网页。1 1)创建网页)创建网页2 2)保存网页)保存网页 新新的的网网页页建建立立后后,要要以以HTMLHTML的的格格式式进进行行保保存存,直直接接选选择择文文件件菜菜单单下下的的“保保存存”选选项项,即即可可弹弹出出“另另存存为为”对对话话框
15、框,与与其其它它OfficeOffice系系列列软软件件一一样样,我我们们可可以以在在此此处处选选择文件保存的位置,并对文件进行命名。择文件保存的位置,并对文件进行命名。网页制作网页制作12/5/202212/5/202212 在所有的网页制作软件中,表格的作用不仅是可以直观地描述数据,还可利用表格来划分网页的页面布局。1)1)1)1)表格的插入与编辑表格的插入与编辑表格的插入与编辑表格的插入与编辑 在FrontPage 2000里,表格的操作与Word类似。2)2)2)2)利用表格进行布局利用表格进行布局利用表格进行布局利用表格进行布局 在FrontPage 2000里,表格可以用来进行页面
16、布局。所谓页面布局,就是利用表格来确定文本、图片等网页元素的位置,作为表布局用的表格,其边框一般是不显示出来的,否则会影响页面的美观。网页制作网页制作网页中的表格网页中的表格网页中的表格网页中的表格12/5/202212/5/202213以一个常见的网页结构为例介绍表格布局,此页面由顶部的Logo和Banner区,导航菜单区,页面内容区,底部版权区组成。如下图:12/5/202212/5/202214 嵌套表格。嵌套表格。为了满足页面的需要,常常需要进行表格嵌套,进行表格嵌套只需将光标定位在一格单元格中,然后插入一个新的表格即可。嵌套表格可以最大程度的满足页面布局的要求,如下图:表格的嵌套也有
17、不利因素,例如过多的嵌套影响浏览器的解析,影响页面的显示速度,因此表格的嵌套不要超过三层。在开始嵌套表格前最好计划好,避免反复的合并拆分、嵌套、取消。12/5/202212/5/2022151 1)文字的格式设置)文字的格式设置 在在FrontPage FrontPage 20002000中中,文文字字的的录录入入与与编编辑辑与与WordWord的的操操作作完完全全相相同同,我我们们可可以以直直接接在在插插入入点点所所在在的的位位置置输输入入文文字字,然然后后通通过过“格格式式”菜菜单单可可以以对对文文字字内内容容的的格格式式、段段落落的的格格式式进进行行设设置置,也也可可以以为为文文字字内内
18、容容添添加加项项目符号与编号、边框与底纹。目符号与编号、边框与底纹。(学会使用学会使用 Shift+Enter Shift+Enter 换行换行)2 2)文本动画)文本动画 作作为为网网页页制制作作工工具具,FrontPage FrontPage 20002000针针对对文文字字提提供供了了一一些些动动态态效效果果的的 制制 作作 手手 段段,最最 为为 常常 用用 的的 是是 文文 本本 动动 画画,文文 本本 动动 画画 都都 是是 采采 用用 动动 态态HTMLHTML(DHTMLDHTML)来来实实现现的的,因因此此只只有有在在Internet Internet Explorer Ex
19、plorer 4.04.0或或以以上上版版本,或者其它支持动态本,或者其它支持动态HTMLHTML的浏览器中才可以看到文本动画的效果。的浏览器中才可以看到文本动画的效果。网页制作网页制作网页中的文字网页中的文字网页中的文字网页中的文字12/5/202212/5/202216FrontPage 2000支持多种图片格式(包括GIF、JPEG、BMP、PHG、TIF、MSP、RAS、WPG、EPS、PCX和WMF),同时它包含了丰富的图片操作命令,提供了以下功能:网页制作网页制作设置图形透明、剪切图形、给图形添加文本、设置特殊效果(翻转按钮组、叠加、凹凸效果、对比度亮度等)单击左边的图形,FRON
20、TPAGE窗口下又多了一个工具栏,我们称它为“图形”工具栏。(查看-工具栏-图形)网页中的图片网页中的图片网页中的图片网页中的图片12/5/202212/5/202217 自动创建缩略图:可以自动创建一个图片的小尺寸版本,并将它链接到原始的图片。这个特征可以用来方便地创建相册网页 图片预览:图片预览是一个很有用的特征,当网页中插入图片时,事先可以预览到图片在网页中的效果,从而选择最合适网页的图片;改进了图片编辑工具:FrontPage 2000提供了图片工具栏,使用户可以方便地对图片进行编辑网页中的图片网页中的图片网页中的图片网页中的图片12/5/202212/5/202218网页中的视频和音
21、频网页中的视频和音频网页中的视频和音频网页中的视频和音频 为了使网页更加丰富多彩,我们还可以在其中插入视频和音频特效。音频:文件-属性-常规-背景音乐 视频、动画:插入-高级-插件-浏览12/5/202212/5/202219超链接与书签超链接与书签超链接是从文本或图片(称为源锚)指向另一个网页或其它类型文件(称为目标锚)的链接。书签则是在网页中预先定义一个位置,它可以作为同一网页或其他网页中的超链接目标锚。1)使用超链接:常用的超链接对象有两种,一种是网页元素(如文本、图片等),一种是热点,热点是图片中的一个部分,为每个热点创建不同的超链接。文本、图片超链接文本、图片超链接:热点超链接热点超
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 现代教育技术 中心 小惠
限制150内