第01课 认识Frontpage

  • 格式:doc
  • 大小:36.50 KB
  • 文档页数:3

第一课认识Frontpage备课日期:2014年2月8日授课日期:2014年2月17-21日【教学目的与要求】(1)学会启动和退出Frontpage;(2)认识Frontpage窗口及窗口的组成部分;(3)初步了解Frontpage的功能;【课时安排】1课时。

【教学重点与难点】(1)重点:Frontpage的启动和退出。

frontpage的窗口及窗口的组成部分。

【教学过程】(边讲边做)一、基本概念(1)什么是网站?网站是计算机网络上的位置,它使信息以网页或文档的形式提供给使用浏览器访问站点的访问者。

计算机网络可以是世界范围的Internet 或Intranet(链接办公室中所有计算机的局域网)。

信息可以HTML 网页或其他文档格式发布。

为了查看站点上的信息,访问者需要使用浏览器程序(如Microsoft(r) Internet Explorer或Netscape Navigator),通过这些程序将Web 站点上的HTML 网页翻译为监视器上的文本或图形。

(2)什么是网页?网页是全球广域网上的基本文档,用HTML (超文本标记语言) 书写,其中可以包含文本、图片、动画、音乐、链接等元素。

网页可以是站点的一部份,也可以独立存在。

每一个网站都是由若干网页组成的,各网页之间通过链接联系在一起。

(3)什么是主页?使用浏览器访问网站时,网站中第一个被执行的文件称为主页,主页的基本功能是帮助访问者轻松浏览网站,其中可能包括有关站点创作者的个人信息、工作部门和公司、指向同一Web 站点的其他文档的链接或指向相关内容的其他站点的链接等内容。

为了吸引访问者,主页的页面要美观、内容要做到组织严密并且要提供有用的信息。

不同的WEB服务器把不同的文件名识别为主页,多数服务器将index.htm识别为主页,也有的服务器将home.htm、welcome.htm、default.htm识别为主页。

在FrontPage中引入其他网站时,如果该网站的主页文件名与FrontPage可识别的主页文件名不同,那么FrontPage 会自动将其主页文件名更改为index.htm。

(4)什么是HTML?HTML (超文本标记语言)是一种用于全球广域网上文档中的标准标记语言。

该语言使用内嵌代码或"标记"来描述网页内容和外观,指示Web浏览器应该如何显示网页元素,以及如何回复使用者的操作。

由于HTML语言的跨平台功能使得HTML 成为在其他不兼容计算机系统间交换信息的理想方式。

HTML 的缺点在于标记不能广泛使用,因此创作者通常无法预料最终网页在访问者浏览器中显示的外观。

由于市场上的浏览器软件有好几种,尽管所有的浏览器能够转换多数HTML 标记,但是某些标记只有特定类型的浏览器才能处理。

因此,如果使用了这些标记,则访问者可能不能以创建网页的方式查看该网页,所以,最好在页面上注明建议使用的浏览器类型。

二、Frontpage的功能:FrontPage2003除了能进行网页编辑外,还能进行网站的管理和维护。

为突出这一功能,可以通过以下几点进行描述:(1)正因为它具有强大的网站创建、维护和发布功能,所以凡是在FrontPage中创建或由FrontPage维护的站点,都有一个特殊的站点名称:FrontPage Web,与其他网站不同之处在于它们可以由FrontPage来增加一些独特的性能,而使用其它网页制作程序生成的网站文件夹,则必须通过FrontPage转换器转换后,才能在FrontPage中打开。

(2)在FrontPage中,可以建立新网站、引入已有网站和删除网站。

在此意义上,FrontPage的功能类似于windows98资源管理器,不同之处在于FrontPage只管理与网站相关的网页文件以及网页中所使用的图片、动画等文件。

为便于管理网站,每一个FrontPage Web站点都含有一套标准的文件夹,在FrontPage中可以看到以下两个文件夹:_private 文件夹:其中保存正在建造中的页面、参考文件和其它一些重要数据,虽然这个文件夹可见,但存在此文件夹下的文件对于各种浏览器来说是隐藏的。

images 文件夹:该文件夹专门用来存放图片,凡是网页中出现的图片、动画等文件,最好保存在此文件夹中,使网站保持清洁。

在windows98资源管理器中观察网站文件夹,还可以看到另外一些文件夹,如_vti_cnf、_vti_pvt、_borders等,其中存放的是一些关于站点的重要数据,仅供FrontPage自己使用。

(3)在网站的创建、管理和维护过程中,FrontPage会跟踪网站中的所有文件,因此制作网页时,最好先创建一个网站,然后再制作网站中的具体网页。

同样,删除网站时,也要在FrontPage中进行,FrontPage会将网站中所有的文件,包括网页、图片、动画、声音等文件全部删除。

三、frontpage的启动方法操作方法:1、单击“开始”“程序”“Microsoft Frontpage”学生练习操作:启动FrontPage2003后,因为没有建立站点,所以在主界面上只看到一个新网页,而看不到以上文件夹。

四、认识Frontpage窗口在FrontPage2003中,有六种视图方式,每一种视图提供关于网站的不同信息,可以用来有效地管理网站。

在这一部分必须让学生理解每一种视图的用途和使用方法,以便在以后创建和维护网站时,能够根据需要选择其中的一种来完成任务。

其中:网页视图:可以用来创建、编辑、和预览网页,具有所见即所得的特性。

文件夹视图:显示站点内容的组织方式,用于管理站点中的文件和文件夹。

跟Windows 资源管理器相似,在"文件夹"视图中可以创建、删除、复制与移动文件夹。

该视图将工作区分为左右两部分,左侧显示网站中所有文件夹,单击任一文件夹,右侧工作区将显示该文件夹下的内容。

在“文件夹”视图中,可以移动某页面的位置,FrontPage将自动更新与该页面有关的所有链接。

报表视图:用来分析站点内容。

如计算站点中的所有文件大小、显现出那个文件没有链接到其他任一文件、指出慢速或过期的网页、以工作或是它们被分配的人和其他等方式来把文件分组。

导航视图:用来创建、显示、打印和更改网站导航结构的视图。

在这个视图中可以清晰地看见整个网站的组织结构(工作区上方)和文件组成(工作区下方),拖曳水平分割线可以改变上下窗口的相对大小。

将工作区下方的文件名拖动到工作区上方的组织图中,将在网站中增加一个页面,同时FrontPage2003会依据结构图的形式自动产生链接;在组织图内部拖动页面图标,将改变网站结构;双击页面图标,可以进入“网页视图”对页面进行修改。

超链接视图:显示来自和指向站点中每一个网页的所有超级链接。

该视图以图形的方式显示网站中各文件之间的链接情况,网页之间的链接通过箭头来标志。

当页面中含有许多链接时,为了更清晰地显示链接情况,可以通过工具栏按钮来控制显示某类链接,如图像超链接、重复超链接、页内超链接。

如果网站中含有一个断开的链接,那么这一断开的链接显示为一根断开的线和一个撕开的页面图标。

如果某页面图标旁边出现红色三角,表明该页出现某类错误,要解决错误,可以右击页面图标,在快捷菜单中单击“属性”菜单,打开“属性”对话框,此时“错误”标签已经打开,在“说明”框中显示有关该错误的详细说明。

任务视图:列出站点中要完成的任务。

所谓任务,是指维护WEB站点所需要完成的行动。

FrontPage2003提供的“任务”视图,类似于一个工作备忘录兼计划表,其中记录了尚未完成仍需完成的任务,如处理超链接、更新图象、增加内容等。

在WEB站点初步建立之后,需要定期或过一段时间进行更新,保持站点信息的时效性,否则过时的信息无法提起访问者的兴趣。

随着站点规模的扩大,需要搜集和发布的信息也随之增加,这时,网站管理员需要跟踪所有的修改请求,并把它们作为任务分配给适当的设计人员进行更新。

因此,任务列表被网站的所有设计者所共享,并以列表方式组织任务,提供每项任务的详细信息,还能对每项任务进行详细的跟踪。

在“任务”视图中可以添加未完成任务的名称,设置工作的优先顺序以及负责此任务的工作人员,以此来简化站点的维护工作。

在FrontPage网页视图中,有三种工作方式:普通、HTML和预览。

既可以在普通方式下输入文字、插入图片等来编排网页,也可以在HTML方式下中输入HTML代码来编排网页,当然一般情况下都不采用后者,而是通过HTML方式查看HTML代码,必要时修改其中的代码,解决实际应用中出现的某些无法解决的小问题。

在HTML方式下,可以直接输入HTML代码,也可以使用“查找和替换”功能对范围广大的代码进行修改。

当出现无法识别输入的HTML代码时(可能代码出错或者FrontPage不支持这一代码功能),在普通方式下页面中会出现一个内部含有问号的黄色小矩形,对于输错的HTML代码,可以双击该矩形,对HTML代码进行修改,然后单击工具栏中的“刷新”按钮即可。

对于FrontPage 不支持的HTML代码,虽然页面上有出错标记,且在FrontPage中无法预览,但通过WEB 浏览器来浏览页面时,应该不会出错。

虽然在普通方式下创建页面时,这些页面与通过浏览器中观察的页面很相似,但是为了精确地了解网站发布后,访问者所看到的页面的实际情形,最好在预览方式下对页面进行观察。

因为不同的浏览器处理同样的HTML代码会有细微的差别,考虑到Internet上所有的访问者使用的浏览器会有所不同,因此最好在几个不同的浏览器中浏览网页,然后调整页面结构,使之趋于完美。

五、小结:本节主要介绍网页制作基础知识和FrontPage2003的启动和退出,目的在于让学生了解什么是网页,可以使用哪些工具制作网页,为后面的章节做铺垫。

授后小结:通过本课的学习学生对frontpage 有了初步的认识,但本课的教学内容有些抽象,对于学生的理解,还达不到深入,因此,在今后的学习,还需要更进一步的对“协议”和“tcp/Ip”进行学习和理解。