Frontpage2000中文教程2

FrontPage2000教案第一讲网页设计与制作及认识FrontPage2000网页设计与制作的基本步骤同学们都上过网，也听过别人聊起自己的个人主页，你有没有想过自己也要做一个主页？想过？那从现在开始我们来学习制作自己的主页。

首先我们来了解一下什么是网页：网页, 是一种基于超文本（HyperText）方式的文档，它可以发布在网上供人浏览,是提供信息的一个渠道。

（超文本文档既包括各种形式的信息，如文字、图像、声音、电影、动画等内容，又包括各种超级链接）网页文件的扩展名可以是.htm或.html。

其次我们来了解一下网页设计院与制作的基本步骤：1、选择主题根据自己的兴趣或者熟悉的内容来选择网站主题，确定网站的风格。

主题要有特色、要鲜明突出、要标新立异。

2、规划结构网站结构：要层次分明，结构合理网页布局：要统一、协调、流动、强调、均衡醒目性：指用户把注意力集中到你诱导起浏览的部分和内容可读性：指网站的内容让人容易读懂明快性：指准确、快速转达网站的构成内容造型性：维持整体外型上的稳定感和均衡性创造性：有鲜明个性，创意是必不可少的3、资料收集收集内容：a、跟主题相关的文字图片资料b、一些优秀的页面风格c、下载一些你喜欢的交互页面d、开放的源代码4、选用合适的工具制作网页我们使用FrontPage2000来制作网页5、测试网页检查网页内容的科学性、版面编排的合理性、超链接的正确性。

你必须保证让所有的网页都能在现有的浏览器中较好的展示出来。

6、发布站点测试完毕，符合你的要求，当然就可以开始发布你的网站了，发布的服务器可以是远程，也可以是本地，各个语言有各自的相应的服务器，比如ASP，就应该对应的是ASP服务器，上传可利用远程FTP工具。

接下来同学们来看下面的例子（演示例子）《热爱生命》、《杜十娘怒沉百宝箱》、《红树林》认识Frontpage2000一、熟悉界面（一）、启动FrontPage2000选择“开始”—“程序”—“Microsoft FrontPage”（二）、认识一下Frontpage2000的操作界面（如图1）。

从上到下依次为菜单栏、工具栏、视图窗口（左）、编辑区。

视图窗口中的组框是用来切换视图的，单击里面的小图标就可以切换到不同的视图。

FRONTPAGE共有6种视图, 使用不同的视图可以从不同的侧面查看设计的WEB站点。

1、网页视图模式（默认）在该视图模式下，编辑区下角有三个选项卡，即“普通”、“HTML”、“预览”，“普通”选项下进行编辑页面，所有的HTML代码会自动在后台创建；在“HTML”选项下查看或修改HTML代码；在“预览”选项下来显示网页在浏览器中的效果。

2、文件夹视图模式单击工具栏上的“文件夹”按钮，窗口中增加了一个文件夹列表框（如图2）[图1]ProntPage2000 界面图2文件夹视图以列表的形式给出了当前WEB站点的文件夹和文件夹里包含的文件。

由于一个WEB站点要涉及到许多文件，因此将这些文件分类并分别放到不同的文件夹就很有必要。

比如，可以把所有的图形文件放入IMAGE文件夹。

FRONTPAGE还提供了一个_PRIVATE文件夹，用来存放一些对网络浏览者不可见的信息。

3、报表视图模式该视图模式给出了当前站点的一些统计信息。

这里可以知道在站点的目录中哪些文件被链接进站点了，哪些没有。

4、导航视图导航视图可以方便地组织站点中各网页的层次关系，在本视图中，每一个页框代表一个网页。

如果站点设置了导航功能，就可以先在这里设置好各网页的层次关系，然后用导航栏把这种层次关系表现出来。

5、超链接视图是用来察看选中网页中设置的超链接的。

通过它可以方便地知道在网页中设置了多少超级链接，以及是什么类型的链接。

6、任务视图任务视图里放着关于站点维护的任务列表，如果站点大到由许多人共同维护，他们就可以通过任务列表知道工作的进展情况了。

编辑区用来编辑网页页面二、创建站点当我们确立了主题并收集好素材后，我们开始来制作自己的主页。

我们说的个人主页，说专业一点，应该说是个人网站。

而主页，其实是指这个网站的第一页。

下面我们通过站点的形式来建立自己的网站。

以《欧洲的启蒙运动》为例。

一、创建站点选择“文件”菜单的“新建”选项，单击“站点”命令，这时新建站点对话框就弹出来了（如图11），图11 图12选择“只有一个网页的站点” 图标（Frontpage2000自带有一些网站的模板，有兴趣的同学可以自己试着用用，比如“个人站点”,只要改一下里面的内容就可以了，但在这里我们不使用），在“指定新站点位置”文本框中输入新站点的位置（E:\My Web\启蒙运动），单击“确定”按钮。

这就建立好站点了。

我们现在来看一下新的站点里有什么，单击“视图”工具条的“文件夹”按钮（图12）。

在文件夹列表里有一个网页文件，名字叫做“index.htm”。

这是FRONTPAGE自动为我们创建的站点的主页，主页的名字在一般情况下就叫做“index.htm”，浏览者访问站点时首先进入的就是站点的主页。

这个新建的主页是空的，我们可以向里面添加内容。

在文件列表里除了主页之外，还有文件夹。

新建站点时，FRONTPAGE都会在站点所在位置下新建两个文件夹，一个是“images”另一个是“_private”。

我们可以把图片、声音等素材放在“image”文件夹里，以备我们插入图片时不需再次保存图片。

“private”文件夹比较特殊，其中的文件对浏览者来说是隐含的，我们可以把一些不想让浏览者看到的网页文件放在这个文件夹里，比如：我们可以在这个文件夹里存放注册用户的个人信息。

三、创建导航结构一个完整的站点除了有主页以外，还有若干个子页，上面我们只学了主页的建立和编辑，接下来学习子页的创建与编辑。

我们通过导航视图来创建子页，当我们为站点里的网页添加导航栏时，FrontPage 将根据这个结构来创建每个导航栏。

导航结构将决定导航栏上该有哪些超链接，而网页标题则决定超链接的标签（图三）图三单击“导航”视图，打开对话框（图13），因为我们创建的是一个只有一个网页的站点，FontPage自动将其指定为站点的主页——带有一个小房子的图标。

图13 图13右键单击主页图标，选择“新建网页”按钮，主页下面就会创建一个标有“New Page 1”的新网页，用同样的方法创建其余的网页（图13），若要赋予网页一个有意义的标题，可在网页上单击鼠标右键，然后在快捷菜单上单击“重命名”，再编辑名称（“兴起”、“人物”、“影响”、“思考”）。

单击“文件夹”视图方式，我们会发现文件夹列表中显示了各个网页（图左），为了好记每一个网页的内容，我们可以为每个网页重命名（图右）。

这样我们就建立好了站点及其中的所有网页。

注：∙若要为当前导航结构添加现有网页，可单击文件夹列表里的网页，然后拖曳到您想要将其放置的位置。

∙若要移动导航结构里的网页，可在该网页上单击，然后拖曳到其他位置，例如在另一网页之下或其旁边。

∙若要添加外部网页（不在您站点里的网页），可在您想添加外部超链接的网页上单击鼠标右键，然后在“URL”框中指定目标地址。

∙若要删除导航结构里的网页，可单击该网页，然后按Delete 键。

再单击“将本网页从所有导航栏中删除”。

若要建立下一层，只要右键单击该层的主页，新建网页即可。

四、用表格编辑网页双击文件夹列表中的主页（index.htm），进入主页的编辑状态。

网页要想给人一种视觉上的冲击或是享受，你就必须会搭配文字与图片等等元素。

就上节课制作网页来说吧，文字和图片摆放的就很凌乱，感觉不好，那我们要怎么样做才能更方便地把网页上的元素整齐地摆放好呢？这就要用到表格了。

1、创建表格我们点击Frontpage2000控制窗菜单栏的“表格→插入→表格”（如图14），在弹出的窗口中选择要插入表格的要求（如图10）。

选择好之后按确定，就在你的网页上插了表格了（图15）。

图14 图15注：行数、列数按自己对页面的划分选择；边框粗细为0表示在网页中不显示边框；确认指定宽度复选框选中，并选择单位为百分比，设置百分比为100，使表格宽度和浏览器宽度一样；单元格间距设为2，单元格之间的分割线为2像素。

2、单元格的控制（1）、输入文本创建好表格后，就可以在表格里输入文本了。

一般情况下，单击单元格直接输入就可以了。

当达到单元格末尾时文字会自动换行的。

可是在没有达到末尾时就要换行的话，不要直接按回车键，因为这样做就把文本分成了两个段落，文本的行距就会变大（图16）。

应该按SHIFT+ENTER键，这样文本就强制换行了。

我们再输入换行文字，这时行距就正常了(图17)。

图16 图17 （2）、设置单元格文本的对齐方式单元格里的文本与单元格的对齐方式有时也需要调整。

我们可以用“格式”工具栏的左对齐、居中对齐、右对齐进行设置；也可以右键单击要调整格式的单元格，选择“单元格属性”命令，在这里你不仅可以设置水平对齐方式还可以设置垂直对齐方式（图18）。

我们还可以把水平和垂直对齐方式组合使用，这样就可以任意的调整对齐方式了，也可以同时选中多个单元格，一起设置对齐方式。

图18(3)选定、合并、拆分单元格选定：单击一个单元格，按住CTRL键，单击其他单元格，这些单元格就选中了，用这种方法可以选中不连续的单元格；从一个单元连续拖动鼠标可以选中连续的单元格。

合并：执行“表格”菜单的“合并单元格”命令，两个单元格就合并成为一个单元格了（图19）。

拆分：我们把插入点放到要拆分的单元格里，选择“表格”菜单的“拆分单元格”命令，在“拆分单元格”对话框里你可以设置是拆分成行还是列，单击“确定”按钮，这样一个单元格就被拆分为两个单元格了。

图19 图20（4）插入、删除单元格插入单元格：首先在要插入单元格的右侧单元格内单击，使插入点放在右侧单元格内，选择“表格”菜单的“插入”命令，单击“单元格”选项，一个新的单元格就放在指定位置了。

用这种方法也可以插入行和列,方法是一样的，只要执行插入命令时选择行和列就可以了。

删除单元格：选中要删除的单元格（行或列），选择“表格”菜单的“删除单元格”命令。

（5）在“单元格属性”对话框里设置。

背景色：选中单元格，单击鼠标右键，选择“单元格属性”命令，选择背景色（图21）。

图22图23图21 图24 图25单元格边框的颜色：用这些选项来调整单元格边框的颜色（图22）；背景图片：单元格加一个背景图片(图23)；单元格的宽度和高度也可以指定(图24)；选中不换行选项则文本在单元格内不会换行，如果文本太长单元格的宽度会自动改变(图25)。

3、在单元格中使用图形首先要看知道图形是什么格式的，也就是它扩展名是什么 只有扩展名为GIF 和JPEG 的图形文件才能成为我们的页面的一部分。

因为这两种图形格式不仅应用广泛，而且有利于节省存贮空间。