利用FrontPage制作网页

《利用FrontPage制作网页》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、§8.1FrontPage的基本操作以环保为例，讲解网页制作的过程。一、新站点的建立在D：下新建一个名为“Mywebs”的新站点。操作步骤：1、单击“开始”菜单，选择“程序”子菜单中的“MicrosoftFrontPage”，启动FrontPage2000。2、从“文件”菜单中选择“新建”下“站点”命令，打开“新建”对话框，如下图所示。3、选择“空站点”，在“指定新站点的位置（S）”框中输入“D：Mywebs”，单击“确定”按钮。FrontPage2000将自动在指定的位置建立一个名为“Mywebs”的站点，然后在此文

2、件夹中再建立了一组文件夹，可见的文件夹包括：_private和Image（用来存放图形文件），其余文件夹被隐藏起来。二、网页的建立在“Mywebs”网站中建立第一个网页，命名为“index.htm”。1、打开站点：启动FrontPage2000，单击“文件”—“打开站点”，在弹出的对话框中选择“Mywebs”站点，单击“打开”按钮。2、单击“新建”按钮，新建一空白网页，单击“保存”按钮将网页保存在“D：Mywebs”下，命名为“index.htm”。3、在页面上单击右键，在弹出的快捷菜单中选择“网页属性”，单击“语言”标

3、签将语言代码定义为“简体中文（GB2312）”。如下图。1、文字、段落编辑：在“普通”视图下输入文字内容，设置相应的字体、字号、颜色以及段落格式，方法类似于word中的相关操作。具体设置：“绿色家园”—黑体、7号字、绿色、居中排列。副标题和正文—幼圆、普通字、绿色、居中排列。2、插入图片：可以插入“剪贴画”或来“自文件”的图片，常见的图片格式有GIF和JPEG。插入“来自文件”的图片的具体操作如下：（1）将光标移到要插入图片的位置，依次单击“插入”—“图片”—“剪贴画”/“来自文件”。（2）在弹出的对话框中找到所要图片存放

4、的文件夹，选择所需的文件，单击“确定”按钮插入图片。此时的图片可以是静态的图片，或者GIF动画3、插入水平线：水平线是贯穿网页宽度的细灰条，用于分隔文本或加着重符。具体步骤如下：（1）将插入点移到目标位置，单击“插入”—“水平线”命令。（2）若要修改水平条外观，可双击水平线，打开“水平线属性”进行宽度、高度、对齐方式以及颜色的设置。4、设置背景：网页可以设置背景颜色或背景图片来增色。具体步骤如下：（1）单击“格式”—“背景”，打开“页面属性”对话框，选择“背景”标签。（2）单击“浏览”按钮，在“选择文件”对话框中找到所需背

5、景图片，单击“确定”按钮，关闭“选择文件”和“页面属性”对话框。5、保存：单击常用工具栏上“保存”按钮或选择“文件”菜单下“保存文件”命令，图片保存在上述创建的“Image”文件夹中。完成后具体页面见下图。一、网页的图片处理1、图文的布局：将指针指向图片并右击，单击快捷菜单中的“属性”命令，在弹出的“图片属性”对话框中单击“外观”标签，既可改变图片和文字的布局。如下图：以在“Mywebs”网站中建立新网页“index_1.htm”为例，输入如图的文字内容，插入图片shui.bmp，在图片上单击右键选择“图片属性”，在外观中

6、选择“左对齐”。2、图片的定位与图层的形成3、图片的透明处理4、图片的自动缩略§8.2FrontPage表格、框架和表单的操作一、网页表格1、表格的建立：以在“Mywebs”下创建新网页“index_2.htm”为例，例子参见下图：具体步骤如下：（1）在“Mywebs”下新建一空白网页，命名为“index_2.htm”。（2）单击“表格”—“手绘表格”命令，打开表格工具栏，此时该栏左端的“手绘表格”按钮被置亮。（3）先拖动指针画出表格的外框，再按照上图所示的虚线，添加表格线，勾画出整个表格框架。（4）分别再各单元个中填充内

7、容。包括输入文字、插入图形、调整文字字体、字号、颜色和对齐方式，使文字排列如图所示。因为“环保问题”、“环保知识”、“环保事件”、“环保世纪行”以及“访客留言”本身又是一个规则表格，所以在大表格的单元格中插入小表格。2、表格属性的设置：将表格边框粗细设为0、单元格边距为0、单元格间距为0，对齐方式为“居中对齐”宽度为80％。3、在表格中或选择特定需要的单元格（可以多个），再单击右键，从快捷菜单中可以进行合并和拆分单元格，平均分配行高或列宽等等操作。二、网页框架1、增加新框架要给框架页面增加新框架，就是像拆分表格的单元格一样

8、，把一个框架分为两个框架。其操作如下：1）按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。2）也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“拆分成