网页设计就业班

FrontPage 的使用介绍

发布时间:2007-4-20 18:03:35  发布来源:商信网络—杭州网站建设专家信息中心

1.FrontPage的简介

Microsoft公司出品的FrontPage是制作表单式网页的常用工具。FrontPage 2000是微软公司最新推出的面向21世纪网络办公自动化时代的大型套装软件0ffice 2000中新增的一个重要组件,也是0ffice 2000注重网络与Internet应用的一个重要体现。FrontPage 2000是目前最常用的中文版网页制作工具之一,简单易学。FrontPage 2000相对于前面的版本在网页向导、网页编辑、表单与框架页技术、音频与视频插件、动态HTML技术、数据库连接等方面进行了重大的改进,从而增强了网页制作的功能。

2.FrontPage 2000的界面

启动FrontPage 2000后,首先看到的就是主界面,主界面主要包括如下几个部分:

(1)菜单栏

菜单栏排列着10组菜单,它们分别是文件、编辑、查看、插入、格式、工具、表格、框架、窗口和帮助。

(2)工具栏

菜单栏下面就是工具栏,它是以图形按钮的形式将菜单中常用的部分功能直观地表现出来。在FrontPage 2000中共有9种工具栏,它们分别是:常用工具栏、格式工具栏、定位工具栏、导航工具栏、样式工具栏、DHTML效果工具栏、表格工具栏和报表工具栏。

在你使用到此工具栏上的功能按钮时,它才会自动弹出来;你也可以通过选择“查看”菜单下的“工具栏”选项,来选定需要显示的工具栏。

(3)状态栏

FrontPage 2000主界面的最底端就是状态栏。它主要是对菜单命令和工具栏按钮所完成的任务进行说明。

(4)视图窗

视图窗口中包含6个图标,它们是:①“网页”按钮:按下此按钮后,页面编辑器就打开了,用户可以在右边的编辑窗口中对网页进行编辑和预览了。②“文件夹”按钮:打开站点后,可用此视图组织站点中的文件和文件夹。③“报表”按钮:打开站点时,此视图报告站点中文件和超链接的状态。④“导航”按钮:打开站点时,此视图会显示网站的导航结构,你还可以在导航窗口中对页面进行添加、删除、移动等操作。⑤“超链接”按钮:打开站点时,此视图显示来自和转向站点中的每一页的超链接;也可以查看从任何网页连入以及连出至任何网页的超链接。⑥“任务”按钮:创建和管理任务。使用“任务”不仅可以组织你的工作任务,还可以跟踪工作细节。

5)编辑器

当“视图”窗中的“网页”图标按下后,FrontPage 2000的网页编辑器就打开了。使用网页编辑器可以在网页中输入文本,插入组件、多媒体、表格,建立超链接等。

编辑器的视图左下方有三个选项卡,代表三种视图方式:普通、HTML和预览。编辑器默认的是“普通”视图。

在“网页”编辑器的“普通”视图方式下,你可以像使用Word那样,输入要在网页中出现的文字;并编排文字的格式,插入表格,插入图像及各种元素。

如果切换到“HTML”视图,你就可以看到编辑器自动生成的HTML代码。在HTML视图方式下,你可以直接输入HTML代码。当然,你也可以用编辑器的菜单命令和工具栏上的按钮对代码进行复制、粘贴、删除、选择、查找、替换等操作。

“预览”视图方式是用已经安装的网页测览器来显示网页。如果你的电脑中没有安装网页例览器,就不能切换到“预览”视图方式。使用“预览”的主要目的是查看网页的实际效果。

3.运用FrontPage制作网页的一般流程简介

1)建立站点原型

启动FrontPage 2000,用鼠标左键单击“文件”菜单,指向“新建”。再选择“站点”选项,出现“新建”对话框,在框内列出了八种站点原型。选择“个人站点”原型,再在“指定新站点的位置”下的输入框中输入你想存放站点的盘符和目录,用鼠标左键单击“确定”按钮。接下来系统就会自动将网站的原型构造出来,存放在你指定的目录下。

 

 

2)编排文本

在“网页”编辑器中,对文本的输入和页面的编辑,也与其他文字处理软件一样。适当应用文本格式化操作,就能使自己制作的页面内容更加便于阅读和理解,同时也更能吸引访问者。

3)图片的插入与控制

光有文字的网页会使人看起来很累,因此,在制作网页时,适当加入图片可使网页更加活跃和丰富多彩。打开一个网页页面,用鼠标左键单击要插入图片的位置,再单击常用工具栏上的“插入文件中的图片”按钮,在弹出的“图片”对话框中选择你需要插入的图片文件(右边窗口中会显示出该图片)。如果在“图片”对话框中没有你想要插入的图片,还可以用鼠标左键单击“图片”对话框右下角的按钮,在弹出的“选择文件”对话框中选择其他文件夹的图片。选择“图片属性”命令,在弹出的“图片属性”对话框中单击“外观”标签页改变图片的大小、布局等。

4)使用列表

使用列表可以把相关的主题分组归纳,以增强阅读性和感染力。可以建立多种类型的列表。最常用的是数字列表(或编号列表)和项目列表。打开一个网页,在“网页”编辑器“普通”视图方式下、用鼠标拖拽选择出要作为数字列表的一段文本。然后在格式工具栏上,用鼠标左键单击“编号方式”按钮,就可创建一个数字列表。打开一个网页,在“网页”编辑器的”普通”视图方式下,用鼠标拖拽选择出要作为项目列表的一段文本。然后在格式工具栏上,用鼠标左键单击“项目方式”按钮,数字列表就变为一个项目列表了。

(5)创建超链按

页面间采用超链接方式相互链接起来,可使访问者例览网页变得简单。为了使你的网页丰富多彩,你还可以使用图形作为超链接。网页上的超链接一般分为三种:

绝对URL的超链接;

相对URL的超链接;(例如将你网页上的某一段文字或某标题链接到同一网站的其他网页上去)

同一网页的超链接,也就是使用书签建立的超链接 在网页中,一般文字上的超链接都是蓝色,文字下面有一条下列线。当移动鼠标指针到该超链接上时,鼠标指针就会变成一只手的形状,这时候用鼠标左键单击一下,就可以直接跳到与这个超链接相连接的网页上去。如果你已经浏览过某个超链接,这个超链接的文本颜色就会发生改变,但是图片超链接访问后颜色不会发生变化。

6)制作导航条

导航条在网页中是必不可少的,它就像是一位导游,带你在网上徜徉。

制作导航条简单而实用的方法就是利用悬停按钮。

所谓悬停按钮就是一类可以变化的按钮,形状和普通按钮相似。悬停按钮变化丰富,在网页中非常吸引人,当鼠标移到上面时,它的形状和颜色都会变成新的样式,而且能发出声音,当鼠标离开悬停按钮时,它会自动回复到原来的样子。悬停按钮会给浏览者生动有趣的感觉,能吸引浏览者不自觉地去点击它,因而特别适于制作导航条。打开“插入”菜单,选择“组件”菜单项,在子菜单中选中“悬停按钮”菜单项,弹出一个“悬停按钮属性”对话窗。网页上出现一个蓝色矩形条,是其默认设置。在“按钮文本”文本框中输入按钮的名称,即显示在按钮上的标签文本。单击“字体”按钮,弹出“字体”属性对话窗,对按钮文本进行字体、字型、大小和颜色的设置。打开“按钮颜色”下拉列表框,其中有16种标准颜色选项,根据需要选择按钮颜色,此项是悬停按钮在正常状态下的背景颜色;如果想自己定义颜色,单击“其他颜色”选项,弹出“其他颜色”对话窗, 单击“选择”按钮,此时鼠标变成吸管的形状,拖曳鼠标到左边的色盘中,单击所选颜色,鼠标回复原状,在“新建”中显示预览效果。或者直接在“值”文本框中输入自定义颜色的色值,按回车。

单击“自定义”按钮,则弹出“颜色”配置对话框,可以进一步对颜色进行更高级的设置。 “背景颜色”和“效果颜色”的设置步骤与“按钮颜色”的步骤完全相同。“背景颜色”是鼠标移到悬停按钮上时显示画面的背景色;“效果颜色”是鼠标移到悬停按钮上时显示的前景色。打开“效果”下拉列表,设置悬停按钮的动画效果。选项有:填充颜色、颜色对比、发光、反向发光、微微发光、凸出、凹进。设置悬停按钮的宽度、高度,默认值为120×24像素。单击“悬停按钮属性”对话窗的“自定义”按钮,弹出“自定义”对话窗。可以定义鼠标移到悬停按钮上时播放的声音和显示的图片。重复上述步骤,加入若干个导航,一个功能完备的导航条就完成了。

 

7)最后,为自己的主页加一个站点计数器了,看看会有多少人来访问。打开“插入”菜单,选择“组件”菜单项,在子菜单中选择“站点计数器”菜单项,出现一个“站点计数器属性”对话框,如图所示。选择一个你喜欢的样式,OK

Copyright © 2004-2007 商信网络 版权所有 浙ICP备06054513号
7x24小时全国统一服务热线:95105551(转)商信网络
业务咨询:0571-56833778 客户服务:0571-56833773 56833778-806
总部地址:杭州市教工路336号华门自由21公寓,B1007(310012)
办事机构:上海 杭州 深圳 宁波 台州 湖州 金华