利用FrontPage制作网页

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

§8.1FrontPage的基本操作以环保为例，讲解网页制作的过程。一、新站点的建立在D：下新建一个名为“Mywebs”的新站点。操作步骤：1、单击“开始”菜单，选择“程序”子菜单中的“MicrosoftFrontPage”，启动FrontPage2000。2、从“文件”菜单中选择“新建”下“站点”命令，打开“新建”对话框，如下图所示。3、选择“空站点”，在“指定新站点的位置（S）”框中输入“D：Mywebs”，单击“确定”按钮。FrontPage2000将自动在指定的位置建立一个名为“Mywebs”的站点，然后在此文件夹中再建立了一组文件夹，可见的文件夹包括：_private和Image（用来存放图形文件），其余文件夹被隐藏起来。二、网页的建立在“Mywebs”网站中建立第一个网页，命名为“index.htm”。1、打开站点：启动FrontPage2000，单击“文件”—“打开站点”，在弹出的对话框中选择“Mywebs”站点，单击“打开”按钮。2、单击“新建”按钮，新建一空白网页，单击“保存”按钮将网页保存在“D：Mywebs”下，命名为“index.htm”。3、在页面上单击右键，在弹出的快捷菜单中选择“网页属性”，单击“语言”标签将语言代码定义为“简体中文（GB2312）”。如下图。 1、文字、段落编辑：在“普通”视图下输入文字内容，设置相应的字体、字号、颜色以及段落格式，方法类似于word中的相关操作。具体设置：“绿色家园”—黑体、7号字、绿色、居中排列。副标题和正文—幼圆、普通字、绿色、居中排列。2、插入图片：可以插入“剪贴画”或来“自文件”的图片，常见的图片格式有GIF和JPEG。插入“来自文件”的图片的具体操作如下：（1）将光标移到要插入图片的位置，依次单击“插入”—“图片”—“剪贴画”/“来自文件”。（2）在弹出的对话框中找到所要图片存放的文件夹，选择所需的文件，单击“确定”按钮插入图片。此时的图片可以是静态的图片，或者GIF动画3、插入水平线：水平线是贯穿网页宽度的细灰条，用于分隔文本或加着重符。具体步骤如下：（1）将插入点移到目标位置，单击“插入”—“水平线”命令。（2）若要修改水平条外观，可双击水平线，打开“水平线属性”进行宽度、高度、对齐方式以及颜色的设置。4、设置背景：网页可以设置背景颜色或背景图片来增色。具体步骤如下：（1）单击“格式”—“背景”，打开“页面属性”对话框，选择“背景”标签。（2）单击“浏览”按钮，在“选择文件”对话框中找到所需背景图片，单击“确定”按钮，关闭“选择文件”和“页面属性”对话框。5、保存：单击常用工具栏上“保存”按钮或选择“文件”菜单下“保存文件”命令，图片保存在上述创建的“Image”文件夹中。完成后具体页面见下图。 一、网页的图片处理1、图文的布局：将指针指向图片并右击，单击快捷菜单中的“属性”命令，在弹出的“图片属性”对话框中单击“外观”标签，既可改变图片和文字的布局。如下图：以在“Mywebs”网站中建立新网页“index_1.htm”为例，输入如图的文字内容，插入图片shui.bmp，在图片上单击右键选择“图片属性”，在外观中选择“左对齐”。2、图片的定位与图层的形成3、图片的透明处理4、图片的自动缩略 §8.2FrontPage表格、框架和表单的操作一、网页表格1、表格的建立：以在“Mywebs”下创建新网页“index_2.htm”为例，例子参见下图：具体步骤如下：（1）在“Mywebs”下新建一空白网页，命名为“index_2.htm”。（2）单击“表格”—“手绘表格”命令，打开表格工具栏，此时该栏左端的“手绘表格”按钮被置亮。（3）先拖动指针画出表格的外框，再按照上图所示的虚线，添加表格线，勾画出整个表格框架。（4）分别再各单元个中填充内容。包括输入文字、插入图形、调整文字字体、字号、颜色和对齐方式，使文字排列如图所示。因为“环保问题”、“环保知识”、“环保事件”、“环保世纪行”以及“访客留言”本身又是一个规则表格，所以在大表格的单元格中插入小表格。2、表格属性的设置：将表格边框粗细设为0、单元格边距为0、单元格间距为0，对齐方式为“居中对齐”宽度为80％。3、在表格中或选择特定需要的单元格（可以多个），再单击右键，从快捷菜单中可以进行合并和拆分单元格，平均分配行高或列宽等等操作。二、网页框架1、增加新框架要给框架页面增加新框架，就是像拆分表格的单元格一样，把一个框架分为两个框架。其操作如下：1）按住Ctrl键，将鼠标放在框架边框上，当鼠标变为上下箭头时，可把边框拖到一个新位置，当松开鼠标按钮时，一个新的空白内容的框架就形成了。2）也可以通过命令来操作：首先单击要拆分的框架内部，选“框架”菜单中的“拆分框架”命令，在弹出的“拆分框架”对话框中单击“拆分成列”或“拆分成行”单选按钮，单击“确定”按钮即可。2、改变框架属性在设置好框架的整体布局后，我们还可以对每一框架的具体属性进行设置，操作如下：1）单击需设置属性的框架，选择“框架”菜单中的“框架属性”，则弹出“框架属性”对活框。 1）在对话框的“名称”文本框中可输入框架名，这样便于识别不同的框架；在“选项”区域中，若选中“在例览器中可以调大小”复选框，则客户在浏览站点时，可重新定义框架尺寸，通过在“显示滚动条”下拉列表框中选择不同的描述项，可设置让滚动条是否出现。2）在“框架大小”区域中，可设置框架大小，可以定义一个绝对像素值或相对于浏览器窗口的百分比，若要用浏览器来设置相对于该页面中框架的尺寸，可选“相对”；在“边距”区域中，可设置内容页面与框架边框分隔的像素数值。3）要改变开始页面，可以在“初始网页”文本框中输入一个新的页面名字或URL。4）单击“框架网页”按钮，则弹出“网页属性”对话框。5）在该对话框的“框架”选项卡中，在“框架间距”文本框中，可输入以像素为单位的边框宽度；若要使框架边框消失，则不要选中“显示边框”复选框。6）单击“确定”按钮，关闭“网页属性”对话框，再单击“确定”按钮，关闭“框架属件”对话框，完成框架属性设置。3、删除框架若框架页面看起来太乱，可删除某些框架。要删除一个框架，可先单击该框架选择它，再选择“框架”菜单中的“删除框架”命令即可。三、网页表单以建立一个留言板的为例，保存在“Mywebs”下，命名为“index_6.htm”。参见下图：1、表单的建立：操作步骤如下（1）单击“新建”按钮，建立新页面，保存为“index_6.htm”，在页面中创建一个2×1表格，宽度为80％，居中对齐。并在表格的第一行中插入标题动画“liuyan.swf”。（插入菜单—高级—插件，数据源中选择liuyan.swf）（2）右击表格第二行，选择“拆分单元格”命令，选择“拆分为列”，输入列数3，将左右两列背景色设为RGB（CC,CC,FF）。（3）将插入点移到中间单元格，选择“插入”—“表单”—“单行文本框”命令。页面上出现一个单行文本框和两个按钮，分别为“提交”和“全部重写”。移动光标键将光标移到文本框左侧，输入“姓名：”，再移到文本框右侧，输入“年龄：”，再次插入一单行文本框。（4）按回车换行后输入“性别：”，选择“插入”—“表单”—“单选按钮”，插入单选按钮，在单选按钮右侧输入“女”，同样操作后输入“男”。（5）按回车换行后输入“爱好：”，选择“插入”—“表单”—“复选框”，输入“音乐”，同样操作后依次输入“体育”、“电脑”。（6）按回车换行后输入“职业：”，选择“插入”—“表单”—“下拉菜单”，双击“下拉菜单”后在弹出的“下拉菜单属性”对话框中单击“添加”按钮添加选项，如下图所示。（7）按回车换行后输入“您的留言：”换行后选择“插入”—“表单”—“滚动文本框”插入滚动文本框并调整大小。（8）保存。 2、单资料的收集和处理表单的作用在于帮助收集资料，对于访问者来说，填完资料后，单击“提交”按钮，就可以将信息传送到服务器上。对于网站管理员来说，更重要的是对这些资料进行处理，将它们变成所需要的资料形式，比如在上例中，当访问者填完表单并发送回来后，网站管理员应该对这些资料进行分析，回复读者的留言，并及时改进网站。为方便资料的整理，在制作表单时，应该有意识地将表单的结果输出到某一个HTML文件或纯文本文档中，以文件地形式存放。下面以设定在留言板下方显示各位访客地流言内容为例，操作步骤如下：i.将指针指向表单虚线框内右击，单击快捷菜单中“表单属性”命令，打开“表单属性”对话框，在文件名中输入“result.htm”，指定存放留言内容地网页，单击“确定”，关闭“表单属性”对话框。ii.保存“index_6.htm”网页，单击视图栏“文件夹”按钮，切换到文件夹视图状态，单击“查看”菜单下“刷新”命令，可以看到FrontPage自动在当前网站的_private文件夹下建立了一个名为“result.htm”网页。iii.单击视图栏“网页”按钮，切换到网页制作状态，将插入点移到留言板下方表单域虚线框外，依次单击“插入”—“组件”—“包含网页属性”对话框，输入要包含的网页名“_private/result.htm”，单击“确定”按钮。iv.进入浏览器测试留言板，留言完毕，单击“提交”，再单击浏览器“刷新”按钮，即可看到留言内容。具体页面如下图： 2、创建超链接一个网站由若干个单独的网页文件组成，这些单独的网页由超链接（Hyperlink）结合起来，形成一个紧密联系的整体。超链接可以定义在文字中，也可以定义在图片上，甚至是图片上的局部位置。在建立链接时，先选定文字和图片作为链接源，再单击“插入”菜单—“超链接”，打开“创建超级链接”对话框。a)同一页面内的链接，以书签链接为例。对index_2.htm中的各个小标题建立书签链接。i.选定网页具体内容部分的标题“水污染”，单击“插入”—“书签”；ii.在弹出的“书签”对话框中输入书签名称“shui”，单击确定；iii.同样的方法制作其余三个标题的书签链接。iv.选定网页顶端的标题“水污染”，单击“插入”—“超链接”；v.在弹出的对话框中单击“书签”下拉列表按钮，从中选择“shui”，单击“确定”。vi.同样制作其他三个标题的超链接。b)不同页面之间的链接，以链接到了另一个页面为例。打开index_1.htm，对其中的导航条中每个标题建立链接。操作步骤如下：i.打开index_1.htm网页，选定“环保首页”四个字，单击常用工具栏上的“超链接”按钮或单击右键选择“超链接”，打开“创建超链接”对话框。ii.在对话框的预览框中单击“index.htm”文件名，单击“确定”。 i.同样方法将“环保问题”链接到“index_2.htm”，“环保知识”链接到“index_3.htm”，“环保事件”链接到“index_4.htm”，“环保世纪行”链接到“index_5.htm”，“访客留言”链接到“index_6.htm”。b)链接到网站：在“超链接”对话框中直接输入http地址即可。3、动态网页制作a)横幅广告管理器：以index_3.htm为例，创建改网页的banner。具体步骤如下：i.创建一新网页，命名为index_3.htm。并用表格打好框架。具体参见例子。ii.把光标定位在插入banner的单元格中，选择“插入”—“组件”—“横幅广告管理器”，打开管理器对话框。iii.单击“添加”按钮，依次将images文件夹下的“banner1.jpg”、“hua_6.jpg”和“banner.jpg”三张图片添入管理器，并设定过渡效果为“分解”，每幅图片显示3秒，单击确定即可。（注，必须安装有Java虚拟机）。b)滚动字幕：还是以index_3.htm为例。i.在表格右下方单元格中插入一2行1列表格，在第一个表格中选择“插入”—“组件”—“滚动字幕”，打开“字幕属性”对话框。ii.在“文本”框中输入字幕内容：“掌握环保知识，树立环保意识，大家一起，保护我们的家园！”，选择文字方向为“向右”。iii.调整速度。“延迟”设为60，设置字幕每次移动的时间间隔；“数量”为6，设置字幕移动的距离。iv.定义“表现方式”为“滚动条”。v.单击“样式”—“格式”—“字体”，设置字体为宋体、10pt、颜色为橄榄色。单击“确定”即可。 a)添加背景音乐：以index.htm为例。具体步骤如下：i.选择“文件”—“属性”，或单击右键选“网页属性”，打开“网页属性”对话框。ii.在“常规”标签下选择“浏览”按钮，找到“images”文件夹下的“spring11.au”。iii.选择“不限次数”，单击“确定”即可。