1、实验十三 Frontpage2000 网页制作二一、实验目的：1、 掌握网页的新建，背景图片和颜色的设置，音视频的插入方法。 2、 掌握主题、导航栏视图、表单和网页框架的使用。3、 熟悉网站的发布过程。二、实验内容及步骤：1、打开已有站点：在 FrontPage 中选择【文件】【打开站点】，选中前面已创建的网站（注意单击选中 d:Myweb 文件夹而不用双击其）再单击“打开”按钮，既能打开整个站点。 2、使用“导航”视图：1）更改子网页的横幅标题： 在左侧“视图”工具栏中选择“导航”视图，通过右键单击目录树中各网页结点，使用右键菜单命令“重命名”进行更改各子网页的横幅标题：例如将原“兴趣”改为
2、“休闲娱乐”，将原“相册”改为“相册美图”，将原“喜欢站点”改为“知识学习”，如下图 13-1 所示。图 13-1 更改网页横幅标题2）新建子网页： 在“导航”视图中，可通过双击各网页的方框即可直接进入到该网页的编辑中。现要求双击“主页”方框并回到“网页”视图中，选择【文件】【新建】【网页】菜单，并在打开的新建对话框中选中新建网页的类型为：“带有目录和边栏的一栏正文”，见下图 13-2 所示。新建网页的默认名为new_page_1.htm，使用【文件 】【保存文件】命令对其进行保存：将新网页用名称 diary.htm 保存到 d:Myweb 中，图片保存到 images 文件夹中。（观察新网页
3、此时的横幅）图 13-2 新建网页 现重新回到“导航”视图中（在左侧“视图”工具栏中选择“导航”视图），可通过使用鼠标将文件夹列表中的“diary.htm”拖放到右边“主页”方框的下方即可，如下图 13-3 所示。图 13-3 将新网页添加到导航栏中3、更改和删除主题：1）更改主题：在“导航”视图中可双击“主页”方框回到“网页”视图中，鼠标右键单击网页空白地方打开右键菜单或是使用【格式】菜单中的【主题】命令，都可打开“主题”对话框，可根据需要从中选择各自喜欢的主题（注意可为不同网页设置不同的主题或者所有网页设置同样的主题、以及包括设置主题应用的范围等），例如这里选择的是“垂柳”主题。2）删除主
4、题： 当需要设置网页的背景图片或是背景颜色时，就不能同时有网页主题，所以需要删除主题：删除的方法同上，只要在“主题”对话框选择项中选择“无主题”即可，注意是对“所有的”还是“当前所选的网页”。图 13-4 更新主题、添加链接、及更改横幅标题后的效果图4、添加背景图片或背景颜色例如在网页“study.htm”中，先去掉当前该网页的主题；再在网页空白处点击右键菜单中的“网页属性”（或是【文件】【属性】），选择对话框中的“背景”标签，可为当前网页设置背景图片；在颜色区可设置网页背景色、文本的颜色、超级链接的显示颜色等。见下图 13-5 所示：图 13-5 添加背景图片或设置背景颜色5、音视频的插入：
5、先定位鼠标的位置，例如在“study.htm”中插入一段事先存放在硬盘中的音视频多媒体文件：在通过【插入】【高级】【插件】 ，打开“插件属性”对话框，如下图13-6 所示，通过“浏览”按钮选择相应的音视频多媒体文件。图 13-6 插入音视频插件注意：这种插入方式是通过插件来播放音视频的，插入的插件在“普通”视图中以插头标记表示，当在“预览”视图中时则是以播放器显示，并可以控制媒体的播放。另外，通过【插入】【图片】【视频】命令可以直接插入视频文件格式为 .avi， .asf， .ram，.ra 的媒体文件，在弹出的“视频”对话框中浏览选择需要插入的视频文件。插入视频之后，网页中会出现一个图标，表
6、示已经插入了视频文件，在预览的时候就能看到所插入的视频动画，默认属性是自动播放的，也可以改变其设置：在普通视图下，先选中该图标，通过右键菜单中的“图片属性”或是“格式”菜单中的“属性”来进行设置。注意：以下实验内容为可选内容，只有当完成了网站中所有子网页的编辑和制作后，再试着完成下面的选做实验内容。6、表单的使用：例如利用表单来做网站评价问卷。使用【文件】【新建】【网页】，在常规标签下选择“表单网页向导”，打开网页向导对话框后进行下面的操作：1）首先单击“下一步”进入选择添加表单的问题类型；2）单击“添加”按钮找到“评价”问题类型，并在下方的“编辑此问题的提示信息”中输入“您觉得本网站如何？”
7、，单击“下一步”；3）这个步骤用于选择“用户如何提供答案”并输入保存答案的变量名，见下图 13-7，设置完成单击“下一步”；图 13-7 表单向导4）可继续单击“添加”按钮添加其他相关的调查项目，例如被调查者的年龄，性别；或者是添加段落以便留下意见和建议等。5）“添加”项目完成后，单击“下一步”选择“如何显示问题列表”，可根据个人喜好选择；再“下一步”是选择如何处理用户通过提交表单所做的输入，即表单结果的保存方式，可以保存到 web 页或是文本文件。最后“下一步 ”点击 “完成”，表单网页就基本创建好了。另外，在添加完成后若需要添加新的选项，可利用“插入”菜单中的“表单”命令来自由编辑新的其他
8、表单选项，效果可参考如图 13-8。图 13-8 网站评价表单6）最后对当前的新网页可进行一些修改和编辑，使得更加美观和实用，特别要注意的是：a、应该添加一些超链接以便可到达其他网页； b、以及能由其他网页到达该评价网页，方法是在其他网页中设置到达该网页的链接（或是在“导航”视图中做相应的编辑）。7、框架的使用：可利用框架来同时显示多个不同的网页。1）创建框架网页单击【文件】菜单中【新建】子菜单的【网页】命令，在弹出的“新建”对话框中选择“框架网页”选项卡，这时框中显示了多种框架模板以供选择。例如这里选择“嵌套式层次结构” ，注意下图 13-9 对话框中的右边“说明” 部分。图 13-9 新建
9、框架网页创建框架网页后，必须为每一个框架设置显示的网页，否则在浏览器中只显示空白框架。显示页的设置可分为：“设置初始网页”：单击框架中的“设置初始网页”按钮，将弹出“创建超链接”对话框，选择需要链接的网页文件，可以是当前站点中的也可以是 Internet 网络上的。“新建网页”：单击该按钮，将在当前框架中生成一个新网页，并在其中进行设计和编辑新网页，该新网页是需要保存到当前网站文件夹中的。效果如图 13-10。图 13-10 设置框架网页的显示页2）框架的操作创建框架网页后，可在框架中进行拆分框架、删除框架、定义目标框架等操作。a、拆分框架在需要拆分的窗格中，使用菜单【框架】【拆分框架】命令，
10、则可以将当前窗格按行或按列进行拆分。b、删除框架定位在需要删除的窗格中，使用菜单【框架】【删除框架】命令则将当前窗格删除。c、定义目标框架在框架网页内可以设置超链接所指定的对象在另一个框架中打开。在框架网页中创建超链接时，在设置好“URL”后，单击更改“目标框架”按钮，见下图 13-11 所示。图 13-11 更改目标框架在弹出的“目标框架”对话框中， “当前框架网页”区域显示出当前网页的框架结构图，可以直接用鼠标选择相应的窗格作为链接的目标显示框架，如下图 13-12。图 13-12 设置目标框架3) 设置框架属性在框架中右键鼠标，从快捷菜单中选择“框架属性”将弹出下面的对话框（图 13-1
11、3）：更改目标框架直接用鼠标选择相应的窗格图 13-13 设置框架属性在其中可以重新设置当前框架的名称、更改其初始网页、调整框架的大小（也可用鼠标调整） 、框架边距（指内容与边框的距离） 、是否可在浏览器中调整大小等。4 ) 保存框架网页整个框架结构是一个文件，而在框架网页中，一个区域就是一个网页文件，所以既要将整个框架保存为一个网页文件，又要保存框架中每个独立区域中网页。在使用【文件】菜单中的【保存文件】命令时，框架中若没有新建的网页则全部保存，否则将弹出“另存为”对话框对新建的网页文件进行保存。8、发布站点在发布之前，应先在浏览器中浏览各个网页，测试各项操作和设置是否有效以及版面效果等等。
12、1）申请主页空间要发布自己的网页，首先必须在网上有存放主页的空间，要向发布网页的服务器申请 URL，得到 URL 和密码就可向服务器发布网页了。例如可在 http:/ （雅虎个人空间），http:/ (中联科技)等网站中注册申请。（申请过程可参照课本教材）2）上传站点a、当申请主页空间成功后，就可以直接在申请到的服务器上上传文件，不同的网站上传的方式大致相同（可参考课本教材）。b、上传站点也可利用 frontpage 提供的内置功能上传，发布站点的步骤如下：（1）在 FrontPage2000 窗口内，打开需要发布的 Web 站点。（2）打开【文件】菜单，选择【发布站点】命令，或者单击常用工具
13、栏的“发布站点”按钮，打开“发布站点”对话框。图 13-14 发布站点（3）在“指定发布站点的位置”文本框中输入 Web 服务器的 URL 或者 FTP 地址。（4）确定发布网页的范围。可单击上图中的“选项”按钮，在“只发布更改过的网页”、 “发布所有的网页，覆盖目标站点上已有的同名网页”单选框中选择一个。（5）单击“发布”按钮，FrontPage 2000 将把所选的网页拷贝到 Web 服务器。这时在屏幕上会出现“要求提供用户名和密码”对话框，需要输入从 ISP 处获得的用户名和口令。（6）发布成功后，需要访问发布的站点时，可单击如下图中的“单击此处可以查看您发布的站点”。否则，单击“完成”按钮。这样制作的站点就成功地发布了。图 13-15 发布成功
