FrontPage2003的教程详细.ppt

1、第6章使用FrontPage2003，示例6-1 FrontPage2003的生产介面实例6-2 FrontPage2003查看网页实例6-3，使用源档案剪辑和预览web实例6-4 FrontPage在网页中插入图像实例6-5超连结实例6 FrontPage是常用的web和web网站创作工具软件。FrontPage2003是FrontPage的最新版本，提供网页HTML源代码、剪辑、文本、图片、声音、动画、西餐、超连结和数据库，以及脚本语言插入、网站管理和发布工具。本章主要通过九个案例提供FrontPage2003 ，实例6-1熟悉FrontPage2003的操作界面，1，牙齿熟悉FrontP

2、age2003的菜单栏、工具栏、视图栏和主剪辑区域。2，过程，在windows中，使用“开始”菜单节目-“Microsoft FrontPage2003”启动front page 2003。显示FrontPage2003的操作界面，如图6-1所示。图6-1操作介面，图6-2显示了FrontPage2003菜单栏，浏览每个菜单中包含的菜单项。图6-2菜单项，图6-3显示了FrontPage2003常用工具栏上的各种按钮。是的，等等。图6-3各种按钮，图6-4显示了FrontPage2003格式工具栏上的各种工具。图6-4使用各种工具查看主剪辑区域，剪辑区域的左下角有四个选项卡(见图6-5)。图6

3、-5网页的显示方式，6 .查看FrontPage主介面右侧包含多个任务窗格(“启动任务”、“帮助文档”等)的“任务窗格”窗口。可以方便快捷地编辑网页。图6-6所示。图6-6工作窗格，3，牙齿案例知识点FrontPage2003包含档案、剪辑、尝试、查看、插入、格式和工具，具有与剪辑：Office套件相同的撤消、剪切复制、粘贴、删除和查找功能。检视：控制网页的各种检视之间的切换，以及工具列和工作窗格的显示。查看：包括在视图栏中选择各种查看方法和显示各种工具栏按钮的功能。插入：用于插入web元素(如换行符、水平线、西餐、图片和超连结)或插入各种Office组件和对象格式(如字体、边框、web样式和

4、背景图片)。工具：包含FrontPage工具栏、选项、web选项设置和加载宏等功能。表格：主要包括在网页中插入表格和表格，以及设定储存格属性。框架：主要包括删除和拆分框架，以及设置框架属性等功能窗口(web窗口之间的切换)牙齿。帮助文档：包含FrontPage2003的帮助文档文档。FrontPage2003的工具栏与Office套件(如Word)几乎完全相同。主要包括常用工具按钮，例如新建、打开、保存、打印、预览、剪切、复制和粘贴。您可以使用主剪辑区域左下角的四个选项卡在“设计”/“拆分”/“代码”/“预览”四个茄子视图之间切换。设计：可以在剪辑状态下查看网页。分割：将剪辑窗口分割为两部分以

5、显示代码，并显示剪辑状态的网页。代码：查看HTML源代码。预览：允许您在发布后预览网页。使用示例6-2 FrontPage2003创建网页。首先，对于牙齿，您应熟悉使用FrontPage2003创建、保存、打开网页的步骤和方法。2，步骤，使用菜单档案“新建”，然后从弹出“新建”任务窗口中选择“空网页”。任务窗格消失，创建空网页。在剪辑区域中，输入文本“Hello，world”。如图6-7所示，图6-7使用菜单档案输入字符，如图6-8所示。选择图6-8的“save(保存)”对话框，选择保存网页文件的位置，单击“change title(更改标题)”按钮，然后在弹出网页标题设置对话框中输入新网页标

6、题文本“scene 6单击确定按钮。在“图6-9网页标题设置”对话框的“另存为”对话框中，输入新档案名称(新文件的默认名称为“索引”)example 6-2。选择保存类型(通常为网页)。单击“保存”按钮完成档案保存。3，如果是牙齿，请在知识点，FrontPage中打开现有网页文件，请使用菜单档案打开，如果要确认是否在“打开文物”对话框中打开网页文件(如图6-10所示)，请单击“打开”按钮，或者双击web档案的名称。创建新的空网页时，也可以使用工具栏上的按钮。打开和保存网页时，工具栏上的按钮和按钮均可用。图6-10“打开档案”对话框、查看实例6-3源档案、剪辑和网页预览、1，对于牙齿，您还应熟悉

7、如何在FrontPage中查看、编辑源文件和预览网页。2、依次单击“步骤”、“菜单”“打开档案”，然后单击剪辑窗口左下角的“代码”。图6-11所示。查看图6-11档案源代码，查看源文件的第11行，Welcome to LanZhou！单击“设计”、“拆分”选项卡，然后观察网页正文部分中字符和代码的更改。单击“预览”选项卡可以预览网页发布后的一般情况。单击菜单档案“另存为”，将网页标题更改为“案例6-3”，将档案名称保存为“example6-3”。3，在牙齿情况下，知识点在查看web页的代码窗格时以不同的颜色显示徐璐不同的源代码，HTML中的标志以紫色显示，属性名称以红色显示，属性值以蓝色显示正

8、文标题和文本。查看网页中的代码时，可以直接编辑和修改HTML源代码。单击“预览”选项卡时显示的网页是网页发布后的一般情况，但不一定是网页在浏览器中导航时的实际情况。在指定浏览器中预览已编辑的网页的步骤。步骤如下：1)保存编辑过的网页。2)使用菜单档案浏览器中的预览，从弹出的辅助菜单(如图6-12所示)中选择浏览器和分辨率等参数，打开相应的浏览器预览网页。从牙齿辅助菜单中选择“浏览器列表剪辑”。您可以根据需要添加、修改和删除浏览器，如图6-13所示。这样，您可以徐璐使用其他浏览器查看web页在其他用户浏览器中的徐璐显示方式。图6-12辅助菜单，注意：如果文件没有保存，预览网页时会出现一个对话框，

9、提示您保存当前网页。图6-14所示。图6-13浏览器列表剪辑，图6-14警告保存当前网页。示例6-4使用FrontPage在网页中插入图像。1、如果是牙齿，应熟悉在网页中插入图像的方法和步骤。掌握在网页上编辑图片的方法和步骤。掌握更改图片属性的方法和步骤。第二，过程，运行FrontPage，创建新的空网页。使用“插入菜单”“贴花文件”，在图6-15所示的“打开的贴花”对话框中，选择图像档案cup1.jpg。图6-15“图片”对话框，单击“确定”按钮后，选定的图片将插入到网页中。图6-16所示。在图6-16网页上插入选定的图片，选择插入的图片，单击鼠标右键，然后选择“图片剪辑”命令，将出现“图像

10、属性”对话框，如图6-17所示。在图6-17“图像属性”对话框的“外观”选项卡上，选择对齐“右对齐”，并将“长方体厚度”设置为1。选择“指定大小”，将宽度设置为200像素，然后选择“保持纵横比”。图3-18所示。图6-18显示了设置图像属性并单击“确定”按钮后的结果，如图6-19所示。图6-19结果图，7 .单击档案名称example6-4，将标题更改为“案例6-4”，然后单击“确定”按钮。8.在出现的“save included file(保存嵌入的档案)”对话框中(如图6-20所示)，单击“ok，图6-20“存储嵌入的档案”对话框、3、牙齿案例知识点、图片除了提高网页的装饰效果外，还可以作

11、为网页的导航按钮。在本地档案系统上以GIF、JPEG或BMP等档案格式添加图片。保存网页时，FrontPage会提示您在站点中保存照片。如果插图不是GIF或JPEG格式，则使用低于256色颜色的插图会自动转换为GIF，而所有其他插图都会转换为JPEG格式。FrontPage不仅可以插入文件中的图片，还可以插入Office剪辑库中的剪贴画。插入时的步骤与插入档案插图时的步骤基本相同。在上述步骤中，只需从2的插入图片文件更改为插入图片剪贴画即可。选择插入的地物，然后单击菜单“视图”“工具栏”“地物”，屏幕下方将显示“32.工具栏(如图6-21所示)允许您编辑插入到网页中的图片。图6-21“图”工具

12、栏，图工具栏具有更改图亮度、颜色对比度、转换为黑白图、裁剪图、尝试图的颜色透明性、在图中放置文本、设置图对齐和间距、创建图的缩略图等工具。“图片属性”对话框包含“外观”、“一般”和“视频”标签，您可以在“外观”标签中设置图像的布局和大小参数。对于牙齿，请参阅图6-17。在“常规”(general)选项卡中，您可以选择图片源、确定图片类型、设置低分辨率替代表示法和图片超连结等(参见图6-22)。在图6-22的“general(常规)”选项卡、“video(视频)”选项卡中，您可以选择视频源并设置视频播放参数(例如重复次数等)。图6-23所示。在图6-23的“视频”选项卡、示例6-5超连结设置和剪

13、辑、1、牙齿示例中，您应熟悉设置文本超链接的方法和步骤。熟悉创建图像超链接的方法和步骤。熟悉创建邮件超链接的方法和步骤。2，程序，运行FrontPage，在设计视图模式下输入“兰州石化职业技术学院”文本。选择刚才输入的文本，单击鼠标右键弹出快捷菜单，然后从快捷菜单中选择超连结菜单项。或者，您可以单击常规工具栏上的超连结按钮，打开“创建超连结”对话框，如图6-24所示。选择图6-24超连结菜单项，在插入超连结对话框的URL栏中输入链接的目标地址，然后单击确定按钮。参考案例6-4中的方法和过程，在刚刚的网页中插入cup.jpg图像。如果将边框粗细设置为“1”、图片宽度设置为“200”像素并选择保持

14、纵横比，则其他图片属性保持不变。选择插入的图像，然后单击工具按钮。在“插入超连结”对话框中，找到网页档案example6-4.htm，然后单击“确定”按钮。将标题为案例6-5的网页文件另存为example6-5.htm，然后在档案浏览器中单击“预览”“Microsoft Internet Explorer 6.0”。查看链接的实际效果。第三，在牙齿情况下，知识点、超链接是从一个网页到另一个网页或同一网页上其他位置的链接。牙齿目标通常是其他网页，但也可以是照片、电子邮件地址、档案(如多媒体档案或Microsoft Office文档)或程序。超链接可以是文本或图片。在案例主页上，我们提出的两个超链

15、接分别是文本和图片。他们的目的地都是一个网站。如果目标指向文件的本地文件，请单击“插入超连结”对话框中的“浏览档案”按钮，图6-25“链接到文件”对话框，使用示例6-6 FrontPage在网页中插入表。第一，对于牙齿，您应该熟悉在网页中插入表的方法和步骤。如果要将目标指向电子邮件地址，请单击“电子邮件链接”图标，在图6-26的“插入超连结”对话框中输入电子邮件地址，图6-26设置电子邮件，2，流程，运行FrontPage，新的空白网页。在“设计”视图模式下，输入文本“调度”，选择输入的文本，在“格式工具栏”下，将“文本格式”设置为“标题1”，将“字体”设置为“在中文新上方”，将“大小”设置为

16、“7(36在“牙齿”对话框中，将表中的行数和列数设置为“6”，其他选项选择默认值，如图6-28“插入表”对话框、选择表中的行1、单击鼠标右键、快捷菜单弹出。在快捷菜单上选择单元格属性命令后，将显示单元格属性对话框。在“单元格属性”对话框中，单击“标签”。选中“标题单元格”和“指定高度”复选框，将高度设置为“40”像素(如图6-29所示)，然后单击“确定”按钮。图6-29“单元格属性”对话框(请参阅第4，5步)表1列。设定为表格储存格。手指。选择固定宽度，将宽度设置为20，然后选择“百分比”按钮。单击“ok(确定)”按钮，如图6-30所示。图6-30设置宽度和百分比参数，分别选择2，3，4，5，6列，单击鼠标右键，从快捷菜单中选择“单元格属性”命令，然后在“单元格属性”对话框中，选择单元格水平对齐为“水平居中”。手指。选中“固定宽度”复选框，指定宽度为16，然后选择“百分比”按钮，如图6-31所示。单击确定按钮。设置图6-31附加列参数，然后在表格的每个单元格中输入课程体系的内容。将档案命名为example6-6，将标题保存为案例6-6。单击“预览”按钮后，结果如图6-32所示。图6-32案例6-6效果图，3，牙齿案例知识点可以使用菜单命令将表格插入网页，也可以使用常用工具栏上的“插入表格”按