网编程教学专业知识讲座省公共课一等奖全国赛课获奖课件.pptx

第8章 用FrontPage制作网页第1页8.1 FrontPage 基本操作基本操作 8.2 使用使用 FrontPage 创建网站创建网站 8.3 页面布局及修饰页面布局及修饰 8.4 在在 FrontPage 中使用中使用 CSS 8.5 网页制作实例网页制作实例 第2页8.1 FrontPage 基本操作基本操作 8.1.1FrontPage 界面界面8.1.1.1 FrontPage 主窗口主窗口 开启开启 FrontPage 之后，其主窗口如图之后，其主窗口如图 8-1 所表示。所表示。第3页图 8-1 FrontPage 主窗口第4页8.1.2文件操作文件操作8.1.2.1 创建网页创建网页 当当开开启启 FrontPage 时时，系系统统会会自自动动创创建建一一个个名名为为 new_page1.htm 网网页页。假假如如以以后后需需要要新新建建网网页页，能能够够单单击击工工具具栏栏中中“新新建建网网页页”按按钮钮 或或者者按按快快捷捷键键【Ctrl+N】。】。假假如如选选择择“文文件件”菜菜单单中中“新新建建”，然然后后选选择择“网网页页”命命令令，那那么么能能够够打打开开如如图图8-3所所表表示示“新新建建”对对话话框框，能能够够在在“常常规规”选选项项卡卡中中选选择择一一个个默默认认模模板板或或向向导导创创建建网网页页。比比如如，能能够够选选择择“常常见见问问题题”模模板板创建出一个包含页面内链接问答网页。创建出一个包含页面内链接问答网页。第5页图 8-3 “新建”对话框 第6页8.1.2.2 打开网页打开网页8.1.2.3 保留网页保留网页8.1.3 设置网页属性设置网页属性 网网页页属属性性是是指指网网页页标标题题、网网页页背背景景等等基基本本选选项项，设设置置方方法法为为：在在网网页页编编辑辑区区域域空空白白处处单单击击鼠鼠标标右右键键，然然后后选选择择“网网页页属属性性”命命令令，或或者者选选择择“文文件件”菜菜单单中中“属属性性”命命令令，然然后后在在“网网页页属属性性”对对话话框框中中进进行行设设置置，如如图图 8-4 所表示。所表示。第7页图 8-4 “网页属性”对话框第8页8.1.4 文字输入与格式设置文字输入与格式设置8.1.4.1 基本内容输入基本内容输入 8.1.4.2 字体格式设置字体格式设置1使用使用“格式格式”工具栏工具栏 假假如如要要设设置置网网页页汉汉字字本本字字体体格格式式，最最简简单单方方式是使用式是使用“格式格式”工具栏，如图工具栏，如图 8-5 所表示。所表示。图 8-5 “格式”工具栏第9页2使用使用“字体字体”对话框对话框也能够使用也能够使用“字体字体”对话框设置字体格式，步骤以下：对话框设置字体格式，步骤以下：（1）选中需要设置字体格式文字。）选中需要设置字体格式文字。（2）选选择择“格格式式”菜菜单单中中“字字体体”命命令令，然然后后在在“字字体体”对话框中设置字体格式，如图对话框中设置字体格式，如图 8-6 所表示。所表示。图 8-6 “字体”对话框 第10页8.1.4.3 段落格式设置段落格式设置1使用使用“格式格式”工具栏工具栏2使用使用“段落段落”对话框对话框 使用使用“段落段落”对话框设置段落格式步骤以下：对话框设置段落格式步骤以下：（1）在在需需要要设设置置格格式式段段落落中中单单击击鼠鼠标标右右键键，然然后后选选择择“段段落落”命命令令；或或者者将将插插入入点点定定位位到到需需要要设设置置格格式式段段落落，然然后后选选择择“格格式式”菜菜单单中中“段段落落”命令。命令。（2）在在“段段落落”对对话话框框中中，设设置置对对应应段段落落格格式式选选项，如图项，如图 8-7 所表示。所表示。第11页图 8-7 “段落”对话框 第12页8.1.4.4 列表格式设置 使用“格式”工具栏上按钮可以方便地应用无格式项目列表和编号列表，步骤如下：（1）选中需要应用列表格式多个段落。（2）单击“格式”工具栏中“编号”按钮 可认为选定段落应用编号（即创建有序列表）；单击“项目符号”按钮 可认为选定段落应用项目符号（即创建无序列表）。（3）在设置了列表段落中单击鼠标右键，然后选择“列表属性”命令，则可以在“列表属性”对话框不一样选项卡中设置列表样式（例如设置不一样项目符号或编号样式），如图 8-8 所示。第13页图 8-8 “列表属性”对话框第14页8.1.5设置超链接设置超链接8.1.5.1 创建普通超链接创建普通超链接 假假如如要要在在网网页页中中创创建建超超链链接接，能能够够使使用用以以下下步骤：步骤：（1）在在“网网页页”视视图图中中，选选中中需需要要作作为为超超链链接接文文本（也能够是图片）。本（也能够是图片）。（2）单击）单击“惯用惯用”工具栏中工具栏中“超链接超链接”按钮按钮 ，则弹出，则弹出“创建超链接创建超链接”对话框，如图对话框，如图 8-9 所表示。所表示。第15页图 8-9 “创建超链接”对话框第16页（3）假假如如在在“创创建建超超链链接接”对对话话框框列列表表中中包包含含要要作作为为超超链链接接目目标标文文件件，则则直直接接单单击击即即可可；假假如如要要创创建建一一个个新新网网页页作作为为链链接接目目标标，则则能能够够单单击击 URL 列列表表框框右右边边四四个个按按钮钮中中最最右右边边一一个个按按钮钮 ；假假如如要要使使用用万万维维网网中中任任意意一一个个有有效效地地址址作作为为超超链链接接目目标标，则则能能够够单单击击最最左左边边一一个个按按钮钮 ；假假如如要要使使用用当当地地计计算算机机上上任任意意一一个个磁磁盘盘文文件件作作为为超超链链接接目目标标，则则能能够够单单击击左左边边第第二二个个按按钮钮 ；假假如如要要使使用用电电子子邮邮件件地地址址作作为为超超链链接接目目标标，则则能能够够单单击击左左边边第第三三个个按按钮钮 。当当然然，假假如如清清楚楚超超链链接接目目标标文文件件 URL，那那么么能能够够直直接接在在“URL”框中输入。框中输入。（4）假假如如要要指指定定超超链链接接目目标标框框架架（比比如如，想想在在一一个个新新窗窗口口中中打打开开超超链链接接目目标标文文件件），那那么么能能够够单单击击“更更改改目目标标框框架架”按按钮钮 ，然然后后在在“目目标标框框架架”对对话话框框中中设设置置，如如图图 8-10 所表示。所表示。第17页图 8-10 “目标框架”对话框 当当用用户户创创建建了了超超链链接接之之后后，能能够够在在超超链链接接上上单单击击鼠鼠标标右右键键，然然后后选选择择“超超链链接接属性属性”命令，方便更改超链接目标。命令，方便更改超链接目标。第18页8.1.5.2 创建指向书签超链接创建指向书签超链接 超超链链接接除除了了能能够够跳跳转转到到其其它它网网页页或或文文件件以以外外，还还能能够够跳跳转转到到本本身身网网页页或或其其它它网网页页某某个个详详细细位位置置，方方法法是使用书签来创建超链接。是使用书签来创建超链接。假假如如要要创创建建这这么么超超链链接接，首首先先应应在在目目标标网网页页中中创创建建书签，步骤以下：书签，步骤以下：（1）在在“网网页页”视视图图中中，将将插插入入点点定定位位到到需需要要插插入入书书签位置，或者选中需要作为书签文本。签位置，或者选中需要作为书签文本。（2）选选择择“插插入入”菜菜单单中中“书书签签”命命令令，则则弹弹出出如如图图 8-11 所表示所表示“书签书签”对话框。对话框。第19页图 8-11 “书签”对话框 第20页（3）在）在“书署名称书署名称”编辑框中输入书签名称。编辑框中输入书签名称。（4）单击）单击“确定确定”按钮。按钮。在在网网页页中中创创建建了了书书签签后后，假假如如用用户户创创建建指指向向该该网网页页超超链链接接，则则能能够够选选择择指指向向特特定定书书签签，方方便便跳跳转转到该书签标识位置。到该书签标识位置。创建指向书签超链接如图创建指向书签超链接如图8-12所表示：所表示：图 8-12 创建指向书签超链接第21页8.2 使用使用 FrontPage 创建网站创建网站 8.2.1站点基本操作站点基本操作8.2.1.1 创建站点创建站点（1）选选择择“文文件件”菜菜单单中中“新新建建”命命令令，然然后后选选择择“站点站点”命令。命令。（2）在在如如图图 8-13 所所表表示示“新新建建”对对话话框框中中，包包含含 5 个站点模板和个站点模板和 3 个站点向导，选择其中之一。个站点向导，选择其中之一。第22页（3）在）在“指定新站点位置指定新站点位置”列表框中选取新站列表框中选取新站点位置或直接在该框中输入新站点位置。点位置或直接在该框中输入新站点位置。（4）假如需要将新站点添加到当前打开站点中，）假如需要将新站点添加到当前打开站点中，成为当前站点子站点，则应选中成为当前站点子站点，则应选中“添加到当前站添加到当前站点点”复选项。复选项。（5）单击）单击“确定确定”按钮，则能够开始创建站点。按钮，则能够开始创建站点。假如基于模板，则能够马上创建出站点；假如基假如基于模板，则能够马上创建出站点；假如基于向导，则弹出提醒对话框指导用户创建过程。于向导，则弹出提醒对话框指导用户创建过程。第23页 站站点点创创建建完完成成之之后后，FrontPage 主主窗窗口口中中会会自自动动显显示示出出站站点点文文件件夹夹列列表表，如如图图 8-14 所所表表示示（图图中中所所表示是只有一个网页站点）。表示是只有一个网页站点）。图 8-14 站点文件夹列表第24页 在该文件夹列表中，能够经过单击鼠标在该文件夹列表中，能够经过单击鼠标右键，然后选择对应快捷菜单命令组织站点右键，然后选择对应快捷菜单命令组织站点文件结构。比如，能够在站点中新建文件夹，文件结构。比如，能够在站点中新建文件夹，或者在特定文件夹中创建空白网页，然后双或者在特定文件夹中创建空白网页，然后双击新建空白网页进行编辑。击新建空白网页进行编辑。第25页8.2.1.2 打开站点打开站点 8.2.1.3 关闭站点关闭站点 8.2.1.4 删除站点删除站点删除站点步骤以下：删除站点步骤以下：（1）打开要删除站点。）打开要删除站点。（2）在在站站点点文文件件夹夹列列表表站站点点根根目目录录上上单单击击鼠鼠标标右右键键，然然后后选选择择“删删除除”命命令令，弹弹出出“确确认认删删除除”对对话框，如图话框，如图8-15所表示。所表示。第26页图 8-15 “确认删除”对话框（3）在在“确确认认删删除除”对对话话框框中中，假假如如要要将将站站点点转转换换为为普普通通文文件件夹夹，则则选选中中“只只删删除除此此站站点点中中 Frontpage 信信息息，保保留留全全部部其其它它文文件件和和文文件件夹夹”单单项项选选择择项项；假假如如确确实实要要删删除除整整个个站站点点，则则选选中中“删删除除整整个个站站点点”单单项选择项。项选择项。（4）单击）单击“确定确定”按钮。按钮。第27页8.2.2创建个人站点创建个人站点 在在 FrontPage 中中，提提供供了了一一个个“个个人人站站点点”模模板板，可可供供初初学学者者创创建建个个人人站站点点之之用用。经经过过使使用用该该模模板板，将将能能够够自自动动创创建建出出一一个个含含有有一一致致导导航航结结构构简简单单个人网站，如图个人网站，如图 8-16 所表示。所表示。图 8-16 创建个人站点第28页 假如要修改站点整体结构或者新增网页，最好假如要修改站点整体结构或者新增网页，最好是单击是单击“视图栏视图栏”中中“导航导航”按钮，切换到按钮，切换到“导导航航”视图，这么就能够方便地对网站进行编辑和视图，这么就能够方便地对网站进行编辑和管理。比如，假如要新增加一个栏目，那么能够管理。比如，假如要新增加一个栏目，那么能够在在“主页主页”上单击鼠标右键，然后选择上单击鼠标右键，然后选择“新建网新建网页页”命令，则能够在主页下新建一个网页（比如命令，则能够在主页下新建一个网页（比如“个人简历个人简历”），如图），如图 8-17 所表示。所表示。第29页图 8-17 修改个人站点整体结构第30页8.2.3创建企业站点创建企业站点8.2.3.1 创建企业展示站点创建企业展示站点 最最常常见见企企业业站站点点就就是是企企业业整整体体形形象象展展示示站站点点，在在 FrontPage 中中能能够够直直接接用用“企企业业展展示向导示向导”进行创建，步骤以下：进行创建，步骤以下：（1）选选择择“文文件件”菜菜单单中中“新新建建”命命令令，然后选择然后选择“站点站点”命令。命令。（2）在在“新新建建”对对话话框框中中，选选择择“企企业业展展示向导示向导”。（3）指定了适当站点位置后，单击）指定了适当站点位置后，单击“确定确定”按钮，则显示出如图按钮，则显示出如图 8-18 所表示所表示“企业站企业站点建立向导点建立向导”对话框。对话框。第31页图 8-18 “企业站点建立向导”对话框第32页（4）按按照照向向导导对对话话框框中中提提醒醒进进行行操操作作。假假如如想想让让剩剩下下步步骤骤采采取取默默认认设设置置，能能够够在在创创建建站站点点任任意意一一步步中，单击中，单击“完成完成”按钮完成整个站点创建。按钮完成整个站点创建。站站点点创创建建结结束束后后，能能够够在在文文件件夹夹列列表表中中双双击击需需要要编编辑辑网网页页进进行行编编辑辑，如如图图 8-19 所所表表示示（当当前前打打开开了了首首页页）。一一样样，进进行行网网站站结结构构编编辑辑和和每每个个网网页页详细编辑时，能够用修改个人站点类似方式。详细编辑时，能够用修改个人站点类似方式。第33页图 8-19 企业展示站点第34页8.2.3.2 创建客户服务站点创建客户服务站点 使使用用“客客户户支支持持站站点点”模模板板，能能够够创创建建出出专用于客户服务网站，如图专用于客户服务网站，如图 8-20 所表示。所表示。图 8-20 客户支持站点第35页8.2.3.3 创建项目管理站点创建项目管理站点 使使用用“项项目目”模模板板，能能够够创创建建出出专专用用于于项项目目管管理和支持网站，如图理和支持网站，如图 8-21 所表示。所表示。图 8-21 项目网站第36页8.3 页面布局及修饰页面布局及修饰8.3.1插入图片插入图片8.3.1.1 插入剪贴画插入剪贴画 8.3.1.2 插入图片文件插入图片文件8.3.1.3 修改插入图片修改插入图片 在在网网页页中中插插入入图图片片之之后后，能能够够对对图图片片进进行行一一些些简简单单处处理理，方方便便使使所所用用图图片片含含有有更更加加好好表表现效果。现效果。当当单单击击网网页页中中图图片片时时，FrontPage 会会自自动动显显示示如如图图 8-23 所所表表示示“图图片片”工工具具栏栏，能能够够使使用用其中按钮对图片进行处理。其中按钮对图片进行处理。图 8-23 “图片”工具栏第37页8.3.2创建创建 DHTML 效果效果 用用户户能能够够对对网网页页中中特特定定元元素素（如如文文本本、段段落落或或图图片片等等）应应用用动动态态 HTML，方方便便使使网网页页元元素素含含有有一一定定动动感感效效果果。动动态态 HTML 将将这这些些元元素素与与某某个个事事件件（如如网网页页加加载载或或单单击击鼠鼠标标）相相联联络络，当当事事件发生时触发动态件发生时触发动态 HTML 效果。效果。使用动态使用动态 HTML 效果步骤以下：效果步骤以下：（1）选择）选择“格式格式”菜单中菜单中“动态动态 HTML”命命令，则弹出如图令，则弹出如图 8-24 所表示所表示“DHTML 效果效果”工具工具栏。栏。图 8-24 “DHTML 效果”工具栏第38页 （2）在在网网页页中中选选择择目目标标元元素素，比比如如文文本本、图片或段落。图片或段落。（3）在在“DHTML 效效果果”工工具具栏栏“开开启启”列列表框中选择一个造成动态效果发生事件。表框中选择一个造成动态效果发生事件。（4）在在“DHTML 效效果果”工工具具栏栏“应应用用”列列表表框框中中选选择择一一个个对对应应事事件件发发生生时时页页面面元元素素应应产产生生动动态态效效果果。需需要要注注意意是是，对对应应于于不不一一样样“开开启启”方式，所能使用动态效果是不一样。方式，所能使用动态效果是不一样。（5）在在“DHTML 效效果果”工工具具栏栏“效效果果”列列表表框框（左左边边第第三三个个列列表表框框）中中选选择择一一个个对对应应于于步骤（步骤（4）中所选效果详细效果。）中所选效果详细效果。第39页8.3.3使用表格使用表格8.3.3.1 创建表格创建表格 1使用使用“插入表格插入表格”按钮按钮 2使用使用“表格表格”菜单中菜单中“插入插入/表格表格”命令命令3使用使用“手绘表格手绘表格”功效功效8.3.3.2 表格操作表格操作8.3.3.3 表格属性设置表格属性设置8.3.48.3.4使用框架使用框架8.3.4.1 8.3.4.1 创建框架创建框架第40页 创建框架网页步骤以下：创建框架网页步骤以下：（1）选选择择“文文件件”菜菜单单中中“新新建建”命命令令，然然后后选选择择“网页网页”命令，则打开命令，则打开“新建新建”对话框。对话框。（2）选择）选择“框架网页框架网页”选项卡，如图选项卡，如图 8-29 所表示。所表示。图 8-29 “新建”对话框“框架网页”选项卡第41页 （3）在列表中选择一个框架网页模板。）在列表中选择一个框架网页模板。（4）单单击击“确确定定”按按钮钮，则则创创建建出出一一个个新新框框架架网网页页。比比如如，假假如如选选中中了了“标标题题、页页脚脚和和目目录录”模模板板，则创建出框架网页如图则创建出框架网页如图 8-30 所表示。所表示。图 8-30 框架网页第42页（5）在在每每个个框框架架中中都都包包含含两两个个按按钮钮：“设设置置初初始始网网页页”和和“新新建建网网页页”，都都是是用用于于设设置置在在框框架架中中显显示示初初始始网网页页。所所谓谓初初始始网网页页是是指指当当浏浏览览者者打打开开框框架架网网页页时时显显示示在在当当前前框框架架中中第第一一个个网网页页。假假如如要要显显示示初初始始网网页页已已经经存存在在，则则能能够够单单击击“设设置置初初始始网网页页”按按钮钮，然然后后在在对对话话框框中中指指定定一一个个初初始始网网页页；假假如如要要新新建建一一个个网网页页作作为为框框架架初初始始网网页页，则则能能够够单单击击“新新建建”按按钮钮，则则在在对对应应框框架架中中以以“普普通通网网页页”模模板板创创建建出出一一个个空空白白网网页页，能能够够在在该该网页中进行各种常规编辑操作。网页中进行各种常规编辑操作。（6）假假如如要要保保留留框框架架网网页页，应应单单击击“惯惯用用”工工具具栏栏中中“保保留留文文件件”按按钮钮 ，则则弹弹出出如如图图 8-31 所所表示表示“另存为另存为”对话框。对话框。第43页 （7）设设置置了了保保留留选选项项后后，单单击击“保保留留”按按钮钮，则则弹弹出出下下一一个个“另另存存为为”对对话话框框，要要求求保保留留下下一一个个还还未未保保留留框框架架中中网网页页。假假如如还还未未保保留留框框架架中中网网页页不不是是新新建建网网页页，则则不不会会弹弹出出“另另存存为为”对对话话框框，而是直接以原来文件名保留。而是直接以原来文件名保留。（8）保保留留了了框框架架网网页页中中全全部部还还未未保保留留网网页页后后，将将弹弹出出一一个个“另另存存为为”对对话话框框要要求求保保留留框框架架网网页页。设设置置了了保保留留选选项项之之后后，单单击击“保保留留”按按钮钮，则则能能够将框架网页保留。够将框架网页保留。第44页8.3.4.2 设置框架属性设置框架属性设置框架属性步骤以下：设置框架属性步骤以下：（1）在需要设置其属性框架中单击鼠标右键。）在需要设置其属性框架中单击鼠标右键。（2）在在快快捷捷菜菜单单中中选选择择“框框架架属属性性”命命令令，则则弹弹出出如图如图 8-32 所表示所表示“框架属性框架属性”对话框。对话框。图 8-32 “框架属性”对话框第45页（3）在在“名名称称”编编辑辑框框中中显显示示是是框框架架名名称称，用用于于确定超链接目标框架，通常采取系统默认值即可。确定超链接目标框架，通常采取系统默认值即可。（4）在在“初初始始网网页页”编编辑辑框框中中显显示示了了当当前前框框架架初初始始网网页页，能能够够直直接接输输入入其其它它网网页页文文件件名名或或者者单单击击“浏浏览览”按按钮钮在在“编编辑辑超超链链接接”对对话话框框中中选选择择一一个个网网页文件，方便更改框架初始网页。页文件，方便更改框架初始网页。（5）使使用用“框框架架大大小小”域域中中“宽宽度度”和和“行行高高”选项指定框架宽度和高度。选项指定框架宽度和高度。第46页（6）使用）使用“边距边距”域中域中“宽度宽度”和和“高度高度”选项指定选项指定框架内网页元素距框架左边框和上边框距离。框架内网页元素距框架左边框和上边框距离。（7）使用）使用“选项选项”域中域中“可在浏览器中调整大小可在浏览器中调整大小”复复选项设置在浏览器中浏览该网页时是否能够调整该框选项设置在浏览器中浏览该网页时是否能够调整该框架大小。使用架大小。使用“选项选项”域中域中“显示滚动条显示滚动条”列表框能列表框能够设置是否在框架中显示滚动条以及怎样显示滚动条。够设置是否在框架中显示滚动条以及怎样显示滚动条。（8）单击）单击“框架网页框架网页”按钮，则弹出按钮，则弹出“网页属性网页属性”对对话框话框“框架框架”选项卡，如图选项卡，如图 8-33 所表示。在该选项卡所表示。在该选项卡中能够设置相邻框架之间距离和是否显示边框。中能够设置相邻框架之间距离和是否显示边框。第47页（9）单击）单击“确定确定”按钮，直到退出按钮，直到退出“框架属性框架属性”对话对话框。框。图 8-33 “网页属性”对话框“框架”选项卡第48页8.3.4.3 设置超链接目标框架设置超链接目标框架 对对于于框框架架结结构构网网页页来来说说，超超链链接接目目标标框框架架是是实实现现交交互互导导航航结结构构关关键键。指指定定超超链链接接目目标标框框架架步步骤骤以以下：下：（1）在在“创创建建超超链链接接”或或“编编辑辑超超链链接接”对对话话框框“可选可选”域中，单击域中，单击“更改目标框架更改目标框架”按钮按钮。（2）在在“目目标标框框架架”对对话话框框中中，能能够够设设置置超超链链接接目目标框架，如图标框架，如图 8-34 所表示。所表示。在在“当当前前框框架架网网页页”框框中中包包含含一一个个框框架架网网页页结结构构示示意意图图，单单击击其其中中某某个个框框架架，则则该该框框架架将将突突出出显显示示，而而且且该该框框架架名名称称自自动动显显示示在在“目目标标设设置置”编编辑辑框中，表示该网页将作为目标框架。框中，表示该网页将作为目标框架。第49页 在在“公用目标区公用目标区”列表中，列出了一些全列表中，列出了一些全部浏览器都支持预定义框架设置，选择其中之部浏览器都支持预定义框架设置，选择其中之一，则对应名称也会显示在一，则对应名称也会显示在“目标设置目标设置”编辑编辑框中，表示将使用该设置。框中，表示将使用该设置。假如选中假如选中“设置为网页默认值设置为网页默认值”复选框，复选框，则当前框架中网页全部超链接在没有指定目标则当前框架中网页全部超链接在没有指定目标框架时都将采取此处设置目标框架。框架时都将采取此处设置目标框架。（3）单击）单击“确定确定”按钮。按钮。第50页图 8-34 “目标框架”对话框第51页8.3.5使用组件使用组件 在在 FrontPage 中中，组组件件是是指指包包含含一一定定功功效效模模块块或或对对象象。它它既既可可能能是是一一个个特特殊殊对对象象（比比如如“计计数数器器”），也也可可能能是是一一个个 Java 小小应应用用程程序序（比比如如“悬悬停停按按钮钮”），还还有有可可能能只只是是一一个个 HTML 标标识识（比比如如“字字幕幕”组组件件由由 MARQUEE 标识符组成）。标识符组成）。要插入组件，最简便方法就是单击要插入组件，最简便方法就是单击“惯用惯用”工具栏中工具栏中“插入组件插入组件”按钮按钮 ，然后从列表，然后从列表中选择，如图中选择，如图 8-35 所表示。所表示。第52页图 8-35 插入组件第53页8.3.6使用表单使用表单8.3.6.1 创建表单创建表单1使用向导和模板使用向导和模板 FrontPage 提供了一个提供了一个“表单网页向导表单网页向导”，方，方便用户经过回答下列问题方式快速创建符合自己便用户经过回答下列问题方式快速创建符合自己要求表单。另外，要求表单。另外，FrontPage 还提供了各种生成表还提供了各种生成表单网页模板，使用户能够快速创建需要表单，比单网页模板，使用户能够快速创建需要表单，比如，使用如，使用“意见簿意见簿”模板能够创建出用于搜集访模板能够创建出用于搜集访问者意见网页；使用问者意见网页；使用“用户注册表单用户注册表单”模板能够模板能够创建出能够提供注册功效注册表单网页。创建出能够提供注册功效注册表单网页。第54页 使用向导或模板创建表单步骤以下：使用向导或模板创建表单步骤以下：（1）打开需要建立表单网页站点。）打开需要建立表单网页站点。（2）选选择择“文文件件”菜菜单单中中“新新建建”命命令令，然然后后选择选择“网页网页”命令，则打开命令，则打开“新建新建”对话框。对话框。（3）在在“常常规规”选选项项卡卡中中，选选中中“表表单单网网页页向向导导”或者是或者是“意见簿意见簿”等模板。等模板。（4）单单击击“确确定定”按按钮钮，假假如如选选中中“表表单单网网页页向向导导”，则则弹弹出出“表表单单网网页页向向导导”对对话话框框，能能够够按按照照该该对对话话框框提提醒醒继继续续进进行行创创建建操操作作；假假如如选选中中表表单单模板，则能够直接生成表单网页。模板，则能够直接生成表单网页。比比如如，用用“意意见见簿簿”模模板板创创建建出出表表单单网网页页如如图图 8-36 所表示。所表示。第55页图 8-36 “意见簿”表单网页第56页2使用使用“表单表单”命令命令8.3.6.2 设置表单控件属性设置表单控件属性 不不论论以以何何种种方方式式创创建建表表单单，均均能能够够对对其其中中表表单单控控件件进进行行属属性性设设置置，方方便便满满足足用用户户实实际际需需要要。比比如，能够设置文本框宽度、复选框初始状态等。如，能够设置文本框宽度、复选框初始状态等。设设置置表表单单控控件件属属性性方方法法为为：双双击击需需要要设设置置其其属属性性表表单单控控件件；或或者者在在表表单单控控件件上上单单击击鼠鼠标标右右键键，然然后后从从快快捷捷菜菜单单中中选选择择“表表单单控控件件属属性性”命命令令；或或者者在在选选中中表表单单控控件件后后按按组组合合键键【Alt+Enter】；这这三三种种操操作作都都将将打打开开对对应应表表单单控控件件属属性性对对话话框框，能能够够在其中进行设置。在其中进行设置。第57页图 8-37 “文本框属性”对话框 比如，文本框属性对话框如图比如，文本框属性对话框如图 8-37 所表示，所表示，能够在其中设置文本框能够在其中设置文本框“名称名称”、“初始值初始值”、“宽度宽度”等属性。等属性。第58页8.3.6.3 设置标签与热键设置标签与热键8.3.6.4 处理表单结果处理表单结果第59页8.4 在在 FrontPage 中使用中使用 CSS 8.4.1使用内部样式使用内部样式 8.4.1.1 创建创建 HTML 标识符样式标识符样式 假假如如要要更更改改 HTML 标标识识符符样样式式效效果果，能能够够使用以下步骤：使用以下步骤：（1）打开需要更改）打开需要更改 HTML 标识符样式网页。标识符样式网页。（2）选择）选择“格式格式”菜单中菜单中“样式样式”命令，打命令，打开如图开如图 8-41 所表示所表示“样式样式”对话框。对话框。第60页图 8-41 “样式”对话框第61页（3）在在左左边边“样样式式”列列表表中中，选选择择需需要要更更改改其其样样式式 HTML 标标识识符符，然然后后单单击击“修修改改”按按钮钮，打打开开“修修改样式改样式”对话框，如图对话框，如图 8-42 所表示。所表示。图 8-42 “修改样式”对话框第62页（4）单单击击“格格式式”按按钮钮，选选择择适适当当命命令令修修改改 HTML 标标识识符符格格式式。比比如如，能能够够选选择择“字字体体”命命令令修改字体格式。修改字体格式。（5）样样式式修修改改完完成成之之后后，返返回回“样样式式”对对话话框框，此此时时新新建建样样式式出出现现在在“样样式式”列列表表中中，同同时时“列列表表”列表框中自动使用列表框中自动使用“用户定义样式用户定义样式”选项。选项。（6）单击）单击“确定确定”按钮，退出按钮，退出“样式样式”对话框。对话框。第63页8.4.1.2 创建通用类样式创建通用类样式 假如要创建通用类样式，能够使用以下步骤：假如要创建通用类样式，能够使用以下步骤：（1）打开需要创建通用类样式网页。）打开需要创建通用类样式网页。（2）选选择择“格格式式”菜菜单单中中“样样式式”命命令令，打打开开“样样式式”对话框。对话框。（3）单单击击“新新建建”按按钮钮，则则弹弹出出如如图图 8-43 所所表表示示“新样式新样式”对话框。对话框。图 8-43 “新样式”对话框第64页（4）在在“名名称称（选选择择器器）”编编辑辑框框中中输输入入样样式式名名称。称。（5）单击）单击“格式格式”按钮，设置样式格式。按钮，设置样式格式。（6）屡屡次次单单击击“确确定定”按按钮钮，直直到到退退出出“样样式式”对话框。对话框。第65页8.4.1.3 应用样式应用样式 对于对于 HTML 标识符样式，修改之后系统会自标识符样式，修改之后系统会自动应用到网页中。对于通用类样式，则需要应用才动应用到网页中。对于通用类样式，则需要应用才能使样式生效，步骤以下：能使样式生效，步骤以下：（1）选中需要应用样式网页元素，或者将光标定）选中需要应用样式网页元素，或者将光标定位到需要应用样式段落。位到需要应用样式段落。（2）单击）单击“样式样式”列表框，从列表中选择需要应列表框，从列表中选择需要应用样式，如图用样式，如图 8-44 所表示。所表示。第66页图 8-44 应用样式第67页8.4.2使用外部样式使用外部样式8.4.2.1 创建样式表文件创建样式表文件 创建样式表文件步骤以下：创建样式表文件步骤以下：（1）选选择择“文文件件”菜菜单单中中“新新建建”项项，然然后后选选择择“网页网页”命令，打开命令，打开“新建新建”对话框。对话框。（2）选择）选择“样式表样式表”选项卡，如图选项卡，如图 8-45 所表示。所表示。第68页图 8-45 “新建”对话框“样式表”选项卡第69页（3）在样式表模板列表中选择一个需要模板。）在样式表模板列表中选择一个需要模板。（4）单单击击“确确定定”按按钮钮，则则在在 Frontpage 窗窗口口中中显显示示出出了了新新建建样样式式表表文文件件。比比如如，选选择择了了“商商业业区区”模模板创建样式表文件如图板创建样式表文件如图 8-46 所表示。所表示。图 8-46 样式表文件第70页8.4.2.2 修改样式表文件中样式修改样式表文件中样式 创创建建了了样样式式表表之之后后，能能够够在在其其中中定定义义样样式式，也也能能够修改原有样式，方法以下：够修改原有样式，方法以下：（1）打打开开样样式式表表文文件件（在在“打打开开文文件件”对对话话框框“文文件类型件类型”列表中选择列表中选择“超文本样式表超文本样式表”选项）。选项）。（2）选选择择“格格式式”菜菜单单中中“样样式式”命命令令，则则弹弹出出如如图图 8-47 所所表表示示“样样式式”对对话话框框，在在左左边边“样样式式”列列表表中列出了样式表中预定义样式。中列出了样式表中预定义样式。（3）使使用用前前面面介介绍绍方方法法新新建建样样式式，或或者者修修改改已已经经有有样式。样式。第71页图 8-47 修改样式表样式第72页8.4.2.3 链接样式表链接样式表 样样式式表表文文件件必必须须链链接接到到网网页页上上才才能能够够使使用用，步步骤以下：骤以下：（1）在在“网网页页”视视图图中中打打开开需需要要链链接接样样式式表表网网页页或或站站点点，或或者者在在“文文件件夹夹”视视图图中中选选中中多多个个要要链链接接样样式式表表网网页页（按按住住【Ctrl】键键并并先先后后单单击击多多个个文文件件可可选选中中多多个个不不连连续续文文件件，按按住住【Shift】键键并并先先后后单单击击两个文件能够选中两个文件之间全部文件）。两个文件能够选中两个文件之间全部文件）。（2）选选择择“格格式式”菜菜单单中中“样样式式表表链链接接”命命令令，则弹出如图则弹出如图 8-48 所表示所表示“链接样式表链接样式表”对话框。对话框。第73页图 8-48 “链接样式表”对话框第74页 （3）假假如如需需要要为为站站点点中中全全部部网网页页链链接接样样式式表表，则则应应选选中中“全全部部网网页页”单单项项选选择择项项，假假如如只只需需为为选选中中网网页页链链接接样样式式表表，则则应应选选中中“所所选选网网页页”单单项选择项。项选择项。（4）单单击击“添添加加”按按钮钮，则则弹弹出出“选选择择超超链链接接”对对话话框框。在在该该对对话话框框中中找找到到需需要要链链接接样样式式表表之之后后，单单击击“确确定定”按按钮钮，则则返返回回“链链接接样样式式表表”对话框，所选样式表出现在对话框，所选样式表出现在“URL”列表中。列表中。（5）单单击击“确确定定”按按钮钮，则则选选中中网网页页或或站站点点中全部网页将与选定样式表链接。中全部网页将与选定样式表链接。第75页8.5 网页制作实例网页制作实例 第76页