鉴于大家对FrontPage教程十分关注,我们编辑小组在此为大家搜集整理了“第一节 FrontPage 2003的新增功能”一文,供大家参考学习!
第二节 使用样式表
严格地说,样式是由唯一名称标识组成的格式特征集合。使用样式可以快速设置一组网页元素的格式,包括文本、图形、表格等。样式表可以简单地理解成网页中各元素设置好的样式列表,样式表可以当做网页的模板进行使用。当新建一个网页时,用户可以直接使用样式表来设置网页的格式。常用的样式表包括外部样式表和内嵌式样式表两种。
一、创建外部样式表
外部样式表是一种可以应用于多个网页中的样式表,为了使网页的主题统一,可以为多个网页使用同一个样式表,这种样式表可以存储在独立文件中,其扩展名为.css。创建外部样式表的具体操作步骤如下:
(1)打开需要使用样式表的网页,选择“文件”→“新建”命令,打开“新建”任务窗格。
(2)在“新建网页”选区中单击“其他网页模板”超链接,在弹出的“网页模板”对话框中打开“样式表”选项卡,如图10.2.1所示。
图10.2.1 “样式表”选项卡
(3)在该选项卡中选择所需的样式表模板,如选择“垂柳”选项,单击“确定”按钮,即可新建一个如图10.2.2所示的样式表。
(4)选择“格式”→“样式”命令,弹出如图10.2.3所示的“样式”对话框。
(5)在“样式”列表框中选中所要修改的选项,如选择“body”选项,单击“修改”按钮,弹出如图10.2.4所示的“修改样式”对话框。
图10.2.2 新建样式表
图10.2.3 “样式”对话框 图10.2.4 “修改样式”对话框
(6)单击“格式”按钮,在弹出的下拉菜单中选择相应的命令进行设置,可对样式的字体、段落、边框、编号方式和定位进行设置。
(7)设置完成后,在“修改样式”对话框中单击“确定”按钮,返回到“样式”对话框中。
(8)按同样的方法设置“样式”列表框中的其他选项。
(9)设置完成后,单击“确定”按钮。
(10)选择“文件”→“另存为”命令,保存所创建的外部样式表,以便下次使用。
二、创建内嵌式样式表
内嵌式样式表是指存储在网页中的HTML(<HEAD>和</HEAD>)标记之间的代码集。用户为该网页创建的所有样式都将作为类选择器(级联样式表中标识)存储在内嵌式样式表中。创建内嵌式样式表的具体操作步骤如下:
(1)打开要创建内嵌式样式表的网页。
(2)选择“格式”→“样式”命令,弹出如图10.2.5所示的“样式”对话框。
(3)单击“新建”按钮,弹出如图10.2.6所示的“新样式”对话框。
图10.2.5 “样式”对话框 图10.2.6 “新样式”对话框
(4)在“名称”文本框中输入新样式的名称;在“样式类型”下拉列表中选择需要设置的样式类型,包括段落和字符两个选项。
(5)单击“格式”按钮,在弹出的下拉菜单中选择相应的命令进行设置,可对样式的字体、段落、边框、编号方式和定位进行设置。
(6)设置完成后,在“修改样式”对话框中单击“确定”按钮,返回到“样式”对话框中,所新建的样式表即可被添加到“样式”列表框中,单击“确定”按钮即可。
如果用户对所创建的样式表不满意,则单击“修改”按钮,可以修改样式表;如果不再需要某个样式表,可以单击“删除”按钮将其删除。
三、链接样式表
外部样式表创建完成后,即可将其链接到网页中,其具体操作步骤如下:
(1)打开需要链接样式表的网页,选择“格式”→“样式表链接”命令,弹出如图10.2.7所示的“链接样式表”对话框。
(2)单击“添加”按钮,弹出如图10.2.8所示的“选择样式表”对话框。
图10.2.7 “链接样式表”对话框 图10.2.8 “选择样式表”对话框
(3)在“搜索”下拉列表中选择样式表的保存位置,然后选择所创建的样式表,单击“确定”按钮,返回到“链接样式表”对话框中。
(4)单击“确定”按钮,即可将所创建的样式表应用到网页中。