《计算机与信息技术基础第九章.ppt》由会员分享，可在线阅读，更多相关《计算机与信息技术基础第九章.ppt（45页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第九章第九章 网页制作初步网页制作初步 第九章第九章 网页制作初步网页制作初步 9.1 HTML语言语言 9.2 Web技术技术 9.3 FrontPage 2000 第九章第九章 网页制作初步网页制作初步 WebWebWebWeb网网网网页页页页是是是是一一一一个个个个文文文文本本本本文文文文件件件件，其其其其中中中中包包包包含含含含文文文文本本本本、图图图图形形形形和和和和超超超超链链链链接接接接等等等等元元元元素素素素。制制制制作作作作网网网网页页页页的的的的基基基基本本本本技技技技术术术术标标标标准准准准是是是是超超超超 文文文文 本本本本 标标标标 记记记记 语语语语 言言言言（HT
2、MLHTMLHTMLHTML，HyperText HyperText HyperText HyperText Markup Markup Markup Markup LanguageLanguageLanguageLanguage）。）。）。）。HTMLHTMLHTMLHTML是是是是根根根根据据据据国国国国际际际际标标标标准准准准化化化化组组组组织织织织（ISOISOISOISO）的的的的广广广广义义义义置置置置标标标标 语语语语 言言言言 SGMLSGMLSGMLSGML（Standard Standard Standard Standard Generalized Generalized
3、 Generalized Generalized Markup Markup Markup Markup LanguageLanguageLanguageLanguage）标标标标准准准准定定定定义义义义的的的的，它它它它规规规规定定定定了了了了文文文文档档档档的的的的逻逻逻逻辑辑辑辑组组组组织织织织格格格格式式式式，包包包包含含含含了了了了文文文文本本本本、图图图图像像像像、动动动动画画画画、表表表表单单单单和和和和链链链链接接接接等多种形式。等多种形式。等多种形式。等多种形式。第九章第九章 网页制作初步网页制作初步 9.19.1 HTMLHTML语言语言 HTML HTML HTML HT
4、ML（HyperText Markup LanguageHyperText Markup LanguageHyperText Markup LanguageHyperText Markup Language超超超超文本标记语言）是标准文档格式化系统，文本标记语言）是标准文档格式化系统，文本标记语言）是标准文档格式化系统，文本标记语言）是标准文档格式化系统，使用使用使用使用HTMLHTMLHTMLHTML控制信息的文本文件被称为控制信息的文本文件被称为控制信息的文本文件被称为控制信息的文本文件被称为HTMLHTMLHTMLHTML文件，也称文件，也称文件，也称文件，也称WebWebWebWeb文
5、件。文件。文件。文件。第九章第九章 网页制作初步网页制作初步 使使使使用用用用普普普普通通通通的的的的文文文文本本本本编编编编辑辑辑辑器器器器就就就就可可可可以以以以创创创创建建建建WebWebWebWeb文文文文件件件件。方方方方法法法法是是是是：在在在在文文文文本本本本编编编编辑辑辑辑器器器器中中中中，输输输输入入入入一一一一段段段段文文文文本本本本，再再再再给给给给文文文文本本本本加加加加上上上上HTMLHTMLHTMLHTML标标标标记记记记，然后以扩展名然后以扩展名然后以扩展名然后以扩展名htmhtmhtmhtm或或或或htmlhtmlhtmlhtml存盘。存盘。存盘。存盘。创建简单
6、创建简单Web页页HTMLHTMLHTMLHTML文文文文件件件件由由由由控控控控制制制制部部部部分分分分和和和和正正正正文文文文部部部部分分分分组组组组成成成成。HTMLHTMLHTMLHTML的的的的控控控控制制制制标标标标记记记记对对对对大大大大小小小小写写写写不不不不敏敏敏敏感感感感，同同同同时时时时控控控控制制制制标标标标记记记记用用用用“”进行区分。进行区分。进行区分。进行区分。第九章第九章 网页制作初步网页制作初步 HTMLHTMLHTML和和和和/HTMLHTMLHTML标标标标记记记记，把把把把全全全全部部部部源源源源代代代代码码码码“括括括括起来起来起来起来”，就像括号一样
7、。，就像括号一样。，就像括号一样。，就像括号一样。HEADHEADHEAD和和和和/HEADHEADHEAD标标标标记记记记，把把把把全全全全部部部部控控控控制制制制部部部部分分分分括括括括起来。起来。起来。起来。TITLETITLETITLE和和和和/TITLETITLETITLE标标标标记记记记，把把把把页页页页面面面面标标标标题题题题括括括括起起起起来。来。来。来。BODYBODYBODY和和和和/BODYBODYBODY标标标标记记记记，把把把把全全全全部部部部正正正正文文文文部部部部分分分分括括括括起来。起来。起来。起来。第九章第九章 网页制作初步网页制作初步 HTMLHTMLHTM
8、LHTML标记一般配对使用，只有少数标记单独使用。标记一般配对使用，只有少数标记单独使用。标记一般配对使用，只有少数标记单独使用。标记一般配对使用，只有少数标记单独使用。例如：例如：例如：例如：PPP表表表表示示示示一一一一个个个个自自自自然然然然段段段段落落落落的的的的结结结结束束束束，一一一一般般般般加加加加在在在在两两两两个个个个自然段落之间，此时自然段落之间，此时自然段落之间，此时自然段落之间，此时/PPP被省略。被省略。被省略。被省略。BRBRBR表表表表示示示示转转转转行行行行（断断断断行行行行），不不不不表表表表示示示示自自自自然然然然段段段段落落落落的的的的结结结结束束束束。与
9、与与与 PPP标标标标记记记记相相相相比比比比，BRBRBR标标标标记记记记因因因因为为为为产产产产生生生生的的的的行行行行间间间间距较小，被广泛使用。距较小，被广泛使用。距较小，被广泛使用。距较小，被广泛使用。HRHRHR表示画水平线。表示画水平线。表示画水平线。表示画水平线。演示例演示例演示例演示例9.19.19.19.1第九章第九章 网页制作初步网页制作初步 超超超超级级级级链链链链接接接接是是是是指指指指多多多多个个个个WebWebWebWeb页页页页面面面面通通通通过过过过关关关关键键键键字字字字或或或或图图图图像像像像连连连连结结结结起起起起来来来来，通通通通过过过过关关关关键键键
10、键字字字字或或或或图图图图的的的的单单单单击击击击操操操操作作作作，可可可可以以以以自自自自动动动动切切切切换换换换内内内内容容容容的的的的技技技技术术术术。带带带带有有有有“链链链链接接接接”的的的的文文文文本本本本文文文文件件件件叫叫叫叫做做做做超超超超文文文文本本本本。链链链链接接接接所所所所使使使使用用用用的的的的关关关关键键键键字字字字一一一一般般般般为为为为蓝蓝蓝蓝色色色色下下下下划划划划线线线线的的的的文文文文字字字字标标标标志志志志，通通通通过过过过 .和和和和/AAA标记实现。标记实现。标记实现。标记实现。超级链接超级链接第九章第九章 网页制作初步网页制作初步 本本本本地地地
11、地链链链链接接接接。本本本本地地地地链链链链接接接接与与与与网网网网络络络络无无无无关关关关，通通通通过过过过链链链链接接接接把本地的把本地的把本地的把本地的HTMLHTMLHTMLHTML文件链接起来构成信息整体。文件链接起来构成信息整体。文件链接起来构成信息整体。文件链接起来构成信息整体。例例例例如如如如：包包包包含含含含 =h1.htm=h1.htm=h1.htm 单单单单击击击击此此此此处处处处 /A A A 异异异异地地地地链链链链接接接接。通通通通过过过过InternetInternetInternetInternet的的的的统统统统一一一一资资资资源源源源定定定定位位位位器器器器
12、（URLURLURLURL），），），），链接远程其它计算机上的链接远程其它计算机上的链接远程其它计算机上的链接远程其它计算机上的HTMLHTMLHTMLHTML文件。文件。文件。文件。例如：例如：例如：例如：新疆大学主页新疆大学主页新疆大学主页新疆大学主页 /AAA。演示例演示例演示例演示例9.29.29.29.2第九章第九章 网页制作初步网页制作初步 9.1.1 文字控制文字控制 有关控制文字的有关控制文字的有关控制文字的有关控制文字的HTMLHTMLHTMLHTML标记是：标记是：标记是：标记是：FONTFONTFONT常见的属性参数如下：常见的属性参数如下：常见的属性参数如下：常见的属
13、性参数如下：SIZE=SIZE=SIZE=SIZE=“.”规定字体的大小尺寸。规定字体的大小尺寸。规定字体的大小尺寸。规定字体的大小尺寸。COLOR=COLOR=COLOR=COLOR=“.”规定文字的颜色。规定文字的颜色。规定文字的颜色。规定文字的颜色。FACE=.FACE=.FACE=.FACE=.规定字体规定字体规定字体规定字体演示例演示例演示例演示例9.39.39.39.3第九章第九章 网页制作初步网页制作初步 在在在在HTMLHTMLHTMLHTML标记中，下列标记也能进行字体显示效果标记中，下列标记也能进行字体显示效果标记中，下列标记也能进行字体显示效果标记中，下列标记也能进行字体
14、显示效果的控制：的控制：的控制：的控制：SMALL SMALL SMALL 规定小字体显示规定小字体显示规定小字体显示规定小字体显示 BIG BIG BIG 规定大字体显示规定大字体显示规定大字体显示规定大字体显示 B B B 规定黑体字显示规定黑体字显示规定黑体字显示规定黑体字显示 Center Center Center .规定文字居中规定文字居中规定文字居中规定文字居中对齐显示对齐显示对齐显示对齐显示 第九章第九章 网页制作初步网页制作初步 9.1.2 图像和动画图像和动画 插入图形或动画的标记是：插入图形或动画的标记是：插入图形或动画的标记是：插入图形或动画的标记是：有以下属性：有以下
15、属性：有以下属性：有以下属性：SRC=.SRC=.SRC=.SRC=.图象（动画）文件的图象（动画）文件的图象（动画）文件的图象（动画）文件的URLURLURLURL地址文件名。地址文件名。地址文件名。地址文件名。ALT=.ALT=.ALT=.ALT=.在图像未完全收到时，图像位置显示的在图像未完全收到时，图像位置显示的在图像未完全收到时，图像位置显示的在图像未完全收到时，图像位置显示的文字信息。文字信息。文字信息。文字信息。ALIGN=ALIGN=ALIGN=ALIGN=“.”确定图像的对齐方式。确定图像的对齐方式。确定图像的对齐方式。确定图像的对齐方式。演示例演示例演示例演示例9.49.4
16、9.49.4第九章第九章 网页制作初步网页制作初步 9.1.3整体控制整体控制 页面的整体控制属性在页面的整体控制属性在页面的整体控制属性在页面的整体控制属性在 BODYBODYBODY标记中，常用的以下标记中，常用的以下标记中，常用的以下标记中，常用的以下属性：属性：属性：属性：BACKGROUND=BACKGROUND=BACKGROUND=BACKGROUND=“.”构成背景的图片文件名。构成背景的图片文件名。构成背景的图片文件名。构成背景的图片文件名。BGCOLOR=BGCOLOR=BGCOLOR=BGCOLOR=“.”背景颜色。背景颜色。背景颜色。背景颜色。TEXT=.TEXT=.T
17、EXT=.TEXT=.默认文本颜色。默认文本颜色。默认文本颜色。默认文本颜色。LINK=.LINK=.LINK=.LINK=.未被访问的文字链接源的颜色。未被访问的文字链接源的颜色。未被访问的文字链接源的颜色。未被访问的文字链接源的颜色。ALINK=.ALINK=.ALINK=.ALINK=.被激活的文字链接源的颜色。被激活的文字链接源的颜色。被激活的文字链接源的颜色。被激活的文字链接源的颜色。VLINK=.VLINK=.VLINK=.VLINK=.访问过的文字链接源的颜色。访问过的文字链接源的颜色。访问过的文字链接源的颜色。访问过的文字链接源的颜色。BORDER=BORDER=BORDER=
18、BORDER=”图像边界的宽度，单位是像素点。图像边界的宽度，单位是像素点。图像边界的宽度，单位是像素点。图像边界的宽度，单位是像素点。演示例演示例演示例演示例9.59.59.59.5第九章第九章 网页制作初步网页制作初步 9.1.4表格标记表格标记 表格的标记是表格的标记是表格的标记是表格的标记是 .TABLE.TABLE.TABLE.属性语法如下：属性语法如下：属性语法如下：属性语法如下：边线控制：边线控制：边线控制：边线控制：BORDER=BORDER=BORDER=BORDER=“.”宽度控制：宽度控制：宽度控制：宽度控制：WIDTH=.WIDTH=.WIDTH=.WIDTH=.第九章
19、第九章 网页制作初步网页制作初步 表格的行标记是表格的行标记是表格的行标记是表格的行标记是 .TR.TR.TR.属性语法如下：属性语法如下：属性语法如下：属性语法如下：ALIGH=ALIGH=ALIGH=ALIGH=“.”行中单元水平对齐方行中单元水平对齐方行中单元水平对齐方行中单元水平对齐方式式式式 VALIGN=.VALIGN=.VALIGN=.VALIGN=.表行中垂直对齐方式表行中垂直对齐方式表行中垂直对齐方式表行中垂直对齐方式第九章第九章 网页制作初步网页制作初步 表格的列标记是表格的列标记是表格的列标记是表格的列标记是 .TD.TD.TD.属性语法如下：属性语法如下：属性语法如下：
20、属性语法如下：ALIGN=.ALIGN=.ALIGN=.ALIGN=.单元内容水平对齐方式单元内容水平对齐方式单元内容水平对齐方式单元内容水平对齐方式 VALIGN=.VALIGN=.VALIGN=.VALIGN=.单元内容垂直对齐方式单元内容垂直对齐方式单元内容垂直对齐方式单元内容垂直对齐方式 ROWSPAN=.ROWSPAN=.ROWSPAN=.ROWSPAN=.该单元跨过的行数；该单元跨过的行数；该单元跨过的行数；该单元跨过的行数；COLSPAN=.COLSPAN=.COLSPAN=.COLSPAN=.该单元跨过的列数。该单元跨过的列数。该单元跨过的列数。该单元跨过的列数。演示例演示例演
21、示例演示例9.69.69.69.6第九章第九章 网页制作初步网页制作初步 9.1.5其它控制标记其它控制标记 HTMLHTMLHTMLHTML标记非常多，而且数量和规则一直还处于不标记非常多，而且数量和规则一直还处于不标记非常多，而且数量和规则一直还处于不标记非常多，而且数量和规则一直还处于不断发展变化的过程中，随着可视化网页自动制作断发展变化的过程中，随着可视化网页自动制作断发展变化的过程中，随着可视化网页自动制作断发展变化的过程中，随着可视化网页自动制作工具的迅速普及，不常用的标记已经没有必须记工具的迅速普及，不常用的标记已经没有必须记工具的迅速普及，不常用的标记已经没有必须记工具的迅速普
22、及，不常用的标记已经没有必须记忆的必要。用户只要知道最常用的一些标记，就忆的必要。用户只要知道最常用的一些标记，就忆的必要。用户只要知道最常用的一些标记，就忆的必要。用户只要知道最常用的一些标记，就可以学习可以学习可以学习可以学习XMLXMLXMLXML、ASPASPASPASP和和和和JavaScriptJavaScriptJavaScriptJavaScript等更强劲的信息等更强劲的信息等更强劲的信息等更强劲的信息控制技术。控制技术。控制技术。控制技术。第九章第九章 网页制作初步网页制作初步 表单包含的控制标记是：表单包含的控制标记是：表单包含的控制标记是：表单包含的控制标记是：INPU
23、TINPUTINPUT。标记具有丰富的属性参数，语法如下：标记具有丰富的属性参数，语法如下：标记具有丰富的属性参数，语法如下：标记具有丰富的属性参数，语法如下：TYPE=TYPE=TYPE=TYPE=”表示控制部件的类型，表示控制部件的类型，表示控制部件的类型，表示控制部件的类型，NAME=NAME=NAME=NAME=”表示该控制部件的名称。表示该控制部件的名称。表示该控制部件的名称。表示该控制部件的名称。SIZE=SIZE=SIZE=SIZE=”表示该控制部件的大小。表示该控制部件的大小。表示该控制部件的大小。表示该控制部件的大小。Value=Value=Value=Value=”表示该控
24、制部件所具有的值。表示该控制部件所具有的值。表示该控制部件所具有的值。表示该控制部件所具有的值。帧标记帧标记帧标记帧标记 FRAMESET FRAMESET FRAMESET 表单标记表单标记表单标记表单标记 FORM FORM FORM 第九章第九章 网页制作初步网页制作初步 小结：小结：HTMLHTML概念概念认识认识WEBWEB页页HTMLHTML标记简介标记简介第九章第九章 网页制作初步网页制作初步 9.2 9.2 WebWeb技术技术 WebWebWebWeb的面貌已经发生了非常重要的变化，的面貌已经发生了非常重要的变化，的面貌已经发生了非常重要的变化，的面貌已经发生了非常重要的变化
25、，以访问以访问以访问以访问DBMSDBMSDBMSDBMS和在线商务活动等功能为代表的和在线商务活动等功能为代表的和在线商务活动等功能为代表的和在线商务活动等功能为代表的动态动态动态动态WebWebWebWeb应用程序成为计算机发展的热门技应用程序成为计算机发展的热门技应用程序成为计算机发展的热门技应用程序成为计算机发展的热门技术之一。术之一。术之一。术之一。动态动态动态动态WebWebWebWeb技术也是基于客户机技术也是基于客户机技术也是基于客户机技术也是基于客户机/服务器结构服务器结构服务器结构服务器结构的，在总体上可分为客户端扩展技术和服务的，在总体上可分为客户端扩展技术和服务的，在总
26、体上可分为客户端扩展技术和服务的，在总体上可分为客户端扩展技术和服务器端扩展技术两大类，以客户机器端扩展技术两大类，以客户机器端扩展技术两大类，以客户机器端扩展技术两大类，以客户机/服务器应服务器应服务器应服务器应用模式为基础用模式为基础用模式为基础用模式为基础 第九章第九章 网页制作初步网页制作初步 在客户端扩展的技术主要是在客户端扩展的技术主要是在客户端扩展的技术主要是在客户端扩展的技术主要是JavaScriptJavaScriptJavaScriptJavaScript、VBScriptVBScriptVBScriptVBScript、PerlPerlPerlPerl、AppletsAp
27、pletsAppletsApplets、ActiveXActiveXActiveXActiveX、XMLXMLXMLXML、CSSCSSCSSCSS和和和和FlashFlashFlashFlash等。等。等。等。服务器端扩展的技术主服务器端扩展的技术主服务器端扩展的技术主服务器端扩展的技术主要是要是要是要是CGICGICGICGI、ISAPIISAPIISAPIISAPI、NSAPINSAPINSAPINSAPI、SSISSISSISSI、ASPASPASPASP、PHPPHPPHPPHP、JSPJSPJSPJSP和和和和NetNetNetNet等。等。等。等。第九章第九章 网页制作初步网页制
28、作初步 客户端扩展技术是指浏览器中集成或增加的客户端扩展技术是指浏览器中集成或增加的客户端扩展技术是指浏览器中集成或增加的客户端扩展技术是指浏览器中集成或增加的支持数据变动的新技术，提高了支持数据变动的新技术，提高了支持数据变动的新技术，提高了支持数据变动的新技术，提高了WebWebWebWeb页面的实页面的实页面的实页面的实用化程度。客户端扩展技术可以验证交互数用化程度。客户端扩展技术可以验证交互数用化程度。客户端扩展技术可以验证交互数用化程度。客户端扩展技术可以验证交互数据的合法性，进行数据计算、分类和统计等据的合法性，进行数据计算、分类和统计等据的合法性，进行数据计算、分类和统计等据的合
29、法性，进行数据计算、分类和统计等功能，甚至可以在功能，甚至可以在功能，甚至可以在功能，甚至可以在WebWebWebWeb页面内制作游戏程序。页面内制作游戏程序。页面内制作游戏程序。页面内制作游戏程序。客户端扩展技术客户端扩展技术 演示示例演示示例演示示例演示示例第九章第九章 网页制作初步网页制作初步 为了让为了让为了让为了让WebWebWebWeb“动动动动”起来，起来，起来，起来，HTMLHTMLHTMLHTML本身的标记规本身的标记规本身的标记规本身的标记规则也在进一步扩展和改进，则也在进一步扩展和改进，则也在进一步扩展和改进，则也在进一步扩展和改进，CSSCSSCSSCSS（叠层式表单叠
30、层式表单叠层式表单叠层式表单语言）以精良的界面装饰技术占据了不可替代语言）以精良的界面装饰技术占据了不可替代语言）以精良的界面装饰技术占据了不可替代语言）以精良的界面装饰技术占据了不可替代的技术角色，它支持三维立体的超文本组织方的技术角色，它支持三维立体的超文本组织方的技术角色，它支持三维立体的超文本组织方的技术角色，它支持三维立体的超文本组织方式，允许设计者自己定义式，允许设计者自己定义式，允许设计者自己定义式，允许设计者自己定义WebWebWebWeb页面的样式，具页面的样式，具页面的样式，具页面的样式，具有更好的易用性和扩展性。有更好的易用性和扩展性。有更好的易用性和扩展性。有更好的易用
31、性和扩展性。XMLXMLXMLXML（扩展式标记扩展式标记扩展式标记扩展式标记语言）是语言）是语言）是语言）是HTMLHTMLHTMLHTML语言的改良版，支持用户自定义语言的改良版，支持用户自定义语言的改良版，支持用户自定义语言的改良版，支持用户自定义的控制标记，可以有效地降低阅读的复杂性。的控制标记，可以有效地降低阅读的复杂性。的控制标记，可以有效地降低阅读的复杂性。的控制标记，可以有效地降低阅读的复杂性。标记扩展标记扩展 第九章第九章 网页制作初步网页制作初步 服务器端扩展技术服务器端扩展技术浏览器扩展技术和服务器扩展技术总是联合使用浏览器扩展技术和服务器扩展技术总是联合使用浏览器扩展技
32、术和服务器扩展技术总是联合使用浏览器扩展技术和服务器扩展技术总是联合使用,动态动态动态动态WebWebWebWeb技术的发展主流是服务器扩展技术。动态技术的发展主流是服务器扩展技术。动态技术的发展主流是服务器扩展技术。动态技术的发展主流是服务器扩展技术。动态WebWebWebWeb页面最好是服务器和浏览器共同协作，才能达页面最好是服务器和浏览器共同协作，才能达页面最好是服务器和浏览器共同协作，才能达页面最好是服务器和浏览器共同协作，才能达到较好的网络应用效果。到较好的网络应用效果。到较好的网络应用效果。到较好的网络应用效果。CGICGICGICGI（Common Gateway Interfa
33、ceCommon Gateway InterfaceCommon Gateway InterfaceCommon Gateway Interface，通用公共网关通用公共网关通用公共网关通用公共网关接口）是最先发展起来的动态接口）是最先发展起来的动态接口）是最先发展起来的动态接口）是最先发展起来的动态WebWebWebWeb技术、是一种接口技术、是一种接口技术、是一种接口技术、是一种接口规范，定义了交互操作中双方必须遵守的规则集。规范，定义了交互操作中双方必须遵守的规则集。规范，定义了交互操作中双方必须遵守的规则集。规范，定义了交互操作中双方必须遵守的规则集。第九章第九章 网页制作初步网页制作
34、初步 ASPASP（ActiveX Server PagesActiveX Server Pages）ASPASPASPASP是微软公司面向大众化的动态是微软公司面向大众化的动态是微软公司面向大众化的动态是微软公司面向大众化的动态WebWebWebWeb技术方案，技术方案，技术方案，技术方案，建立了一整套动态建立了一整套动态建立了一整套动态建立了一整套动态WebWebWebWeb服务器环境，可使服务器环境，可使服务器环境，可使服务器环境，可使ASPASPASPASP指令指令指令指令标记与标记与标记与标记与ActiveXActiveXActiveXActiveX控件程序结合使用，建立高效的动控件
35、程序结合使用，建立高效的动控件程序结合使用，建立高效的动控件程序结合使用，建立高效的动态态态态WebWebWebWeb应用程序。应用程序。应用程序。应用程序。ASPASPASPASP指令标记（脚本）使用特殊符号（指令标记（脚本）使用特殊符号（指令标记（脚本）使用特殊符号（指令标记（脚本）使用特殊符号（）加）加）加）加以标注，例如：以标注，例如：以标注，例如：以标注，例如：%=%=%=%。含有含有含有含有ASPASPASPASP脚本的脚本的脚本的脚本的WebWebWebWeb页面以页面以页面以页面以aspaspaspasp为后缀名，全部为后缀名，全部为后缀名，全部为后缀名，全部ASPASPASP
36、ASP脚本都在脚本都在脚本都在脚本都在WebWebWebWeb服服服服务器端执行，务器端执行，务器端执行，务器端执行，WebWebWebWeb服务器仅将执行的结果发送到浏服务器仅将执行的结果发送到浏服务器仅将执行的结果发送到浏服务器仅将执行的结果发送到浏览器端。览器端。览器端。览器端。第九章第九章 网页制作初步网页制作初步 PHPPHP（Hypertext PreprocessorHypertext Preprocessor）PHPPHPPHPPHP也是一种服务器端嵌入式脚本也是一种服务器端嵌入式脚本也是一种服务器端嵌入式脚本也是一种服务器端嵌入式脚本标记语言，其工作原理与标记语言，其工作原理
37、与标记语言，其工作原理与标记语言，其工作原理与ASPASPASPASP和和和和JSPJSPJSPJSP相似，它的特色是高速，比相似，它的特色是高速，比相似，它的特色是高速，比相似，它的特色是高速，比ASPASPASPASP执行执行执行执行速度更快。速度更快。速度更快。速度更快。PHPPHPPHPPHP脚本采用了脚本采用了脚本采用了脚本采用了C C C C、JavaJavaJavaJava和和和和PerlPerlPerlPerl等多种语法格式，源于等多种语法格式，源于等多种语法格式，源于等多种语法格式，源于RedHatRedHatRedHatRedHat Linux Linux Linux Li
38、nux，已被很多已被很多已被很多已被很多InternetInternetInternetInternet站点所采用。站点所采用。站点所采用。站点所采用。第九章第九章 网页制作初步网页制作初步 9.3 FrontPage 20009.3 FrontPage 2000 FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000是是是是MicrosoftMicrosoftMicrosoftMicrosoft公司推出的公司推出的公司推出的公司推出的Office 2000Office 2000Office 2000Office 2000系列办公套装软
39、件之一，使用方系列办公套装软件之一，使用方系列办公套装软件之一，使用方系列办公套装软件之一，使用方便，充分体现了便，充分体现了便，充分体现了便，充分体现了“所见即所得所见即所得所见即所得所见即所得”制作效果，操制作效果，操制作效果，操制作效果，操作简单和交互能力强的特点吸引了广大的计算作简单和交互能力强的特点吸引了广大的计算作简单和交互能力强的特点吸引了广大的计算作简单和交互能力强的特点吸引了广大的计算机爱好者。机爱好者。机爱好者。机爱好者。第九章第九章 网页制作初步网页制作初步 用户界面用户界面 菜单栏菜单栏菜单栏菜单栏视图视图视图视图栏栏栏栏状态状态状态状态栏栏栏栏标题栏标题栏标题栏标题栏
40、工具栏工具栏工具栏工具栏工工工工 作作作作区区区区第九章第九章 网页制作初步网页制作初步 FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000提供了提供了提供了提供了6 6 6 6种视图方式种视图方式种视图方式种视图方式1.1.1.1.网页视图网页视图网页视图网页视图4.4.4.4.导航视图导航视图导航视图导航视图 2.2.2.2.文件夹视图文件夹视图文件夹视图文件夹视图5.5.5.5.超链接视图超链接视图超链接视图超链接视图 3.3.3.3.报表视图报表视图报表视图报表视图 6.6.6.6.任务视图任务视图任务视图任务视图网页视图上
41、，有网页视图上，有网页视图上，有网页视图上，有3 3 3 3种页面模式种页面模式种页面模式种页面模式 普通标签普通标签普通标签普通标签 HTMLHTMLHTMLHTML标签标签标签标签 预览标签预览标签预览标签预览标签第九章第九章 网页制作初步网页制作初步 文字符号处理文字符号处理 在在在在FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000窗口的窗口的窗口的窗口的“普通普通普通普通”标签页面中，标签页面中，标签页面中，标签页面中，对文字信息输入和编辑的处理方法；常用工具和对文字信息输入和编辑的处理方法；常用工具和对文字信息输入和编辑
42、的处理方法；常用工具和对文字信息输入和编辑的处理方法；常用工具和格式工具的外形也基本上与格式工具的外形也基本上与格式工具的外形也基本上与格式工具的外形也基本上与WordWordWordWord相似。相似。相似。相似。在网页中需要重在网页中需要重在网页中需要重在网页中需要重点突出的内容（大点突出的内容（大点突出的内容（大点突出的内容（大小标题等）应采用小标题等）应采用小标题等）应采用小标题等）应采用比较突出的颜色，比较突出的颜色，比较突出的颜色，比较突出的颜色，而正文则最好采用而正文则最好采用而正文则最好采用而正文则最好采用统一的颜色。统一的颜色。统一的颜色。统一的颜色。一般具有一般具有一般具有
43、一般具有 4 4 4 4种段落的对齐种段落的对齐种段落的对齐种段落的对齐方式：左对齐、方式：左对齐、方式：左对齐、方式：左对齐、居中对齐、右居中对齐、右居中对齐、右居中对齐、右对齐和两端对对齐和两端对对齐和两端对对齐和两端对齐。齐。齐。齐。演示例演示例演示例演示例9.89.89.89.8第九章第九章 网页制作初步网页制作初步 9.3.1 9.3.1 超链接超链接 在在在在FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000中，将链接被定义为两部分中，将链接被定义为两部分中，将链接被定义为两部分中，将链接被定义为两部分组成：超链接主体和
44、超链接目标地址。超链接主组成：超链接主体和超链接目标地址。超链接主组成：超链接主体和超链接目标地址。超链接主组成：超链接主体和超链接目标地址。超链接主体是指引导超链接的部分（包含文本和图像）。体是指引导超链接的部分（包含文本和图像）。体是指引导超链接的部分（包含文本和图像）。体是指引导超链接的部分（包含文本和图像）。当鼠标指针移动到超链接的主体上当鼠标指针移动到超链接的主体上当鼠标指针移动到超链接的主体上当鼠标指针移动到超链接的主体上时，鼠标指针将会变成一个手的形时，鼠标指针将会变成一个手的形时，鼠标指针将会变成一个手的形时，鼠标指针将会变成一个手的形状。超链接目标地址是指鼠标单击状。超链接目
45、标地址是指鼠标单击状。超链接目标地址是指鼠标单击状。超链接目标地址是指鼠标单击后，将要显示内容，即切换对象。后，将要显示内容，即切换对象。后，将要显示内容，即切换对象。后，将要显示内容，即切换对象。演示例演示例演示例演示例9.99.99.99.9第九章第九章 网页制作初步网页制作初步 书签用来标记网页中的信息书签用来标记网页中的信息书签用来标记网页中的信息书签用来标记网页中的信息位置，因而建立页内超链接。位置，因而建立页内超链接。位置，因而建立页内超链接。位置，因而建立页内超链接。当一个页面文件很大或者要当一个页面文件很大或者要当一个页面文件很大或者要当一个页面文件很大或者要定位光标位置时，书
46、签超链定位光标位置时，书签超链定位光标位置时，书签超链定位光标位置时，书签超链发挥积极的作用。创建书签发挥积极的作用。创建书签发挥积极的作用。创建书签发挥积极的作用。创建书签超链接时，首先必须定义书超链接时，首先必须定义书超链接时，首先必须定义书超链接时，首先必须定义书签，然后再把超链接指向书签，然后再把超链接指向书签，然后再把超链接指向书签，然后再把超链接指向书签。签。签。签。演示例演示例演示例演示例9.139.139.139.13第九章第九章 网页制作初步网页制作初步 9.3.2 9.3.2 图像控制图像控制 FrontPage 2000FrontPage 2000FrontPage 20
47、00FrontPage 2000对对对对WebWebWebWeb中插入图像的技术，提供中插入图像的技术，提供中插入图像的技术，提供中插入图像的技术，提供了比较完整的技术支持。了比较完整的技术支持。了比较完整的技术支持。了比较完整的技术支持。FrontPage 2000FrontPage 2000FrontPage 2000FrontPage 2000充分体现了图文混排工具的优充分体现了图文混排工具的优充分体现了图文混排工具的优充分体现了图文混排工具的优越性，极大地加快网页制作的效率和提高网页制越性，极大地加快网页制作的效率和提高网页制越性，极大地加快网页制作的效率和提高网页制越性，极大地加快网
48、页制作的效率和提高网页制作的质量。作的质量。作的质量。作的质量。演示例演示例演示例演示例9.149.149.149.14第九章第九章 网页制作初步网页制作初步 9.3.39.3.3表格处理表格处理 在在在在WebWebWebWeb中，表格可以有效的组织、规划中，表格可以有效的组织、规划中，表格可以有效的组织、规划中，表格可以有效的组织、规划和布局页面。但是，表格标记是属于比和布局页面。但是，表格标记是属于比和布局页面。但是，表格标记是属于比和布局页面。但是，表格标记是属于比较复杂的标记，手工编写容易出错。较复杂的标记，手工编写容易出错。较复杂的标记，手工编写容易出错。较复杂的标记，手工编写容易
49、出错。演示例演示例演示例演示例9.169.169.169.16演示例演示例演示例演示例9.159.159.159.15第九章第九章 网页制作初步网页制作初步 9.3.4 9.3.4 动态元素动态元素 在网上浏览网页时，经常可以看到有些元素在网上浏览网页时，经常可以看到有些元素在网上浏览网页时，经常可以看到有些元素在网上浏览网页时，经常可以看到有些元素在运动，为了能够容易制作网页的动态效果，在运动，为了能够容易制作网页的动态效果，在运动，为了能够容易制作网页的动态效果，在运动，为了能够容易制作网页的动态效果，FrontPage 2000FrontPage 2000FrontPage 2000Fr
50、ontPage 2000提供了多种动态效果制作技术，提供了多种动态效果制作技术，提供了多种动态效果制作技术，提供了多种动态效果制作技术，并把这些动态元素作为组件集中在一起，通过并把这些动态元素作为组件集中在一起，通过并把这些动态元素作为组件集中在一起，通过并把这些动态元素作为组件集中在一起，通过“插入插入插入插入”菜单中菜单中菜单中菜单中“组件组件组件组件”选项（或工具栏中的组件选项（或工具栏中的组件选项（或工具栏中的组件选项（或工具栏中的组件按钮）可以插入动态元素。按钮）可以插入动态元素。按钮）可以插入动态元素。按钮）可以插入动态元素。第九章第九章 网页制作初步网页制作初步 横幅广告横幅广告