学习笔记：专题十二_网页课件的制作

专题十二网页课件的制作(FrontPage) 一、训练目标 本专题主要内容是使用Microsoft Office 软件包中的FrontPage 工具插件,制作网站课件。学习者通过练习应把握制作网页课件的基本技能技巧网页课件模板,具体要超过下列训练目标: 1. 学会创建站点。 2. 掌握在FrontPage中编辑网站。 3. 掌握网页导航设计。 4. 学会网站的公布。 二、基本原理 FrontPage 是微软公司开发的网站制作软件,它集网页制作、网站管理、网站公布等多项功能于一体,是现在最为流行的网站制作与站点管理软件之一。作为谷歌办公系列工具Office 的一个重要组件,FrontPage 可以与其它Office组件实现无缝连接地配合工作。它易学易用,其界面与Word相似,这针对未熟悉Word的用户来说,掌握起来更容易。FrontPage 由于良好的易用性,被觉得是优秀的网页初学者的软件。 FrontPage 支持“所见即所得”的操作模式。用户无需学习HTML、Java、JavaScript、CGI、VB等制定网站的相关语言,也可以设计出包含文字、图像、声音等多种元素的精彩的网页。另外,FrontPage中还预制了多种主题(Themes),便于设计者创立页面样式一致的站点。

Frontpage中还吸收了Internet和Web的最新科技,比如支持框架、动态HTML、ActiveX 和Java软件、动态数据库连接技术,所以这款软件又合适初学者,也适宜高级网页制作人员。 三、软件环境 Microsoft Office 2003――FrontPage2003 其它相关工具插件 素材:图片 四、训练内容 在本专题训练中,共分六个任务,制作两个网页课件,通过详细任务逐渐将网页课件丰富和建立,在此过程中完成对基本制作环节的训练。 任务一使用模板建立网站 操作方法: 1. 启动FrontPage 2003。点击计算机桌面左下角“开始”→“程序”→“ Microsoft Office ”→“Microsoft Office FrontPage 2003”;或双击桌面FrontPage 2003快捷按钮。 2. 认识操作界面。启动FrontPage 2003,其操作界面如图12—1所示。FrontPage 2003的工作窗口主要由标题栏、菜单栏、工具栏、工作区、视图切换按钮、任务窗格以及状态栏组成。 标题栏位于FrontPage 2003工作窗口的更后面,用于显示正在编辑的文件名称,如图12—1中为“new_page_1.htm ”,它是默认状态下的名称。菜单栏位于标题栏的下方,包含了与文档的建立跟编辑相关的命令和选项网页课件模板,图12—1中的菜单栏中列举了11种类别的菜单项。工具栏以按键的方式提供与菜单栏相同的网站编辑管理功能。FrontPage 提供了14种工具栏,可选取“视图”菜单下的“工具栏”级联菜单中的命令来显示或隐藏工具栏。默认情况下,窗口显示“常用”和“格式”工具栏。工作区是用

户进行网站编辑或站点管理的区域,也是窗口中更重要的区域。视图切换按钮包括“设计”、“拆分”、“代码”、和“预览”等4种显示模式图标。在不同的视图方式下,用户可以在其中进行不同的工作。任务窗格是一个图12—1 FrontPage 初始界面 可在其中执行这些常见任务的区域。FrontPage 中提供了“新建”、“主题”、“剪贴板”和“搜索”等诸多任务窗格。状态栏位于窗口的更上方,用于显示用户当前操作的提醒信息或者当前网页的下载时间等。 3. 网站视图模式。FrontPage 2003中提供了6种网站视图模式,分别是“文件夹”、“远程网站”、“报表”、“导航”、“超链接”、“任务”等视图模式,如图12—2所示。“文件夹”视图的功能是借助创建内部文件夹,对某些网站进行归类,这样做可以让站点组织结构清晰,网页制作便捷。“远程网站”视图用于管控站点和站点内的文件的公布。“报表”视图主要用于查看站点的各类情况,如文件内容、更新链接、文件列表及差异情况等。利用“导航”视图可以清晰地发现当前站点的主页和其它网站的链接关系,也能修改站点的导航结构或添加、删除网站。“超链接”视图用于管理站点中各个网站的超链接。

“任务”视图主要用于建立跟管理任务。 4. 网页视图模式。FrontPage 2003中提供了4种网页视图模式,分别是“设计”视图、“拆分”视图、“代码”视图、“预览”视图。“设计”视图是开启网页首先处于的视图,用户可以编辑、修改网站。“拆分”视图将工作区别为上下两个别,上半部分是代码区,下半部分是设计区。“代码”视图可以使客户以代码的方法编辑网站,“预览”视图可以使用户预图12—2 网站视图模式 览网页效果。单击视窗切换按钮实现网站视图各体系之间的切换。 5. 执行“文件”→“新建”命令(图12—3),打开“新建”任务窗格,如图12—4所示。 6. 在发生的任务窗格中的“新建网站”区域内若没有所必须的模版样式,可以点击“其他网页模板”,打开“网站模板”对话框,如图12—5所示。 7. 选择模板。在“网站模板”中单击所必须的网站模板,本例选择“只有一个网页的网 图12—3 “新建”命令 图12—4 “新建”任务窗格 图12—5 “网站模板”对话框 站”。 注意:FrontPage提供了多种网页模板,能迅速地建立带有诸多布局跟功能的网站。网页模板是事先设计的网站,可包括网页修改、格式设定和网站元素。

8.创建网站。在“指定新网站的位置”文本框中键入Web网页的模式如“C:\My Web Sites\newsite”,此时建立的网站就存在于C盘的My Web Sites文件夹中,文件名为“newsite”,单击“确定”按钮,打开创建的网页的窗口(图12—6)。在“文件夹列表”窗口中,双击index.htm,将在FrontPage默认的设计视图中开启建立的网页主页的雏形,如图12—7所示。 图12—6 创建的网站目录 注意:每个网页都有一个主页,默认名称为“index.htm”。