管理信息系统：4-web开发的基本技术（待选）

第四章Web开发的基本技术主要内容：WWW（WorldWideWeb）HTMLFrontpage交互网页的制作ASP（动态服务主页）Web数据库ASP的安装11WWW（WorldWideWeb）

本节内容：1.1Internet服务1.2Internet提供的服务1.3www服务1.4网页和超文本21.1Internet服务Internet地址Internet地址唯一地确定Internet上每台计算机与每个用户的位置。Internet地址有两种表示形式IP地址像电话有电话号码那样，接入Internet的计算机也有一个由授权机构分配的号码，即IP地址。IP地址分前后两部分，前面部分叫网络号，后面叫主机号。

1231.1Internet服务Internet地址域名由于IP地址的数字地址很难记忆，通常使用一个文字IP地址来表示，把它叫做域名。例如：,其中：cn代表中国，edu表示教育机构，hit指哈尔滨工业大学。41.2Internet提供的服务电子邮件

即E-maill服务。文件传输服务即FTP服务：filetransferprotocolFTP服务执行TCP/IP中的FTP传输协议，允许在计算机之间传送文件。；FTP服务器；是提供FTP服务的计算机。上传：从客户将文件传到FTP服务器的过程。下载：从FTP服务器将文件传到客户机的过程。51.2Internet提供的服务万维网服务（WorldWideWeb服务，简称www服务）

将在下一节详细介绍新闻公告类服务提供针对某问题展开讨论的服务，如BBS（电子公告牌）、网络新闻组等。USENET是规模最大的网络新闻组，它拥有数以千计的讨论组，在网上讨论各种专题。61.3www服务（万维网服务）万维网上不仅可以看到文字、图片,而且可听到声音、看到动画。www服务是通过客户机上的Web浏览器和Web站点上的Web服务器之间的通信来实现的。信息以网页的形式存放在Web服务器上，用户在客户机上通过Web浏览器（是一个软件）向Web服务器发出请求，Web服务器按此请求将需要的页面发送给用户。这些页面实际上都是一个个文件。用户直接看到的是文本信息本身，在浏览文本信息的同时，随时可以选中其中的“热字”。热字往往是与上下文关联的单词，通过选择热字就可以链接到另外一个地址并看到其他文本的信息。71.3www服务HTML文件Web浏览器（软件）客户机Internet上的Web服务器Internet上的Web服务器访问链接的信息链接http协议用户Web服务器的工作原理81.4网页和超文本网页（Webpage）网页是我们在网上用浏览器（如InternetExplorer，简称IE）看到的那些页面。在www系统中，信息是按超文本方式组织的。页面实际上都是一个个文件。由若干互连的文本块组成的文本就是超文本（HyperText）。超文本方式是实现www的关键技术。91.4网页和超文本网页（Webpage）这些页面实际上都是一个个文件。如果用鼠标点击页面（文本）上的热字（高亮度或带下划线的条目），就可以链接并打开另一个你希望看到的页面。这种由若干互连的文本块组成的文本就是超文本（HyperText）。页面上看到的信息单元可以是一屏文字，也可能是一个窗口，或者是一个图象。我们把每个信息单元称作一个节点（node）。节点又有文字节点、图形节点、按钮节点之分。按钮节点用于执行一个过程，这些节点之间都是用链来连接的。101.4网页和超文本HTML文件（HyperTextMarkupLanguage）是用超文本标语言（HTML，HyperTextMarkupLanguage）写的，它存放在WEB服务器上。http协议（HyperTextTransferProtocol）

即超文本传输协议，www服务是执行http协议进行传输的。/index.html

其中：http:是协议类型，这里是检索文挡的超文本传输协议，是服务器的主机域名，/的后面是路径或文件名。hit是哈工大的代号。我们把/index.html称为是哈工大的www服务器的URL（统一资源定位器，其英文形式是UniformResourceLocators）。111.4网页和超文本www浏览器通过它可以去找到并浏览Internet上各种WWW服务器上的主页。常用的浏览器软件有InternetExplorer和Netscape公司Navigator等搜索引擎搜索引擎是Internet上的一种www服务器，它能在Internet中主动搜索其他www服务器中的信息并对其索引，将索引内容存储在大型数据库中。使用搜索引擎时，用户输入关键字后，搜索引擎能返回包含该关键字信息的URL，并提供通向该站点的链接，使用户获得所需要的信息。122HTML主要内容：2.1用HTML做简单的网页2.2HTML文档的一般结构2.3常用的HTML标记元素2.4在网页中插入图片2.5用HTML定义表格132.1 用HTML做简单的网页超文本文件是由超文本标记语言写成。其文件的格式采用ASCII格式。

ASCII格式的文件本身其实是一种没格式的文件。为了在浏览时能看到带有格式的文件，办法是把文档中各种不同的内容用不同的标记元素对其属性做上标记。所以，超文本是由标记和文本内容两者组成的。例如为了显示“网络营销”四个大字，可按以下写出：142.1 用HTML做简单的网页

这里：<FONT……>和</FONT>是一对标记元素，用来改变字体大小。

SIZE和FACE是标记元素的属性，又称参数。

SIZE说明字的大小，从1到7，数愈大，字愈大；

FACE说明字体。如果把这一句写到记事本上做成.txt文件，再将其后缀.txt改成.HTML,就做成了一个HTML超文本文件。鼠标双击此文件，就能在屏幕上显示出“网络营销”四个大字。152.1 用HTML做简单的网页超文本文件——ASCII格式双标记方式（用一对标记来标记）<FONTSIZE=6FACE=“宋体”>网络营销</FONT>标记元素开始标记元素的属性标记元素结束标记名标记元素的属性要显示的文本内容单标记方式（用<HR>一个标记来表示）<HRSIZE=2ALIGN=LEFTWIDTH=200>162.2 HTML文档的一般结构

<html><head><title>网上手机市场</title></head><body><p>你想要买手机吗?</P><p>你可以访问

<ahref=“”>手机 网站</a>了解有关信息。

</body></html>172.3常用的HTML标记元素

标记元素开始标记元素结束标记元素的功能<!注释内容><!>注释标记<A></A>锚元素，定义超文本链接点<ADDRESS></ADDRESS>地址信息起止<B></B>字体颜色加深<BASE>基锚，说明链接的基地址<BLINK></BLINK>字体闪烁<BLOCKQUOTE></BLOCKQUOTE>块引用<BODY></BODY>超文本正文主体的起止<BR><>回车换行<CAPTION></CAPTION>标题，多用于表格<CENTER></CENTER>元素间的内容居中<CITE></CITE>表明其间的内容是引文或例证<CODE></CODE>代码182.3常用的HTML标记元素标记元素开始标记元素结束标记元素的功能<DD>文字缩格<DL>线缩格或不显示<LI>的标题符号<DT>回车换行，但不缩格<EM></EM>强调，斜体且颜色加重<FONT></FONT>变化字体大小和颜色<HEAD></HEAD>交互项元素的起止<FRAME></FRAME>展示页的版面分割<HEAD></HEAD>超文本文件头的起止<HEADER></HEADER>与<head>和</head>等价<HR>画水平间隔线<Hn></Hn>定义标题字体大小，n值为1-6<HTML></HTML>超文本文的开始和结束<I></I>字体为斜体192.3常用的HTML标记元素

标记元素开始标记元素结束标记元素的功能<IMG></IMG>插入图形图像文件<INPUT>输入信息元素<LI>清单条目，多用于目录列表<LIST></LIST>显示文本内容，但不执行标记命令<MARQUEE></MARQUEE>字符移动方式控制<META>资料说明<NEXTID>下一个标识<OL></OL>用序号显示一级标题<P></P>段落的起止，也可以加空行<PRE></PRE>按原文格式<S></S>中划线<SMALL></SMALL>用小号字表示<STRONG></STRONG>字体颜色加重202.3常用的HTML标记元素

标记元素开始标记元素结束标记元素的功能<SUB></SUB>下角标<SUP></SUP>上角标<TABLE></TABLE>表格的起止，图文混排时也使用<TD></TD>表格中一栏内容的起止<TEXTAREA></TEXTAREA>用文本区输入信息<TH></TH>表头的起止<TITLE></TITLE>超文本标题的起止<TR></TR>表中一行的起止<TT></TT>固定宽度<U></U>下划线<UL></UL>同一级标题的限定，无序号<VAR></VAR>变量<XMP></XMP>功能同<LIST>，仅字体略小212.4 在网页中插入图片

如果想在方才显示的屏幕上增加一个名为gxkj.gif的图形，只要在上述HTML文档中增加：〈IMGSRC=“gxkj.gif”width“20”height“15”〉

你想买手机吗？你可以访问手机网站了解有关信息图片插入图片222.5用HTML定义表格

第一标题列第二标题列第三标题列浏览器上显示的表格表格名称232.5 用HTML定义表格

系统的特征： 可以显示上页图中所示表格的HTML文本：<HTML><BODY><tableborder="1"width="80%"cellspacing="0"><caption>表格名称</caption><tralign=center><tdwidth="30%">第一标题列</th><tdwidth="30%">第二标题列</td><tdwidth="40%">第三标题列</td></tr><tr><td></td><td></td><td></td></tr></table></BODY></HTML>

243FrontPage

使用微软公司的FrontPageWEB编程工具可以做到在几乎不需要编写HTML代码的情况下，完成网页的制作，同时自动地生成HTML文件。253FrontPage用FrontPage制作页面

主页面网上手机商场产品价格表见http://正按八折销售,欢迎选购动态字幕后263FrontPage用FrontPage制作页面

被连接的页面产品价格表产品号产品型号生产厂家价格273FrontPage用FrontPage制作页面

操作目的操作步骤定义主网页新建——网页——普通网页——确定网页名字并存储网页分区点击“插入表格”按钮，做出2×2表格，并把表格实线变为虚线（办法是在表格上点击右键选属性后，将各数均改为0）。输入网页标题文字方法类同用WORD写字，在左上格写上“网上手机商场”几个字。插入照片点击选图片钮——用右键点图片——点击图片属性——外观尺寸（修改其大小）。做动态字幕在右下格写“正按八折销售,欢迎选购”字样，选中后——插入——组件——字幕——字幕属性——样式——格式——字体。点击预览，即可看到动态字幕。做被连接的网页另外做一个被连接的网页（手机价格表）。建立超超接，填URL地址在主网页右上写“产品价格表见http://”,选中后，用右键点击选“超链接属性”，填上URL地址（产品价格表所在地址）。284交互网页的制作

本节内容：4.1交互性标记元素4.2FORM标记元素294.1交互性标记元素

人机对话的表单接口界面

请提供以下信息，然后单击提交姓名：密码：提交清除

为了在浏览器上看到这个表单界面，就需要使用FORM标记元素。FORM

可译作“表单”。304.2FORM标记元素

314.2FORM标记元素

当表单提交后，在Web服务器端被处理后将此页面返回给用户。应当指出，HTML的交互性标记元素〈FORM〉和〈INPUT〉仅仅提供了一个接口界面,要全部实现交互功能，仅靠HTML是不够的。还必须有ASP环境来进行处理(将在下面讲述)。325ASP（动态服务主页）本节内容：5.1什么是ASP？5.2ASP的工作原理5.3ASP脚本编程

335.1什么是ASP？

ASP（ActiveServerPages）是微软公司为它的WEB服务器（互联网信息服务器，简称IIS）开发的一个组件（软件）。它是一种实现动态网页开发技术的服务器端的开发环境。以前面讲的为例:提交后的表单在Web服务器端被处理后页面被返回给用户的过程必须由ASP环境来进行处理。345.1什么是ASP？

通过ASP，我们能够将HTML页面、脚本命令、ASP内置对象和ActiveX组件结合起来，建立动态、交互而又高效的Web应用程序。

ASP可利用ADO（ActiveDataObject）方便地访问数据库。355.2ASP的工作原理

ASP文件可以由以下几个部分组成：文本HTML标记ASP脚本命令等。

其中ASP脚本命令可以包含：

ASP对象

ActiveX组件任何脚本语言（如VB脚本所言、JAVA脚本语言等）。

ASP脚本命令写在“〈%”和“%〉”两个符号之间。365.2ASP的工作原理

ASP文件实例：VB-SCR-EXM.ASP

（在<%和%>两者之间是脚本文件）〈html〉〈head〉〈title〉手机市场标题〈/title〉〈/head〉〈body〉

〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉这里是手机市场！〈BR〉

〈%next%〉〈/body〉〈/html〉375.2ASP的工作原理

运行结果

这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！这里是手机市场！浏览屏幕385.2ASP的工作原理

ASP文件的运行过程浏览器http请求http响应Web服务器ASP395.2ASP的工作原理

怎样做ASP文件？

ASP文件的后缀名为ASP，它以文件的形式存放在WEB服务器上。

ASP实际是一个纯文本文件，只是它的扩展名固定为.ASP。

ASP文件可以使用文本编辑器（如记事本）进行编辑。即将.TXT改为.ASP。

ASP文件也可以用WEB编程工具FrontPage来做。405.3ASP脚本编程

■

ASP脚本命令的内容包括：

1.脚本语言——可用VBScript写，也可用

JAVAScript作为脚本语言。

2.ASP内置对象——如Request.。

3.ActiveX组件——ASP支持的ActiveX组件包括ASP服务器本身附带的内置组件和用户自己创建的ASP组件。

■用户与WEB服务器之间的信息交互通过HTML中的FORM（表单）来实现。415.3ASP脚本编程

ASP环境下处理数据实例(提交)Tijiao.htm

<formmethod=“post”action=“fanhui.asp”><p>请提供以下信息，然后单击提交。<p>姓名：<inputname=“myname”size=“36”><p>密码：<inputname=“password”type=passwordsize=“36”><p><inputtype=submitvalue=“提交”><inputtype=resetvalue=“清除”></form>425.3ASP脚本编程

ASP环境下处理数据实例(返回)Fanhui.asp<%myname=Request.Form(“myname”)password=request.form(“password”)Ifpassword=”123456”then%><%=myname%〉先生（女士）：我们接受您的申请。您可以用以下密码查阅我们的资料：abcde<%else%>对不起！您的密码不对。<%Endif%>436Web数据库

本节内容：6.1数据库管理信息系统6.2Web数据库446.1数据库管理信息系统数据库管理系统的功能:

建立数据库管理数据库实现数据的传送等456.2Web数据库

ASP可利用ADO（ActiveDataObject）方便地访问数据库。Web数据库系统是指以HTML为代表的Web页面（即网页）与位于底层的数据库的集成。数据库管理系统解决Web页面和数据库之间的通信问题开放式数据库连接器ODBCODBC是一种编程接口，它能使应用程序访问支持SQL查询语言的数据库管理系统，实现与各种数据库的通信。SQL查询语言本书第三章已有介绍466.2Web数据库

Web数据库的应用现在有一客户在已知新书代码后希望知道该书的单价和是否有书。客户向WEB服务器发出HTTP请求首先是客户向WEB服务器发出http请求，CX-SEND.ASP程序产生页面用户在屏幕上看到的如图所示

欢迎查看新书价格和库存量请输入新书代码确认重写查询输入屏幕476.2Web数据库

从浏览器上调用下列CX-SEND.ASP程序产生的页面，并输入新书代码后提交。

<html><head><title>欢迎查看新书价格和库存量</title></head><formmethod=postaction=cx-back.asp>欢迎查看新书价格和库存量

<table><tr>

请输入新书代码<tr><inputtype="text"name="id"size="20"maxlength="4"><inputtype="submit"value="确认"><inputtype="reset"value="重写"></form></BODY></HTML>486.2Web数据库

Web服务器上的ASP软件对此程序进行解释并执行另外一个名为cx-back.asp的程序。<html><head><title>欢迎查看新书价格和库存量</title></head><body><%id=request.form("id")/%><%Setconn=Server.CreateObject("ADODB.Connection")DBPath=Server.MapPath("tsxt.mdb")496.2Web数据库

conn.Open"driver={MicrosoftAccessDriver(*.mdb)};dbq="& DBPathSetrs=Server.CreateObject("ADODB.Recordset")sql="select*fromtsxt"sql=sql&"whereidlike'%"&id&"%'"conn.executesqlrs.opensql,conn,1,3%><%ifnotrs.eofandnotrs.bofthen%>您查询的新书详单<tableborder="1"width="80%"><tr><td>新书代码</td><td>新书名称</td>506.2Web数据库

<td>单价（元）</td><td>库存量</td></tr><tr><tdheight="30"> <%=rs("id")%></td><tdheight="30"> <%=rs("sm")%></td><tdheight="30"> <%=rs("dj")%></td><tdheight="30"> <%=rs("kcl")%></td></tr></table><%else%>对不起，没有您要查找的书籍数据！516.2Web数据库

<%rs.closesetrs=nothingconn.closesetconn=nothing%>