11 快速制作网页
11．1 模板应用（Top）
11．1．1 网站模板（Top）
为方便用户创建站点，FrontPage 2000提供5个站点模板和3个站点向导（详见11．1．3）。
站点模板是FrontPage 2000提供的站点框架，包括若干已建好的具有特定意义的网页，且定义了各网页间超级链接。
借助同一站点模板创建的站点中网页（文件）数量及站点结构都相同。
借助同一站点向导创建的站点中网页数量及站点结构可以不同。因为在向导引导创建站点的过程中，用户可对某些选项作出不同的选择。
创建站点时应选用与设计结构相近的模板（或导向）。
1、借助站点模板创建站点的基本步骤（Top）
⑴单击“文件”·“新建”·“站点”，打开“新建”对话框。其中列出了5个站点模板和3个站点向导，选中其中某一个时，右侧的“说明”区中，即显示该模板（向导）功能的说明。
⑵选定所需模板或向导（如“个人站点”）。
⑶“选项”区的“指定新站点的位置”（即站点存放目录）框中默认的目录是“C:\My
Documents\My Webs\Myweb”，如果需要更改，可在该框中键入自定的目录。
⑷单击“确定”。屏幕上先出现“正在创建站点”提示框，稍后回到“网页”视图。新站点即创建完成。
从上述操作可以看出，利用模板或向导创建一个新站点并不难，可以说：一分钟可创建一个。难的是编辑网页。
注意：借助站点向导创建站点，只需在创建过程中，按提示进行根据需要进行选择，就可创建所需的网站。
具体步骤略。
2、站点中的文件（Top）
利用“个人站点”模板创建的站点中，默认情况下：可看到文件（夹）是：根目录下有_private和images两个文件，以及五个网页文件。即index.htm（主页）、interest.htm（兴趣）、photo.htm（影集）、favorite.htm（我喜爱的站点）和myfav3.htm（我喜爱的站点3）。
实际上，创建的文件（夹）不仅这些。因为在默认情况下，FrontPage
2000隐藏站点中不需用户直接管理文件夹。
如，“_borders”、“_theme”等等。若需显示这些文件夹，则应单击“工具”·“站点设置”，在“站点设置”对话框“高级”选项卡上，选中“显示隐藏目录中的文档”复选框后，单击“确定”。
用户可以在站点中创建（或删除）自己的文件夹。但若要删除站点中原有文件夹，则应慎重。特别是不要随意删除“隐藏”文件夹。
11．1．2 网页模板（Top）
用户既可以新建一个独立的网页，也可以为当前打开的站点新建一个新网页。
利用网页模板新建网页的步骤
⑴单击“文件”·“新建”·“网页”。
⑵在“新建”对话框的“常规”选项卡上，选中所需的网页模板。
⑶单击“确定”。
如果，新建一张普通（空）网页，只需单击“常用”工具栏上的“新建网页”按钮即可。
11．1．3 模板使用说明（Top）
在使用中逐步认识网站和网页模板。
1、网站模板
（l）只有一个网页的站点：创建只有一个网页的新站点。
（2）导入站点向导：创建一个站点，并在其中加入本地计算机目录或远程计算机中的文档。
（3）个人站点：创建一个包含兴趣爱好、照片和喜好的个人站点。
（4）公司展示向导：为公司创建一个专业的Internet展示。
（5）客户支持站点：创建一个适用于客户支持服务的站点。
（6）空站点：创建一个没有内容的新站点。
（7）讨论站点向导：创建一个有线索、目录和全文搜索功能的讨论组。
（8）项目站点：为包含一系列的成员、计划、状态、归档和讨论的项目创建站点
2、网页模板
（l）普通网页：创建一个空白网页。
（2）表单网页向导：创建一个可以用来收集信息的表单网页。
（3）常见问题：创建一个网页，以回答关于某些主题的常见问题。
（4）带有标题的宽行正文：创建有宽行正文和子标题的网页。
（5）带有交错边栏的一栏正文：有一栏正文和位于左边的两个交错过栏的网页。
（6）带有目录和边栏的两栏正文：创建一个有两栏正文、左边有目录、右边有边栏的网页。
（7）两栏交错正文：创建有两个交错栏的正文的网页。
（8）目录：创建一个与网站中的所有网页都有链接的网页。
（9）目录在左边的两栏正文：创建一个两栏正文，且左边有目录的网页。
（10）确认表单：创建一个网页，从讨论、表单结果或注册网页获得用户输入的数据。
（11）三栏正文：创建有三栏正文的网页。
（12）书目：创建一个作为印刷或电子出版物的参考书目的网页。
（13）搜索网页：创建一个用于搜索站点文档中关键字的网页。
（14）狭窄、右对齐的正文：创建有狭窄的右对齐的正文的网页。
（15）意见簿：创建一个可以让访问者在意见日志中留言的网页。
（l6）用户注册：创建一个让用户注册到站点的网页。
（17）在左边列出目录的一栏正文：创建一个有一栏正文并在左边列出目录的网页。
11．2 创建自定义的网页模板和网站模板（Top）
11．2．1 概述（Top）
安装ForntPage 2000后，在Mscroaoft Office\Templates目录中会出现2052\Pages和2052\Web等目录，前者存放以tem为扩展名的网页模板；后者存放网站模板。
11．2．2 创建网页模板（Top）
创建网页模板的方法，与一般另存文件的方法基本相同。
“另存为网页模板”对话框上
“标题”框中的文字将显示在“新建”对话框“常规”选项卡的框中。
“说明”框中的文字将显示在“新建”对话框“常规”选项卡的“说明”区中。
“名称”框中的内容就是网页模板的文件名。
注意：自建的网页模板存放目录是
C:\Windows\Application Data\Microsoft \FrontPage\Pages
11．2．3 创建网站模板（Top）
创建操作，比课本上介绍要复杂。尤其是较复杂的网站。
自建网站模板是专业人士的事。
注意：自建网站模板的存放目录与FrontPage
2000提供的网站模板存放目录相同。
11．3 主题（Top）
11．3．1 主题概述（Top）
主题是FrontPage 2000中一套专门设计的用于修饰网页的方案，包括“颜色”、“图形”和“文本”三部分内容。
“颜色”：包含正文、标题、超级链接、网页横幅文本、导航栏、表格边框和网页背景的等颜色。且有“普通颜色”和“鲜艳的颜色”两种颜色设置。
“图形”：包含作为网页元素的图形集。如背景图片、网页横幅、项目符号、导航按钮和水平线。且有普通和动态图形两种图形集。
“文本”：包含各种文本（标题）的样式。
主题应用于单张网页时，能使网页的背景、项目符号、字体、导航条、表格边框、水平线等风格统一，颜色搭配合理。同一个主题应用于整个网站时，能使网站中所有网页保持协调一致的风格。应用主题来修饰网页（站）能大大减少编辑工作量。
FrontPage 的某些特性只有在应用主题时才可用。如使用主题时，网页横幅和导航栏按钮能以图形方式显示，若不使用主题，网页横幅和导航栏按钮只能以文本方式显示。
FrontPage 2000共向用户提供60种主题（存放在“C:\Program
Files\Common Files\Microsoft Shared\Themes”目录中），缺省情况下，只安装其中的25种。
利用站点模板（向导）创建网站时，除了“只有一个网页的站点”和“空站点”模板外，每个模板（向导）均默认应用某个主题。
利用站点向导创建网站时，在创建过程中可更改（默认）应用的主题。
利用“个人站点”模板创建的网站，默认应用“直边”主题。
11．3．2 主题的应用（Top）
既可以同时更改整个网站中所有网页应用的主题；也可以单独更改某些（个）网页应用的主题。
应用（更改）主题的方法
⑴在“网页”视图（或者“文件夹”、“超级链接”、“导航”等视图）中，然后单击“格式”·“主题”（或单击右键，然后单击“主题”）。
⑵在“主题”对话框上，选中左上部“所有网页”单选框；在左侧的列表框中选中所需的主题，如，“标签”（右侧的“主题示例”框中，可预览到该主题的图形、颜色、样式等）。
⑶选中“鲜艳的颜色”（网页中文字及图像的颜色更加鲜艳）、“动态图形”（使用动态图形，图像更加生动）、“背景图片”（网页背景为具有针织物状的图案，如果不选中该复选框，即将设定了具体的背景图片，背景图片也不会显示）以及“应用CSS”（需应用层叠样式表及修改样式的主题）复选框，然后单击“确定”。整个网站就应用“标签”主题。
注意：更改整个网站中所有网页应用的主题时，FrontPage
2000需完成很多工作。包括修改网站中的所有网页文件（共享边框等部分的内容）；删除和复制（或者修改）有关的文件夹及其中的文件。例如，原应用“直边”主题，改为应用“标签”主题时，需先删除网站根目录下的“_theme\strtedge”目录，然后将“tabs”目录（及其中的文件）复制到“_theme”目录之中。
因此，在配置较低的电脑上用FrontPage 2000制作网站时，应在网站不太大时就确定应用的主题。尽量避免在网站做大后再更改主题。
11．3．3 主题的修改（Top）
FrontPage 2000提供的主题是“只读”的。用户因需修改它们后，只能作为自建（定义）主题改名保存。用户自建主题的应用方法及效果与FrontPage
2000提供的主题完全相同。
用户也不能删除FrontPage 2000提供的主题，只能删除自建的主题。方法是：打开“主题”对话框，在左侧的列表框内选中要删除的主题名，然后单击“删除”即可。
例如，认为“标签”主题不完全符合需要，因此，修改了该主题中的“图形”和“文本”。并将修改结果作为自建主题保存，定名为“标签的副本”。
1、修改主题中的“图形”
例1，修改水平导航栏图形按钮中的文字属性
⑴在“网页”视图，单击“格式”·“主题”。
⑵在“主题”对话框上单击“修改”按钮。然后单击“图形”按钮。
⑶在“修改主题”对话框的“项目”列表框中选定“水平导航”后，在“字体”选项卡上，“样式”框中选定“加粗、倾斜”、“大小”框中选定“4（14磅）”、“水平对齐方式”框中选定“左对齐”、“垂直对齐”框中选定“垂直居中”，然后单击“确定”。
⑷单击“主题”对话框上的“确定”后。屏幕上出现“保存主题”对话框，在“此主题是只读的。请输入新主题标题以另存为”框中，输入“标签的副本（缺省值）”，然后单击“确定”。
例2，修改背景图片，用图像文件“indtextb.jpg”替换原有的背景图像文件。
⑴在“主题”对话框上单击“修改”按钮。然后单击“图形”按钮。
⑵在“修改主题”对话框的“项目”列表框中选定“背景图片”后，单击“图片”选项卡上“浏览”按钮。
⑶单击“选择图片”对话框上“从计算机上选择一个文件”按钮，在“选择文件”对话框上，选定图像文件“indtextb.jpg”，然后单击“确定”。
⑷依次单击“选择图片”、“修改主题”对话框上的“确定”。
⑸单击“主题”框上“确定”，并确认保存修改结果。
2、修改主题中的“文本”（Top）
例如，修改样式“标题1”，将字型改为“加粗”、字体大小改为“18磅”
⑴在“主题”对话框上单击“修改”按钮。然后单击“文本”按钮。
⑵在“修改主题”对话框上，单击“其它文本样式”按钮。
⑶在“样式”对话框“样式”框中，选中“h1（标题1）”后，单击“修改”按钮。
⑷在“修改样式”对话框上，单击“格式”按钮，然后单击“字体”。
⑸在“字体”对话框的“字型”和“字号”框中选定“加粗”和“18pt”后，单击“确定”。
⑹在“修改样式”对话框上，单击“格式”按钮，然后单击“段落”。
⑺在“段落”对话框上，“缩进和间距”选项区“对齐方式”框中选定“水平居中”，然后单击“确定”。
⑻依次单击各个当前对话框上的“确定”。
此后，《花桥电脑书斋》就改（应）用“标签的副本”主题。
11．4 样式（Top）
说明：层叠样式表，这部分内容，相对比较难学（尤其是没有学过Word样式的），但是是否掌握层叠样式功能，是衡量网页制作水平的一个标志。
为了统一WWW（万维网）上各网站和网页中的样式，方便各种浏览器解释样式，万维网标准委员会W3C（World Wide Web consortium）制定了层叠样式表（Cascading Style Sheet，简称CSS）的标准。目前，有CSS1.0和CSS2.0两种版本。
11．4．1 样式概述（Top）
W3C公布的样式表可分为外部样式表、嵌入式样式表和内联样式表三种。
外部样式表：以CSS为扩展名的文件（又称为“超文本样式表”文件），其中，不仅可包含各种标准的HTML样式的设置，而且可包含自定义的类选择器（Class selector）样式和ID选择器（ID selector）样式。它的作用范围可以是多经网页，或整个网站，甚至不同的网站。
嵌入式样式表：包含在网页内部的样式设置，它的作用范围仅限于该网页。
内联式样式表：仅应用于某一部分网页元素的样式，它的作用范围仅限于应用它的网页元素。在HTML文档中，内联式样式表的格式化信息直接插入所应用的网页元素的HTML标签中，作为其HTML标签的属性参数。
严格地说，内联样式表称不上表，仅仅是一条HTML标记。
三种样式表中，内联的层次最高，外部的层次最低。当同一（部分）网页元素上，同时应用二种或三种样式，且样式之间（部分）有冲突时，高层次的样式覆盖低层次的样式。如在一段文本上，同时应用了内联、外部样式，其中，字体分别设置为楷体、宋体，本最终这段文将显示为楷体。
11．4．2 嵌入式样式表（Top）
新建嵌入式样式表的方法
⑴在“网页”视图中，单击“格式”·“样式”，打开“样式”对话框。
⑵在“样式”对话框上，单击“新建”。
⑶在“新样式”对话框上，“名称（选择器）”框中键入新建的类选择器名（例如，“.new-1”）。
注意：在“名称（选择器）”框中键入的样式名，取名规则是：类选择器样式名之前应有一个圆点；ID选择器样式（一般用于表格）名之前应有一个“＃”。若键入的样式名前面既不加圆点也不加“＃”，FrontPage
2000处理的原则是：若样式名与某个标准HTML样式同名时，则视为用户要修改该样式（修改后即成为“用户定义的样式”）；否则视为类选择器样式，在样式名前自动加上圆点。
⑷单击“格式”，然后单击“字体”。
⑸在“字体”对话框上，“字体”框中选定“仿宋_2313”、“字型”框中选定“加粗”、“字号”框中选定“14pt”，然后单击“确定”。
⑹在“新样式”对话框上，单击“格式”按钮，然后单击“段落”。
⑺在“段落”对话框上，“行距大小”框中键入“双倍行距”，然后单击“确定”。
⑻单击“新样式”对话框上的“确定”。 ⑼单击“样式”对话框上的：“确定”。
此后，新建的嵌入式样式，即出现在“格式”工具栏的“样式”框中。
注意：
⑴修改样式的方法与基本相同。不再赘述！
⑵样式包含字体、段落、边框、编号方式和定位等五类格式。本章只讲字体和段落。定位相当于Dreaweaver中所说的“层”，到讲Dreaweaver时再讲。边框和编辑方式不复杂，可以自学。
11．4．3 外部样式表（Top）
1、创建和修改外部样式表
例如，“标签的副本”主题中的普通文字的样式不符合需要。为此，创建一个包含所需样式的外部样式文件（表）。方法是：
⑴在“网页”视图中，单击“新建”·“网页”，打开“新建”对话框。
⑵在“新建”对话框的“样式表”选项卡上，选中“普通样式表（空白样式表）”，然后单击“确定”。在FrontPage
2000专门的样式编辑视图中出现空白的样式表文件
⑶单击“样式”工具栏上“样式”按钮。
⑷在“样式”对话框上，单击“新建”。
⑸在“新样式”对话框上，“名称（选择器）”框中键入新建的类选择器名（例如，“.base-4”）。
注意：取名规则是同嵌入式样式。
⑹单击“格式”，然后单击“字体”。
⑺在“字体”对话框上，“字体”框中选定“楷体_2313”、“字型”框中选定“加粗”、“字号”框中选定“14pt”，然后单击“确定”。
⑻在“新样式”对话框上，单击“格式”按钮，然后单击“段落”。
⑼在“段落”对话框上，“行距大小”框中键入“125%”（1.25倍行距），然后单击“确定”。
⑽单击“常用”工具栏上“保存”按钮，将该文件保存为“超文本样式表”文件。文件名为css-1，扩展名为css，并存放在网站根目录下。
2、链接外部样式文件（表）（Top）
外部样式表只有与网页链接后，才能发挥作用。
例如，将css-1.css与网站中所有网页链接的方法是：
⑴在“网页”视图中（或在“文件”、“导航”等视图中），单击“格式”·“外部样式表链接”。
⑵在“链接样式表”对话框上，选中“所有网页”单选框；然后单击“添加”。
⑶在“选择超链接”对话框上选定需链接的外部样式表文件：“css-1.css”，然后单击“确定”。
⑷在“样式表链接”对话框上，单击“确定”。
此后在网页头部将出现：
<link rel=“stylesheet” type=“text/css”
href=“css-1.css”>
外部样式表（文件）与网页链接后，其中的所有样式名，将出现在“格式”工具栏的“样式”框中。
注意：网页（站）应用主题后，主题中的主要外部样式表会自动与网页链接。因此，应用主题后，在“网页”·“普通”视图的“样式”框中会增加多种样式。
3、应用外部样式表中的样式（Top）
例如，应用外部样式表中的样式，来格式网页的文字。
先将需格式化文字选中，然后在“格式”工具栏上“样式”框中选中“base-4”。选中的文字即变为楷体、加粗、14磅、1.25倍行距。
主页 （TOP）
|
