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