基础网页设计Microsoft Office FrontPage2003

目录第一章计算机基础第二章WINDOWS XP第三章文字处理软件Word2003第四章电子表格系统Excel2003第五章演示文稿软件PowerPoint2003第六章Access 2003关系数据库的使用第七章计算机网络应用基础第八章网页制作软件FrontPage 2003第八章网页制作软件 FrontPage 2003 FrontPage 2003是微软公司最近推出的Microsoft Office System套装软件的重要组成部分.FrontPage是一款所见即所得的网页制作软件,该软件以其强大的功能向导和简单易用著称.与上一版本相比,此版本附带了许多新增功能和增强功能,可以帮助用户更快地创建设计网站,更轻松地共享设计数据,更有效地管理网站.任务一创建站点、网页，插入相关元素任务引入：王君是一个中学生，他喜欢上网冲浪，梦想着有一天自己也能拥有一个个人网站，可是，怎样制作网站呢？一天，一个朋友向他推荐了一本书，名字叫《FrontPage2003》，告诉他里面有制作网页和网站的好方法。

王君大喜过望，送走朋友，立刻如饥似渴的研究起来。

《FrontPage2003》这本书，从FrontPage的主要功能、FrontPage的启动与退出开始讲起，介绍了网页与网站的关系、FrontPage的三种编辑方式（普通、HTML、预览）以及三种编辑方式的不同用途、FrontPage中的6种视图，即网页视图、报表视图、导航视图、超链接视图、任务视图，以及各种视图的作用和操作特点，介绍了掌握创建站点的方法、网页编辑的方法，以及如何插入对象和超链接等等。

下面，我们就随着王君一起，学习如何创建一个具有个人风格的网站吧。

任务分析：任务实施：步骤一：了解FrontPage2003的主要功能FrontPage2003的主要功能是制作网页和管理网站使用FrontPage2003可以创建新的网页，也可以打开并修改以存在的网页FrontPage2003提供了多种编辑网页的方式不但可以直接修改HTML，而且可以采用“所见既所得”的方式编辑网页，还可以使用菜单命令插入各种网页元素，使用对话框修改其属性，十分灵活。

在FrontPage2003中，可以很容易的插入文本、图片、表格、组件等元素；可以使用主题，共享边框，框架等管理网页的外观；还可以使用表单等元素设计出交互式网页。

FrontPage2003提供了强大的站点管理功能。

一组相关网页和有关文件组成一个站点，站点也是FrontPage2003对网站管理的基本单位。

在FrontPage中可以轻松实现设计、管理、分析、发布和维修站点等工作。

步骤二：FrontPage2003的启动与退出1.FrontPage2003的启动：1)单击“开始”按钮，在“开始”菜单中单击“程序”；2)在“程序”菜单中单击，即可打开MicrosoftFrontPage2003的窗口，如下图所示,图8-1 启动FrontPage2003另外，也可以在桌面上建立2003的快捷方式，然后在桌面上双击快捷方式图标，即可启动ProntFage2003。

2.FrontPage2003的退出1)选取“文件”菜单中的“退出”。

2)单击操作窗口右上角的关闭“按钮”。

3)按快捷键Alt+F4。

步骤三：认识FrontPage 2003中的视图FrontPage 2003提供了6种图片以方便用户对站点的管理，可以在不同的视图中进行不同的操作。

1.网页视图网页视图是Frontpage 2003中最常用的工作界面。

网页的创建、编辑、预览等基本操作都是在此视图中进行的。

2.文件夹视图在文件夹视图中，站点显示为一组文件和文件夹。

可以在文件夹视图中创建、移动和删除文件或文件夹。

3.报表视图使用报表视图可以方便的了解当前站点的文件内容、更新链接情况、组建错误、所有文件列表及变化情况等信息。

可在“报表”工具栏中的“报表”下拉列表中选择所需显示的报表。

4.超链接视图超链接视图将当前站点显示为链接文件的一个网络，它们表示了站点中各个网页之间的相互链接关系。

超链接视图就像一张地图，表明站点中的超链接路径。

5.任务视图任务视图主要用来创建和管里任务。

在视图中列出了当前站点的“任务”，即当前站点中尚未完成的项目。

6.导航视图使用导航视图可以方便的观察站点的链接结构，它以层次状的组织结构图形式显示。

在该视图下，可以通过拖曳操作改变链接结构。

步骤四：创建站点选择“文件”菜单中的“新建”“站点”命令，指定站点的位置，建立站点Web1,FrontPage2003默认建立主页（index.htm）。

使用FrontPage2003的向导和模板，用户可以轻松地创建出各种用途和风格的站点。

新建站点时，可以根据自己的需求选择不同的摸板和向导。

对于不同的模板和向导，其新建站点的步骤略有不同。

下面以“只有一个网页的站点”模板为例，介绍新建站点的方法。

（1）在“文件”菜单的“新建”子菜单中选择“站点”，打开“新建”对话框；（2）在新建对话框的指定新站点的位置文本框中输入存储站点的文件夹；（3）双击“只有一个网页的站点”模板，新建站点如图8-2所示。

图8-2 新建站点该站点只有一个空白网页index.htm(主页)和用于存储图片的文件夹images,你可以打开index.htm编辑该网页，也可以进一步根据网站规划创建其他网页。

选择“文件”菜单的“退出”命令，可以关闭FrontPage2003.要再次对该站点进行操作，在启动FrontPage2003后实用“文件”菜单的“打开站点”命令打开该站点。

步骤五：在站点中新建网页要创建一个新的网页，可按下面的步骤操作：1)从“文件”菜单的‘新建”子菜单中选择“网页”命令，打开“新建”对话框。

2)在“常规”选项卡中选择所需的模板，可在’说明‘及“预览”区域查看该模板的说明及预览图。

如果要建立一个空白网页，可选中“普通网页’模板。

3)单击”确定”按钮，系统新建一个基于所选模板的网页。

此时，新建的网页显示在FrontPage2003窗口中，可以对其进行编辑修改等操作。

图8-3 新建网页4)单击“文件”菜单，选择“保存文件”命令，弹出‘另存为’对话框。

在“另存为”对话框中，单击“更改”按钮修改网页标题，如‘新闻”。

再“文件名’文本框中输入网页文件名，如news.htm。

设置完成后单击‘保存’按钮。

单击‘视图”框中“导航”图标，在“文件夹列表”中拖动新建网页到站点的结构图，将其置入相应位置。

此时，双击该页面图标可切换到网页视图。

网页中若包含导航栏，则导航栏自动更新链接关系。

步骤六：打开网页在FrontPage2003中编辑某个网页必须首先打开该网页。

打开网页的方法有多种，最常用的方法如下：1)在FrontPage2003窗口中，单击工具栏中的“文件夹列表”按钮。

2)在文件夹列表窗口中找到要编辑的网页，然后双击网页图表即可打开网页。

实际上，在其他视图中双击网页图标，同样会打开指定网页。

步骤七：网页编辑1.设置文字格式同其他MicrosoftOffice组件一样，网页中可以输入文字，复制、剪切和粘贴文字，设置文字格式，查找和替换文字等。

在FrontPage2003中，对文字的格式提供了相当完整的设定功能，文字格式的变化也因此多种多样。

我们可以使用工具栏上的工具按钮或者菜单命令，快速地改变文字的外观。

文字格式包括字体、字型、大小、颜色和修饰效果等属性。

设置文字格式的步骤是：选种文字，单击“格式”菜单，选择“字体”命令，打开“字体”对话框，在对话框中设置字体的各种属性。

虽然可以设置各种美观的字体，但是由于阅览者只能使用本地计算机中安装的字体显示网页，因此还是使用常用的字体好。

2.设置段落格式文字段落的格式编排对于一个网页的外观是至关重要的。

FrontPage2003通过按Enter 键划分段落。

值得注意的是，段落之间插入了一个空行。

如果只是需要换行，而不是另起一个段落，按Shift+Enter键即可。

实际上，按Enter键在HTML代码中插入的是<p>标记，而按Shift+Enter键则插入的是<br>标记.段落格式主要包括对齐方式\文本缩进和段落间距等.设置段落格式的方法如下：1)将插入点移动到要设置格式的段落中；2)单击“格式”菜单，选择“段落”命令；3)在“段落”对话框中可以设置段落的各种属性。

5.设置网页属性网页的属性包括网页的标题、位置、背景、页边框等。

要设置网页属性，用户可以使用“文件”菜单里的“属性”命令，或者在网页的任意地方单击鼠标右键，在弹出的菜单中选择“属性”命令，FrontPage2003将显示“网页属性”对话框。

1)“常规”属性要设置网页的“常规”属性，单击“网页属性”对话框的“常规”选项卡，“标题”框用于给出网页的标题，网页标题将显示在浏览器的标题栏中。

“背景音乐”框用于指定网页的背景声音，当W浏览器打开网页时，将自动播放背景声音。

其中“位置”框用于指定声音文件的位置，用户可以单击“浏览”按钮，在当前打开的网站或本地磁盘中定位一个声音文件。

“循环次数”框用于指定声音要反复播放的次数，如果选中“不限次数”复选框，表示一直不停地播放。

2)“背景”属性要设置网页的背景颜色、背景图片以及超链接的颜色，单击“网页属性”对话框的“背景”选项卡。

用户可以选中“背景图片”复选框，并指定一个图片作为网页的背景图片，也可以单击“浏览”按钮，在当前打开的网站或本地磁盘中定位一个图片文件。

通过单击相应的下拉列表框，设置网页的背景颜色、文本颜色以及超链接文字的颜色。

当同时设置背景图片和背景颜色时，图片将覆盖背景色。

FrontPage2003允许用户使用其它网页中设置的“背景”属性，包括背景图片、背景颜色、文本前景颜色以及超链接的颜色。

此时只要选择“从另一网页获得背景信息”并定为一个网页的URL即可。

3)“边距”属性在“边距”选项卡中可以设置页面边距和左端页边距。

如果要设置顶端页边距，选中“指定上边距”复选框，并指定上边距的像素数。

6)预览网页网页制作过程中，用户可以随时对网页进行预览。

可以转换到预览视图方式，还可以使用“文件”菜单上的“在浏览器中预览”命令，使用外部浏览器打开当前网页进行预览。

步骤八：插入对象在Frontpage2003中，既可输入文本，也可方便的插入图片、水平线等多种对象，这些对象使网页内容更丰富，增加了网页的表现形式，增强了网页的宣传效果。

1.插入水平线在网页中输入文本内容之后，还可在不同的段落、行之间添加水平线，以增强视觉效果。

操作步骤如下：1)在准备插入水平线的位置设置插入点。

2)打开“插入”菜单，选择“水平线”命令，此时在网页的插入点插入一条水平线。

如果插入点位于或接近行尾，水平线将插入到下一行。