电子商务网页设计与网站建设课件_第1页
电子商务网页设计与网站建设课件_第2页
电子商务网页设计与网站建设课件_第3页
电子商务网页设计与网站建设课件_第4页
电子商务网页设计与网站建设课件_第5页
已阅读5页,还剩667页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

网页设计与网站建设河南蝶动科技制作网页设计与网站建设河南蝶动科技制作第一章电子商务网站建设概述电子商务网站定义电子商务网站是指一个企业、机构或公司在互联网上建立的站点,其目的是为了宣传企业形象、发布产品信息、宣传经济法规、提供商业服务等。电子商务网站功能企业形象宣传新闻发布、供求信息发布

产品和服务项目展示

商品和服务定购

转账与支付、物流应用

信息搜索与查询

客户信息管理

销售业务信息管理

第一章电子商务网站建设概述电子商务网站定义第一章电子商务网站建设概述电子商务网站的架构客户数据产品数据销售数据其他数据接口技术目录、代码、素材代码、程序、脚本信息发布展现商务交易处理管理系统维护接口技术

公钥基础设施PKI安全协议与模型认证服务电子证书密钥管理接口技术结算转账数据库服务器WWW服务器安全服务器结算服务器专用网络Internet网站访问者WWW浏览器注册、登录选择、订购购买、支付商业银行商家账户消费者银行消费者账户第一章电子商务网站建设概述电子商务网站的架构客户数据产品数第一章电子商务网站建设概述电子商务网站的构成要素网站域名网站物理地点网站页面商品目录购物车付款台计数器留言板会员管理商品盘点更新客户资料管理商品配送第一章电子商务网站建设概述电子商务网站的构成要素第二章网站总体设计网站CI设计网站的CI设计,主要是指网站的标志、色彩、字体、标语,是一个网站建立CI形象的关键,是网站的表面文章、形象工程。通过对网站的标志、色彩、字体、标语设计,建立起网站的整体形象。网站的标志(Logo)、名称标准色彩标准字体宣传标语第二章网站总体设计网站CI设计第二章网站总体设计网站的目录结构网站的目录是指建立网站时创建的目录。不要将所有文件都存放在根目录下按栏目内容建立子目录在每个主栏目目录下都建立独立的Images目录目录的层次不要太深不要使用中文目录不要使用过长的目录尽量使用意义明确的目录第二章网站总体设计网站的目录结构第二章网站总体设计链接结构

网站的链接结构是指页面之间相互链接的拓扑结构。研究网站的链接结构的目的在于:用最少的链接,使浏览最有效率。一般建立网站的链接结构有两种基本方式:树状链接结构星状链接结构

首页IT新闻页娱乐新闻页财经新闻页一级页面二级页面[财经新闻1,财经新闻2...][娱乐新闻1,娱乐新闻2...][IT新闻1,IT新闻2...]第二章网站总体设计链接结构首页IT新闻页娱乐新闻页财经第三章Web页面制作基础

--HTML标记HTML语言

HTML是超文本标记(HyperTextMarkupLanguage)的缩写,是一种描述文档结构的语言,它使用描述性的标记符来指明文档的结构。第三章Web页面制作基础

--HTML标记HTML语言第三章Web页面制作基础

--HTML标记例:<html> <head> <title>这是标题部分</title> </head> <body> <p>你好,这是正文部分!</P> </body> </html>

第三章Web页面制作基础

--HTML标记例:<ht第三章Web页面制作基础

--HTML标记HTML标记符一般有两种:一般标记符(容器标记符) 这些标记符的起始部分与结束部分必须成对出现空标记符 只是单一的一个标记符而已,如<hr>标记符第三章Web页面制作基础

--HTML标记HTML标记第三章Web页面制作基础

--HTML标记文件结构标记符文件结构标记符标识文件的结构。主要包括如下标记符:HTML标记符一般格式为:<HTML>……..</HTML>HEAD标记符一般格式为:<head>……</head>BODY标记符 一般格式为:<body>……</body>第三章Web页面制作基础

--HTML标记文件结构标第三章Web页面制作基础

--HTML标记<html><head>…...</head><body>……</body><html>主体区标题区HTML文件结构第三章Web页面制作基础

--HTML标记<html第三章Web页面制作基础

--HTML标记区段格式标记符 区段格式标记符将HTML文件中的某个区段文字以特定格式显示,以增加可视性。此类标记符主要包括:Title标记符用于规定HTML文档的标题。一般格式为:<title>……</title>HI标记符

HI用于简要描述段落的标题,共有六个级别:H1,H2,H3,H4,H5,H6。其中以H1标题级别为最高,H6标题级别最低。第三章Web页面制作基础

--HTML标记区段格式标第三章Web页面制作基础

--HTML标记例:<html> <head> <title>HTML标题演示示例</title> </head> <body><h1>标题h1文字显示!</h1><h2>标题h2文字显示!</h2><h3>标题h3文字显示!</h3><h4>标题h4文字显示!</h4><h5>标题h5文字显示!</h5><h6>标题h6文字显示!</h6> </body> </html>第三章Web页面制作基础

--HTML标记例:<ht第三章Web页面制作基础

--HTML标记第三章Web页面制作基础

--HTML标记第三章Web页面制作基础

--HTML标记换行标记符

<BR>是换行标记符,它是单独出现的,作用相当于插入一个回车符。段落标记符

<P>标记符用于划分段落,控制文本放置。 一般格式为:<P>……</P>水平标记符

<HR>标记符是单独使用的标记符,它的作用是换行并在该行下面画一条水平直线。<HR>标记符的属性有:Size、Width、align和color。第三章Web页面制作基础

--HTML标记换行标记符第三章Web页面制作基础

--HTML标记 size属性用以规定水平线的高度,该属性的参数值必须是数字;

width属性用以规定水平线的宽度,该属性的参数值可以是数字(代表字符数)或者百分比(占浏览器宽度的百分比),缺省时水平线占整个浏览器窗口宽度;

align属性规定水平线在浏览器窗口的位置,其参数值为left(左侧)、center(中间)、right(右侧)之一;

color属性用以指定水平线的颜色。第三章Web页面制作基础

--HTML标记 size属第三章Web页面制作基础

--HTML标记预格式化标记符

<PRE>标记符是预格式化标记符,它是成对出现的。Web浏览器按编辑文档时的字符位置将<PRE>和</PRE>标记符之间的内容一成不变地显示出来。

第三章Web页面制作基础

--HTML标记预格式化标记第三章Web页面制作基础

--HTML标记例:<html> <head> <title>PRE标记符测试文档</title> </head> <body> <pre> 1992 January On15th,thefirstlinemodebrowserwas AvailablebyanonymousFTP </pre></body></html>第三章Web页面制作基础

--HTML标记例:<htm第三章Web页面制作基础

--HTML标记第三章Web页面制作基础

--HTML标记第三章Web页面制作基础

--HTML标记字符格式标记符

字符格式标记符用来改变HTML文档的显示外观,增加文件的美观程度。HTML文档的字符格式标记符主要有:<B>……</B>之间的内容将显示为黑体文字;<I>……</I>之间的内容将显示为斜体文字;<U>……</U>之间的内容将显示为带下划线的文字;<Strike>……</Strike>之间的内容将显示为删除线;<big>……</big>之间的内容加大显示;<small>……</small>文本采用small字体

<center>……</center>之间的内容居中显示;<sup>……</sup>之间的内容显示上标;第三章Web页面制作基础

--HTML标记字符格式标记第三章Web页面制作基础

--HTML标记<sub>……</sub>之间的内容显示下标;<em>……</em>之间的内容显示强调;<strong>……</strong>之间的内容显示加重强调;<font>……</font>之间的内容通过<font>标记符内的属性设置来改变字体。它具有的属性有size、face和color。设置字体大小的属性size的有效值是从1到7的整数Face属性是设置字体的类型,其值就是字体类型的名字,如“楷体_GB2312”Color属性设置字体的颜色,其值是颜色值是十六进制值例:<fontcolor=#0000ccsize=7face="楷体_GB2312">这是Font设置的文字。</font>第三章Web页面制作基础

--HTML标记<sub>…第三章Web页面制作基础

--HTML标记链接标记符HTML中的链接包括两部分:锚标和目标点。锚标就是链接的源点,当鼠标被移到锚标处时会变成小手状。此时,用户通过点击鼠标就可以到达链接的目标点。HTML是通过链接标记符来实现超链接的。超链接标记符<A>是成对出现的标记符,首标记符<A>和尾标记符</A>之间的内容就是锚标。<A>标记符有一个不可缺省的属性HREF,用于指定链接目标点的位置。链接标记符的一般形式为:<A>……</A>第三章Web页面制作基础

--HTML标记链接标记符第三章Web页面制作基础

--HTML标记从一个文件链接到另一个文件有两种方法:链接到一个文件的本身 例如:<AHREF=“page.htm”>Pagetwo</A>链接到一个文件中的特定位置 若要链接到文件中的特定位置,就需要先在文档中加入链接点,即链接的目标点。 实例如下:<Aname="pointA"><H2>PointA</H2></A>

字符串“PointA”就是待链接的目标点。 通过语句:<Ahref="links.htm#PointA">ThisLink</A>实现了超链接。第三章Web页面制作基础

--HTML标记从一个文件链第三章Web页面制作基础

--HTML标记表格标记符表格标记符一般格式为:<TABLE>……</TABLE><TABLE>标记符的属性主要有:border属性width属性Height属性align属性cellspacing属性cellpadding属性行标记符一般格式为:<TR>……</TR><TR>标记符有两个属性:Align属性Valign属性单元格标记符一般格式为:<TD>……</TD><TD>标记符的属性主要有:rowspan属性colspan属性align属性valign属性列标题定义标记符<TH>一般格式为:<TH>……</TH>第三章Web页面制作基础

--HTML标记表格标记符第三章Web页面制作基础

--HTML标记第三章Web页面制作基础

--HTML标记第三章Web页面制作基础

--HTML标记<html> <head> <title>HTML标记测试实例</title> </head> <body> <center><B><fontsize=5color=ff0000>HTML标记显示结果</font></B> <hr>

本实例是对HTML标记的学习效果的一个展示!<br> HTML标记是学好网页设计与网站建设这门课的基础,必须掌握它!<br> <Ahref=“test.htm">链接</A> <p>下面是表格的设计,其中它的边框宽度为1,表格的宽度占屏幕的50%,表格中的内容居中显示</p> <tableborder=1width=50%> <TRalign=center> <TH>学号</TH><TH>姓名</TH> </TR> <TRalign=center> <TD>001</TD><TD>张三</TD> </TR> <TRalign=center> <TD>002</TD><TD>李四</TD> </TR> <TRalign=center> <TDcolspan=2>共2名学生</TD> </TR> </table> </center> </body></html>第三章Web页面制作基础

--HTML标记<html>第三章Web页面制作基础

--制作表单表单(Form)是用于采集用户输入的信息,从而实现与用户交互的表格。例如,用表单设计订货单、征集用户意见、收集用户信息等等。每一个表单都有一个“提交”按钮,当用户填写完表单并按下“提交”按钮时,用户所填写的信息就发送到web服务器,由服务器负责处理所提交的信息。表单一般由两个部分组成:HTML代码和CGI程序。其中HTML代码主要用来生成表单的可视化界面,CGI程序用来负责对表单所包含的信息进行解释或处理。第三章Web页面制作基础

--制作表单表单(Form)第三章Web页面制作基础

--制作表单表单标记符一般格式为:<form>……</form><form>标记符有两个不可缺省的属性:ACTION属性一般格式为:<FORMACTION="…">ACTION属性后面的等号表明当这个表单提交后,用于指定服务器端处理该表单的CGI程序。它的参数值就是该程序的URL。第三章Web页面制作基础

--制作表单表单标记符第三章Web页面制作基础

--制作表单METHOD属性一般格式为:<FORMACTION="…"METHOD="…">用于指定表单信息传送到服务器的方式。属性的参数值为get和post之一。使用GET时,将Form的输入信息作为字符串附加到Action所设定的URL后面,中间用“?”隔开,每个表单域之间用“&”隔开,然后把整个字符串传送到服务器端。由于系统环境变量的长度限制输入字符串的长度,因此用Get方式所能得到的信息不能很多,一般在4000字符左右。而且在浏览器的地址栏中将以明文的形式显示在表单中的各个表单域值。使用Post方式,将Form的输入信息进行包装,而不用附加在Action的URL之后,其传送的信息数据量基本上没有什么限制,而且在浏览器的地址栏中不会显示表单域的值。使用get方式的特点是数据立即传送、执行效率高,但它传送的信息数据量小。而使用post方式则可以传送大量信息,但效率不如get方式高。

第三章Web页面制作基础

--制作表单METHOD属性第三章Web页面制作基础

--制作表单输入标记符一般格式为<input>Input标记有六个属性:type、name、size、value、maxlength、checked。其中type和name是两个固定的属性。Name属性的参数值是相应处理程序中的变量名,web服务器将把这条输入信息的值赋予name属性规定的变量。第三章Web页面制作基础

--制作表单输入标记符第三章Web页面制作基础

--制作表单Type属性用于指定该输入项提供的输入方式。在不同的输入方式下,<input>标记符的格式略有不同。Type属性的参数值可为以下之一Text类型

这是type的默认类型,指单行文本输入框。其属性有以下几个:name:将输入值传给CGI程序时与输入值相对应的名称;Size:输入窗口的长度,默认值是20,以字节为单位;Value:设定预先在窗口显示的信息;Maxlength:限制最多输入的字节数。password类型

密码输入框,与text类型输入基本相同,但浏览器并不在文本框中显示用户输入的字符,而是将输入的每个字符显示密码提示符“*”。其属性和Text类型一致。第三章Web页面制作基础

--制作表单Type属性用于第三章Web页面制作基础

--制作表单radio类型表示该输入项是一个单选项,即在多个选择之间只能选择其中一项。由于选择是唯一的,因此属性name取相同的值,但属性value的值各不相同。其属性有以下几个:name:将输入值传给CGI程序时与输入值相对应的名称;value:每个选项对应的值;checked:预选项目。checkbox类型表示该输入项是一个复选框,用户可同时选中表单中的一个或几个复选框作为输入信息。由于每一项都可以被选择,属性name取不同的值,value取相同的值。其属性和radio类型一致。第三章Web页面制作基础

--制作表单radio类型第三章Web页面制作基础

--制作表单submit类型这种类型在浏览器中产生一个提交按钮。当用户单击该按钮时,浏览器就会将表单的输入信息传送给服务器。其属性有以下几个:name:将输入值传给CGI程序时与输入值相对应的名称;Value:用于指定显示提交按钮上的文字。reset类型这种类型的按钮让浏览器产生一个重置按钮,当用户鼠标点击这个按钮后,则用户输入信息都会被全部清除,以便用户重新输入。其属性和submit类型一致。第三章Web页面制作基础

--制作表单submit类型第三章Web页面制作基础

--制作表单hidden类型这种类型将input标记的区域隐藏起来,使之不出现在屏幕中。在不想显示某些选项而又不愿意将它们从提交信息中删去时使用。其属性有以下几个:name:将输入值传给CGI程序时与输入值相对应的名称;Value:用于指定hidden类型的值。image类型这种类型使浏览器会在相应位置产生一个图像按钮。当用户单击该按钮时,浏览器就会将表单的输入信息传送给服务器。在使用图像按钮时,必须在<input>标签中添加src属性指出图像所在位置。另外,很多图像标签中使用的属性规定也可以在图像按钮中使用。第三章Web页面制作基础

--制作表单hidden类型第三章Web页面制作基础

--制作表单下拉菜单标记符一般格式为:<SELECT>……</SELECT><SELECT>标记符有三个属性:name:同input中一样,当form提交时,作为信息的名称;size:该属性是可选的,控制可以同时显示在列表中的选项条数,其参数值是数字,默认值是1,当参数值小于下拉菜单中的菜单项数目时,浏览器会为该下拉菜单添加滚动条,用户可以使用滚动条来查看所有的选项。multiple:该属性允许用户可以选择多个选项,否则只能选择一项。第三章Web页面制作基础

--制作表单下拉菜单标记符第三章Web页面制作基础

--制作表单<OPTION>标记符用于定义下拉菜单中的各个选项。<SELECT>标记符必须与<OPTION>标记符配套使用。<option>有两个属性:value属性:是当某项被选中并提交后,web浏览器传送给服务器的数据。缺省时,浏览器传送选项的内容。Selected属性:用来指定选项的初始状态,表示该选项在初始时是被选中的。例:<selectsize="3"name="Language"multiple> <optionselected>PHP</option> <option>ASP</option> <option>VbScript</option> <option>JavaScript</option></select>第三章Web页面制作基础

--制作表单<OPTION>第三章Web页面制作基础

--制作表单滚动文本编辑框标记符一般格式为:<textarea>……</textarea><textarea>标记符有3个属性:name属性:用于指定文本输入框的名字。cols属性:输入窗口的列数。属性的参数值是数字。表示一行所能显示的最大字符数。如果输入信息中有一行和几行的字符数大于cols属性的参数值,浏览器会为该文本输入框添加水平滚动条。rows属性:输入窗口的行数。其它意义跟cols类似。例:<textarearows="4"cols="20"name="Words">请输入相关文字</textarea>第三章Web页面制作基础

--制作表单滚动文本编辑框标第三章Web页面制作基础

--制作表单第三章Web页面制作基础

--制作表单第三章Web页面制作基础

--制作表单<html> <head> <title>会员注册</title> </head> <body><formmethod="post"action=“table.asp"> <palign="center"><fontface="宋体"size=5color=0000ff>欢迎光临百科图书,请在下面输入您的基本信息</font></p> <center> <tableborder=1width=60%> <tralign=center> <tdwidth=20%>会员名:</td> <td><inputtype="text"name="user"size=30value="请输入你想注册的用户名"></td> </tr> <tralign=center> <tdwidth=20%>密码:</td> <td><inputtype="password"name="password"size=30></td> </tr> <tralign=center> <tdwidth=20%>性别:</td> <td><inputtype=radioname="sex"value="man"checked>男

<inputtype=radioname="sex"value="woman">女</td> </tr>第三章Web页面制作基础

--制作表单<html>第三章Web页面制作基础

--制作表单<tralign=center> <tdwidth=20%>年龄:</td> <td><inputtype="text"name="age"size=30></td></tr><tralign=center> <tdwidth=20%>所在学校:</td> <td><selectsize=1name=“university"> <option>南京大学</option> <optionselected>南京林业大学</option> <option>南京师范大学</option> <option>东南大学</option> </select></td></tr><tralign=center> <tdwidth=20%>你感兴趣的书籍种类:</td> <td><inputtype="checkbox"name="love1"value="true">经济

<inputtype="checkbox"name="love2"value="true">文学

<inputtype="checkbox"name="love3"value="true">物理

<inputtype="checkbox"name="love4"value="true">生物<br> <inputtype="checkbox"name="love5"value="true">化学

第三章Web页面制作基础

--制作表单<tralig第三章Web页面制作基础

--制作表单

<inputtype="checkbox"name="love6"value="true">历史

<inputtype="checkbox"name="love7"value="true">电子

<inputtype="checkbox"name="love8"value="true">地理

</td></tr> <tralign=center> <tdwidth=20%>留言:</td> <td><textarearows=2name="information"cols=42></textarea></td> </tr> </table></center><palign=center><inputtype="submit"value="提交"name=B1><inputtype="reset"value="全部重写"name=B2></p></form></body><html>第三章Web页面制作基础

--制作表单 <i第三章Web页面制作基础

--表单处理<%@LANGUAGE="VBScript"%><html><center><%dimusernamedimsexdimuserpassworddimagedimuniversitydiminformationusername=Request.form(1) userpassword=Request.form("password")sex=Request.form("sex")age=Request.Form("age")university=Request.form("university") information=Request.form("information") Response.write"您的姓名是:"&username&"<br>" Response.write"您的密码是:"&userpassword&"<br>"Response.write"您的性别是:"&sex&"<br>"Response.write"您的年龄是:"&age&"<br>"Response.write"您所在的大学是:"&university&"<br>"

第三章Web页面制作基础

--表单处理<%@LANG第三章Web页面制作基础

--表单处理

Response.write"你感兴趣的书籍种类:" IfRequest.form("love1")="true"ThenResponse.write"经济" IfRequest.form("love2")="true"ThenResponse.write"、文学" IfRequest.form("love3")="true"ThenResponse.write"、物理" IfRequest.form("love4")="true"ThenResponse.write"、生物" IfRequest.form("love5")="true"ThenResponse.write"、化学" IfRequest.form("love6")="true"ThenResponse.write"、历史" IfRequest.form("love7")="true"ThenResponse.write"、电子" IfRequest.form("love8")="true"ThenResponse.write"、地理" Response.write"<br>"Response.write"您的留言是:"&information&"<br>"%></center></htmL>第三章Web页面制作基础

--表单处理第三章Web页面制作基础

--表单处理第三章Web页面制作基础

--表单处理第三章Web页面制作基础

--框架结构有时候需要在各个网页间跳转时,希望某个页面保持在浏览器中,这时就要用到网页的框架结构。框架结构的一般格式为:<frameset>……</frameset>。frameset标记内使用另一个标记符<frame>来指定框架中每个小(子)窗口的内容。其具体格式为:

<html> <head> … </head> <frameset> <frame> … <frame> … </frameset> </html>

第三章Web页面制作基础

--框架结构有时候需要在各第三章Web页面制作基础

--框架结构Frameset标记有两个属性:Rows属性值:用来说明窗口横向分割的情况。ROWS属性可以指定一系列的值,它们之间用逗号隔开,给出几个值就纵向将窗口分成几个窗口。这些值可以使用像素点、百分比、剩余值和它们的混合形式表示。例:<framesetrows=“200,40%,*"><framesrc="chap3-1.htm"><framesrc="chap3-2.htm"><framesrc="chap3-3.htm"></frameset>Cols属性值:用来说明窗口纵向分割的情况。第三章Web页面制作基础

--框架结构Frameset第三章Web页面制作基础

--框架结构FRAME标记Frame是一个单向标记,使用时放在frameset的开始和结束标记之间。它有六个属性来描述每个子窗口的风格:src:该属性用来链接到一个html文件;name:表示子窗口的名字;marginwidth:用来控制显示内容和窗口左右边界的距离,默认为1;marginheight:用来控制显示内容和窗口上下边界的距离,默认为1;scrolling:指定子窗口是否使用滚动条,有Yes/No/Auto三个值,默认auto,即根据窗口内容决定是否有滚动条;noresize:使用该属性后,指定窗口不能调整窗口大小。第三章Web页面制作基础

--框架结构FRAME标记第三章Web页面制作基础

--框架结构如果想在浏览器中同时做横向和纵向分割,则需要嵌套使用FRAMESET标记,下面提供了一种形式,其形式是:

<framesetcols=…> <framesetrows=…> … </frameset> <framesetrows=…> … </frameset> … </frameset>

第三章Web页面制作基础

--框架结构如果想在浏览器中第三章Web页面制作基础

--框架结构例:<framesetcols="*,50%"><framesetrows="40%,60%"><framesrc="chap3-1.htm"><framesrc="chap3-2.htm"></frameset><framesetrows="20%,20%,*"><framesrc="chap3-1.htm"><framesrc="chap3-2.htm"><framesrc="chap3-3.htm"></frameset></frameset>

第三章Web页面制作基础

--框架结构例:第三章Web页面制作基础

--框架结构TARGET属性在框架页面中,每个子窗口内对应一个Frame语句,在该语句中的SRC属性指明了链接的HTML,该文件显示在Frame对应的窗口中。但如果该HTML文件含有超链接,当用户点击该链接时,链接的网页放在哪个窗口呢?如果没有指定,则在原来的子窗口打开;如果要指定在哪个子窗口打开,就要使用Target属性。利用该属性可以完成链接的HTML文件在指定的子窗口打开。第三章Web页面制作基础

--框架结构TARGET属性第三章Web页面制作基础

--框架结构如果想把提交表单的结果放在指定的窗口,可以在Form标记中使用Target属性。语法如下:<formmethod=”…”action=”…”target=”Windows_Name”

其中Windows_Name可以预先在Frame标记中用Name属性设定。

<framesetCols="60%,*"> <framesrc="2-2.htm"> <framesrc="two.htm"name="two"> </frameset>第三章Web页面制作基础

--框架结构如果想把提交表单第四章ASP内置对象ASP概述ASP是ActiveServerPages的简称,是服务器端脚本编写环境(包括HTML、VBScript、JavaScript等),使用它可以创建和运行动态、交互的、高性能的web服务器应用程序。使用ASP可以组合HTML页、脚本命令和ActiveX组件以创建交互的Web页和基于Web的功能强大的应用程序。由于所有的程序都在服务器端执行,这样就大大减轻了客户端浏览器的负担,提高了交互速度。ASP页是包括HTML标记、文本和脚本命令的文件。ASP页可调用ActiveX组件来执行任务,例如连接到数据库和进行商务计算。通过ASP,可为Web页添加交互内容或用HTML页构成整个web应用程序,这些应用程序使用HTML页作为客户的界面。第四章ASP内置对象ASP概述第四章ASP内置对象ASP的功能处理由浏览器传送到站点服务器的表单输入。访问和编辑服务器端的数据库表。使用浏览器即可输入、更新和删除站点服务器的数据库中的数据。读写站点服务器的文件,实现访客计数器、座右铭等功能。提供广告轮播器、取得浏览器信息、URL表管理等内置功能。由cookies读写用户端的硬盘文件,以记录用户的数据。可以实现在多个主页间共享信息,以开发复杂的商务站点应用程序。使用VBScript或JavaScript等简易的脚本语言,结合HTML码,快速完成站点的应用程序。通过站点服务器执行脚本语言,产生或更改在客户端执行的脚本语言。扩充功能的能力强,可通过使用VisualBasic、Java、VisualC++等多种程序语言制作ActiveXServerComponent以满足自己的特殊需要。第四章ASP内置对象ASP的功能第四章ASP内置对象ASP文件结构ActiveServerPages(ASP)文件是以.asp为扩展名的文本文件,这个文本文件可以包括下列部分的任意组合:文本HTML标记ASP脚本命令创建.asp文件非常容易。如果要在HTML文件中添加脚本,只需将该文件的扩展名.htm或.html替换为.asp就可以了。<html><head><title>最简单的HTML文件</title></head><body><%Response.Write"HelloWorld!"%></body></html>

第四章ASP内置对象ASP文件结构第四章ASP内置对象<html><head><title>包含了脚本命令的asp</title></head><body><%Fori=3to6%><Fontsize=<%=I%>><p><%Response.Write"HelloWorld!"%></font><%next%></body></html>第四章ASP内置对象<html>第四章ASP内置对象本地发布方法本地发布方法有以下四种:将所有站点的文件夹全部放在Inetpub\wwwroot文件夹中,并且可以将首页命名为default.htm或default.asp(也可为index.htm或Index.html,此时需要设置发布文档)。然后就可以在IE的地址栏中直接输入:http://计算机名字或http://localhost/进行浏览了。在计算机中任意盘中建立一个文件夹,将该文件夹发布,将首页命名为index.htm或index.html,在IE的地址栏中直接输入:http://计算机名字/文件夹名或http://localhost/文件夹名即可。第四章ASP内置对象本地发布方法第四章ASP内置对象从本地计算机向Internet发布,按照上述设置发布后,再将本地计算机用电话线、专线等连接到Internet上即可,此时在任意一台计算机上输入本机的IP地址和发布的文件夹即可浏览。申请一个免费或付费的ISP公司的空间(虚拟服务器)并利用他们的所有基础设施,自己仅仅需要制作网站内容,上传到指定的ISP服务器中即可。通常,通过付费方式可以得到一个域名,有了域名就可以访问你发布的网站了。第四章ASP内置对象从本地计算机向Internet发布第四章ASP内置对象虚拟WWW发布器的配置IIS的安装与设置第四章ASP内置对象虚拟WWW发布器的配置第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象创建虚拟目录第四章ASP内置对象创建虚拟目录第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象ASP内置对象ASP本身所提供了一些对象,这些对象在使用时并不需要经过任何声明或建立的过程,因此,称为ASP内置对象。他们包括:Request对象:为脚本提供了当客户端请求一个页面或者传递一个窗体时,客户端提供的全部信息。这包括能指明浏览器和用户的HTTP变量,在这个域名下存放在浏览器中的cookie,任何作为查询字符串而附于URL后面的字符串或页面的<Form>段中的HTML控件的值。第四章ASP内置对象ASP内置对象第四章ASP内置对象Response对象:用来访问服务器端所创建的并发回到客户端的响应信息。为脚本提供HTTP变量,指明服务器和服务器的功能和关于发回浏览器的内容的信息以及任何将为这个域而存放在浏览器里新的cookie。Session对象:用于用户会话中。在每个访问者第一次访问服务器上的一个ASP网页时,为他创建一个新的并且独立的会话对象,分配给该会话一个会话标识号。并为每个访问者分配他们自己的私有变量存储空间,会话存储的内容对指定的访问者是全局的,而对其他访问者来讲是私有的。第四章ASP内置对象Response对象:用来访问服务器第四章ASP内置对象Application对象:用于在全局环境中存储变量和信息(即状态),该应用程序内的任何ASP网页中运行的脚本都可访问这些值,而不管是哪个访问者发出的请求。Server对象:在服务器端脚本中通过实例和使用其他外部对象和组件,提供了一种扩展ASP页的功能的方法。事实上,许多人认为这个对象是ASP之所以能够流行的主要因素。引入Server对象的意义很大,这意味着ASP不必提供人们所需要的所有属性。它可调用其他应用程序和组件完成指定工作。ASPError对象:是ASP3.0中的一个新的对象,通过Server对象的GetLastError方法使用。它提供了发生在ASP中的上一次错误的详细信息。ObjectContext对象:它是ASP页的环境,这个环境包含了整个ASP的对象模型,它允许程序员对ASP以及所使用的各组件所执行的复杂处理进行更多的控制。其它的内置对象构建在它上面。第四章ASP内置对象Application对象:用于在全第四章ASP内置对象第四章ASP内置对象第四章ASP内置对象

--Request对象Request对象通常包括了客户端的相关信息,如浏览器的种类、表头信息、表单参数及cookies等。Request对象的语法描述如下:

Request.[collection|property|method](variable)

其中collection表示Request对象的集合,property表示Request对象的属性,method表示Request对象的方法,变量参数(variable)是一些字符串,这些字符串指定要从集合中检索的项目,或作为方法或属性的输入。Request对象的属性属性

说明

TotalBytes表示从客户端所接受数据的字节的长度,只读

其语法如下:len=Request.TotalBytes第四章ASP内置对象

--Request对象Reques第四章ASP内置对象

--Request对象Request对象的方法

方法

说明

BinaryRead以二进制方式来读取客户端使用Post传送方式所传递的数据

它的语法如下:Variant数组=Request.BinaryRead(count)

BinaryRead方法的返回值为通用变量数组(VariantArray),而其参数是一个整数用以表示每次读取的数据字节大小,其范围介于0到Request对象TotalBytes方法所取得的字节大小-1。第四章ASP内置对象

--Request对象Reques第四章ASP内置对象

--Request对象Request对象的数据集合集合名称

功能说明

ClientCertificate当客户端访问一个页面或其他资源时,用来向服务器表明身份的客户证书的所有字段或条目的数值集合,只读Cookies根据用户的请求,用户系统发出的所有cookie的值的集合,这些cookie仅对相应的域有效,只读FormMethod的属性值为POST时,所有作为请求提交的<Form>段中的HTML控件单元的值的集合,只读QueryString依附于用户请求的URL后面的名称/数值对或者作为请求提交的且Method属性值为GET(或者省略其属性)的<Form>中所有HTML控件单元的值,只读ServerVariables随同客户端请求发出的HTTP报头值,以及Web服务器的几种环境变量的值的集合,只读

具体语法是:value=Request.collection(variable)第四章ASP内置对象

--Request对象Reques第四章ASP内置对象

--Request对象在使用时可以把collection省略,直接使用Request(“变量名称”),同样可以取得该变量的内容值。不过使用这种简洁的写法,一定要注意当不同数据集合中有相同的变量名称时,ASP会按照QueryString、Form、Cookies、ClientCertificate、ServerVariables等数据集合的顺序来返回所想要得到的变量内容。第四章ASP内置对象

--Request对象在使用时可以第四章ASP内置对象

--Request对象Form数据集合

Form数据集合是Request对象中最常使用的数据集合。Form数据集合可以取得客户端表单上的各项对象内容值。其语法如下:value=Request.form(“表单对象名称”)或value=Request.form(“索引值”)

其中表单对象名称是指定集合要检索的表单元素的名称,索引值是访问某参数中多个值中的一个,它可以是1到Request.Form(parameter).Count之间的任意整数。当然也可以用循环的方法来取得所有的表单对象的内容值,这里只要利用ForEach…Next语句块就可以完成。ForEach…Next语句块的使用语法如下:

ForEachForElementInFormGroupNext第四章ASP内置对象

--Request对象Form数据第四章ASP内置对象

--Request对象例:<html><body> <%Dimstr(3),Str1(3) Str(1)="您的姓名是:" Str(2)="您是一位" Str(3)="您的E-Mail地址是:" Str1(1)="。" Str1(2)="!" Str1(3)="。" i=1 ForeachformElementinRequest.Form Response.writestr(i)&Request.Form(i)&str1(i)&"<br>" i=i+1 Next %> </body> </html>第四章ASP内置对象

--Request对象例:<htm第四章ASP内置对象

--Request对象除了可以利用ForEach…Next语句块来取得表单对象的内容值外,也可以利用ForEach…Next语句快中的element变量来取得表单对象的名称,其用法如下:ForEachelementinRequest.FormResponse.Writeelement&"<br>"Next前面介绍的方法都只能取得某一名称的表单对象,下面将介绍一个可以取得相同名称的内容值。在介绍之前,先介绍一下如何取得组件名称相同的总数。要取得组件名称相同的总数,只要在取得表单对象内容的语法后面加上一个count关键字,其语法如下:num=Request.form(“表单对象名称”).count或num=Request.form(索引值).count第四章ASP内置对象

--Request对象除了可以利用第四章ASP内置对象

--Request对象要取得相同名称的组件内容值,只要在取得表单对象内容的语法后面加上一个索引值就可以了,其语法如下:

value=Request.form(“表单对象名称”)(索引值)

或value=Request.form(索引值)(索引值)第四章ASP内置对象

--Request对象要取得相同名第四章ASP内置对象

--Request对象例:<html> <body> <formmethod="post"action="chap4-6.asp"> <p>中文姓名:<inputtype="text"name="Name"size="20"></p> <p>英文姓名:<inputtype="text"name="Name"size="20"></p> <p>兴趣:<selectname="hobby"size="4"multiple> <option>计算机</option> <option>羽毛球</option> <option>电影</option> <option>登山</option> <option>唱歌</option></select></p> <p><inputtype="submit"value="确定"> <inputtype="reset"value="取消"></p> </form> </body></html>第四章ASP内置对象

--Request对象例:<htm第四章ASP内置对象

--Request对象例:<html> <body> <% foreachelementinrequest.form fori=1torequest.form(element).count response.write"对象名称"&element&"的内容值为“_ &request.form(element)(i)&"<br>" next next %> </body></html>第四章ASP内置对象

--Request对象例:<htm第四章ASP内置对象

--Request对象第四章ASP内置对象

--Request对象第四章ASP内置对象

--Request对象第四章ASP内置对象

--Request对象第四章ASP内置对象

--Request对象<%@LANGUAGE="VBScript"%><html><center><%dimusernamedimsexdimuserpassworddimagedimuniversitydiminformationusername=Request.form(1) userpassword=Request.form("password")sex=Request.form("sex")age=Request.Form("age")university=Request.form("university") information=Request.form("information") Response.write"您的姓名是:"&username&"<br>" Response.write"您的密码是:"&userpassword&"<br>"Response.write"您的性别是:"&sex&"<br>"Response.write"您的年龄是:"&age&"<br>"Response.write"您所在的大学是:"&university&"<br>"

第四章ASP内置对象

--Request对象<%@LA第四章ASP内置对象

--Request对象

Response.write"你感兴趣的书籍种类:" IfRequest.form("love1")="true"ThenResponse.write"经济" IfRequest.form("love2")="true"ThenResponse.write"、文学" IfRequest.form("love3")="true"ThenResponse.write"、物理" IfRequest.form("love4")="true"ThenResponse.write"、生物" IfRequest.form("love5")="true"ThenResponse.write"、化学" IfRequest.form("love6")="true"ThenResponse.write"、历史" IfRequest.form("love7")="true"ThenResponse.write"、电子" IfRequest.form("love8")="true"ThenResponse.write"、地理" Response.write"<br>"Response.write"您的留言是:"&information&"<br>"%></center></htmL>第四章ASP内置对象

--Request对象第四章ASP内置对象

--Request对象QueryString数据集合QueryString数据集合与Form数据集合没有太大的区别,最主要的区别在于后者是通过表单来传递数据,而前者通过HTTP附加参数来传递,附加参数通常是使用“?”来连接的。例如在程序中想同时传递姓名(Name)与性别(Sex)两个参数,可以采用下面两个方法来完成。采用HTML语法在HTML文件中加入以下的程序段,可以使用http://来指定特别的URL,如果不指定则表示目的文件在当前的目录中。

<p><ahref=http://localhost/ASPTest/Output3.asp?Name=张三&Sex=男>显示的字符串1</a></p> <p><ahref=“Output3.asp?Name=张三&Sex=男">显示的字符串2</a></p>第四章ASP内置对象

--Request对象QueryS第四章ASP内置对象

--Request对象使用ASP语法

<%response.write“<ahref=output3.asp?Name=张三&sex=男>显示的字符串3</a>"%>要取得用户所传递的参数,同Form数据集合一样,可以利用参数名称来取得该参数的内容值,也可以利用参数的索引值来取得参数的内容值,其语法如下:参数内容=Request.QueryString(“参数名称”)或参数内容=Request.QueryString(索引值)

其中,参数名称是在HTTP查询字符串中指定要检索的变量名(variable),索引值是一个可选参数,可以用来检索变量(variable)的多个值中的某一个值,是可以从1到Request.QueryString(variable).count之间的任何整数。第四章ASP内置对象

--Request对象使用ASP语第四章ASP内置对象

--Request对象<html> <body> <% response.write"你的姓名:"&request.querystring(1)&"。"&"<br>" response.write"你的性别:"&request.querystring(2)&"。"&"<br>" %> </body></html>第四章ASP内置对象

--Request对象<html>第四章ASP内置对象

--Request对象当一个参数不是唯一的时候,与Form数据集合一样处理:先取得名称相同的参数的总数,然后再加上一个索引值就可以分别访问各个参数的值了。取得相同参数的总数的语法如下:名称相同的参数的总数=Request.querystring(“参数名称”).Count或名称相同的参数的总数=Request.querystring(”索引值”).Count取得相同名称参数的内容值的语法如下:参数名称相同的内容值=Request.querystring(“参数名称”)(索引值)或参数名称相同的内容值=Request.querystring(索引值)(索引值)第四章ASP内置对象

--Request对象当一个参数不第四章ASP内置对象

--Request对象例:<html> <body> <formmethod="get"action="output4.asp"> <p>中文姓名:<inputtype="text"name="Name"size="20"></p> <p>英文姓名:<inputtype="text"name="Name"size="20"></p> <p>兴趣:<selectname="hobby"size="4"multiple> <option>计算机</option> <option>羽毛球</option> <option>电影</option> <option>登山</option> <option>唱歌</option> </select></p> <p><inputtype="submit"value="确定"><inputtype="reset"value="取消"></p> </form> </body></html>第四章ASP内置对象

--Request对象例:<htm第四章ASP内置对象

--Request对象<HTML><BODY><%foreachelementinrequest.QueryStringfori=1torequest.QueryString(element).count response.write"对象名称"&element&"的内容值为"&request.querystring(element)(i)&"<br>" nextnext%></BODY></HTML>第四章ASP内置对象

--Request对象<HTML>第四章ASP内置对象

--Request对象Cookies数据集合由于HTTP是一个无状态的通讯协议,所以每一个连接都是全新的开始。因此,如果想要判断某个用户是否曾经进入本网站,那么在ASP可以使用Cookies。当用户第一次进入本网站时,可以利用Response对象的cookies数据集合将数据存储至服务器端的计算机中。当用户再次进入网站时,就可以利用request对象的cookies数据集合来取得相关信息。通过Cookies,web服务器可以了解用户使用本站的情况,如使用频率、停留时间、访问内容等。如果用户在浏览器上关闭了cookies功能,这一功能就不会起作用。第四章ASP

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论