利用FrontPage制作网页.doc

§8.1 FrontPage的基本操作 以环保为例，讲解网页制作的过程。 新站点的建立 在D：\下新建一个名为“Mywebs”的新站点。 操作步骤： 单击“开始”菜单，选择“程序”子菜单中的“Microsoft FrontPage”，启动FrontPage 2000。 从“文件”菜单中选择“新建”下“站点”命令，打开“新建”对话框，如下图所示。 选择“空站点”，在“指定新站点的位置（S）”框中输入“D：\Mywebs”，单击“确定”按钮。 FrontPage 2000将自动在指定的位置建立一个名为“Mywebs”的站点，然后在此文件夹中再建立了一组文件夹，可见的文件夹包括：_private和Image（用来存放图形文件），其余文件夹被隐藏起来。 网页的建立 在“Mywebs”网站中建立第一个网页，命名为“index.htm”。 打开站点：启动FrontPage 2000，单击“文件”—“打开站点”，在弹出的对话框中选择“Mywebs”站点，单击“打开”按钮。 单击“新建”按钮，新建一空白网页，单击“保存”按钮将网页保存在“D：\Mywebs”下，命名为“index.htm”。 在页面上单击右键，在弹出的快捷菜单中选择“网页属性”，单击“语言”标签将语言代码定义为“简体中文（GB2312）”。如下图。 文字、段落编辑：在“普通”视图下输入文字内容，设置相应的字体、字号、颜色以及段落格式，方法类似于word中的相关操作。 具体设置：“绿色家园”—黑体、7号字、绿色、居中排列。 副标题和正文—幼圆、普通字、绿色、居中排列。 插入图片：可以插入“剪贴画”或来“自文件”的图片，常见的图片格式有GIF和JPEG。插入“来自文件”的图片的具体操作如下： 将光标移到要插入图片的位置，依次单击“插入”—“图片”—“剪贴画”/“来自文件”。 在弹出的对话框中找到所要图片存放的文件夹，选择所需的文件，单击“确定”按钮插入图片。此时的图片可以是静态的图片，或者GIF动画 插入水平线：水平线是贯穿网页宽度的细灰条，用于分隔文本或加着重符。具体步骤如下： 将插入点移到目标位置，单击“插入”—“水平线”命令。 若要修改水平条外观，可双击水平线，打开“水平线属性”进行宽度、高度、对齐方式以及颜色的设置。 设置背景：网页可以设置背景颜色或背景图片来增色。具体步骤如下： 单击“格式”—“背景”，打开“页面属性”对话框，选择“背景”标签。 单击“浏览”按钮，在“选择文件”对话框中找到所需背景图片，单击“确定”按钮，关闭“选择文件”和“页面属性”对话框。 保存：单击常用工具栏上“保存”按钮或选择“文件”菜单下“保存文件”命令，图片保存在上述创建的“Image”文件夹中。完成后具体页面见下图。 网页的图片处理 图文的布局：将指针指向图片并右击，单击快捷菜单中的“属性”命令，在弹出的“图片属性”对话框中单击“外观”标签，既可改变图片和文字的布局。如下图： 以在“Mywebs”网站中建立新网页“index_1.htm”为例，输入如图的文字内容，插入图片shui.bmp，在图片上单击右键选择“图片属性”，在外观中选择“左对齐”。 图片的定位与图层的形成 图片的透明处理 图片的自动缩略 §8.2FrontPage表格、框架和表单的操作 一、网页表格 表格的建立：以在“Mywebs”下创建新网页“index_2.htm”为例，例子参见下图：具体步骤如下： 在“Mywebs”下新建一空白网页，命名为“index_2.htm”。 单击“表格”—“手绘表格”命令，打开表格工具栏，此时该栏左端的“手绘表格”按钮被置亮。 先拖动指针画出表格的外框，再按照上图所示的虚线，添加表格线，勾画出整个表格框架。 分别再各单元个中填充内容。包括输入文字、插入图形、调整文字字体、字号、颜色和对齐方式，使文字排列如图所示。因为“环保问题”、“环保知识”、“环保事件”、“环保世纪行”以及“访客留言”本身又是一个规则表格，所以在大表格的单元格中插入小表格。 表格属性的设置：将表格边框粗细设为0、单元格边距为0、单元格间距为0，对齐方式为“居中对齐”宽度为80％。 在表格中或选择特定需要的单元格（可以多个），再单击右键，从快捷菜单中可以进行合并和拆分单元格，平均分配行高或列宽等等操作。 二、网页框架 1、增加新框架要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。 其操作如下：按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“