计算机文化基础课件第9章.ppt

《计算机文化基础课件第9章.ppt》由会员分享，可在线阅读，更多相关《计算机文化基础课件第9章.ppt（99页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第 九九 章章 网网 页页 制制 作作 大学IT 目 录上一页下一页 结 束第九章 网页制作9.1 HTML简介简介 9.2 FrontPage 2003概述概述 9.3 网页制作网页制作 9.4 网页布局网页布局 9.5 创建表单页面创建表单页面 9.6 网页的发布网页的发布 5/26/20231大学IT 目 录上一页下一页 结 束9.1 HTML简介 HTML即即Hypertext Markup Language的的缩缩写写。它它使使用用一一些些约约定定的的标标记记（Tag）对对文文本本进进行行标标注注，定定义义网网页页的数据格式，描述的数据格式，描述Web页中的信息，控制文本的显示。页

2、中的信息，控制文本的显示。我我们们把把用用HTML语语言言编编写写的的文文件件称称为为HTML文文件件。它它通通常常被被存存储储在在Web服服务务器器上上，客客户户端端通通过过浏浏览览器器向向Web服服务务器器发发出出请请求求，服服务务器器响响应应请请求求并并将将HTML文文件件发发送送给给浏浏览览器器，然然后后由由浏浏览览器器对对文文件件中中的的标标记记作作出出相相应应的的解解释释，以以页页面面的的形形式式呈呈现现在在用用户户屏屏幕幕上上。因因此此，我我们们又又把把HTML文档称为网页文档称为网页(Web Page)。5/26/20232大学IT 目 录上一页下一页 结 束9.1 HTML简

3、介HTML语语言言是是一一种种标标记记语语言言，简简单单易易学学。用用HTML语语言言编编写写的的网网页页实实际际上上是是一一种种文文本本文文件件，它它以以.htm或或.html为为扩扩展展名名，我我们们可可以以使使用用任任何何文本处理软件（例如：记事本）编写。文本处理软件（例如：记事本）编写。9.1.1 HTML语言概述语言概述9.1.2 HTML语言的基本语法语言的基本语法返 回5/26/20233大学IT 目 录上一页下一页 结 束9.1.1 HTML语言概述 HTML语语 言言 是是 由由 世世 界界 性性 的的 标标 准准 化化 组组 织织W3C（World Wide Web Con

4、sortium）制制定定的的，通通过过浏浏览览http:/www.w3.org可可以以了了解解到到HTML标标准的最新动态。准的最新动态。下下面面介介绍绍HTML文文件件的的基基本本构构成成和和HTML文文件的层次结构。件的层次结构。5/26/20234大学IT 目 录上一页下一页 结 束1.HTML文件的基本构成文件的基本构成 Internet中中的的每每一一个个HTML文文件件都都包包括括文文本本内内容容和和HTML标标记记两两部部分分。其其中中，HTML标标记记负负责责控控制制文文本本显显示示的的外外观观和和版版式式，并并为为浏浏览览器器指指定定各各种种链链接接的的图图像像、声声音音和和

5、其其他他对对象象的的位位置置。多多数数HTML标记的书写格式如下：标记的书写格式如下：文本内容文本内容 标标记记名名写写在在“”内内。多多数数HTML标标记记同同时时具具有有起起始始和和结结束束标标记记，并并且且成成对对出出现现，但但也也有有些些HTML标标记记没没有有结结束束标标记记。另另外外，HTML标标记记不不区分大小写。区分大小写。HTML文件的基本构成文件的基本构成5/26/20235大学IT 目 录上一页下一页 结 束 某某些些HTML标标记记还还具具有有一一些些属属性性，这这些些属属性性指指定定对对象象的的特特性性，如如背背景景颜颜色色、文文本本字字体体及及大大小小、对对齐齐方方

6、式式等等。属属性性一一般般放放在在“起起始始标标记记”中中，格格式式如下：如下：文本内容文本内容 其其中中标标记记名名和和属属性性之之间间用用空空格格分分隔隔。如如果果标标记记有多种属性，属性之间也要用空格分隔。有多种属性，属性之间也要用空格分隔。HTML文件的基本构成文件的基本构成5/26/20236大学IT 目 录上一页下一页 结 束2.HTML网页的结构网页的结构 现现在在我我们们先先看看一一个个简简单单的的HTML文文件件，从从中中体体会会用用HTML语言编写网页时的层次结构。语言编写网页时的层次结构。【例【例9-1】用】用HTML语言编写一个简单的网页。语言编写一个简单的网页。我的第

7、一个我的第一个Web页页欢迎进入欢迎进入HTML世界！世界！这这里里我我们们首首先先介介绍绍HTML语语言言的的基基本本知知识识和和语语法法。然然后后，讲讲授授如如何何使使用用HTML语语言言编编写写您您的的Web页页面面。5/26/20237大学IT 目 录上一页下一页 结 束HTML语言概述 将将上上述述代代码码用用文文本本编编辑辑器器编编辑辑并并保保存存为为一一个个扩扩展展名名为为.htm的的文文件件，双双击击该该文文件件图图标标，在在浏浏览览器器中看到如下图所示的结果。中看到如下图所示的结果。图9-15/26/20238大学IT 目 录上一页下一页 结 束 从从上上例例可可以以看看出出

8、，一一般般HTML文文件件都都是是以以开开头头，以以结结束束。其其文文件件结结构构由由以以下两部分组成：下两部分组成：1）头部（）头部（Head）HTML文文件件的的头头部部由由和和标标记记定定义义。通通常常情情况况下下，文文件件的的标标题题、语语言言字字符符集集信信息息等等都都放放在在头头部部信信息息中中。最最常常用用到到的的标标记记是是，它它用用于于定定义义网网页页文文件件的的标标题题，当当该该网网页页文文件件被被打打开开后后，网网页页文文件件的的标标题题将将出出现在浏览器的标题栏中。现在浏览器的标题栏中。5/26/20239大学IT 目 录上一页下一页 结 束文件结构2）正文主体（）正文

9、主体（Body）正正文文主主体体是是HTML文文件件的的核核心心内内容容，由由和和标标记记定定义义。标标记记具具有有一一些些常常用用的的属属性性，格式如下：格式如下：其其中中，bgcolor为为背背景景颜颜色色，color为为文文本本颜颜色色。n为为六六位十六进制数。位十六进制数。如果网页使用背景图像，格式如下：如果网页使用背景图像，格式如下：HTML对对格格式式的的要要求求并并不不严严格格，当当HTML文文件件被被浏浏览览器器扫扫描描时时，所所有有包包含含在在文文件件中中的的空空格格、回回车车等等均均被被忽忽略略。因因此此你你可可以以将将一一行行写写成成两两行行或或多多行行，在在浏浏览览器器

10、中中结果是相同的。结果是相同的。返 回5/26/202310大学IT 目 录上一页下一页 结 束9.1.2 HTML语言的基本语法1.文本布局文本布局1）段落标记）段落标记标标记记指指定定文文档档中中一一个个独独立立的的段段落落。通通过过设设置置align属属性性，控控制制段段落落的的对对齐齐方方式式，其其值值可可以以是是left、center、right、justify，分分别别表表示示左左对对齐齐、居居中中、右右对对齐和两端对齐，默认值为左对齐。齐和两端对齐，默认值为左对齐。使用格式如下：使用格式如下：2）换行标记）换行标记 标记可以强制文本换行。该标记只有起始标记。标记可以强制文本换行。

11、该标记只有起始标记。3）水平线标记）水平线标记水平线标记水平线标记用于在网页中插入一条水平线。用于在网页中插入一条水平线。5/26/202311大学IT 目 录上一页下一页 结 束2.文字格式文字格式 HTML语言中用于文字格式化的标记有：语言中用于文字格式化的标记有：1）标题标记）标题标记 格式为：格式为：标题文字内容标题文字内容 其其中中n说说明明大大小小级级别别，取取值值范范围围为为1到到6的的数数字字。把把标标题题分分为为 6级级，即即h1h6，其其中中h1文文字字最最大大，h6文文字最小。字最小。5/26/202312大学IT 目 录上一页下一页 结 束2）字体标记）字体标记 字体标

12、记用来对文字格式进行设置，主要具有以下属性：字体标记用来对文字格式进行设置，主要具有以下属性：（1）size属性：用来控制文字的大小，格式如下：属性：用来控制文字的大小，格式如下：其中其中n的取值范围为的取值范围为17的数字，默认值为的数字，默认值为3。标标记记和和标标记记都都可可以以控控制制文文字字的的大大小小。一一般般情情况况下下，文文章章的的标标题题最最好好由由标标记记控控制制，而而其其余余的的文文字字由由标标记控制。相比较而言，记控制。相比较而言，对字体的控制更加灵活。对字体的控制更加灵活。（2）color属性：用来控制文字的颜色，格式如下：属性：用来控制文字的颜色，格式如下：其中其中

13、n是一个十六进制的六位数。是一个十六进制的六位数。（3）face属性：用来指明文字使用的字体，格式如下：属性：用来指明文字使用的字体，格式如下：其中字体名的选择由其中字体名的选择由Windows操作系统安装的字体决定。如：操作系统安装的字体决定。如：宋体、楷体宋体、楷体_GB2312、Times New Roman、Arial等。等。文字格式文字格式5/26/202313大学IT 目 录上一页下一页 结 束3）字形标记）字形标记 字字形形标标记记用用于于设设置置文文字字的的粗粗体体、斜斜体体、下下划线、上标、下标等。划线、上标、下标等。标记格式标记格式字形结果字形结果粗体粗体斜体斜体下划线下划

14、线/SUP上标上标/SUB下标下标文字格式文字格式5/26/202314大学IT 目 录上一页下一页 结 束3.插入图片插入图片 标标记记将将图图片片插插入入网网页页中中，用用于于设设置置图图片片的的大大小小以以及及相邻文字的排列方式。该标记具有以下属性：相邻文字的排列方式。该标记具有以下属性：（1）src属性：指明图片文件所在的位置。格式如下：属性：指明图片文件所在的位置。格式如下：其中其中URL指图片文件存放的位置。指图片文件存放的位置。（2）alt属属性性：图图片片的的文文字字说说明明，当当鼠鼠标标指指针针指指向向图图片片时时，该图片的说明性文字弹出。格式如下：该图片的说明性文字弹出。格

15、式如下：（3）width和和height属属性性：设设置置图图片片显显示示区区域域的的宽宽度度和和高高度度。格式如下：格式如下：其其中中width和和height属属性性的的取取值值n1和和n2，可可以以是是像像素素数数或或百百分比。分比。5/26/202315大学IT 目 录上一页下一页 结 束（4）border属属性性：设设置置图图片片文文件件的的边边框框。格格式式如下：如下：其中其中n为像素数。为像素数。（5）align属属性性：设设置置图图片片相相对对于于文文本本的的位位置置关关系。格式为：系。格式为：对对 齐齐 方方 式式 可可 以以 是是：top（顶顶 端端 对对 齐齐）、midd

16、le（相相对对垂垂直直居居中中）、bottom（相相对对底底边边对对齐齐）、left（左左对对齐齐）、right（右右对对齐齐）、texttop（文本上方）等。（文本上方）等。插入图片插入图片5/26/202316大学IT 目 录上一页下一页 结 束4.插入超链接插入超链接 在在HTML语语言言中中，和和标标记记用用于于设设置置网网页页中中的的超超链链接接，href属属性性指指明明被被超超链链接接的的文文件件地地址址。格格式式如下：如下：超链接文本超链接文本 用用于于表表示示超超链链接接的的文文本本一一般般显显示示为为蓝蓝色色并并且且加加下下划划线线。在在浏浏览览器器中中，当当鼠鼠标标指指针针

17、指指向向该该文文本本时时，箭箭头头变变为为手手形形，并并在在浏浏览览器器的的状状态态栏栏中中显显示示该该超超链链接接的地址。的地址。若使用图片做超链接，可使用如下格式完成：若使用图片做超链接，可使用如下格式完成：5/26/202317大学IT 目 录上一页下一页 结 束5.使用表格使用表格 在在网网页页中中插插入入一一个个表表格格，需需要要用用到到一一组组HTML标记。定义表格的有关标记如下：标记。定义表格的有关标记如下：定义表格区域。定义表格区域。定义表格标题。定义表格标题。定义表格头。定义表格头。定义表格行。定义表格行。定义表格单元格。定义表格单元格。返 回5/26/202318大学IT

18、目 录上一页下一页 结 束 常常用用的的标标记记属属性性中中，border属属性性用用于于设设置置表表格格边边框框的的宽宽度度；width、height属属性性用用于于设设置置表表格格或或单单元元格格的的宽宽度度、高高度度；cellspacing和和cellpadding属属性性分分别别用用于于设设置置单单元元格格之之间间的的间间隙隙和和单单元元格格内内部部空空白白；align属属性性用用于于设设置置表表格格或或单单元元格格的的对对齐齐方方式式；bgcolor和和background属属性性分分别别用用于于设设置置表表格格的的背背景景颜颜色色和和背背景景图图像像。表格属性表格属性5/26/20

19、2319大学IT 目 录上一页下一页 结 束9.2 FrontPage 2003概述 虽虽然然使使用用一一般般的的文文本本编编辑辑器器就就可可以以编编写写HTML文文档档，但但是是使使用用专专门门的的HTML编编辑辑器器或或Web创创作作工工具具往往往往更更加加方方便便。具具有有“所所见见即即所所得得”功功能能的的Web页页面面创创作作工工具具可可以以使使Web创创作作人人员员直直接接面面对对Web页页面面进进行行编编辑辑修修改改，并并且且能能立立即即看看到到Web页面的显示效果。页面的显示效果。FrontPage 2003是是微微软软公公司司开开发发的的网网页页制制作作和和网网站站管管理理工

20、工具具，它它是是Microsoft Office 2003的的组组件件之之一一，与与Office的的其其他他组组件件高高度度融融合合，界界面面友友好好，功功能能强强大大，易易学学易易用用，是是目目前前使使用用较较为为广广泛泛的网页制作、网站管理工具之一。的网页制作、网站管理工具之一。5/26/202320大学IT 目 录上一页下一页 结 束9.2 FrontPage 2003概述9.2.1 FrontPage 2003的主要功能的主要功能9.2.2 FrontPage 2003的启动与退出的启动与退出9.2.3 网页与网站网页与网站9.2.4 FrontPage 2003的网页视图模式的网页视

21、图模式9.2.5 FrontPage 2003中的视图中的视图返 回5/26/202321大学IT 目 录上一页下一页 结 束9.2.1 FrontPage 2003的主要功能 FrontPage 2003的的主主要要功功能能是是制制作作网网页页和和管管理理站点。站点。使使用用FrontPage 2003可可以以创创建建新新的的网网页页，也也可可以以打打开开并并修修改改已已经经存存在在的的网网页页。FrontPage 2003提提供供了了多多种种编编辑辑网网页页的的方方式式，不不但但可可以以直直接接修修改改HTML，而而且且可可以以采采用用“所所见见即即所所得得”的的方方式式编编辑辑网网页页，

22、还还可可以以使使用用菜菜单单命命令令插插入入各各种种网网页页元元素素，使用对话框修改其属性，十分灵活。使用对话框修改其属性，十分灵活。返 回5/26/202322大学IT 目 录上一页下一页 结 束 在在FrontPage 2003中中，可可以以很很容容易易地地插插入入文文本本、图图片片、表表格格、组组件件等等元元素素；可可以以使使用用主主题题和和样样式式表表、共共享享边边框框、框框架架等等管管理理网网页页的的外外观观；还还可可以以使用表单等元素设计出交互式网页。使用表单等元素设计出交互式网页。FrontPage 2003提提供供了了强强大大的的站站点点管管理理功功能能。一一组组相相关关网网页

23、页和和有有关关文文件件组组成成一一个个站站点点，站站点点也也是是FrontPage 2003对对网网站站进进行行管管理理的的基基本本单单位位。在在FrontPage 2003中中可可以以轻轻松松实实现现设设计计、管管理理、分析、发布和维护站点等工作。分析、发布和维护站点等工作。FrontPage 2003的主要功能5/26/202323大学IT 目 录上一页下一页 结 束9.2.3 网页与网站 网网页页是是全全球球广广域域网网上上的的基基本本文文档档，用用HTML书书写写，通通常常以以.htm或或.html为为扩扩展展名名。网网页页可可以以独独立立存存在在，但但常常常常作作为为网网站站的的一一

24、部部分分。网网站站是是一一组组相相关关网网页页和和有有关关文文件件的的组组合合，一一般般有有一一个个特特殊殊的的网网页页作作为为浏浏览览的的起起始始点点，称称为为主主页页（Homepage），用来引导用户访问其他网页。），用来引导用户访问其他网页。网网站站通通常常位位于于Web服服务务器器上上，客客户户机机通通过过网网络络向向Web服服务务器器发发送送请请求求，Web服服务务器器响响应应客客户户机机的的请请求求，并并使使用用HTTP协协议议将将网网页页和和有有关关文文件件通通过过网网络络传传送送回回客客户户机机，客客户户机端使用网页浏览器就能看到网页的内容了。机端使用网页浏览器就能看到网页的内

25、容了。5/26/202324大学IT 目 录上一页下一页 结 束网页与网站在在FrontPage 2003中中，可可以以建建立立和和编编辑辑独独立立的的网网页页，也也可可以以设设计计和和管管理理站站点点。在在站站点点中中可可以以包包含含大大量量网网页页和和各各种种文文件件，甚甚至至可可以以包包含含子子站站点点，而而且且只只有有在在使使用用站点时，站点时，FrontPage 2003的许多特性才有效。的许多特性才有效。通通常常，在在FrontPage 2003中中建建立立的的站站点点需需要要发发布布到到Internet中中的的Web服服务务器器上上，成成为为真真正正意意义义上上的的网网站站，In

26、ternet上上的的用用户户才才能能访访问问。有有时时，可可以以在在同同一一台台计计算算机机上上安装安装Web服务器端软件，从而将站点发布到本机进行测试。服务器端软件，从而将站点发布到本机进行测试。用用FrontPage 2003也也可可以以建建立立基基于于本本地地硬硬盘盘的的站站点点，这这种种站站点点以以本本机机文文件件夹夹的的形形式式存存在在，不不需需要要发发布布到到服服务务器器，这这时，需要服务器支持的功能是不可用的。时，需要服务器支持的功能是不可用的。返 回5/26/202325大学IT 目 录上一页下一页 结 束9.2.4 FrontPage 2003的网页视图模式的网页视图模式 F

27、rontPage 2003提供了四种网页视图模式：提供了四种网页视图模式：设设计计视视图图是是打打开开网网页页首首先先进进入入的的视视图图，可可以以在在其其中中输输入入文文本本、插插入入图图片片、插插入入表表格格等等，也也可可以以任任意意进进行行修改。修改。代代码码视视图图中中，用用户户可可以以查查看看、编编写写和和编编辑辑HTML标标记。记。预预览览视视图图中中可可以以看看到到网网页页在在Web浏浏览览器器中中的的大大体体显显示情况。示情况。FrontPage 2003新新增增的的拆拆分分视视图图将将窗窗口口工工作作区区拆拆分分成成上上、下下两两部部分分，上上半半部部分分是是代代码码区区，下

28、下半半部部分分是是设设计计区区。无无论论对对哪哪一个区域进行修改，另一个区域都会做出相应的改变。一个区域进行修改，另一个区域都会做出相应的改变。返 回5/26/202326大学IT 目 录上一页下一页 结 束9.2.5 FrontPage 2003中的视图 FrontPage 2003提提供供了了以以下下几几种种视视图图以以方方便便用用户户对对站站点点的的管管理理，用用户户可可以以在在不不同同的的视视图图中中进进行行相相应应的操作。的操作。1.网页视图网页视图2.文件夹视图文件夹视图3.远程网站视图远程网站视图4.报表视图报表视图5.导航视图导航视图6.超链接视图超链接视图7.任务视图任务视图

29、5/26/202327大学IT 目 录上一页下一页 结 束9.3 网网 页页 制制 作作Web站站点点的的开开发发，首首先先应应当当根根据据其其用用途途进进行行规规划划，确确定定站站点点结结构构，在在本本地地磁磁盘盘上上创创建建站站点，然后再建立网页。点，然后再建立网页。那么什么是那么什么是“站点站点”呢？呢？其其实实站站点点就就是是一一组组相相关关网网页页和和其其他他文文件件的的集集合合，这这些些网网页页在在Internet中中表表现现为为一一个个完完整整结结构构就就称称为为“站站点点”。在在FrontPage 2003中中，站点以一个特殊文件夹的形式存储。站点以一个特殊文件夹的形式存储。5

30、/26/202328大学IT 目 录上一页下一页 结 束9.3 网 页 制 作9.3.1 创建站点创建站点9.3.2 网页编辑网页编辑9.3.3 插入对象插入对象9.3.4 创建超链接创建超链接返 回5/26/202329大学IT 目 录上一页下一页 结 束9.3.1 创建站点创建站点 使使用用FrontPage 2003的的模模板板和和向向导导，用用户户可可以以轻轻松松地地创创建出各种用途和风格的站点。建出各种用途和风格的站点。新新建建站站点点时时，可可以以根根据据自自己己的的需需求求选选择择不不同同的的模模板板和和向向导导。对对于于不不同同的的模模板板和和向向导导，其其新新建建站站点点的的

31、步步骤骤略略有有不同。不同。下下面面以以“由由一一个个网网页页组组成成的的网网站站”模模板板为为例例，介介绍绍新新建站点的方法。建站点的方法。（1）单单击击“文文件件”菜菜单单的的“新新建建”命命令令，在在“新新建建”任任务务窗窗格格中中选选择择“新新建建网网站站”中中的的“由由一一个个网网页页组组成成的的网网站站”；（2）在在弹弹出出的的“网网站站模模板板”对对话话框框的的“指指定定新新网网站站的的位位置置”框框中中输输入入新新站站点点要要保保存存的的位位置置，也也可可使使用用“浏浏览览”按钮指定新站点的位置；按钮指定新站点的位置；5/26/202330大学IT 目 录上一页下一页 结 束（

32、3）单击）单击“确定确定”按钮，新建站点如下图所示按钮，新建站点如下图所示返 回该站点只有一个空白网页该站点只有一个空白网页index.htmindex.htm（主页）和用（主页）和用于存储图片的文件夹于存储图片的文件夹imagesimages，你可以打开，你可以打开index.htmindex.htm进行编辑，也可以进一步根据网站规划进行编辑，也可以进一步根据网站规划创建文件夹和新建其他网页。创建文件夹和新建其他网页。选择选择“文件文件”菜单的菜单的“退出退出”命令，可以关闭命令，可以关闭FrontPage 2003FrontPage 2003。5/26/202331大学IT 目 录上一页下

33、一页 结 束9.3.2 网页编辑1.新建网页新建网页2.打开打开/保存网页保存网页3.预览网页预览网页4.设置文字格式设置文字格式5.设置段落格式设置段落格式6.设置网页属性设置网页属性返 回5/26/202332大学IT 目 录上一页下一页 结 束网页编辑 要要根根据据“网网页页模模板板”创创建建一一个个新新的的网网页页，可可以以按下面的步骤：按下面的步骤：（1）单单击击“文文件件”菜菜单单的的“新新建建”命命令令，在在“新新建建”任任务务窗窗格格中中选选择择“新新建建网网页页”中中的的“其其他他网页模板网页模板”。（2）在在弹弹出出的的“网网页页模模板板”对对话话框框中中选选择择所所需需的

34、的网网页页模模板板，可可以以在在“说说明明”及及“预预览览”区区域域查查看该模板的说明及预览图。看该模板的说明及预览图。（3）单单击击“确确定定”按按钮钮，系系统统新新建建一一个个基基于于所所选模板的网页。选模板的网页。（4）单单击击“文文件件”菜菜单单，选选择择“保保存存”命命令令，弹弹出出“另另存存为为”对对话话框框。在在此此对对话话框框中中，输输入文件名进行保存。入文件名进行保存。返 回1.新建网页新建网页5/26/202333大学IT 目 录上一页下一页 结 束 在在FrontPage 2003中中，编编辑辑某某个个网网页页之之前前，需需要要先先打打开开该该网网页页。打打开开网网页页的

35、的方方法法有有多多种种，常用的有以下几种：常用的有以下几种：（1）使使用用“文文件件”菜菜单单的的“打打开开”命命令令，或或“常常用用”工工具具栏栏的的“打打开开”按按钮钮，在在弹弹出出的的“打打开开文文件件”对话框中选择相应的网页；对话框中选择相应的网页；（2）如如需需要要打打开开的的文文件件已已在在打打开开的的网网站站中中，在在文文件件夹夹视视图图中中双双击击该该网网页页图图标标即即可可将将其其打打开开。实实际际上上，在其他视图中双击网页图标，同样会打开指定网页。在其他视图中双击网页图标，同样会打开指定网页。要要保保存存一一个个网网页页，可可以以使使用用“文文件件”菜菜单单的的“保保存存”

36、命命令令，或或“常常用用”工工具具栏栏的的“保保存存”按按钮钮，如如需另存可使用需另存可使用“文件文件”菜单的菜单的“另存为另存为”命令。命令。返 回2.打开打开/保存网页保存网页网页编辑5/26/202334大学IT 目 录上一页下一页 结 束网网页页制制作作过过程程中中，用用户户可可以以切切换换到到“预预览览”视视图图预预览览网网页页，也也可可以以使使用用“文文件件”菜菜单单的的“在在浏浏览览器器中中预预览览”命命令令预预览览网网页页。使使用用后后者者，系系统统会会打打开开浏浏览览器器显显示示网网页页，如如果果该该网网页页尚尚未未保存，会弹出对话框提示用户保存网页。保存，会弹出对话框提示用

37、户保存网页。返 回3.预览网页网页编辑5/26/202335大学IT 目 录上一页下一页 结 束4.设置文字格式 同同其其他他Microsoft Office组组件件一一样样，在在网网页页中中可可以以输输入入文文字字，复制、剪切和粘贴文字，设置文字格式，查找和替换文字等。复制、剪切和粘贴文字，设置文字格式，查找和替换文字等。在在FrontPage 2003中中，对对文文字字的的格格式式提提供供了了相相当当完完整整的的设设定定功功能能，文文字字格格式式的的变变化化也也因因此此多多种种多多样样。可可以以使使用用工工具具栏栏上的工具按钮或菜单命令快速地改变文字的外观。上的工具按钮或菜单命令快速地改变

38、文字的外观。设设置置文文字字格格式式的的一一般般操操作作步步骤骤是是：选选中中文文字字，单单击击“格格式式”菜菜单单的的“字字体体”命命令令，在在弹弹出出的的“字字体体”对对话话框框中中设设置置字字体体的的各各种种属属性性，也也可可以以使使用用“格格式式”工工具具栏栏中中相相应应的的命命令令按按钮。钮。虽虽然然可可以以设设置置各各种种美美观观的的字字体体，但但是是由由于于用用户户只只能能使使用用本本地地计计算算机机中中安安装装的的字字体体显显示示网网页页，因因此此还还是是使使用用常常见见的的字字体体为好。为好。返 回网页编辑5/26/202336大学IT 目 录上一页下一页 结 束5.设置段落

39、格式设置段落格式 文文字字段段落落的的格格式式编编排排对对于于一一个个网网页页的的外外观观是是至至关关重重要要的的。FrontPage 2003通通过过按按Enter键键划划分分段段落落。值值得得注注意意的的是是，段段落落之之间间插插入入了了一一个个空空行行。如如果果只只是是需需要要换换行行，而而不不是是另另起起一一个个段段落落，按按Shift+Enter键键即即可可。实实际际上上，按按Enter键键在在HTML代代码码中中插插入入的的是是标标记记，而而按按Shift+Enter键则插入的是键则插入的是标记。标记。段段落落格格式式主主要要包包括括对对齐齐方方式式、缩缩进进和和段段落落间间距距等

40、等。设设置段落格式的一般方法如下：置段落格式的一般方法如下：将将插插入入点点移移动动到到要要设设置置格格式式的的段段落落中中，或或是是选选中中该该段段落落，单单击击“格格式式”菜菜单单的的“段段落落”命命令令，在在弹弹出出的的“段段落落”对话框中进行各种段落格式属性的设置。对话框中进行各种段落格式属性的设置。返 回网页编辑5/26/202337大学IT 目 录上一页下一页 结 束6.设置网页属性设置网页属性网网页页属属性性包包括括网网页页的的标标题题、格格式式、页页边边距距等等。要要设设置置网网页页属属性性，用用户户可可以以使使用用“文文件件”菜菜单单的的“属属性性”命命令令，或或者者在在网网

41、页页的的任任意意地地方方单单击击鼠鼠标标右右键键，在在弹弹出出的的右右键键菜菜单单中中选选择择“网网页页属属性性”命命令令，FrontPage 2003将显示将显示“网页属性网页属性”对话框。对话框。网页编辑5/26/202338大学IT 目 录上一页下一页 结 束1）“常规常规”属性属性 要要设设置置网网页页的的“常常规规”属属性性，单单击击“网网页页属属性性”对对话话框框的的“常常规规”选选项项卡卡，如如下下图图所所示示。“标标题题”框框用用于于给给出出网网页页的的标标题题，网网页页标标题题将将显显示示在在浏浏览览器器的的标标题题栏栏中中。“背背景景音音乐乐”框框用用于于指指定定网网页页的

42、的背背景景音音乐乐，当当用用浏浏览览器器打打开开网网页页时时，将将自自动动播播放放背背景景音音乐乐。背背景景音音乐乐区区域域的的“位位置置”框框用用于于指指定定声声音音文文件件的的位位置置，用用户户可可以以使使用用“浏浏览览”按按钮钮选选择择一一个个声声音音文文件件；“循循环环次次数数”框框用用于于指指定定声声音音要要反反复复播播放放的的次次数数，如如果果选选中中“不不限限次次数数”复选框，表示一直不停地播放。复选框，表示一直不停地播放。网页编辑5/26/202339大学IT 目 录上一页下一页 结 束2）“格式格式”属性属性 要要设设置置网网页页的的背背景景、颜颜色色，可可以以使使用用“网网

43、页页属性属性”对话框的对话框的“格式格式”选项卡，如下图所示。选项卡，如下图所示。用用户户可可以以选选中中“背背景景图图片片”复复选选框框，指指定定一一个个图图片片作作为为网网页页的的背背景景图图片片。如如果果要要将将图图片片按按水水印印形形式式添添加加，需需要要选选中中“使使其其成成为为水水印印”复复选选框框。通通过过单单击击相相应应的的下下拉拉列列表表框框，可可以以设设置置网网页页的的背背景景颜颜色色、文文本本颜颜色色以以及及超超链链接接文文字字的的颜颜色色。当当同同时时设设置置背背景景图图片片和和背背景景颜颜色色时时，背背景图片将覆盖背景色。景图片将覆盖背景色。返 回网页编辑5/26/2

44、02340大学IT 目 录上一页下一页 结 束9.3.3 插入对象1.插入水平线插入水平线2.插入图片插入图片3.插入字幕插入字幕4.插入交互式按钮插入交互式按钮 5.插入站点计数器插入站点计数器 返 回5/26/202341大学IT 目 录上一页下一页 结 束1.插入水平线插入水平线 在在网网页页中中输输入入文文本本内内容容后后，还还可可在在不不同同的的段段落落、行行之之间间添添加加水水平平线线，水水平平线线将将网网页页分分割割成成几几个个部部分分，使使得得网网页页更更具条理性。具体操作步骤如下：具条理性。具体操作步骤如下：（1）在准备插入水平线的位置设置插入点；）在准备插入水平线的位置设置

45、插入点；（2）单单击击“插插入入”菜菜单单的的“水水平平线线”命命令令，插插入入水水平平线。线。要要修修改改水水平平线线的的外外观观，可可以以双双击击水水平平线线，打打开开“水水平平线线属属性性”对对话话框框。“宽宽度度”框框用用于于设设置置水水平平线线的的宽宽度度，“高高度度”框框用用于于设设置置水水平平线线的的高高度度，“对对齐齐方方式式”用用于于设设置置水水平平线线在在网网页页内内水水平平对对齐齐的的方方式式，“颜颜色色”列列表表框框用用于于设设置置水水平平线线的的颜颜色色，选选中中“实实线线（无无阴阴影影）”复复选选框框时时，水水平平线线将将被被设设成成实实心心线线。要要为为线线条条指

46、指定定自自定定义义样样式式或或其其他他格格式式，可以使用可以使用“样式样式”按钮进行设置。按钮进行设置。返 回5/26/202342大学IT 目 录上一页下一页 结 束2.插入图片插入图片 图片可以使网页变得生动活泼，并能吸引用户的注意。图片可以使网页变得生动活泼，并能吸引用户的注意。1）图片文件的格式）图片文件的格式 在在WWW上上常常用用的的图图像像文文件件格格式式是是JPEG和和GIF，它它们们都都是是压压缩缩的的图图像像格格式式，文文件件的的信信息息量量小小，适适合合于于网网络络传传输输，因因此被广泛地应用在此被广泛地应用在Web站点的设计中。站点的设计中。GIF（Graphical

47、Interchange Format，图图形形交交换换格格式式）采采用用无无损损压压缩缩方方式式，其其主主要要特特征征是是支支持持动动画画、透透明明度度、图图形形渐进，但渐进，但GIF图像包含的颜色不能超过图像包含的颜色不能超过256种。种。JPEG（Joint Photograph Expert Group，联联合合图图像像专专家家组组）格格式式是是专专为为有有几几百百万万种种颜颜色色的的照照片片和和图图形形设设计计的的，它它采采用用有有损损压压缩缩方方式式，以以牺牺牲牲图图片片质质量量换换取取大大的的压压缩缩比比例例。JPEG格格式式支支持持真真彩彩色色（24位位色色），并并且且在在压压缩

48、缩大大的的图图像像方方面面已已被证明很有效。被证明很有效。5/26/202343大学IT 目 录上一页下一页 结 束2.插入图片插入图片2）插入图片的步骤）插入图片的步骤（1）移动光标至插入图像的位置；）移动光标至插入图像的位置；（2）单单击击“插插入入”菜菜单单的的“图图片片”命命令令，在在子子菜菜单单中中选选择择“来来自自文文件件”，弹弹出出“图图片片”对对话话框；框；（3）利利用用“图图片片”对对话话框框选选取取需需要要插插入入的的图图片片文文件件，单单击击“插插入入”按按钮钮，即即可可将将图图片片插插入入网网页中。页中。3）设置图片属性）设置图片属性 在在“图图片片属属性性”对对话话框

49、框的的“外外观观”选选项项卡卡中中，可以设置图片的环绕方式、布局、大小等。可以设置图片的环绕方式、布局、大小等。插入图片插入图片5/26/202344大学IT 目 录上一页下一页 结 束4）编辑图片）编辑图片可可以以使使用用“视视图图”菜菜单单的的“工工具具栏栏”命命令令中中的的“图图片片”子子命命令令，使使“图图片片”工工具具栏栏显显示示在在屏屏幕幕上上。利利用用图图片片工工具具栏栏，可可以以对对图图片片的的亮亮度度、对对比比度度进进行行调调整整，可可以以旋旋转转、翻翻转转图图片片，对对图图片进行剪裁，设置透明颜色等操作。片进行剪裁，设置透明颜色等操作。5）保存图片）保存图片插插入入图图片片

50、后后保保存存网网页页，如如果果图图片片不不在在网网站站文文件件夹夹中中，将将出出现现“保保存存嵌嵌入入式式文文件件”对对话话框框。如如果图片在网站文件夹中，就不会出现此对话框。果图片在网站文件夹中，就不会出现此对话框。返 回插入图片插入图片5/26/202345大学IT 目 录上一页下一页 结 束3.插入字幕 在在制制作作网网页页时时，可可以以将将网网页页中中的的文文字字做做成成由由左左至至右右，或或由由右右至至左左移移动动的的动动态态效效果果，使使网网页页更更加加形形象象生生动动。具体操作步骤如下：具体操作步骤如下：（1）将将插插入入点点设设置置在在要要插插入入移移动动字字幕幕的的位位置置或