第2章编辑网页的工具——FrontPage.pptVIP

第2章 编辑网页的工具——FrontPage 2.1 什么是FrontPage 使用FrontPage 2000软件，不需要掌握很深的网页编制技术知识，甚至不需要了解HTML的基本语法（第3章将作介绍），它支持所见即所得的编辑方式。事实上，如果会使用MS Word字处理软件，就可以很快学会使用FrontPage 2000，因为它的基本使用方法和MS Word基本相同。可以像编辑Word文件那样在文章中插入表格、图像，甚至可以插入声音文件、动画和视频文件。 2.2 认识FrontPage 2000的界面 单击“开始”→“程序” →“Microsoft FrontPage”，将打开FrontPage 2000的界面，如图2.1所示。 在FrontPage的界面中可以发现许多熟悉的元素，如打开和保存文件、打印、拼写检查、插入表格、图片、列表符、设置字体、字号、行对齐方式等。这些元素的使用方式和Word中的用法基本相同。 FrontPage 2000的优点就在于它的所见即所得的编辑形式。 2.2.1 6种不同的视图模式 在FrontPage 2000的界面中有一些Word中没有的图标。FrontPage 2000的界面中有6种不同的视图模式，包括网页视图、文件夹视图、报表视图、导航视图、超链接视图和任务视图。6种视图模式的功能如下。 1. 网页视图 启动FrontPage 2000以后，系统的默认设置可用于编辑网页，这是以后编程时经常会使用的模式，可以帮助你检查程序，直接插入元素，如文字、图片、表格、表单等。下面主要介绍这种视图模式。而其他5种视图模式只有在一个站点被打开时才会起作用。 2. 文件夹视图 打开站点时，可用此视图组织站点中的文件和文件夹。单击视图栏中“文件夹”按钮，切换到文件夹视图，如图2.2所示。 3. 报表视图 打开站点时，此视图将报告站点中文件和超链接的状态。单击视图栏中“报表”按钮，切换到报表视图，如图2.3所示。 报表视图显示当前站点中的各项统计数据，如所有文件、图片、链接的文件、未链接的文件等。如果想了解其中某一项具体内容，可以双击该项。 4. 导航视图 打开站点时，此视图会显示站点的导航结构，还可以在网页上添加导航按钮。单击视图栏中的“导航”按钮，切换到导航视图，如图2.4所示。 导航视图显示的是站点中各个网页的层次结构。 5. 超链接视图 打开站点时，此视图显示来自和指向站点中的每一页的超链接。单击视图栏中“超链接”按钮，切换到超链接视图，如图2.5所示。 6. 任务视图 打开站点时，此视图列出站点中要完成的任务。单击视图栏中的“任务”按钮，切换到任务视图，如图2.6所示。由图中可以看到所定义的任务。当编制的网页很多时，对用户会很有帮助。 2.2.2 网页查看方式 网页视图模式下有三种查看网页的方式。 1. 普通方式 普通方式是系统默认的查看方式，启动后就进入了普通方式。在这种方式下可以完成网页的大部分编辑工作。如图2.7所示。 2. 预览方式 利用预览方式可以随时查看当前所编写的网页在浏览器中浏览的效果。对于网页中的一般静态效果，普通方式和预览方式的显示基本相同，但最好在浏览器中查看动态效果和动态网页。 3. HTML方式 单击HTML标签则进入HTML源代码编辑状态，如图2.8所示。可以在其中输入HTML标记或修改已有的HTML标记，这种方式以后会常常使用，它能加快编程速度。 2.3 添加网页的背景和插入表格 2.3.1 页面属性设置 在FrontPage 2000的界面中，单击“新建网页”图标，将打开一个空白新文件。右击页面的空白处，然后在弹出的快捷菜单中选择“网页属性”，则打开“网页属性”编辑对话框，如图2.9所示。 2.3.2 表格属性设置 单击“插入表格”图标，可在页面中插入一个表格，在表格中随意键入一些文字，然后选中表格单击鼠标右键可打开“表格属性”对话框，从中可进行表格属性的设置，如图2.10所示。可以设定单元格内文字和图像的显示位置、字体、字号以及如何增加、拆分和合并单元格等。 2.4 使用框架页面 在网页视图下单击“文件”→“新建” →“网页”，将打开“新建”对话框，如图2.11所示选择“框架网页”，将显示若干种框架网页的样式。通常使用的是“横幅和目录”格式，在对话框右下方有该种格式的分割窗口的预览，如果单击其他类型的框架网页，也会在该位置显示其他类型分割窗口的预览效果，可以选择喜欢的格式，然后单击“确定”按钮。页面会变成新的带有分割窗口格式的框架页面。 “横幅和目录”格式的框架网页将整个网页分成3个窗口，最顶部的窗口叫做Banner，左下角的窗口叫做Content，右下角的窗口叫做Main。实际上这3个窗口就是3个网页。如图2.12所示。 2.5 插入表