使用FRONTPAGE制作网页
简明教程
FrontPage
2000是目前世界上较优秀的网页制作与开发工具之一。它是Office2000中的一个重要组件,它即继承了FrontPage以前版本的功能,又采用了与Office2000其他组件一致的界面和操作方式。只要您使用过Office软件,就可以轻松掌握FrontPage
2000的用法。 安装完成后,依次点击[开始]→[程序]→[Microsoft
FrontPage]即可进入FrontPage 2000主界面。 可以看出FrontPage2000主界面是由标题栏、菜单栏、常用工具栏、视图栏、编辑区和状态栏构成。 依次单击[文件]→ [新建] →[站点](如下图) 在“新建”对话框中点选“空站点”;“指定新站点位置”的内容改为E:\my webs(如下图),然后单击“确定”。这样一个空的站点已经建成。然后我们就可以开始设计网页了。 这一节我们讨论怎样创建页面。 创建页面最简单的方法就是单击FRONTPAGE“常用”工具栏的“新建”按钮。它的右方有一个向下的小箭头,它是用来选择要新建什么,可以用“新建”按钮新建网页、站点、文件夹和任务。默认状态下是新建网页。 如果要新建网页,可以不用向下箭头键选择,而直接单击“新建”按钮。不过使用文件菜单的“新建”命令来新建网页能够有更大的选择。 单击[文件]菜单的“新建”命令,选择“新建网页”,在“新建”对话框里,可以看到FRONTPAGE提供的许多网页模板,我们可以用这些模板来建立相应的网页。在右下角的预览框里可以看到选中模板的外观。选择“在左边列出目录的一栏正文”网页,这样就创建了一个新的分为两栏的网页了。然后点确定。 使用模板可以不用总是从空白网页开始编辑,这样就省力很多。请根据你的设想选择一种适合的模板。
在编辑区中将相应的内容改成你要输入的内容。如: 单击工具栏上的保存按钮
1、如何获得图片 我们可以自己制作一些图片,也可以把我们从网上找到的图片保存下来使用。当我们看到网上有一幅图片很好看,想要加入到自己的网页上,可以将光标移动到该图片上,单击鼠标右键,选择“图片另存为”命令(如图5-1),将图片保存到你的网站图片文件夹中E:\my webs\ images
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、选择标题文字“人造地球卫星的原理”。 3、点击“DHTML效果”工具栏中“应用”,在展开的列表中选择“飞入”。 其他的动态效果的添加,可以仿照上面的操作进行。
想不想实现上面的这些效果呢?来吧,这一点也不难! 1、依次点击菜单[插入]-->[组件]-->[字幕]。 2、在“字幕属性”对话框中填入你要显示的文字,然后进行相应的设置。 “方向”用来控制字幕滚动的方向。 “速度”用来控制滚动的速度,一般不用修改。 “表现方式”共有三种。“滚动条”表示字幕将沿一个方向滚动直到所有文字滚到页面以外。“幻灯片”表示字幕向一个方向滚动,当文字碰到页面边界时就停止滚动。“交替”表示字幕不断地来回滚动,文字碰到页面边界后就向相反方向滚动。 “重复”控制字幕滚动的次数。如果选择了“连续”对“滚动条”和“交替”模式来说,将反复不断地进行滚动;对“幻灯片”模式来说则只滚动一次。如果选择非“连续”模式(“连续”前不打钩),那么可以指定滚动的次数。 如果在设定了字幕属性后想修改字幕的属性,可以在编辑界面中双击要修改的字幕,就可以再次打开“字幕属性"对话框进行修改。 |