PPT
【文档说明】网页制作与编程基础课件.ppt，共(97)页，979.001 KB，由小橙橙上传
转载请保留链接：https://www.ichengzhen.cn/view-45656.html
以下为本文档部分文字说明：
第7章网页制作与编程基础本章学习目标：了解常用网页制作工具，基本掌握其中一种掌握HTML语言初步掌握VBScript或JavaScript脚本语言了解动态网页技术初步掌握ASP与数据库应用27.1
常用网页制作工具随着Internet技术的不断发展，网页制作工具越来越多，选择一种好的工具非常重要，能够起到事半功倍的效果。网页制作工具大体上可以分为两类：着眼于网页、网站全局的，称之为基本工具；着眼于网页
某些元素的，称之为辅助工具。网页制作基本工具是指那些专门用来设计能在浏览器中显示为网页的HTML文档的专用工具软件，它能整合编排网页元素，生成HTML网页代码文件。比较流行的网页制作工具软件包括MicrosoftFrontPage和Macromed
iaDreamweaver等。网页制作辅助工具是指用来创建或加工网页上的图形、图像、动画、声音和视频等网页元素的工具软件。37.1常用网页制作工具7.1.1MicrosoftFrontPage2003F
rontPage是由Microsoft公司推出的新一代Web网页制作工具。FrontPage使网页制作者能够更加方便、快捷地创建和发布网页，具有直观的网页制作和管理方法，简化了大量工作。FrontPag
e的最强大之处是其站点管理与远程发布功能。用户只需在本地对网页进行编辑，FrontPage会跟踪用户编辑过的文件，在发布时，它会自动将修改过的网页进行发布，未编辑过的网页可由用户决定是否再次向服务器发送。
47.1常用网页制作工具7.1.1MicrosoftFrontPage20031．FrontPage2003的特色(1)强大的网页设计功能可以智能地完成HTML文本的编辑，并可以针对不同的浏览器对网页进
行设置；可以提供对多种版本的浏览器的支持；完善了所见即所得的网页编辑操作。(2)丰富的网页设计模板、设计向导和主题样式提供了多种网页设计模板、网页设计向导和主题样式。使用这些模板、向导和样式，即使是初学者也可以设计出具有专业
水准的网站。57.1常用网页制作工具7.1.1MicrosoftFrontPage20032．FrontPage2003的新增功能(1)设计网站FrontPage2003具有经过改进的设计环境、新的布局和设计工具、模板以及
经过改进的主题，这一切可以帮助用户实现网站创意，而无需任何HTML知识。(2)开发网站FrontPage2003具有改进的创作环境、新的图形功能、强大的编码工具（帮助用户应用并增加各种编码语言知识）、以及创建交互式脚本的工具。此外，FrontPa
ge2003可以生成有效和干净的HTML，能让用户更好地控制代码。67.1常用网页制作工具7.1.1MicrosoftFrontPage20033．FrontPage2003工作界面77.1常用网页制作工具7.1.1MicrosoftFrontPage20033．Fro
ntPage2003工作界面窗口栏的内容随着所选视图不同而不同。为了便于用户制作网页和查看、修改Web站点的组织结构，FrontPage2003提供了6种视图。单击视图菜单相应的菜单项可以切换到不同的视图。各个视图的功能分别为：“网页”
视图：网页视图是进行网页编辑的操作界面。“文件夹”视图：用来对网站的目录和文件夹进行管理。“报表”视图：用于查看与网页制作有关的各项参数。“远程网站”视图：可以发布整个网站或个别文件，还可以在两个或更多个位置之间同步
文件。“导航”视图：用来显示和编辑网页的导航关系。“超链接”视图：显示某个网页与其他网页之间的关系。“任务”视图：用来查看网站和网页设计的完成情况。87.1常用网页制作工具7.1.2AdobeDreamw
eaverCS3使用Dreamweaver，设计师可以随心所欲地编写代码、设计网站网页以及进行高级开发。无论是喜欢手写HTML代码还是习惯于可视化环境，Dreamweaver都能提供方便快捷、功能强大的工具，使用Dreamwea
ver将是一种全新的体验。在易用、创新、规范等优点的基础上，Dreamweaver还拥有更先进的网页布局和设计环境，以及更为强大的代码编辑功能等卓越特性。DreamweaverCS3的操作界面主要由以下几个部分组成：标题栏、菜单栏、插入栏、文档工具栏、文档窗口、属性检查器
以及多个面板组，如图7-2所示。97.1常用网页制作工具7.1.2AdobeDreamweaverCS3图7-2DreamweaverCS3的界面布局107.1常用网页制作工具1．标题栏(注意区别文档的标题和文档的文件名称)2．菜单栏3．插入栏4．文档工具栏5．“属性”检
查器6．其他面板7.1.2AdobeDreamweaverCS3117.1常用网页制作工具7.1.3网页美化工具1．PhotoshopCS32．FireworksCS33．FlashCS3为了使制作的网页更为美观，用户在利用网页制作工具制作网页时，还需利用网页美化工具对网页进行
美化。127.2HTML语言7.2.1HTML语言概述1．什么是HTMLHTML英文全名是HyperTextMarkupLanguage，即超文本标记语言，是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称
为HTML文档，它能独立于各种操作系统（如UNIX、Windows等）。它主要是在原来文本文件的基础上，增加一系列的标识符来描述格式，形成网络文件。当用户使用浏览器下载时，就把这些标识符解释成应有的含义，并按照一定的格式将这些被标识的文件显示在屏
幕上，而HTML的标识符号并不显示在屏幕上。137.2HTML语言7.2.1HTML语言概述2．HTML文档的结构(1)HTML文档的基本结构下面是一个最基本的超文本文档的源代码<html><head><t
itle>Myfirstpage</title></head><body>我的第一个网页</body></html>HTML文件由标记和被标记的内容组成。每个标记都有“<”和“>”围住，以表示这是HTML代码而非普通文本，标记能产生所需的各种效果。就像一个排版程序，它将
网页的内容排成理想的效果。这些标记名称大都为相应的英文单词首字母或缩写，很好记忆。各种标记差别很大，但总的表示形式却大同小异。147.2HTML语言7.2.1HTML语言概述2．HTML文档的结构(2)HTML的标记单标签某些标记称为“单标签”，它只需单独使用就能完整地表达意思。这类
标记的语法是：<标签名称>最常用的单标签是<BR>,它表示换行。双标签另一类标记称为“双标签”，它由“始标签”和“尾标签”两部分构成，必须成对使用，其中始标签告诉Web浏览器从此处开始执行该标记所表示的功能，而尾标签告诉Web浏览器在这里结束该功
能。始标签前加一个斜杠（/）即成为尾标记。这类标记的语法是：<标记>受标记影响的内容</标记>例如你想对某段文字的加粗显示，就将此段文字放在<b>„„</b>标记中,如：<b>你要加粗的字</b>157.2HTML
语言7.2.1HTML语言概述2．HTML文档的结构(2)HTML的标记标签属性许多单标记和双标记的始标记内可以包含一些属性，标记要通过属性来制作出各种效果。其语法是：<标记属性1=属性值属性2=属性值„>受影响
内容</标记>需要注意的是，并不是所有的标记都有属性；根据需要可以用该标记的所有属性，也可以只用需要的几个属性。在使用时，属性之间没有顺序。167.2HTML语言7.2.1HTML语言概述2．HTML
文档的结构(3)HTML的几个部分HTML文件以<html>开头，以</html>结尾。浏览器解释网页代码的起始标志。HTML文件包括头部（head）和正文（body）。1)head头部信息<head>„</head>：表示
这是网页的题头部分，用来说明文件命名和与文件本身的相关信息。通常这部分标记来声明此网页的默认语言编码、关键字、使用软件等，个别的标记产生页面动作，第4行声明超文本头部分结束。在简单的网页中这部分不重要，而较复杂的网页中，比如：用CSS样式表、
JavaScript语言等，这部分会相当重要。<title>„</title>：网页的标题。标题概括了网页的内容，能迅速了解网页的大意。在文件头部定义的标题内容不在浏览器窗口中显示，而是在浏览器的标题栏中显示。尽管头部
定义的信息很多，但能在浏览器标题栏中显示的信息只有标题。在网页的头部代码中，还有另外一种文头标记—meta标记，基本语法是：<metahttp-equiv="类型"name="名称"content="内容">。177.2HTML语言7.2.1HTML语言概述2．HTML文档的结构(3)H
TML的几个部分2）body文档主体部分<body>„</body>：是网页的正文部分。HTML文件主体标记的格式为：<bodybgcolor="颜色值"background="文件名"text="颜色值"link="颜色值"vlink="颜色值"alink="颜色值">„</body>。作
为网页的主体部分，有很多的内置属性，这些属性用于设定网页的总体风格。例如，定义页面的背景图像、背景颜色、文字颜色以及超文本链接颜色等，主要属性如表7-1所示。HTML代码在书写时不严格区分大小写，也并不要求
在书写时缩进，但为了程序的易读性，建议网页设计者使标记的首尾对齐，内部的内容向右缩进几格。187.2HTML语言7.2.1HTML语言概述2．HTML文档的结构(3)HTML的几个部分2）body文档主体部分表7-1BODY标记属性值197.2HTML语言7.2.1HTML语言概述3．一个简单的H
TML实例<HTML><HEAD><TITLE>一个简单的HTML示例</TITLE></HEAD><BODY><CENTER><H3>欢迎光临我的主页</H3><BR><HR><FONTSIZE=2>这是我第一次做
主页，无论怎么样，我都会努力做好！</FONT></CENTER></BODY></HTML>207.2HTML语言7.2.1HTML语言概述4．HTML的特点HTML是独立于平台的，它兼容多平台。H
TML文件中含有大量的特定标记(tags)，该标记用于解释如何显示指定的内容。HTML文件中包含超文本内容，如多媒体信息、E-mail地址、数据库查询结果等。HTML文件是一个有特定标记的、可识别的ASCII文本文件，通常文件扩展名为.html或.htm。
编写一个HTML文件不需要特殊的软件，只要有一个字符编辑器就可以完成。217.2HTML语言7.2.2文档的格式与风格1．字符的格式化(1)标题文字标记<Hn></Hn>标题文字的格式为：<Hnalign=对齐方式>标题文字</Hn>属性align用来设置标题在页面中的对齐方式：left
（左对齐）right（右对齐）center（居中对齐）属性n用来指定标题文字的大小。N可以取1～6的整数值，取1时文字最大，6时文字最小与用<title>…</title>定义的网页标题不同，标题格式显示在浏览
器窗口中，而不显示在浏览器的标题栏中。227.2HTML语言7.2.2文档的格式与风格1．字符的格式化(1)标题文字标记<Hn></Hn><html><head><title>设置标题</title><head><body><h1>第1级标题(h1)</h1><h2>第2
级标题(h2)</h2><h3>第3级标题(h3)</h3><h4align=left>第4级标题(h4)（居左）</h4><h5align=right>第5级标题(h5)（居右）</h5><h6align=center>第6级标题(h6)（居中）</h6></bod
y></html>237.2HTML语言7.2.2文档的格式与风格1．字符的格式化(2)字符格式标记<font>格式为：<fontsize=数字face=字体名color=颜色>被设置的文字</font><font>标记可设定文字的字号（大小）、字体和颜色。siz
e用来设置文字的大小。数字的取值范围从1～7，size取1时最小，取7时最大。Face用来设置字体。Color用来设置文字颜色。247.2HTML语言7.2.2文档的格式与风格1．字符的格式化(2)字符格式标记<font>1)<font>和<hn>标记都可以设
置文字的大小，二者的区别见下表(当<font>中的size取7时，文字比<h1>要大)。2)设置字体：在网页设计中要尽量用常见的字体。必要的罕见字体可以转化为文字图像。257.2HTML语言7.2.2文档的格式与风格1．字符的格式化(2)字符格
式标记<font>3)设置文字的颜色：<body>标记中的text属性，设定整个网页文字的颜色<font>标记中的color属性，设定网页、段落、短语、词或字的颜色。<body>与<font>的优先级，<font>标记优先。<html><he
ad><title><body>与<font>标记同时对文字颜色进行定义</title></head><bodytext="#FF0000">今天天气真好<br><fontcolor="black">黑色</font><fontcolor="b
lue">蓝色</font><br><fontcolor="pink">粉红色</font></body></html>267.2HTML语言7.2.2文档的格式与风格1．字符的格式化(2)字符格式标记<font>3)设置文字的
颜色：颜色可以用相应英文单词或以“#”引导的一个十六进制数代码来表示。上例中同时使用了body的text属性和font的color属性来对文字的颜色进行设置，但最后在网页中的文字颜色应该是离文字本身最近的标记属性所定义的。另外，在title中涉
及网页中的特殊替换字符，其字符所表示的的含义如下表所示。277.2HTML语言7.2.2文档的格式与风格1．字符的格式化(2)字符格式标记<font>4)设置字型：字型就是文字的风格，如加粗、斜体、带下划线、上标、下标等。字型的控制标记见下表所示：287.2HTML
语言7.2.2文档的格式与风格2．段落格式化(1)强行换行标记<br>格式为：文字<br>实例1：不使用<br><html><head><title>无换行示例</title></head><body>登鹳
雀楼白日依山尽，黄河入海流。欲穷千里目，更上一层楼。</body></html>297.2HTML语言7.2.2文档的格式与风格2．段落格式化(1)强行换行标记<br>实例2：使用<br>后的效果<html><head><title>换行示例</title></head
><body>登鹳雀楼<br>白日依山尽，<br>黄河入海流。<br>欲穷千里目，<br>更上一层楼。</body></html>307.2HTML语言7.2.2文档的格式与风格2．段落格式化(2)段落标记<P>格式为：<palign=对齐方
式>文字</p>实例1：居中对齐CENTER<html><head><title>段落标签</title></head><body><PALIGN=CENTER>浣溪沙<P>一曲新词酒一杯，去年天气旧亭台，夕阳西下几时回。<P>无可奈何花落去，似曾相识燕归来。小园香径几徘徊
。</P></body></html>317.2HTML语言7.2.2文档的格式与风格2．段落格式化(2)段落标记<P>实例2：参见右图<html><head><title>段落标签</title></head><body>登鹳雀楼<P>白日依山尽，<br>黄河入海流。<br
>欲穷千里目，<br>更上一层楼。</P></body></html>327.2HTML语言7.2.2文档的格式与风格2．段落格式化(2)段落标记<P>文件段落的开始由<P>来标记，段落的结束由</P>来标记。<p>标记不但能使后面的文字换到下一行
，还可以使两段之间多一空行。由于一段的结束意味着新一段的开始，所以使用<p>也可省略结束标记。一个强制换段标记<p>可以看作是两个强制换行标记<br><br>。其中属性align用来设置段落的对齐方式，可以为
left、center或right，分别表示居左、居中、居右。默认时默认为left。格式为：<palign=对齐方式>文字</p>337.2HTML语言7.2.2文档的格式与风格2．段落格式化(3)分区显示标记格式:
<divalign=left|center|right>文本或图象</div>文本块、一段文字或标题在网页上的布局都有3种方式：左对齐、居中和右对齐。在标记中使用align属性，其属性取值分别为：left、cen
ter、right。可以设置布局的标记有：<p>„</p>、<hn>„</hn>、<div>„</div>、<center>„</center>。当在许多段落中设置对齐方式时，常使用<div>„</div>标记。347.2HTML语言7.2.2文档的格式与风格2．段落格式化
(3)分区显示标记实例1，参照右图<html><body><center><h2>分区显示标记的应用</h2></center><divalign=center>居中center<br>居中<br>center</div><divalign=left>居左left<br>居
左<br>left</div><divalign=right>居右right<br>居右<br>right</div><p></body></html>357.2HTML语言7.2.2文档的格式与风格2．段落格式化(4)水平线<Hr>格式为：<hra
lign=对齐方式size=横线粗细width=横线长度color=横线颜色noshade>align设定横线放置的位置，其属性取值为：left、center、right。Size设定线条粗细，以像素为单位，默认为
2。Width设定线段长度，可以是绝对值或相对值。所谓绝对值，是指线段的长度是固定的，不随窗口尺寸的改变而改变。所谓相对值，是指长度相对于窗口的宽度而定，窗口的宽度改变时，线段的长度也随之增减，默认值为100%，即始终填满当前窗口。Noshade设定线条为无阴
影，若默认则有阴影或立体效果。Color设定线条颜色，默认为黑色。可以采用颜色的名称。颜色可以用相应英文单词或以“#”引导的一个十六进制代码来表示。367.2HTML语言7.2.3加入多媒体与超级链接1．加入图像、视频、动画(1)插入图形格式为：<imgsrc="图片文件名"alt="简
单说明"width="图片的宽度"height="图片的高度"border="边框宽度"hspace="水平方向空白"vspace="垂直方向空白"align="对齐方式”>例：<imgsrc="bj.jpg"width="100"heigh
t="100"hspace="10"vspace="10"align="middle">设置网页的背景图像、背景颜色可参照BODY标记的相关属性。377.2HTML语言7.2.3加入多媒体与超级链接1．加入图像、视
频、动画(2)插入背景音乐1)音频标记<bgsound>能在网页中加入背景声音，格式为：<bgsoundsrc="声音文件"autostart=trueloop="播放次数">src="your.mid"：设定midi档案及路径，可以是相对或绝对。autostart=true：是
否在音乐档下载完之后就自动播放。true是，false否（默认值)。loop=infinite：是否自动反复播放。LOOP=2表示重复两次，Infinite表示重复多次。要加入的背景声音文件的格式为.wav、.mid、.ram等，播放次
数为-1时，声音将一直播放直到关闭网页。387.2HTML语言7.2.3加入多媒体与超级链接1．加入图像、视频、动画(2)插入背景音乐2)使用EMBED标签嵌入音乐文件使用BGSOUND标签嵌入背景音乐时，当最小化窗口时BGSOUND就会暂停，为了保证背景音乐的连贯性，建议使用HIDDE
N了的EMBED标签。<embedsrc="your.mid"autostart="true"loop="true"hidden="true">src="your.mid"：设定midi档案及路径，可以
是相对或绝对autostart=true：是否在音乐档下载完之后就自动播放。true是，false否(默认值)loop="true"：是否自动反复播放。LOOP=2表示重复两次，true是，false否h
idden="true"：是否完全隐藏控制画面，true为是，no为否(默认值)397.2HTML语言7.2.3加入多媒体与超级链接1．加入图像、视频、动画(3)插入视频1)用<img>标记的dynsr
c属性可以向网页中加入.avi视频剪辑文件。格式为：<imgborder="数值"src="图像文件"dynsrc="视频剪辑文件.avi"loop="次数"loopdelay="时间"start="值">Bor
der：边框大小。Src：在浏览器尚未完全读入AVI文件时，先在AVI播放区域显示的图像。Dynsrc：指定播放视频文件的路径和文件名。Loop：指定播放循环的次数。当为-1时，则反复播放。Loopdelay：两次播放的时间间
隔。Start：指定何时开始播放。Fileopen是文件打开时，mouseover是鼠标移到视频文件上时。2)插入flash用<embed>标记，其格式为<embedsrc=”flash（swf文件）的路径”></embed>文件407.2HTML语言7.2.3加入多媒体
与超级链接2．加入超级链接超链接（Hyperlink）可以看作是一个热点，它可以从当前Web页定义的位置跳转到其他位置，包括当前页的某个位置、Internet或本地硬盘或局域网上的其他文件，甚至跳转到声音、图片等多媒体文件。当
Web页包含超链接时，Web页中的外观形式为彩色且带下划线的文字或图片。单击这些文本或图片，可跳转到相应位置。鼠标指针指向超链接的显示文本或图片时，将变成手形。超文本链接使用锚点标记<a>来定义。<a>标记的格式为：<ahref=“地址”name=“字符串”target=“打
开窗口方式”>热点</a>417.2HTML语言7.2.3加入多媒体与超级链接2．加入超级链接(1)属性href为超文本引用，它的值为一个URL，是目标资源的有效地址。在书写URL时要注意，如果资源放在自己的服务器上，可以写相对路径。否则，应写
绝对路径.(2)属性name指定当前文档内的一个字符串作为链接时可以使用有效的目标资源的地址。(注意：Href不能与name同时使用。)(3)Target=”_blank”或Target=”new”，将链接打开的空
白页面或在新的浏览器窗口中打开。Target=”_parent”，将链接的页面内容，显示在直接父框架窗口中。Target=”_self”，将链接的页面内容，显示在当前窗口中（默认值）。Target=”_top”，将框架中链接的页面内容，显示在没有框架的窗口中。
Target=”框架名称”，只运用于框架中，若被设定则链接结果将显示于该“框架名称”指定的框架窗口中，框架窗口名称是事先由框架标记所命名的，可以理解为程序设计中的变量名称。427.2HTML语言7.2.3加入多媒体与超级链接2．加入超级链接(4)创
建指向其他页面的链接，就是在当前页面与其他相关页面间建立超链接。无论目标文件与当前文件的目录关系如何，其格式为：<ahref=”目标文件的路径.html”>„</a>(5)创建指向本页中的链接时，需要定义两个标记：
一个为超级链接标记，另一个为书签标记。格式为：<ahref="#记号名">„</a>。书签为该超级链接的目标，定义格式为：<aname="记号名">„</a>。同理，如果要创建指向其他页面中的书签，定义的格式为：<ahref="URL/目标文件名.htm#记号名">„</a>。(6)在网页中，超
级链接还可以指向下载文件和电子邮件。他们的格式分别为：<ahref="下载文件名">„</a>；<ahref="mailto：E-mail地址">„</a>(7)图像也可以做为链接指针。格式为：<ahref="url"><imgsrc="url"></a>，可以看出，用<imgs
rc="url">取代了链接指针中text的位置。<imgsrc="url">是图像元素，它表明显示url代表的图像文件。437.2HTML语言7.2.4表格编辑1．表格的基本形式表格对于格式化信息有着强大的功能，它能控制各种信息的位置，使得页面结构协调一致，用其他标记不容易做到的文本对
齐，只要把文本块放到表格中就行了。任何表格都有三个基本要素：表行、表头和表项，每个要素都有自己的标签一个表由<table>开始，</table>结束，表的内容由<tr>，<th>和<td>定义，其中：<tr>
说明表的一个行，表有多少行就有多少个<tr>，即定义表行；<th>说明表的列数和相应栏目的名称，有多少个栏目就有多少个<th>，即定义表头；<td>则填充由<tr>和<th>组成的表格，即定义表项。是否用表格线分开为部分内容用bord
er属性说明。447.2HTML语言7.2.4表格编辑1．表格的基本形式实例1：一个有表格线和一个元组的组成的表格，参照右图。<html><title>thesimplesthtmlfile</title><tableborder><tr><th>食品</th><th>饮
料</th><th>水果</th><tr><td>面包</td><td>可乐</td><td>西瓜</td></table></html>457.2HTML语言7.2.4表格编辑2．表格的修饰形式(1)有通栏的表有横向通栏的表用<thcolspan=#>属性说明，colspan表示
横向栏距，#代表通栏占据的网格数，它是一个小于表的横向网格数的整数。实例2：下面是一个有表格线和有横向通栏的表格。<html><title>thesimplesthtmlfile</title><tableborder><tr><th
colspan=2>食品</th><th>饮料</th><th>水果</th><tr><td>面包</td><td>牛奶</td><td>可乐</td><td>西瓜</td></table></html>467.2HTML语言7.2.4表格编辑2．表格的修饰形式(1)有通栏的
表有纵向通栏的表用rowspan=#属性说明。rowspan表示纵向栏距，#表示通栏占据的网格数，小于纵向网络数。需要说明的是有纵向通栏的表，每一行必须用</tr>明确给出一横向栏目结束,这和表格的基本形式是不同的。实例3：下面是一个有表格线和有纵向通栏的表格。<html><
title>thesimplesthtmlfile</title><tableborder><tr><throwspan=3>早餐</th><th>食品</th><td>面包</td></tr><tr><th>饮料</th
><td>可乐</td></tr><tr><th>水果</th><td>西瓜</td></tr></table></html>477.2HTML语言7.2.4表格编辑2．表格的修饰形式(2)表的大小，边框宽度，表格间距表
的大小用width=#和height=#属性说明。前者为表宽，后者为表高，#是以象素为单位整数。表格间距即划分表格的线的粗细用标记ellspacing=#表示，#的单位是象素。(3)表中文本的输出文本与表框的距离用cellpadding=#说明。#的单位是象素。表格的宽度大于其中的文本宽度时
，文本在其中的输出位置与用align=#说明。#是left，center和right三者之一，分别表示左对齐，居中和右对齐，align属性可修饰<tr>，<th>和<td>链接签。表格的高度大于其中文本的高度时，可以用valign
=#说明文本在其中的位置。#是top，middle，bottom，baseline四者之一。同样，valign可以修饰<tr>，<th>，<td>中的任何一个。487.2HTML语言7.2.4表格编辑2．表格的修饰形式(4)表格颜色表格的颜色用bgc
olor=#指定。#是16进制的6位数，格式为rrggbb，分别表示红、绿、兰三色的分量。或者是16种已定义好的颜色名称。(5)表格标题表格可以加上标题。标题的语法格式如下：<captionalign=#>„„</caption>，#可以是left，center和
right三者之一。497.2HTML语言7.2.5创建框架1．框架的基本结构如下：框架可以将浏览器的窗口分成多个区域，每个区域可以单独显示一个html文件，各个区域也可相关连地显示某一个内容，例如可以将索引放在一个区域，文档内容显示在另一个区域。<html><head><title
>...</title></head><noframes>...</noframes><frameset><framesrc=url></frameset></html><noframes>...</noframes>中的内容显示在不支持框架的浏览器窗口中，因而这里指向一个普通版本的html文件，
以便使用不支持框架浏览器的用户阅读。框架由<frameset>指定，并且可以嵌套，分区中各部分显示的内容用<frame>指定。frame是一个新出现的标记，浏览器并不都支持。可以将窗口横向分成几个部分，也可以分成纵向几个部分，还可以形成混和框架。507.2HTML语言7.2.5创建框架1．框架的基
本结构如下：(1)横向框架横向框架用<framesetcols=#>指定，#可以是一个百分数，也可以是一整数。前者规定各框架占窗口的百分数，后者指定各框的绝对大小。例如，下面的例子将窗口分成30%、20%、50%的几个区域，各区域的内容分别为A.html，B.html，
C.html。<html><head><title>HTML语言教程</title></head><framesetrows=25%,25%,50%><framesrc=A.html><framesrc=B.html><framesrc=C.html></frameset></html
>517.2HTML语言7.2.5创建框架1．框架的基本结构如下：(2)纵向框架：纵向框架用<framesetcols=#>指定，#含义同上。(3)混合框架将窗口分成纵横几个区域时，用<frameset>代替<fram
e>链接，即可将原来分好的<frame>区域再次分框，下面的例子先将窗口分成20%，80%，然后将右边的区域再分成分别占40%和60%的上下两个区域，如图7-22所示。(4)框架与框中文本的间距分框与其中的文本间距可以用Marginwidth=#和m
argiheight=#来指定，前者指定文本与分框的边缘的横向距离，后者为纵向距离，其单位都为象素。<html><title>HTML语言教程</title><framesetcols=20%,*><framesrc=A.html><f
ramesetrows=40%,*><framesrc=B.html><framesrc=C.html></frameset></frameset></html>527.2HTML语言7.2.5创建框架2．分框间的关联框架之间可以有特定的关联，比如将某一框架的内容输出到另一个框架中，这样
该段文字就可以把其中一个框作为输出框，另一个框作为选择框。实现这种关联需要做下列的事情。(1)在分框的html文件中标记各个框，标记的方法是在<frame>中加入name属性，比如上例，定义左边的框为索引，右边框为输出。<f
ramesrc=A.htmlname=index><framesrc=B.htmlname=display>(2)在A.html文件中指定输出到哪个框中去的方法是在A.html文件中加入下列一行。<basetarget=display>这便得用鼠
标点取A.html中的链接指针，它的输出会显示在右边的框中。537.2HTML语言7.2.6创建表单表单在HTML页面中起着重要作用，它是与用户交互信息的主要手段。一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。用户填写了所需的资料之后，按下“提交”按钮，这
样所填资料就会通专门的接口传到Web服务器上。网页的设计者随后就能在Web服务器上看到用户填写的资料，从而完成了从用户到服务提供者之间的反馈和交流。一个表单有三个基本组成部分：表单标签：这里面包含了处理表单数据所用的CGI(CommonGatewayInterface，即通用网关接
口)程序的URL以及数据提交到服务器的方法。表单域：包含了文本框、密码框、隐藏域、多行文本框、复选框、单选框、下拉选择框和文件上传框等。表单按钮：包括提交按钮、复位按钮和一般按钮；用于将数据传送到服务器上的CGI脚本或者取消输入
，还可以用表单按钮来控制其他定义了处理脚本的处理工作。547.2HTML语言7.2.6创建表单1．表单标签＜form＞＜/form＞格式：＜FORMaction=urlmethod=get|postenctype=mimetarget=...＞...＜/FORM＞相关属性解释如下：a
ction=url指定用来处理表单提交的数据的应用程序。它可以是任何一个有效的URL，那么用户在表单中输入的信息就会传入那个URL处。method=get或post，它控制收集信息的传送方式。post方法可通过action所指定的服务程序对表单进行处理；GET方法可将表单
的内容作为查询URL中的串来传送，服务器使用QueryString集合来存储这些内容。Enctype：指定如何对数据编码，只有在使用post方式时这个属性才适用，而且有唯一的可能值，即默认值application/x-www
-form-urlencoded。该属性在平时的表单创建中可以不使用。557.2HTML语言7.2.6创建表单1．表单标签＜form＞＜/form＞格式：＜FORMaction=urlmethod=get|postenctype=mimetarget=...＞...＜/FORM＞TARGE
T=#，#可以是下列值：_blank：在一个新的、无名浏览器窗口调入指定的文档；_self：在指向这个目标的元素的相同的框架中调入文档；_parent：把文档调入当前框架的父FRAMESET框中；这个值在当前框没有父框时等价于_self；_top：把文档调入原来的最顶部的浏
览器窗口中（因此取消所有其它框架）；这个值等价于当前框架没有子框架时的_self；567.2HTML语言7.2.6创建表单2．表单元素（1）文本框文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地
址等。格式：＜inputtype=textname=...size=...maxlength=...value=...＞属性解释如下：type=text定义单行文本输入框；name属性定义文本框的名称，要保证数据的准确采集，要定义一个独一无二的名称；size属性定义文本框的宽度，单位是单个字符宽度
；maxlength属性定义最多输入的字符数；value属性定义文本框的初始值；577.2HTML语言7.2.6创建表单2．表单元素（2）多行文本框格式：＜TEXTAREAname=...cols=...ro
ws=...wrap=virtual＞＜/TEXTAREA＞属性解释如下：name：同文本框cols：定义多行文本框的宽度，单位是单个字符宽度；rows：定义多行文本框的高度，单位是单个字符宽度；wrap：定义输入内容大于文本域时显示的方式，可选值如下：默
认值是文本自动换行；当输入内容超过文本域的右边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；Off用来避免文本换行，当输入的内容超过文本域右边界时，文本将向左滚动，必须用Return才能将插入点移到下一行；Virtual，允许文本自动换行。当输入内容超过文本域的右
边界时会自动转到下一行，而数据在被提交处理时自动换行的地方不会有换行符出现；Physical，让文本换行，当数据被提交处理时换行符也将被一起提交处理。587.2HTML语言7.2.6创建表单2．表单元素（3）密
码框是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。格式：＜inputtype=passwordname=...size=...maxlength=...＞（4）复选框复选框允许在待选项中选中一项以上的选项。每个复选框都
是一个独立的元素，都必须有一个唯一的名称。格式：＜INPUTtype=checkboxname=...value=...＞597.2HTML语言7.2.6创建表单2．表单元素（5）文件上传框文件上传框看上去和其它文本框差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的
路径或者点击浏览按钮选择需要上传的文件。在使用文件上传框以前，请先确定你的服务器是否允许匿名上传文件。表单标签中必须设置ENCTYPE=multipart/form-data来确保文件被正确编码；另外，表单的传送方式必须设置成POST。格式：＜inputtype=filenam
e=...size=15maxlength=100＞属性解释如下：type=file：定义文件上传框；name：同文本框；size：属性定义文件上传框的宽度，单位是单个字符宽度；maxlength：属性定义最多输入的字符数。607.2HTML语言7.2.6创建表单2．表单元素（6）
下拉选择框下拉选择框允许你在一个有限的空间设置多种选项，下拉选择框中带有下拉按钮，单击下拉按钮，出现多个可供选择的选项，用户单击其中的一项，即可选中。格式：＜selectname=...size=...multiple＞＜optionvalue=...selected＞...＜/
option＞...＜/select＞属性解释如下：size：定义下拉选择框的行数；name：定义下拉选择框的名称；multiple：表示可以多选，如果不设置本属性，那么只能单选；value：定义选择项的值；selected：表示默认已经选择本选项。617.2HTML语
言7.2.6创建表单2．表单元素(7)表单按钮1)提交按钮：提交按钮用来将输入的信息提交到服务器。格式：＜inputtype=submitname=...value=...＞属性解释如下：type=submit：定义提交按钮
；name：属性定义提交按钮的名称；value：属性定义按钮的显示文字；2)复位按钮：复位按钮用来重置表单。格式：＜inputtype=resetname=...value=...＞3)一般按钮：一般按钮用来控制其他定义了处理脚本的处理工作。格式：＜inputtype=
buttonname=...value=...onClick=...＞属性解释如下：type=button定义一般按钮；onClick属性，也可以是其它的事件，通过指定脚本函数来定义按钮的行为。627.2HTML语言7.2.6创建表单3．表单综合实例（参见右图）<html
><FORMMETHOD=POSTACTION=/cgi-bin/sample.exe><P>姓名:<INPUTNAME=namesize=20><P>性别:<INPUTNAME=sexTYPE=RADIOVALUE=mailCHECKED>男<INPUTNAME=se
xTYPE=RADIOVALUE=female>女<P>你喜欢的水果:<INPUTNAME=flavorTYPE=CHECKBOXVALUE=apple>苹果<INPUTNAME=flavor1TYPE=CHECKBOXVALUE=orange>桔子<INPUTNAME=flav
orTYPE=CHECKBOXVALUE=strawberry>西瓜<INPUTNAME=flavorTYPE=CHECKBOXVALUE=peach>梨<P>每个星期你大概会吃多少水果:<SELECTNAME=weightsize="1"><O
PTIONVALUE=little>少于1公斤<OPTIONVALUE=middleSELECTED>1至3公斤<OPTIONVALUE=more>多于3公斤</SELECT><P>对于吃水果，你的观点是：<BR><TEXTAREANAME=opinionCOLS=40ROWS
=3>多吃水果有利于身体</TEXTAREA><P><INPUTTYPE=submitVALUE=发送><INPUTTYPE=resetVALUE=重置></FORM></html>637.2HTML语言7.2.7列表列表可以分为无序列表、有序列表和自定义列表。1．无序列表无序号列表使用
的一对标签是<ul></ul>，每一个列表项前使用<LI>。其结构如下所示：<UL><LI>第一项<LI>第二项<LI>第三项</UL>实例1：结果请查看图7-21<html><head><title>无序列表</title></head><body>这是一个无序列表：
<P><UL>国际互联网提供的服务有：<LI>WWW服务<LI>文件传输服务<LI>电子邮件服务<LI>远程登录服务<LI>其它服务</UL></body></html>647.2HTML语言7.2.7列表列表可以分为无序列表、有序列表和自定义列表。2．有序列表有序列表和无序
列表的使用方法基本相同，它使用标签<OL></OL>，每一个列表项前使用<LI>。每个项目都有前后顺序之分，多数用数字表示。其结构如下所示：<OL><LI>第一项<LI>第二项<LI>第三项</OL>实例2：结果请查看图
7-22<html><head><title>有序列表</title></head><body>这是一个有序列表：<P><OL>国际互联网提供的服务有：<LI>WWW服务<LI>文件传输服务<LI>电子邮件服务<LI>远程登录服务<LI>其它服务</OL></body></html>65
7.2HTML语言7.2.7列表列表可以分为无序列表、有序列表和自定义列表。3．自定义列表除了上述两种列表以外，还可以根据需要自定义列表样式。格式为：<DL><DT>„</DT><DD>„</DD><D
T>„</DT><DD>„</DD>„</DL>667.2HTML语言7.2.8样式表（CSS）简介1．样式表（CSS）概述样式表（stylesheets）的技术诞生于1996年底，全称是层叠样式表（CascadingStylesheets－简称CSS），
它可以对布局、字体、颜色、背景和其它图文效果实现更加精确的控制。使用样式表只通过修改一个文件就改变大量的网页的外观和格式，使网页的风格统一。使用样式表的具体优势主要体现在以下几个方面：格式和结构分离：更好的控制页面全局
的能力：可以制作出体积更小下载更快的网页：更快更容易地维护及更新大量的网页：677.2HTML语言7.2.8样式表（CSS）简介2．CSS添加到网页中的方法(1)链接外部CSS样式表(2)在HTML文档中植入CSS样式(
3)在标记中加入样式(4)导入CSS样式表(5)用脚本来运用CSS样式687.3脚本语言基础7.3.1脚本语言概述1．脚本语言的优势脚本语言作为用来控制网页的控件和对象的一种编程语言的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实现了一种
实时的、动态的、可交式的表达能力。从而基于CGI静态的HTML页面被可提供动态实时信息，并对客户操作进行反应的Web页面的取代，脚本正是满足这种需求而产生的语言。脚本语言是一种非编译语言，直接被浏览器所解释执行，它是一种事件型程序，
通过捕捉用户在各种浏览器中的行为来触发特定的程序段。脚本语言容易使用，在完成小任务方面表现相当出色，比如检查表单数据它在控制浏览器中的事件和访问，以及操作超文本标记语言元素方面的功能也很强大，深受广泛用户的喜爱的欢迎。697
.3脚本语言基础7.3.1脚本语言概述2．脚本语言的使用声明脚本语言有下列3种方法：在IIS中设置默认的脚本，如未更改设置则为VBScript。在程序的第一段加上<%@language=VBScri
pt%>。在程序体中加入对象声明<Scriptlanguage="VBScript">。707.3脚本语言基础7.3.2VBScript1．VBScript基本语法(1)VBScript不区分大小写。(2服务器端
的VBScript位于<%与%>中间，即<%VBScript代码%>，也可用<Scriptlanguage="VBScript"Runat="Server">VBScript代码</Script>脚本如果放在客户端执行，则只需用<Scriptlanguage="VB
Script">VBScript代码</Script>(3)程序注释(Rem语句来注释、一个单引号字符)717.3脚本语言基础7.3.2VBScript2．VBScript编程基础VBScript实质上是VisualBasic的子集，因此VBS
cript也有常量、变量和数组。常量、变量的命名可以使用数字、字母和下划线等字符，但第一个字母必须是英文字母，中间不能有标点和运算符号，长度不能超过255个字符。常量是拥有名字的数值（字符串和数字），主要为了方便程序的编写。变量是存有一个
值的命名了的内存位置。最好在使用以前先定义。VBScript还有各种运算符，包括算术运算符，比较运算符，逻辑运算符和连接运算符。VBScript有很多现成的继承VB的函数，主要包括转换函数、输入输出函数、字符串函数
、日期和时间函数、数学函数、检验函数等。727.3脚本语言基础7.3.2VBScript2．VBScript编程基础VBScript过程有Sub子程序和Function函数。Sub子程序的语法如下：Sub子程序名(参数1,参数2,…)
……EndSub子程序调用可用Call子程序名(参数1,参数2,…)Function函数的语法如下：Function(参数1,参数2,…)……EndFunctionFunction过程调用通过直接引用函数名(用在变量赋值
语句的右端或表达式中)。737.3脚本语言基础7.3.2VBScript2．VBScript编程基础VBScript控制语句主要有条件语句和循环语句。条件语句有If…Then…Else和SelectCase语句。例7-2IF
条件语句<%OptionExplicit%>'放在程序首行，强制变量声明<%DimGradeGrade=hour(time())IfGrade<12ThenResponse.write"Goodmorning!"ElseifGrade<
18ThenResponse.write"Goodafternoon!"ElseResponse.write"Goodevening!"Endif%>747.3脚本语言基础7.3.2VBScript2．VBScript编程基础VBScript控
制语句主要有条件语句和循环语句。循环语句主要有For…Next(强制型)，Do…Loop(条件型)和不太常用的While…Wend、ForEach…In。例7-3循环语句。<%@LANGUAGE=VBScript%
><%'以下循环输出Helloeveryone!字符串,字体由小变大fori=1to5<fontsize="&i&">Helloeveryone!</font><br>"next%>757.3脚本语言基础7.3.3JavaScript1．JavaScript
介绍JavaScript是一种新的描述语言，可以被嵌入HTML的文件之中。通过JavaScript可以做到回应使用者的需求事件(如：form的输入)而不用任何的网络来回传输资料，所以当一位使用者输入一项资料时，它不用先传给服务器端(server)处理，再传回来的过
程，而直接可以被客户端(client)的应用程序所处理，可以想象成有一个可执行程序在你的客户端上执行一样。JavaScript与VBScript有很多地方是相通的，不同的是JavaScript脚本中，对象、属性、方法等命名对大小写敏感，即
常量、变量、函数、对象以及保留字的大小写是有区别的。在引用别人的网页特效小程序时，不要更改字母的大小写。JavaScript提供了4种基本数据类型来处理数字和文本，通过变量来当作存储信息的容器，而且还可以通过表达式以有效和复杂的方法来处理信息。767.3脚本语言基础7
.3.3JavaScript2．JavaScript代码的加入JavaScript的脚本包括在HTML中，它成为HTML文档的一部分。它与HTML标识相结合，构成了一个功能强大的Internet网上编程语言。为了便于程序的解释和调用，应将JavaScript的脚本放在HTM
L文档头部，对于小的脚本和简单的页面，它可以直接将JavaScript脚本加入文档的任意位置。也可将JavaScript程序以扩展名“.Js”单独存放，再利用格式〈ScriptSrc=JavaScript文件名〉嵌
入在文件的任何位置。例如，<Scriptlanguage=JavaScriptsrc=1.js></Script>，表示在此处调用1.js文件。JavaScript的注释如果是一行可以用“//”，若是多行则应该用“/*……*/”。在HTML中使用<Script>、</Script>
标识加入JavaScript语句，这样，HTML语句和JavaScript语句位于同一个文件中，其格式为<Scriptlanguage=JavaScript>……</Script>777.3脚本语言基础7.3.3JavaScript2．JavaScript代码的加入(例7-4倒计
时)<SCRIPTLANGUAGE="JavaScript">varurodz=newDate("December25,2006");vars="圣诞";varnow=newDate();varile=urodz.getTime()-now.getTime();vardni=Math
.floor(ile/(1000*60*60*24));if(dni>1)document.write("今天离"+s+"还有"+dni+"天")elseif(dni==1)document.write("只有2天啦！")elseif(dni==0)document.write(
"只有1天啦！")elsedocument.write("好象已经过了哦！");</SCRIPT>787.3脚本语言基础7.3.3JavaScript3．使用特效代码怎样在我的网页中插入代码？只要把这些代码复制，使用FrontPage时，点击编辑窗口左下角的“HTML
”选项卡即出现源代码窗口，将特效代码粘贴进去，保存即可，再在浏览器中打开，你就会看到效果了。一般来说，除非特别指明，例如，要求插入到<head>与</head>之间。在网页源代码的<body>与</body>之间的
任何地方插入代码都可以，在表格的单元格<td>与</td>之间插入代码，一般不会出错。在网络有大量的Javascript特效和Vbscript特效，其中有Cookie脚本，按钮类特效，窗口类特效，导航菜单类，技巧特效类，链接类特效，时间类特效，图片类特效，文字类特效等，集管理与收集于一身
，非常适合网页制作者使用。你只需简单的复制、粘贴，就可以做出很多漂亮的网页特效。797.3脚本语言基础7.3.4脚本与表单的结合1．对象的引用脚本语言可以看成是面向对象的语言。每个对象都是事先定义好的，都有自己的属性、方法和事件。对象是自然界的一类事物。在VBS
cript中，Windows、Form、Date、Document等都属于对象。属性是指一类对象的特征，用于描述一个对象。方法说明对象如何去做。例如：Document.Write("您好")就是在显示器输出字符串“您好”；又如Alter("欢迎"
)在新窗口中显示欢迎，其中前头的Windows一般可以省略。事件是每个对象可以识别和响应有某些操作行为。程序能对这些事件响应。例如，打开网页的事件<bodyonload="alter'欢迎'">，则在打开网页时显示欢迎；关闭网页的事件<bodyunload="alter'再见'">，则在关闭网页
时显示再见。在Windows和脚本中有很多已经封装好的对象，称为控件，不同的控件有不同的功能、属性和方法。引用对象的属性和方法必须引用该对象的名称（Windows对象可以省略），在其后加“.”，然后写出要引用的对象和属性。例如按钮button就是控件，如要引用button对象的val
ue属性，则应该写成button.value。807.3脚本语言基础7.3.4脚本与表单的结合2．表单的事件属性事件即是指一系列对页面进行的动作，用于说明用户与Web页交互时产生的操作。事件属性的值一般为Script脚本语言的一个函数，函数的功能是执行某一事
件。响应某个事件而进行的处理称为事件处理。大多数表单控件和标记本身都提供了多个事件属性，当某个触发机制得到满足时，这个事件就会触发。最常见表单事件是onsubmit用于处理提交表单时所触发的事件，onreset用于处理用户重置表单这一
动作，只适用于表单元素。Onload与Onunload用于浏览器载入（关闭）一个窗口或框架时事件发生，适用于Bodyt与Frameset元素。凡对鼠标(onmouse)、键盘(onkey)和鼠标单击（on
click）、双击（ondbclick）都有相应事件的触发机制。817.4动态网页技术7.4.1网页的动态表现技术1．Flash技术2．DHTML(动态超文本标记语言)3．VRML(虚拟现实造型语言，将Web信息
在一个交互的三维空间中表达出来。)现行的动态网页主要有两大类技术：网页的动态表现技术与网页的动态内容技术。前者是网页外观表现技术，后者是网页的内容更新技术。827.4动态网页技术7.4.2网页的动态内容技术1．CGI（CommonGatew
ayInterface，公用网关接口）是较早用来建立动态网页的技术。当客户端向Web服务器上指定的CGI程序发出请求时，Web服务器会启动一个新的进程执行某些CGI程序，程序执行后将结果以网页的形式再发送回客户端。2．PHP（PersonalHomePages）是一种服务器端
的嵌入HTML的脚本语言，可以运行于多种平台。3．JSP（JavaServerPages）是基于Java的技术，用于创建可支持跨平台及跨Web服务器的动态网页。JSP与服务器端的脚本语言JavaScript不一样。JSP是在传统的静态页面中加入Java程序片段和JSP标记，构成JSP页面，然
后再由服务器编译和执行。4．ASP（ActiveServerPages）是微软公司提供的开发动态网页的技术，具有开发简单、功能强大等优点，ASP使生成Web动态内容及构造功能强大的Web应用程序的工作变得
十分简单。837.5ASP与数据库应用实例7.5.1ASP概述1．什么是ASP在微软的文件中把ASP描述为：“一个服务器的脚本环境，在这里可以生成和运行动态的、交互的、高性能的Web服务器应用程序”。从描述中可以看出，ASP既不是一种语言，也不是一种开发工具，而是一种技术框架，它能
够把HTML、脚本、组件等有机地组合在一起，形成一个能够在服务器上运行的应用程序，并把按用户要求专门制作的标准HTML页面回送给客户端浏览器。其主要功是为生成动态的交互式的Web服务器应用程序提供一种功能强大的方法或技术。ASP是一个Web服务器端的开发环境。另外，ASP还提供了丰富的组件
和对象，可以使用第三方控件来完成复杂的功能。847.5ASP与数据库应用实例7.5.1ASP概述2．ASP的工作方式图7-23访问HTML页面和访问ASP页面两个过程857.5ASP与数据库应用实例7.5.1ASP概述3．ASP语法(1)定界符；〈%%〉(2)Script标志；ASP可以使用任何
Script语言，只要提供相应的脚本驱动，ASP自身提供了VBScript和Jscript的驱动。它缺省的Script语言是VBScript，当然开发者也可以改变这一缺省设置，例如要改为Javascript，只需在文件开头注明〈%@L
anguage=JavaScript%〉就可。(〈SCRIPT〉和〈/SCRIPT〉)(3)HTML标记；在ASP文件中同样可以包含HTML语言的各种表达。867.5ASP与数据库应用实例7.5.1AS
P概述4．ASP的内置对象ASP共有以下六个内置对象：(1)Request对象：用于访问任何基于HTTP请求传递的所有信息，包括从HTML表单用POST或GET方法传递参数、Cookie和用户认证。(2)Response对象：用来控制发送给用户的信息，
包括直接发送信息给浏览器、重定向浏览器到另一个URL和设置Cookie的值。(3)Server对象：用来实现对服务器上的方法和属性的访问。(4)Application对象：用来实现在给定应用程序的所有用户之间共享信息，并在服务器运行期间一直保存数据。(5)Session对象：用来
实现存储特定用户会话所需的信息。(6)ObjectContext对象：用于在页面内进行事务处理。877.5ASP与数据库应用实例7.5.1ASP概述5．服务器组件应用ASP服务器组件（ActiveXServeComponents）可以使用户很方便地使用设
计好的程序制作动态网页。ASP有以下内置服务器组件：(1)文件存取组件（FileAccessComponent）(2)访客计数器组件（PageCounterComponent）(3)广告翻转器组件（ContentRotatorComponent）(4)浏览器描述组件（BrowserCapabil
itiesComponent）(5)内容连接组件（ContentLinkingComponent）(6)数据库存取组件（DataObjectComponent）(7)电子邮件组件（EmailComponent）887.5A
SP与数据库应用实例7.5.1ASP概述6．利用ＡＳＰ实现数据库的访问ASP与ADO（ActiveDataObject）可实现数据库的查询服务。首先利用HTML的FORM标签建立查询信息入口，输入用户的请求，服务器从HTTP得到用户的请求，在服务器端执行SQL语言完成相应的数据库操作，A
DO可以完成连接支持ODBC的多种数据库，如：Oracle、FoxPro、SQLServer、Informix等，以实现对数据库的访问要求，然后将访问的结果以HTML文本的形式返回用户浏览器端。ADO在访问数据库之前，必须先建
立数据源，设置DNS，连接并打开相应的数据库，然后使用SQL命令完成相应的任务，再用ASP语句返回结果。897.5ASP与数据库应用实例7.5.2Web数据库基础1．Web数据库的概述数据库是指按照一定的结构和规则组织起来的相关数据的
集合，是存放数据的“仓库”，据此将网络数据库定义为以后台数据库为基础的，加上一定的前台程序，通过浏览器完成数据存储、查询等操作的系统。数据库技术是计算机处理与存储数据的最有效、最成功的技术，而计算机网络的特点是资源共享，因此数据与资源共享这两种技术的结合即成为今天
广泛应用的Web数据库（也叫网络数据库）。一个Web数据库就是用户利用浏览器作为输入接口，输入所需要的数据，浏览器将这些数据传送给网站，而网站再对这些数据进行处理，例如，将数据存入后台数据库，或者对后台数据库进行查询操作等，最后网站将操作结果传回给浏览器，通过浏览器将结果告
知用户。网站上的后台数据库就是Web数据库。907.5ASP与数据库应用实例7.5.2Web数据库基础2．几种常用Web数据库的比较当前比较流行的Web数据库主要有：SQLServerMySQLOracle917.
5ASP与数据库应用实例7.5.3ASP访问数据库实例1．常用数据库语句SELECT语句：命令数据库引擎从数据库里返回信息，作为一组记录。INSERTINTO语句：添加一个或多个记录至一个表。UPDATE语句：创建更新查
询来改变基于特定准则的指定表中的字段值。DELETE语句：创建一个删除查询把记录从FROM子句列出并符合WHERE子句的一个或更多的表中清除。EXECUTE语句：用于激活PROCEDURE（过程）927.5ASP与数据库应用实
例7.5.3ASP访问数据库实例2．建立数据库(test.mdb)3．连接数据库方法1：Setconn=Server.CreateObject("ADODB.Connection")conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Serv
er.MapPath("test.mdb")方法2：Setconn=Server.CreateObject("ADODB.Connection")conn.Open"Provider=Microsoft.Jet.OLEDB.4.0;Dat
aSource="&Server.MapPath("test.mdb")注意：一个页面中，只要连接一次就可以了，使用完后要及时关闭连接。conn.CloseSetconn=Nothing937.5ASP与数据库应用实例7.5.3ASP访问数据库实例4．添加新记录到数据库Setconn=S
erver.CreateObject("ADODB.Connection")conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("tes
t.mdb")username="Web编程基础"usermail="web@webbc.com"indate=Now()sql="insertintotest(username,usermail,indata)va
lues('"&username&"','"&usermail&"','"&indate&"')"conn.Execute(sql)conn.CloseSetconn=Nothing947.5ASP与数据库应用实例7.5.3ASP访问数据库实例5．选择数据库里的记录(记录集)Setconn=Se
rver.CreateObject("ADODB.Connection")conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("test.mdb")sql="select*fr
omtest"Setrs=Server.CreateObject("ADODB.RecordSet")rs.Opensql,conn,1,1DoWhileNotrs.EofResponse.Write"
<p>姓名："&rs("username")&"E-mail："&rs("usermail")&"查看："&rs("view")&"次"&rs("indate")&"加入</p>"rs.MoveNextLooprs.CloseSetrs=Nothingconn.CloseSetconn=Nothi
ng957.5ASP与数据库应用实例7.5.3ASP访问数据库实例6．修改（更新）数据库记录修改记录的E-mail：Setconn=Server.CreateObject("ADODB.Connection")c
onn.Open“driver={MicrosoftAccessDriver(*.mdb)};dbq="&Server.MapPath("test.mdb")ID=1usermail="web@webbc.com"s
ql="updatetestsetusermail='"&usermail&"'whereID="&CInt(ID)conn.Execute(sql)conn.CloseSetconn=Nothing96
7.5ASP与数据库应用实例7.5.3ASP访问数据库实例7．删除数据库记录删除某一条记录：Setconn=Server.CreateObject("ADODB.Connection")conn.Open"driver={MicrosoftAccessDrive
r(*.mdb)};dbq="&Server.MapPath("test.mdb")ID=1sql="deletefromtestwhereID="&CInt(ID)conn.Execute(sql)conn.CloseSetconn=Noth
ing97本章小结Web网站是由许多网页和其他相关文件组成的集合，制作网页的基础是HTML语言。而网页制作工具的选择与使用可以使得网页制作更加方便与快捷。本章首先简单介绍目前流行的几种常用网页制作工具，如MicroSoftFrontPage2003、DreamweaverMX20
04等，接着详细介绍网页制作的基础HTML语言，包括HTML语言中的各种常用标记的用法和示例。脚本语言作为用来控制网页的控件与对象的一种编程语言的出现，它可以使得信息和用户之间不仅只是一种显示和浏览的关系，而是实
现了一种实时的、动态的、可交式的表达能力。本章介绍了两个常用脚本语言(VBScript和JavaScript)。动态网页技术的产生与发展，改变了传统的网站与网页，不仅仅是网页的外观变化，更重要的是用户与网站之间的交互。本章介绍了动态网页技术的分类与相关技术。最后通过实例来介绍A
SP与Web数据库的应用。
辽公网安备 21102102000191号
营业执照
