使用FRONTPAGE制作网页 简明教程

目录

一、启动程序

二、建立站点

三、新建文档

四、输入文字

五、插入图片

六、文档联结

七、页面修饰

八、动态效果

九、滚动字幕

 

一、启动程序

FrontPage 2000是目前世界上较优秀的网页制作与开发工具之一。它是Office2000中的一个重要组件,它即继承了FrontPage以前版本的功能,又采用了与Office2000其他组件一致的界面和操作方式。只要您使用过Office软件,就可以轻松掌握FrontPage 2000的用法。

    安装完成后,依次点击[开始]→[程序]→[Microsoft FrontPage]即可进入FrontPage 2000主界面。

可以看出FrontPage2000主界面是由标题栏、菜单栏、常用工具栏、视图栏、编辑区和状态栏构成。

   

————返回

二、建立站点

依次单击[文件] [新建] [站点](如下图)

在“新建”对话框中点选“空站点”;“指定新站点位置”的内容改为E:\my webs(如下图),然后单击“确定”。这样一个空的站点已经建成。然后我们就可以开始设计网页了。

 

————返回

 

三、新建文档

这一节我们讨论怎样创建页面。 

创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。 新建按扭

  如果要新建网页,可以不用向下箭头键选择,而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。

单击[文件]菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FRONTPAGE提供的许多网页模板,我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“在左边列出目录的一栏正文”网页,这样就创建了一个新的分为两栏的网页了。然后点确定。

使用模板可以不用总是从空白网页开始编辑,这样就省力很多。请根据你的设想选择一种适合的模板。

 

————返回

 

四、输入文字

在编辑区中将相应的内容改成你要输入的内容。如:

单击工具栏上的保存按钮 ,在弹出的“另存为”对话框中将文件名改为“index.htm”,然后单击“确定”。

 

————返回

五、插入图片

1、如何获得图片

我们可以自己制作一些图片,也可以把我们从网上找到的图片保存下来使用。当我们看到网上有一幅图片很好看,想要加入到自己的网页上,可以将光标移动到该图片上,单击鼠标右键,选择“图片另存为”命令(如图5-1),将图片保存到你的网站图片文件夹中E:\my webs\ images

(图5-1

2、插入图片

frontpage中,选择[插入]菜单下的[图片]-->[来自文件]。如图(5-2

在“图片”对话框中,转到“images”文件夹下,选择要插入的图片,然后单击“确定”(入图5-3

  

(图5-2                            (图5-3

 

————返回

 

六、文档联结

当我们作了多个网页时需要通过“超级连接”来将这些网页组织起来,可以方便的实现从一个页面转移到另一个页面。

首先选择要作为连接的文字,光标移到这些文字上,单击右键,选择“超链接”命令。(如图6-1

     

(图6-1                           (图6-2

    在“创建超链接”对话框中选择要连接的文件(这里是从文字“牛顿的人造卫星原理图”,连接到讲述牛顿人造卫星原理的那个页面——1.htm),然后单击确定。  

————返回

 

七、页面修饰

    现在的页面已经有文字和图形了,但页面还是显得有点单调。我们可以通过对网页进行一些修饰。

1、给网页设置背景

在页面上单击右键弹出快捷菜单,选择其中的“网页属性”命令。

在“网页属性”对话框中共有六个标签,分别是“常规”、“背景”、“边距”、“自定义”、“语言”、“工作组”。我们通常仅使用前两个标签的内容。

修改网页标题:单击“常规”标签,在其“标题”一栏内填上你的这个网页的主题,如“人造地球卫星的原理”。这里所填的内容将显示在网页窗口最顶上的标题栏内,这是网页最先显示的部分,能够让人在看到你网页内容之前看到你网页的主题。

修改网页背景:单击“背景”标签,就可以开始设置网页的背景了。我们这里主要介绍网页的背景图片、背景色、文本的颜色、超链接的颜色的设置。


单击“背景”右侧列表的向下箭头可以指定网页的背景色(也同样适用于其他一些内容的颜色设置),在指定各种颜色时要注意,各种内容的颜色要不同,而且差别越大越好,尤其是“背景”和“文本”的颜色一定要不同,如果两者颜色相同那么就看不到文本了。颜色的搭配要符合你网页的内容比如下面的配色。

为了更加体现你网页的风格和特色,可以为网页选择一个背景图片。例如,我要为网页添加星空的背景,我们可以到网络上找到一些类似的网站将他们的好的背景复制下来。例如我们找到了一个网页想用他的背景,可以在这个网页的背景上单击鼠标右键,选择“背景另存为”命令,将其保存到“E:\my webs\images”中。保存下来后还需要将这个背景图片指定给网页。 

在frontpage内打开“网页属性”对话框,切换到“背景”标签,点选“背景图片”前的复选框,然后单击“浏览”按钮,在弹出的对话框中双击打开images文件夹,选择你刚才保存的背景图片。

点击两此“确定”按钮后就能看到页已经变成了有背景的画面了。如果你在前面点选了“水印”复选框“的话,在页面向上下翻页时背景位置不变,反之背景也会向上下翻页。

 

————返回

 

八、动态效果

前面制作的页面都是静态的,我们为了使页面更加生动,可以加入一些动态效果。FRONTPAGE为我们准备了一些现成的动态效果,我们可以方便地添加到页面中,而不用自己写复杂的代码。

为了我们操作方便,需要将动态效果的工具打开。鼠标移动到工具栏上,然后在任意一个按钮上单击右键,在弹出菜单中选择“DHTML效果”命令。

这样,在工具栏中就会增加一栏工具。利用此栏工具就能为页面元素添加动态效果。

例如我要让首页上的标题“人造地球卫星的原理”在页面打开时飞入,可以进行以下操作。

1、选择标题文字“人造地球卫星的原理”。
2、点击“DHTML效果”工具栏中“开启”,在展开的列表中选择“网页加载”。

3、点击“DHTML效果”工具栏中“应用”,在展开的列表中选择“飞入”。

其他的动态效果的添加,可以仿照上面的操作进行。

————返回

 

九、滚动字幕

欢迎来到我的网页!

欢迎来到我的网页!

欢迎来到我的网页!

想不想实现上面的这些效果呢?来吧,这一点也不难!

1、依次点击菜单[插入]-->[组件]-->[字幕]。

2、在“字幕属性”对话框中填入你要显示的文字,然后进行相应的设置。

“方向”用来控制字幕滚动的方向。

“速度”用来控制滚动的速度,一般不用修改。

“表现方式”共有三种。“滚动条”表示字幕将沿一个方向滚动直到所有文字滚到页面以外。“幻灯片”表示字幕向一个方向滚动,当文字碰到页面边界时就停止滚动。“交替”表示字幕不断地来回滚动,文字碰到页面边界后就向相反方向滚动。

“重复”控制字幕滚动的次数。如果选择了“连续”对“滚动条”和“交替”模式来说,将反复不断地进行滚动;对“幻灯片”模式来说则只滚动一次。如果选择非“连续”模式(“连续”前不打钩),那么可以指定滚动的次数。

如果在设定了字幕属性后想修改字幕的属性,可以在编辑界面中双击要修改的字幕,就可以再次打开“字幕属性"对话框进行修改。

————返回