版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
第四章Web开发的基本技术本节内容一、Internet地址二、Internet提供的服务三、www服务四、网页和超文本第一节WWW(WorldWideWeb)
背景——以电子商务应用为例客户商家网上营销应用软件WEB服务器ASP文件形式、HTML文件形式一、Internet服务Internet地址唯一地确定Internet上每台计算机与每个用户的位置。对用户来说,Internet地址有两种表示形式:1.IP地址IP地址分前后二部分,前面部分叫网络号,后面部分叫主机号2.域名用一个文字IP地址来表示。
第一节WWW(WorldWideWeb)
二、Internet提供的服务1.电子邮件即E-maill服务。2.文件传输服务即FTP服务:filetransferprotocol3.www服务(WorldWideWeb)4.新闻公告类服务提供针对某问题展开讨论的服务,如BBS(电子公告牌)、网络新闻组等。三、www服务-1
万维网上不仅可以看到文字、图片,而且可以带声音、带动画。www服务是通过客户机上的Web浏览器和Web站点上的Web服务器之间的通信来实现的。HTML文件Web浏览器(软件)客户机Internet上的Web服务器Internet上的Web服务器访问链接的信息链接http协议用户Web服务器的工作原理三、www服务-21.超文本在www系统中,信息是按超文本方式组织的。超文本方式是实现www的关键技术。
2.HTML语言(HyrerTextMarkupLanguage)超文本标记语言,存放在WEB服务器上。3.http协议(HyperTextTransferProtocol)
超文本传输协议,www服务是执行http协议进行传输的。
4.www浏览器通过它可以去找到并浏览Internet上各种WWW服务器上的主页5.搜索引擎搜索引擎是Internet上的一种www服务器,它能在Internet中主动搜索其他www服务器中的信息并对其索引,将索引内容存储在大型数据库中,供用户查询。四、网页和超文本第二节HTML本节内容一、用HTML做简单的网页二、HTML文档的一般结构三、常用的HTML标记元素四、在网页中插入图片五、用HTML定义表格超文本文件——ASCII格式双标记方式一、用HTML做简单的网页<FONTSIZE=6FACE=“宋体”>网络营销</FONT>标记元素开始标记元素的属性标记元素结束标记名标记元素的属性要显示的文本内容单标记方式<HRSIZE=2ALIGN=LEFTWIDTH=200>
<html><head><title>网上手机市场</title></head><body><p>你想要买手机吗?</P><p>你可以访问<ahref=“”>手机网站</a>了解有关信息。</body></html>二、HTML文档的一般结构三、常用的HTML标记元素-1标记元素开始标记元素结束标记元素的功能<!注释内容><!>注释标记<A></A>锚元素,定义超文本链接点<ADDRESS></ADDRESS>地址信息起止<B></B>字体颜色加深<BASE>基锚,说明链接的基地址<BLINK></BLINK>字体闪烁<BLOCKQUOTE></BLOCKQUOTE>块引用<BODY></BODY>超文本正文主体的起止<BR><>回车换行<CAPTION></CAPTION>标题,多用于表格<CENTER></CENTER>元素间的内容居中<CITE></CITE>表明其间的内容是引文或例证<CODE></CODE>代码三、常用的HTML标记元素-2标记元素开始标记元素结束标记元素的功能<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>字体为斜体三、常用的HTML标记元素-3标记元素开始标记元素结束标记元素的功能<IMG></IMG>插入图形图像文件<INPUT>输入信息元素<LI>清单条目,多用于目录列表<LIST></LIST>显示文本内容,但不执行标记命令<MARQUEE></MARQUEE>字符移动方式控制<META>资料说明<NEXTID>下一个标识<OL></OL>用序号显示一级标题<P></P>段落的起止,也可以加空行<PRE></PRE>按原文格式<S></S>中划线<SMALL></SMALL>用小号字表示<STRONG></STRONG>字体颜色加重三、常用的HTML标记元素-4标记元素开始标记元素结束标记元素的功能<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>,仅字体略小
如果想在方才显示的屏幕上增加一个名为gxkj.gif的图形,只要在上述HTML文档中增加:<IMGSRC=“gxkj.gif”widfh=“20”height=“15”>注意:一定要使用英文方式的标点符号四、在网页中插入图片你想买手机吗?你可以访问手机网站了解有关信息图片插入图片五、用HTML定义表格-1第一标题列第二标题列第三标题列浏览器上显示的表格表格名称五、用HTML定义表格-2可以显示上页图中所示表格的HTML文本:<HTML><BODY><tableborder="1"width="80%"cellspacing="0"><caption>表格名称</caption><tralign=center><thwidth="30%">第一标题列</th><thwidth="30%">第二标题列</th><thwidth="40%">第三标题列</th></tr><tr><td></td><td></td><td></td></tr></table></BODY></HTML>
第三节FrontPage使用微软公司的FrontPageWEB编程工具可以做到在几乎不需要编写HTML代码的情况下,完成网页的制作,同时自动地生成HTML文件。本节内容:用FrontPage制作页面-主页面用FrontPage制作页面-1网上手机商场
产品价格表见http://正按八折销售,欢迎选购动态字幕后-被连接的页面用FrontPage制作页面-2产品价格表产品号产品型号生产厂家价格用FrontPage制作页面-3用FrontPage作上述网页的步骤操作目的操作步骤定义主网页新建——网页——普通网页——确定网页名字并存储网页分区点击“插入表格”按钮,做出2×2表格,并把表格实线变为虚线(办法是在表格上点击右键选属性后,将各数均改为0)。输入网页标题文字方法类同用WORD写字,在左上格写上“网上手机商场”几个字。插入照片点击选图片钮——用右键点图片——点击图片属性——外观尺寸(修改其大小)。做动态字幕在右下格写“正按八折销售,欢迎选购”字样,选中后——插入——组件——字幕——字幕属性——样式——格式——字体。点击预览,即可看到动态字幕。做被连接的网页另外做一个被连接的网页(手机价格表)。建立超接,填URL地址在主网页右上写“产品价格表见http://”,选中后,用右键点击选“超链接属性”,填上URL地址(产品价格表所在地址)。第四节交互网页的制作
仅有静态的网页是不够的。我们需要通过网页实现网上注册(客户在网页上写入自己的姓名和密码)、网上交谈、网上查询(客户在网页上输入自己要买的产品名,网站返回该产品名的性能、价格等)。本节内容:一、交互性标记元素二、FORM标记元素一、交互性标记元素-人机对话的表单接口界面
请提供以下信息,然后单击提交
姓名:密码:提交清除人机对话的界面
二、FORM标记元素-1用FORM标记元素在HTML页面上实现“提交”(一部分功能)的HTML文档
<formmethod="post"action="fanhui3.asp"><p>请提供以下信息,然后单击提交。<p>姓名:<inputname="myname"size="36"><p>密码:<inputname="password"type=passwordsize="36"><p><inputtype=submitvalue="提交"><inputtype=resetvalue="清除"></form>二、FORM标记元素-2FORM语句段的结构
<FORMMETHOD=”POST”(指从客户机将信息发送到WEB服务器) ACTION=”URL”(激活处理交互信息的程序)<INPUTTYPE=…NAME=…VALUE=…></FORM>第五节ASP(动态服务主页)
用HTML写的文本是静态的。你可以看到页面上的内容,但不能在屏幕上输入并传送数据到Web服务器,更无法进行完整的人机对话。当涉及到页面与数据库的连接问题和从站点返回一个页面给客户的问题时,仅依靠HTML文本是做不到的。ASP就是为了解决动态交互的问题和与数据库连接的问题而设计的。本节内容:一、什么是ASP?二、ASP的工作原理三、ASP脚本编程
一、什么是ASP?ASP(ActiveServerPages)是微软公司为它的WEB服务器(互联网信息服务器,简称IIS)开发的一个组件(软件)。它是一种实现动态网页开发技术的服务器端的开发环境。通过ASP,我们能够将HTML页面、脚本命令、ASP内置对象和ActiveX组件结合起来,建立动态、交互而又高效的Web应用程序。ASP可利用ADO(ActiveDataObject)方便地访问数据库。二、ASP的工作原理-1ASP文件可以包含以下的几个部分:
1.文本2.HTML标记3.ASP脚本命令等ASP脚本命令可以包含ASP对象,ActiveX组件和任何脚本语言(如VB脚本语言、JAVA脚本语言等)。ASP脚本命令写在“<%”和“%>”两个符号之间。ASP文件可以使用文本编辑器(如记事本)进行编辑,也可以用WEB编程工具FrontPage来做。二、ASP的工作原理-2ASP文件实例:VB-SCR-EXM.ASP〈html〉〈head〉〈title〉手机市场标题〈/title〉〈/head〉〈body〉〈%fori=3to7%〉〈Fontsize=〈%=i%〉〉这里是手机市场!〈BR〉〈%next%〉〈/body〉〈/html〉二、ASP的工作原理-3ASP文件实例:VB-SCR-EXM.ASP(去掉<%和%>)〈html〉〈head〉〈title〉手机市场标题〈/title〉〈/head〉〈body〉fori=3to7〈Fontsize=i〉这里是手机市场!〈BR〉next〈/body〉〈/html〉二、ASP的工作原理-4浏览结果
这里是手机市场!这里是手机市场!这里是手机市场!这里是手机市场!这里是手机市场!浏览屏幕
二、ASP的工作原理-5-ASP文件的运行过程浏览器http请求http响应Web服务器ASPASP的工作过程三、ASP脚本编程-1ASP脚本命令包含内容脚本语言——可用VBScript写ASP内置对象——Request就是一个内置对象ActiveX组件——ASP支持的ActiveX组件包括ASP服务器本身附带的内置组件和用户自己(第三方)创建的ASP组件。三、ASP脚本编程-2用户与WEB服务器之间的信息交互使用HTML中的FORM(表单)ASP文件中可使用VBScript作为脚本语言,也可用JAVAScript作为脚本语言。三、ASP脚本编程-3ASP环境下处理数据实例Tijiao3.htm<formmethod=“post”action=“fanhui3.asp”><p>请提供以下信息,然后单击提交。<p>姓名:<inputname=“myname”size=“36”><p>密码:<inputname=“password”type=passwordsize=“36”><p><inputtype=submitvalue=“提交”><inputtype=resetvalue=“清除”></form>三、ASP脚本编程-4ASP环境下处理数据实例Fanhui3.asp<%myname=Request.Form(“myname”)password=request.form(“password”)Ifpassword=”123456”then%><%=myname%〉先生(女士):我们接受您的申请。您可以用以下密码查阅我们的资料:abcde<%else%>对不起!您的密码不对。<%Endif%>第六节Web数据库
网站运用了数据库技术,就可以实现网页更新的自动化,即只要将数据库中的内容更新了,网页上的内容也就自动更新了。本节内容:一、数据库管理信息系统二、Web数据库一、数据库管理系统数据库管理系统的功能
建立数据库管理数据库实现数据的传送等二、Web数据库-1Web数据库系统是指以HTML为代表的Web页面(即网页)与位于底层的数据库的集成。数据库管理系统解决Web页面和数据库之间的通信问题。开放式数据库连接器ODBC
ODBC是一种编程接口,它能使应用程序访问支持SQL查询语言的数据库管理系统,实现与各种数据库的通信。SQL查询语言二、Web数据库-2数据库的应用实例现在有一客户在已知新书代码后,希望知道该书的单价和是否有书。
客户向WEB服务器发出HTTP请求用户在屏幕上看到的如图所示
欢迎查看新书价格和库存量请输入新书代码确认重写查询输入屏幕二、Web数据库-3从浏览器上调用下列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>二、Web数据库-4Web服务器上的ASP软件对此程序进行解释并执行另外一个名为cx-back.asp的程序。<html><head><title>欢迎查看新书价格和库存量</title></head><body><%id=request.form("id")%><%
Setconn=Server.CreateObject("ADODB.Connection")
DBPath=Server.MapPath("tsxt.mdb")二、Web数据库-5conn.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>二、Web数据库-6<td>单价(元)</td><td>库存量</td></tr><tr><tdheight="30"> <%=rs("id")%></td><tdheight="30"> <%=rs("sm")%></td><tdheight
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 2024年中国无骨雨刷市场调查研究报告
- 2024年中国工业杀菌剂市场调查研究报告
- 2024年中国单机脉喷袋式除尘器市场调查研究报告
- 幼儿园引进扎染课程设计
- 意识与能力训练课程设计
- 影院噪声课程设计
- 投资估算课程设计
- 山东理工大学《机械工程(类)》2023-2024学年第一学期期末试卷
- 央美绘本创作课程设计
- 大班立冬节气课程设计
- 急性化脓性扁桃体炎查房课件
- 华住酒店管理制度
- 辽宁省沈阳市2022-2023学年五年级上学期数学期末考试试卷(含答案)
- 国开电大《人文英语3》一平台机考真题(第八套)
- 《爱国主义教育》主题班会课件
- 煤质柱状活性炭
- +北京市顺义区2022-2023学年七年级上学期期末考试数学试卷+
- 2023《中华人民共和国合同法》
- 肾性贫血治疗现状及特征(罗沙司他)
- 短视频拍摄与剪辑技巧
- 材料存在质量问题的函(范本)
评论
0/150
提交评论