烟雨盟

烟雨盟友的集会地

53 成员295 主题675 回复0 张照片

Frontpage2000的教程

某
某人
2001-03-23 23:57

一 制作网页的基础

关于网页 网页是全球广域网上的基本文档,用 HTML (超文本标记语言) 书写。网页可以是站点的一部份,也可以独立存在。然而,只有在您使用站点时,Microsoft FrontPage 的许多特性才有效。 例如∶允许站点访问者导航到站点中其他网页的导航栏,如果处在单个网页的环境中将毫无意义。 一个 HTML 网页包含了 HTML 标记符,这些标记符是一些嵌入式命令,提供网页的结构、外观和内容等信息。Web 浏览器利用这些信息来决定如何显示网页。 您无需懂得 HTML 就可以使用 Microsoft FrontPage 。 您可以象在字处理程序中一样编辑网页 —当您输入文本、设置文本格式以及添加图形、表格等网页元素时, — FrontPage 会在后台添加相应的 HTML 标记符。 您的网页就会以如同将在 Web 浏览器中出现一般被显示出来。然而,您也可以在网页上将 HTML 标记符显示出来;而且,如果您熟悉 HTML ,您也可以自己编辑书写 HTML 标记符。 <创建与设计网页> 为了帮助您创建专业化外观、设计完善的网页, FrontPage 向您提供多种网页模板,使您能快速地创建具有各种布局和功能的网页。例如∶您可以利用 FrontPage 的模板来创建两列式的网页或带有搜索表单的网页。 您也可以使用多种主题之一来创建设计风格一致的网页。一个主题包含了附有颜色结构的完整设计组件,其中包括字体、图形、背景、导航栏、水平线、和其他网页元素。 如果想自己设计网页,您可以从一个空白的网页开始: ☆使用框架、表格或绝对定位来精确定位网页上的文本和图形。 ☆添加网页元素,例如文本、图形、网页横幅、表格、表单、超链接、横幅广告、字幕、悬停按钮、日戳、计数器等等。 ☆应用样式或使用样式表来设置文本格式。 ☆设置网页元素动画属性和网页过渡功能,使得网页效果栩栩如生。 ☆设置背景颜色、图片或声音。 ☆创建您自己的网页模板。 <更改主题图形> 您可以使用个人图形来替换特定主题中的图形。例如∶您可以使用自己创建的图形来替换 “浪漫” 主题中的背景图片。也可以更改其他图形组件,如网页横幅、项目符号、导航按钮和水平线。也可以指定显示有文本的图形组件的字体。 此外,每一种主题有两种图形集 —普通的和动态的— 您可以指定两种图形集中所使用的图形。然后,当您应用主题时,请小心选择您自定义的图形集。 当您修改一个 FrontPage 预置主题时,您必须将结果保存为新主题;您无法覆盖一个 FrontPage 预置主题。例如∶如果您修改了“浪漫”这个主题后,请将结果保存为“我的主题”。 1 在 “格式” 菜单上,请单击 “主题”。 2 在列表中请单击要修改的主题。 3 单击 “修改”,然后单击 “图形”。 4 在 “主题图形设置” 下,指定是否要更改普 通的或动态的图形集中的图形(如果已经选定6了 “图片” 选项卡中的 “背景图片”,则您无法指定要更改的图形集)。 5 在 “图片” 选项卡中(它位于 “项目” 框下),请单击要更改的图形组件。 6 指定要使用的图片或图片组 — 这取决于所选组件,则将显示一个或更多选项。例如∶对于 “项目符号列表” 可指定三种不同项目符号。要查找当前站点或文件系统中的图形,请单击 “浏览”。 如果所选的图形组件可以显示文本,则 “字体” 选项卡上的选项将可用,而您可以更改字体。 对每一种要更改的图形组件,重复步骤 4、5 和 6。 7 单击 “确定” 按钮。 8 单击 “另存为” 按钮。 9 输入新主题标题(除非您修改的是自定义主题 ),然后请单击 “确定”。 10 应用新主题到站点或选定的网页上。

二 创建模板与设置网页背景

◆模板为预先设计的网页,可包含网页设置,格式设置,和网页元素。您可以创建您的网页模板使您可以快速一致地在您的站点中创建网页。模板在多制作者环境很有用,因为它可以帮助制作者创建网页。 ◆例如∶如果全部网页在其顶部都有公司商标和说明,则可创建拥有这些元素的模板。然后,当您创建新网页时即可使用此模板,而商标和说明就会自动放置在网页上。 ◆当您创建网页模板时,您可创建您所想要设置的网页和网页元素,然后保存成为网页模板。模板将会显示在 FrontPage 所提供的其它模板之中。当您想要使用您的模板创建一个新的网页,您可以轻易地从列表中选择您的模板。 ◆注意: 应用主题的网页可以存成模板。根据原始网页如何应用主题,使用模板所创建的网页将可以使用站点默认主题设置或者指定的主题。例如∶您可以从有主题的网页创建模板,然后在其默认主题为 Artsy 的站点创建网页。若网页模板使用站点默认主题 Artsy ,则新网页也将使用 Artsy 主题。若网页模板使用指定的主题,则新网页也将使用该主题。 ◆在网页视图模式下,可创建一个模板所要包含的网页设置和元素的网页。例如∶可创建包含一般性文本、注释等元素的网页。 ◆单击 “文件” 菜单中的 “另存为”。 ◆在 “保存类型” 框内,单击 “FrontPage 模板 (*.tem)”。 ◆单击 “保存文件”。 ◆在 “标题”框内,键入模板标题,该标题将与标准模板一起出现在“新建”对话框内的 “常规” 选项卡上。 ◆在 “名称” 框内,键入模板的文件名称。FrontPage 将自动使用适当的扩展名。 ◆在 “说明”框内,键入模板的描述,例如∶描述用模板创建的网页类型。当您创建一个新网页时,◆您若选择该模板,此描述将出现在 “新建” 对话框中。 为网页设置背景颜色 ◆您可以为网页设置背景颜色 ◆在网页视图模式下,右键单击网页,再单击快捷菜单中的 “网页属性”,然后单击 “背景” 选项卡。 ◆在 “背景” 框中,选择一种背景颜色。 为网页设置背景图片 ◆您可以为网页设置背景图片。所有的网页元素,如文本和图形,会出现在当前背景图片上。您可以使用站点、文件系统、全球广域网或剪贴画中的图片。您也可以将背景图片设置为水印,这意味着此图片不会像网页一样滚动。然而,并非所有的 Web 浏览器都支持水印。 注意 如果网页使用主题,请通过更改主题所用图片来修改背景图片。 在网页视图模式下,右键单击网页,然后单击快捷菜单中的 “网页属性”。 ◆单击 “背景” 选项卡。 ◆选择 “背景图片” 复选框,然后单击 “浏览”。 ◆选择背景图片: ◆如果所需图片在站点中,在包含此图片的站点和文件夹中浏览,选择您要的图片,然后单击 “确定”。 ◆如果图片在您的局域网上,单击 “从计算机上选择一个文件” ,在您的局域网上浏览,找到此图片,然后单击 “确定”。 ◆如果图片是在全球广域网上,请单击 “使用 Web 浏览器来选择网页或文件” 。在您的 Web 浏览器中,浏览到您所需的图片,然后回到 Microsoft FrontPage 。您访问过的网页位置就会显示在 “URL” 框中。单击 “确定”。 ◆如果图片为剪贴画,单击 “剪贴画” 来显示 Microsoft 剪贴库,选中您要的图片,单击鼠标右键,然后单击快捷菜单中的 “插入”。 ◆将一个网页的背景和颜色应用于另一个网页 v如果您已经为某个网页设置了背景图片、背景颜色、超链接颜色和文本颜色,那么您可以将这些设置应用于当前站点中的另一个网页。 ◆注意 :如果当前网页使用了主题,这一功能将被禁止。 ◆在网页视图模式下,打开您想要应用背景和颜色的网页。 ◆右键单击网页,然后单击快捷菜单中的 “网页属性”。 ◆单击 “背景” 选项卡。 ◆选择 “从另一网页获得背景信息” 复选框。 ◆单击 “浏览”。 ◆选择包含您想使用的背景和颜色的网页。

三 添加网页横幅

添加网页横幅 ◆网页横幅是将标题添加到您网页上的一个快速方法。网页横幅使用当前网页上主题的样式和图形;否则,网页横幅只能显示您可以设置格式的文本。在共享边框中使用网页横幅是将标题添加到站点中多个网页上的一个快速方法。 ◆在使用网页横幅之前,您必须在导航视图模式下创建您站点的导航结构。( 除非网页包含在导航结构内,否则网页横幅将是不可见的。) 网页横幅使用来自 “导航” 视图的网页标题;如果您更改某个网页的标题,则该网页的网页横幅标签也会被更改。 ◆在网页视图模式下,请将光标移至您想添加网页横幅的地方,例如共享的上边框中。 ◆ “插入” 菜单中,单击 “网页横幅”。 ◆请指定是否想以图片或文本的方式显示网页横幅。 ◆在 “网页横幅文本” 框中,键入您想在网页横幅中显示的文本。默认情况下,网页横幅显示的网页标题与导航视图模式下所显示的相同。

四 在网页中添加日戳

◆在网页中添加日戳来显示网页上次更改的时间和 / 或日期。例如∶日戳可让站点访问者知道,在他们上次访问之后您站点上的信息是否有所更改。 ◆在网页视图模式下,请将光标移至您想要放置日戳的地方。 ◆在 “插入” 菜单中,单击 “日期和时间”。 ◆指定要显示的日戳的类型。 ◆指定日期和时间的格式。

五 在网页中添加水平线

◆您可以在网页中添加水平线,这可用于分隔文本或加着重符。在添加水平线后,您可以修改其属性来更改其宽度、高度、对齐方式和颜色。如果您的网页使用了主题,水平线会使用图形来匹配主题,在网页视图模式下,请将光标移至您想要插入水平线的地方。 ◆在 “插入” 菜单中,单击 “水平线”。 ◆要修改水平线的外观,双击水平线,然后完成一项或多项下列操作: ◆在 “宽度” 下,根据视窗宽度的百分比或像素值来指定水平线的宽度。 ◆在 “高度” 下,输入水平线高度的像素值。 ◆在 “对齐方式” 下,指定水平线在网页上的对齐方式。 ◆在 “颜色” 框中,如果您不要阴影线,请为水平线选择一种颜色。 ◆如果您希望水平线以实心方式出现,请选择 “实线” 复选框。如果您希望水平线以阴影方式出现,则请清除此复选框。如果您选择了颜色,水平线会显示为实心,您将无法应用阴影效果。 ◆注意 如果当前网页使用了主题,则您只能更改水平线的对齐方式。

六 将图片转换成 GIF、JPEG 或 PNG 格式

◆您可以将图片转换成 GIF、JPEG 或 PNG 格式。例如∶若您想要为 JPEG 图片设置透明颜色,首先必须将图片转换成 GIF 格式。 ◆在网页视图模式下,在图片上单击鼠标右键,然后单击快捷菜单上的 “图片属性”。 ◆在 “常规” 选项卡中,请进行下列之一的操作: ◆将图片转换成 GIF 格式,可单击 “GIF”。若您想要在下载图片同时图片所显示的细节逐渐增加,可选择 “交错”。 ◆注意: 您不能在该对话框设透明颜色,但是如果您不想让图片具有透明色,则可以清除 “透明” 复选框。 ◆将图片转换成 JPEG 格式,可单击 “JPEG”。您也可以通过在 “质量” 框中输入从 1 到 100 的值来指定 JPEG 图片的质量。该数值越大,文件的压缩率就越小,文件就越大。在 “渐进式变化” 框中,您可以指定 Web 浏览器在下载它时解析图片的变化次数。 ◆注意 某些 Web 浏览器不支持渐进式变化。 ◆将图片转换成 PNG 格式,可单击 “PNG”。

七 设置 GIF 或 JPEG 图片的属性

◆您可以设置 GIF 或 JPEG 格式图片的属性。 ◆对于 GIF 格式图片,您可以指定是否要有透明色以及图片是否是渐进式的 (也就是,在图片下载并显示时是否会逐渐增加细部)。 ◆对于 JPEG 格式图片,您可指定质量和渐进变化次数。您设置的质量越低,图片的压缩率更大而其文件大小就越小。渐进变化的次数指的是在图片下载时为了解析图片 Web 浏览器所作的变化次数。 ◆在网页视图模式下,按下列步骤操作: ◆要设置图片的属性,可在图片上单击鼠标右键,然后单击快捷菜单上的 “图片属性”。 ◆要设置背景图片的属性,可在网页上单击鼠标右键,单击快捷菜单上的 “网页属性”,单击 “背景” 选项卡,然后单击 “属性”。 ◆要设置表格或单元格中的背景图片的属性,可在表格或单元格上单击鼠标右键,单击快捷菜单上的 “表格属性” 或 “单元格属性”,然后单击 “属性”。 ◆在 “常规” 选项卡中,请进行下列之一的操作: ◆若图片是 GIF 格式,您可以指定图片是否应该是渐进式的,若要渐进请选择 “交错”。若已经设置过透明色,则选定 “透明” 框;清除该框可删除透明色。 ◆若图片是 JPEG 格式,您能在 “质量” 框中输入从 1 到 100 之间的值来指定 JPEG 的质量。在 “渐进式变化” 框中,输入想要 Web 浏览器做的渐进变化次数。 ◆注意: 某些 Web 浏览器不支持渐进式变化。

八 在表单中添加图片作为提交按钮

◆可在表单中添加图片以作为提交按钮使用。在填写表单后,站点访问者单击图片以提交表单,那么表单上的数据,包括图片域名称,就会被提交到表单处理程序。 ◆您可以使用图片域来创建自定义图像映射工具。当站点访问者单击图片域来提交表单时,通过使用图片域的座标系统,鼠标指针的 x 和 y 座标便会被传至表单处理程序。虽然 Microsoft FrontPage 中的表单处理程序并不使用座标信息,您仍可创建自定义脚本来根据这些座标处理表单。 ◆在网页视图模式下,单击您要在表单中放置提交按钮的地方。您可以单击 ENTER 键,以插入新的一行。 ◆注意 在默认情况下,如果您将一个域放置在表单之外,就会创建一个含有提交和重置按钮的新表单区域,而该域将被插入新的表单中。如果您想使用带有脚本的域而不想使用表单内部的域,您可以禁用这项功能。 ◆于 “插入” 菜单中,指向 “表单”,然后单击 “图片”。 ◆选择图片: ◆如果所需图片在站点中,在包含此图片的站点和文件夹中浏览,选择您要的图片,然后单击 “确定”。 ◆如果图片在您的局域网上,单击 “从计算讥上选择一个文件” ,在您的局域网上浏览,找到此图片,然后单击 “确定”。 ◆如果图片是在全球广域网上,则单击 “使用 Web 浏览器来选择网页或文件” 。于您的 Web 浏览器中,浏览至您想要的图片,然后切换回 FrontPage。您所造访之网页的位置将会显示于 “URL” 框中。单击 “确定”。 ◆如果图片为剪贴画,单击 “剪贴画” 来显示 Microsoft 剪贴画库,选中您要的图片,单击鼠标右键,然后单击快捷菜单中的 “插入”。 ◆以右键单击图片来设置其内容,然后单击快捷菜单上的 “表单属性”。 ◆在 “表单名称” 框中,键入标识图片的名称。当您是使用表单处理程序而不是自定义脚本时,站点访问者将会在默认的确认网页上看见这个内部名称。 ◆提示 要测试表单,可通过单击 “在浏览器中预览” 在 Web 浏览器中预览该表单。

九 为图形设置默认超链接

◆您可以为图形设置默认超链接,如图片、动态 GIF 或视频。当站点访问者单击该图形时, Web 浏览器会显示超链接的目的地。例如∶要创建一个显示您的主页的按钮,可先在网页中添加一个按钮图形,然后为它设置到您主页的默认超链接。 ◆若您在图形上放置了热点,默认超链接使用在没有热点的区域上。 ◆在网页视图模式下,在图片上单击鼠标右键,单击快捷菜单上的 “图片属性”,然后单击 “常规” 选项卡。 ◆在 “位置” 框中(它位于 “默认超链接” 之下)键入您想要用作默认超链接的目的地。或者,单击 “浏览” 来查找目的地: ◆若目的地在站点上,则浏览到包含网页的站点和文件夹,选定后单击 “确定”。 ◆若目的地在您的局域网上,则单击 “从计算机上选择一个文件” ,从局域网上浏览到想要的网页,然后单击 “确定”。 若目的地在全球广域网上,则单击 “使用Web 浏览器来选择网页或文件” 。在您的 Web 浏览器中,浏览到想要的网页,然后单击 ALT+TAB 切换回到 Microsoft FrontPage。您已访问过的网页位置将会显示在”URL”框中。单击 “确定”。 ◆若您想要在站点访问者单击图形时创建电子邮件,可单击 “电子邮件” 。键入您想要将消息送达的电子邮件地址,单击 “确定”,然后再次单击 “确定”。 ◆若您想要超链接的目的地显示在指定的框架中,可单击 “更改目标框架” ,并指定框架。
1 / 1