资源描述
Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,第四章,Web,开发的基本技术,*,第四章,Web,开发的基本技术,第一节 万维网,（,World Wide Web,）,第二节,HTML,第三节,Frontpage,第四,节 交互,网页的,制作,第五节,ASP,（动态服务主页）,第六节,Web,数据库,第七节 关于,Web2.0,本 章 内 容,2024/10/22,第四章,Web,开发的基本技术,2,1.1 Internet,地址,Internet,地址惟一地确定,Internet,上每台计算机与每个用户的位置,。对,用户来说，,Internet,地址有两种表示形式：,IP,地址和,域名。,IP,地址,域名,接入,Internet,的计算机也有一个由授权机构分配的号码，这个号码就叫,IP,地址。,IP,地址分前后两部分，前面的部分叫网络号，后面的部分叫主机号。,由于,IP,地址的数字地址很难记忆，通常使用一个文字,IP,地址来表示，把它叫做,域名,。,2024/10/22,第四章,Web,开发的基本技术,3,1.2,Internet,提供的服务,Internet,提供的常用的服务有：,电子邮件服务,1,文件传输服务（,FTP,服务）,2,万维网服务（,www,服务）,3,新闻公告类服务,4,2024/10/22,第四章,Web,开发的基本技术,4,1,.3 www,服务,在万维网上不仅可以看到文字、图片，而且可以听到声音、看到,动画,。,www,服务是通过客户机上的,Web,浏览器和,Web,站点上的,Web,服务器之间的通信来实现的（见图,4.1,）。,图,4.1 Web,服务器的工作原理,2024/10/22,第四章,Web,开发的基本技术,5,1.4,网页和超文本,经过系统设计，设计人员应能为程序开发人员提供完整、清楚的设计文档，并对设计规范中不清楚的地方做出解释。系统设计中，应遵循以下原则：,（一）,网页,网页是我们在网上用浏览器（如,Internet Explorer,，简称,IE,）看到的那些页面。这些页面实际上都是一个个文件,。,由若干互连的文本块组成的文本就是,超文本。,在,www,系统中，信息是按超文本方式组织的。,（二）,HTML,文件,这种文件是用超文本标语言（,HTML,，,Hyper Text Markup Language,）写的,。,它存放在,WEB,服务器上，关于,HTML,在下一节还要详细阐述。,（三）,http,协议,www,服务是执行,http,协议进行传输的,。,如果输入以下一句，进行信息定位,就可指向哈尔滨工业大学主页所在的位置：,http:/, Explorer,和,Netscape,公司的,Navigator,等。,（五）,搜索引擎,搜索引擎是,Internet,上的一种,www,服务器，它能在,Internet,中主动搜索其他,www,服务器中的信息并对其,索引。,使用搜索引擎时，用户输入关键字后，搜索引擎能返回包含该关键字信息的,URL,，并提供通向该站点的,链接。,2024/10/22,第四章,Web,开发的基本技术,7,第一节 万维网,（,World Wide Web,）,第二节,HTML,第三节,Frontpage,第四节 交互网页的,制作,第五节,ASP,（动态服务主页）,第六节,Web,数据库,第七节 关于,Web2.0,本 章 内 容,2024/10/22,第四章,Web,开发的基本技术,8,2.1,用,HTML,做简单的网页,超文本文件是由超文本标记,语言,(HTML),写成，,这种文件的格式就是大家所熟知的,ASCII,格式。,把文档中各种不同的内容用不同的标记元素对其属性做上标记。这样一来，超文本就是由标记和文本内容两者组成的了。,还有一种标记方式叫做单标记方式，它不是成对地出现标记，只需一个标记单独使用，就能完整地表达意思。,双标记方式,单标记方式,例,2024/10/22,第四章,Web,开发的基本技术,9,2.2 HTML,文档的一般结构,下面举例说明,HTML,文档的一般结构：,网上手机市场,你想要买手机吗,?,你可以访问,手机网站,了解有关信息。,建立和运行上述,HTML,文件的最原始的办法是将它写到,Window,附件中的记事本上，形成,.txt,文件，然后将后缀改为,.html,用鼠标双击文件名，即可运行。,这里：,html,和,/html,表示超文本的开始与结束；,head,和,/head,是超文本文件头的起止；,body,和,/body,是超文本正文主体的起止；,p,和,/p,是段落的起止；,a,和,/a,是定义超文本链接点的标记元素。,href,是标记元素,a,的,属性。,2024/10/22,第四章,Web,开发的基本技术,10,2.3,在,网页中插入图片,如果想在方才显示的屏幕上增加一个名为,gxkj.,g,if,的图形（见图,4.2,），只要在上述,HTML,文档中增加下面一句即可,：,IMG SRC=“gxkj.gif”widfh“20”height“15” ,这里,IMG,是插入图形文件的标记。,“,SRC=”,后面的,gxkj.gif,是图形文件名。,此图宽,20 MM,，高,15MM,可由扫描得到。,图,4.2,插入图片,你想买手机吗？,可以访问手机网站来了解有关信息,图片,2024/10/22,第四章,Web,开发的基本技术,11,2.4,用,HTML,定义表格,运用标记,元素可以写出供浏览表格用的,HTML,文本。下面列出的,HTML,文本可以显示出图,4.3,所示的表格：,表格名称,第一标题列,第二标题列,第三标题列,第一标题列,第二标题列,第三标题列,图,4.3,浏览器上显示的表格,2024/10/22,第四章,Web,开发的基本技术,12,第一节 万维网,（,World Wide Web,）,第二节,HTML,第三节,Frontpage,第四节 交互,网页的,制作,第五节,ASP,（动态服务主页）,第六节,Web,数据库,第七节 关于,Web2.0,本 章 内 容,2024/10/22,第四章,Web,开发的基本技术,13,3. Frontpage,如果,使用微软公司的,FrontPage,这种,WEB,编程工具就可以做到在几乎不需要编写,HTML,代码的情况下，完成网页的制作，同时自动地生成,HTML,文件。,产品号,产品型号,生产厂家,价格,产品价格表,图,4.5,一个被链接的页面,下面通过将图,4.4,和图,4.5,二个页面相链接的例子来说明用,FrontPage,制作,HTML,文件的过程。,动态字幕,网上手机商场,产品价格表见,正按八折销售，欢迎选购,手机照片,图,4.4,一个主页面,2024/10/22,第四章,Web,开发的基本技术,14,3,. Frontpage,1.,定义主网页,2.,网页分区,3.,输入网页标题文字,第,1,步,第,2,步,第,3,步,第,4,步,第,5,步,第,6,步,第,7,步,4.,插入照片,6.,做被连接的网页,5.,做动态字幕,7.,建立超链接，填,URL,地址,新建,网页,普通网页,确定网页名字并存储,点击“插入表格”按钮，做出,22,表格，并把表格实线变为虚线,方法同用,WORD,编写文字，在左上格写上“网上手机商场”几个字,点击选图片钮,用右键点图片,点击图片属性,外观尺寸,在右下格写“正按八折销售,欢迎选购”字样，选中后,插入,组件,字幕,字幕属性,样式,格式,字体,另外做一个被连接的网页（手机价格表）,主网页右上写“产品价格表见,”,选中后，用右键点击选“超链接属性”，填上,URL,地址,.,2024/10/22,第四章,Web,开发的基本技术,15,第一节 万维网,（,World Wide Web,）,第二节,HTML,第三节,Frontpage,第四,节 交互,网页的,制作,第五节,ASP,（动态服务主页）,第六节,Web,数据库,第七节 关于,Web2.0,本 章 内 容,2024/10/22,第四章,Web,开发的基本技术,16,4.,交互网页的制作,我们需要通过网页实现网上注册、网上交谈、网上查询。这就需要使用交互性标记,元素，通过,交互性标记元素在网页上显示出一个人机对话的表单接口界面（参图,4.6,）,请提供以下信息，然后单击提交,姓名：,密码：,提交,清楚,图,4.6,人机对话的界面,2024/10/22,第四章,Web,开发的基本技术,17,4.,交互网页的制作,我们,看一下，用,FORM,标记元素在,HTML,页面上实现“提交”（一部分功能）的,HTML,文档。,宋欧巴信息的提交页面,.,htm,请,提供宋欧巴以下,信息,然后单击提交。,姓名：,密码：,FORM,语句段的结构如下：,FORM METHOD =”POST”(,指,从,客户机将信息发送,到,Web,服务器,),ACTION =”URL”(,激活处,理,交互信息的程序,),/FORM,HTML,的交互性标记元素,FORM,和,INPUT,仅仅提供了一个接口界面,要,全部实现交互功能，仅靠,HTML,是不够的，还必须有,ASP,环境来进行处理。,2024/10/22,第四章,Web,开发的基本技术,18,第一节 万维网,（,World Wide Web,）,第二节,HTML,第三节,Frontpage,第四,节 交互网页的,制作,第五节,ASP,（动态服务主页）,第六节,Web,数据库,第七节 关于,Web2.0,本 章 内 容,2024/10/22,第四章,Web,开发的基本技术,19,例：,ASP,文件,VB-SCR-EXM.ASP,html,head,title,手机市场标题,/title,/head,body,% for i=3 to 7%,Font size =%=i%,这里是手机市场！,BR,% next %,/body,/html,5.1 ASP,的,定义和工作原理,ASP,（,Active Server,Pages,）是微软公司推出的，为其,WEB,服务器开发,的一个,组件。,通过,ASP,，我们能够将,HTML,页面、脚本命令、,ASP,内置对象和,Active X,组件结合起来，建立动态、,交互的,Web,应用程序。简单地讲，,ASP,是位于,Web,服务器端的脚本运行环境。,ASP,文件可以包含以下的几个部分：,1.,文本；,2. HTML,标记；,3. ASP,脚本命令。,其中,ASP,脚本命令可以包含,ASP,对象，,ActiveX,组件和任何脚本语言（如,VB,脚本所言、,JAVA,脚本语言等）。,ASP,脚本命令写在“,%”,和“,%”,两个符号之间。,2024/10/22,第四章,Web,开发的基本技术,20,图,4.8 ASP,的工作过程,5.1 ASP,的,定义和工作原理,运行下列,ASP,文件,VB-SCR-EXM.ASP,后能显示出五行文字，内容都是“这里是手机市场！”，但字体将逐行放大。,例：,ASP,文件,VB-SCR-EXM.ASP,html,head,title,手机市场标题,/title,/head,body,% for i=3 to 7%,Font size =%=i%,这里是手机市场！,BR,% next %,/body,/html,上述,ASP,文件是怎样执行（运行）的呢？其过程如图,4.8,所,示：,2024/10/22,第四章,Web,开发的基本技术,21,5.2,ASP,脚本编程,ASP,的目的是实现用户与,WEB,服务器之间的信息交互。那么，通过什么来交换信息呢？首先，前面第三节中讲过，可以使用,HTML,中的,FORM,（表单,）。,接收用户输入的,HTML,文件为：,tijiao.htm,form method=“post”action=“fanhui.asp”,p,请提供以下信息，然后单击提交。,p,姓名：,input name=“myname”size=“36”,p,密码：,input name=“password”type=password size=“36”,pinput type=submit value=“,提交”,/form,处理上面表单提交的数据，并将有关内容返回给用户的,ASP,文件为：,fanhui.asp,% myname=Request.Form(“myname”),password=request.form(“password”),If password=”123456”then%,%=myname %,先生（女士）,：我们接受您的申请。,您可以用以下密码查阅我们的资料：,abcde,% else%,对不起！您的密码不对。,%End if%,2024/10/22,第四章,Web,开发的基本技术,22,5.3 Internet,信息,服务,在调试和运行,ASP,文件之前，需在操作系统中先装好,IIS,服务，然后才可以运行，步骤如下：,1.,安装,IIS,2.,启动,Internet,信息服务,3.,将你设计的,asp,加入,4.,运行,打开,“控制面板”，然后单击启动 “添加,/,删除程序”，按,向导指示，完成对,IIS,的安装。,单击,Windows,开始菜单,-,所有,程序,-,管理,工具,-IIS,，,即可启动“,Internet,信息服务”管理工具；,IIS,默认的文档只有,default.htm,和,default.asp,，根据需要，应将你设计的,asp,加入,.,在,浏览器,中,输入,http:/localhost/syasp/cx-send.asp,即可运行。这里我们假定,cx-send.asp,是你的,asp,程序文件名。,2024/10/22,第四章,Web,开发的基本技术,23,第一节 万维网,（,World Wide Web,）,第二节,HTML,第三节,Frontpage,第四,节 交互网页的,制作,第五节,ASP,（动态服务主页）,第六节,Web,数据库,第七节 关于,Web2.0,本 章 内 容,2024/10/22,第四章,Web,开发的基本技术,24,6. Web,数据库,Web,数据库系统是指以,HTML,为代表的,Web,页面（即网页）与位于底层的数据库的集成。,Internet,用户可以通过,Web,页面来访问和数据库中的,数据。,Oracle,，,Sybase,，,SQL Server,等,都可以为,Web,提供数据库支持。,重要,的是要解决,Web,页面和数据库之间的通信问题。,2024/10/22,第四章,Web,开发的基本技术,25,6. Web,数据库,ODBC,是一种编程接口，它能使应用程序访问支持,SQL,查询语言的数据库管理系统，实现与各种数据库的通信,。只要在,互联网信息服务器（,IIS,）的,Web,服务器上安装,ODBC,驱动程序，就可方便地实现,Web,页面与数据库的连接。,第一步,ODBC,与数据库联系前需要知道数据库源名（简称,DSN,）,第二步,用数据库查询语言,SQL,对数据库中的数据进行操作，实现,Internet,远程用户对数据库数据及信息的访问。,2024/10/22,第四章,Web,开发的基本技术,26,第一节 万维网（,World Wide Web,）,第二节,HTML,第三节,Frontpage,第四节 交互网页的,制作,第五节,ASP,（动态服务主页）,第六节,Web,数据库,第七节 关于,Web2.0,本 章 内 容,2024/10/22,第四章,Web,开发的基本技术,27,7.,关于,Web2.0,Web2.0,是新一代互联网应用技术的统称。与,Web1.0,相比改变了传统用户从互联网网页获取信息的模式,，将用户与网络的交互作为新一代技术的基本,内核。以,人为核心构建网络，提供,个性化服务,是其重要指导思想。,Web2.0,目前主要的代表应用有：博客（,BLOG,）、聚合内容,(RSS),、,百科全书,(Wiki),、社会网络（,SNS,）、即时信息（,IM,）等,2024/10/22,第四章,Web,开发的基本技术,28,
展开阅读全文