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

下载本文档

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

文档简介

电子商务网站建设与维护电子商务网站11.1电子商务概述建立电子商务网站是走向电子商务的第一步。1.1.1电子商务的概念电子商务（EC，electroniccommerce）：通过电子手段来建立一种新的经济秩序；是具有商业活动能力的实体进行的网络化、数字化的商业贸易活动。1.1电子商务概述建立电子商务网站是走向电子商务的第一21.1.2电子商务网站的特点、分类电子商务网站是电子商务系统工作的主要承担者与表现者（窗口，交互平台）由一系列网页、编程技术、后台数据库构成有广告宣传、经销代理、运输中介等作用1.1.2电子商务网站的特点、分类电子商务网站是电子商务31.1.2电子商务网站的特点、分类电子商务网站的特点P2商务性服务性集成性可扩展性安全性协调性1.1.2电子商务网站的特点、分类电子商务网站的特点P41.1.2电子商务网站的特点、分类按照商务目的和业务功能分类P3按照构建网站的主体分类P4按照网站拥有的者职能分类P4按照产品线的宽度和深度分类P5按照电子商务模式分类P51.1.2电子商务网站的特点、分类按照商务目的和业务功能分51.2网站开发综述1.结构化系统开发方法P62.原型法P83.面向对象的系统开发方法P91.2网站开发综述1.结构化系统开发方法P661.2网站开发综述1.2.2电子商务网站开发核心技术Web技术（IIS等）标记语言技术（静态页面HTML、XML）数据库技术（数据存储和检索Oracle、SQLServer）动态网页技术（可交互ASP、PHP、JSP）1.2网站开发综述1.2.2电子商务网站开发核心技术71.3电子商务网站的运行环境1.3电子商务网站的运行环境8HTML基础P60例简单的HTML文档

<html>→标签<head><title>威海欢迎您！</title>→标题部分</head><body>这里是威海职业学院！→网页主体</body></html>标签成对出现：<>……</>每对标签有特定含义HTML基础P60例简单的HTML文档9HTML基础常用标记<br>：换行单标记<标记属性1属性2属性3……>……</标记><fontface=？size=？color=？>…</font>

Size：设置字体的显示字号，范围是从“1～7”，其中“3”是默认值。

Color：设置文本的颜色，值可以是颜色名（英文如red代表红色）或颜色的十六进制代码（#000000代表黑色，#FFFFFF代表白色）。

Face：设置文本显示的字体，值为字体的名称HTML基础常用标记<br>：换行单标记10HTML基础常用标记<bgcolor>背景色<body>的属性<b></b>(黑体)，<i></i>（斜体），<u></u>（加下划线）HTML基础常用标记<bgcolor>11HTML基础P62例3.2<hr>加水平线，单标签<hrwidth=100>定义绝对长度像素<hrwidth=50％>定义相对长度百分比例3.3颜色法1：Color=red法2：Color=#RRGGBB十六进制法3：Color=rgb(RRR,GGG,BBB)十进制0～255HTML基础P62例3.212HTML基础P65Body部分的使用方法bgcolorlinkalinkvlinkleftmargintopmarginHTML基础P65Body部分的使用方法13HTML基础P66例3.5定义标题<h1>……</h1>最大<h6>……</h6>最小对齐方式如：<h1align=left>……</h1>centerrightHTML基础P66例3.514HTML基础P68例3.63.7<pre>……</pre>文本按原有格式输出例3.8表格<table>……</table>定义表格<tr>……</tr>定义表格行<th>……</th>定义表格头的列<thead>……</thead>定义表格头<tbody>……</tbody>定义表格身体<td>……</td>定义表格身体的列HTML基础P68例3.63.715HTML基础查看网页源代码：“查看”菜单→源文件动态网页：主页→心理健康*.asp主页→08招生录取查询静态网页：*.htmHTML基础查看网页源代码：“查看”菜单→源文件16HTML练习1.文件名为shi.htm，网页标题为“李白的诗”，内容及格式为：独坐敬亭山

[唐]李白

众鸟高飞尽，

孤云独去闲。

相看两不厌，只有敬亭山。题目蓝色、加下划线，其余诗句红色，全部居中，背景不是白色，加一条长度为100像素的水平线。HTML练习1.文件名为shi.htm，网页标题为“李白的诗17HTML练习2.文件名为chengji.htm，网页标题为“成绩”，网页内容为如下表格，边框宽度为1：姓名英语计算机李明8995HTML练习2.文件名为chengji.htm，网页标题为“182.1网站的需求分析来自于客户的需求或出于公司自身发展的需求。网站需求分析的4个阶段：用户调查市场调查编制网站功能描述书评审2.1网站的需求分析来自于客户的需求或出于公司自身发192.1网站的需求分析2.1.2用户调查P17调查的形式：调查的主要内容：调查结束后，要编写《用户调查报告》2.1网站的需求分析2.1.2用户调查P17202.1网站的需求分析2.1.3市场调查P18目标客户的调查与分析（个体用户、公司用户）

付款方式、送货方式、年龄、兴趣、文化程度等竞争对手的调查与分析

研究竞争对手网站运行和电子商务运作效果市场定位分析P202.1网站的需求分析2.1.3市场调查P18212.1网站的需求分析2.1.4网站功能描述书P22主要内容：概要情况调查内容说明调查资料汇编2.1网站的需求分析2.1.4网站功能描述书P22222.2网站规划2.2.1网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。2.2网站规划2.2.1网站规划232.2网站规划2.2.3网站规划的类型宣传网站模式P27

宣传企业形象、产品等，电子宣传手册或广告牌企业门户网站模式P27登录到这上网站，即可得到企业或商家提供的所有服务内部管理网站模式P28

是企业的网上办公平台2.2网站规划2.2.3网站规划的类型242.2网站规划2.2.3网站规划的类型BtoC网站模式P29

图2.5当当网上商城BtoB网站模式P30

图2.7阿里巴巴

主要实体：卖方企业、买方企业、银行、海关等电子政务网站模式P32

政务公开、网上办公2.2网站规划2.2.3网站规划的类型253.3.2ASP简介P753.3.2ASP简介P75263.3.2ASP简介ASP的语法简介P76ASP的默认脚本语言：VBScriptASP文件中主要包括如下内容：HTML标记；VBScript或JScript语言的程序代码；ASP代码（<%…%>标记包含的部分）3.3.2ASP简介ASP的语法简介P76273.3.2ASP简介数据库ASP工作原理3.3.2ASP简介数据库ASP工作原理283.3.2ASP简介赋值：变量名＝值，把右侧的值赋给左侧的变量如：sum=15sum=29例：3.6now：VBScript函数例：3.7

循环结构<%fori=1to5%><fontsize=<%=i%>color=#0000ff>ASP技术</font><br><%next%>3.3.2ASP简介赋值：变量名＝值，把右侧的值赋给左侧295.4IIS应用P177IIS：InternetInformationServer（Service）主要功能：Web服务器FTP服务器SMTPNNTP安装控制面板→添加/删除程序→Windows组件5.4IIS应用P177IIS：InternetInf305.4IIS应用5.4IIS应用315.4IIS应用创建虚拟目录P184虚拟目录名→确定具体文件夹如：虚拟目录名：myweb具体文件夹：E：\shanwu\wyy那么访问该文件夹下的wh.asp的地址为：http://localhost/myweb/wh.asp5.4IIS应用创建虚拟目录P18432VBScript基础赋值i=sum=0i=i+1sum=sum+iFor循环for变量＝初值to终值step步长……nextVBScript基础赋值33VBScript基础例1：j=0ForI=3to20step3j=j+1Next例2：j=1ForI=100to30step-10j=j×1nextVBScript基础例1：34VBScript基础<html>→标签<head><title>网页标题</title>→标题部分</head><body>

<scriptlanguage=vbscript>→代码</script></body></html>VBScript基础<html>35VBScript基础例3<html><head><title>学习VBScript</title></head><body><scriptlanguage=vbscript>j=0ForI=3to20step3j=j+1NextMsgboxj→弹出消息框，输出变量j的值，输出文字加“”</script></body></html>VBScript基础例336VBScript基础练习求1～100的和。（5050）VBScript基础练习37VBScript基础Dowhile……loop循环Dowhile(条件)例：i=2

dowhileI<=5I=I*2looploop条件为真执行循环msgbox"i的值是"&iVBScript基础Dowhile……loop循环38VBScript基础Do……loopwhile循环Do例：i=6

doI=I*2loopwhile(条件)loopwhileI<=5条件为真执行循环msgbox"i的值是"&i

VBScript基础Do……loopwhile循环39VBScript基础选择结构If……then……elseIf(条件)ThenElseEndif条件为真执行then部分，为假执行else部分例：i=16if(i<10)thenmsgbox"i小于10"elsemsgbox"i大于10"endifVBScript基础选择结构例：40VBScript基础练习：判断一个数是奇数还是偶数。提示：函数mod求余，如8mod3的值是2VBScript基础练习：41ASP的内置对象P78ASP提供5个内置对象RequestResponseServerApplicationSessionASP的内置对象P78ASP提供5个内置对象42ASP的内置对象P78ASP的内置对象P7843ASP的内置对象P78RequestP79用来获取客户端传送给服务器的数据1.method=“post”对应request.form2.method=“get”对应request.querystring例3.18例3.19ASP的内置对象P78RequestP7944ASP的内置对象P78ApplicationP83在给定的应用程序的所有用户之间共享信息Application.lock：确保同一时刻仅有一个用户可修改Application变量Application.unlock：允许其他用户修改Application变量例3.20Application_onstartP85Application_onendASP的内置对象P78ApplicationP8345ASP的内置对象P78P85<scriptlanguage=vbscriptrunat=server>……<script>等价于<%……%>都用于包含ASP代码，表示在服务器端运行ASP的内置对象P78P8546ASP的内置对象P78SessionP85用于存储特定用户会话所需的信息。Session_onstartSession_onendApplication_onstart事件在Session_onstart事件之前发生，当应用程序退出时Application_onend事件在Session_onend事件之后发生。ASP的内置对象P78SessionP8547ASP的内置对象P78ServerP86提供对服务器上的方法和属性的访问。server.scripttimeoutGlobal.asa文件相当于ASP应用程序的初始化过程，Session_onstart、Session_onend、Application_onstart、Application_onend都是在这个文件中定义的。ASP的内置对象P78ServerP8648练习制作包含如下内容的表单（参考例3.18）申请人个人信息：昵称：密码：性别：男女所学专业：（电子商务、报关、市场营销）已通过的考试：英语计算机普通话特长：

提交取消练习制作包含如下内容的表单（参考例3.18）提交取消492.3.1网站定位P33网站主题和名称题材、内容、名称网站CI形象CI（corporateidentity）：指通过视觉来统一企业的形象。如统一的标志、色彩及产品包装等网站标志（LOGO）网站的标准色彩网站的标准字体网站的宣传语2.3.1网站定位P33网站主题和名称502.3.2网站栏目的规划P38栏目

版块

2.3.2网站栏目的规划P38栏目512.3.3网站的目录结构和链接结构目录结构P39指网站组织和存放站内所有文档的目录设置情况。具体做法：不要都存放在根目录下按栏目建立子目录每个目录下有独立的images目录（放图片）目录层次不要太深不要使用中文名（目录名、文件名）2.3.3网站的目录结构和链接结构目录结构P39522.3.3网站的目录结构和链接结构链接结构P40指页面之间相互链接的拓扑结构。两种基本类型：树状链接结构（一对一）星状链接结构（一对多）2.3.3网站的目录结构和链接结构链接结构P40532.3.5开发环境的选择P43操作系统WindowsNTWindows2000UnixLinux数据库平台P46Oracle、SQLServer2.3.5开发环境的选择P43操作系统542.3.5开发环境的选择P43Web服务器Apache、IIS开发环境和工具静态页面：FrontPage、Dreamweaver动态页面：ASP、JSP、PHP案例2.1P49熟悉Dreamweaver环境2.3.5开发环境的选择P43Web服务器55DreamweaverMX新建网页（文件）P94文件→新建→类型保存网页（文件）文件→保存（另存为）→位置、类型（.htm.asp）打开网页（文件）文件→保存DreamweaverMX新建网页（文件）P9456文字输入P951.回车：分段（间距大）Shift+回车：间距小2.属性面板（打开方式：ctrl+F3或窗口→属性）可设置字体、字号、B、I、颜色（＃FFFFFF）↓↓↓

红

绿

蓝

3.F12→预览页面效果文字输入P951.回车：分段（间距大）573种编辑模式设计视图代码视图（直接编辑HTML代码）设计与代码调整方式：查看菜单文档工具栏3种编辑模式设计视图58插入图像P96－98操作：插入→图像图像属性（替代、大小、对齐、边框、重设大小

）

↓

↓

图片不能正常显示时显示的文字

恢复原始大小注意：路径及文件名不要出现汉字插入图像P96－98操作：插入→图像59页面属性P99操作方法：法1：修改菜单→页面属性法2：空白处右键→页面属性设置内容：背景色（<bodybgcolor=#ffffff>）、背景图片、标题（<title>……</title>）、左边距（<bodyleftmargin=>）等页面属性P99操作方法：60超级链接P100-102链接打开一个文件（如Word文档，文件名不含汉字）选中文字，单击属性面板→链接后的文件夹电子邮件链接↑法１：选中文字，属性面板→链接，输入：

mailto:完整邮件地址法２：P101文件下载链接与文件链接相同，只是针对.rar、.zip、.exe文件超级链接P100-102链接打开一个文件（如Word文档，61超级链接P100-102压缩与解压

压缩目的：目标变小或多个对象变为一个对象

压缩：同时选中多个文件或把多个文件放入一个文件夹中→右键→选择压缩选项第２个

解压:右击压缩文件→选择压缩选项第２或第３个图像热区P100使图像的不同区域对应不同的链接目标热区可移动位置及改变大小超级链接P100-102压缩与解压62滚动字幕（图片）标签<marquee>……</marquee>方向direction=right(up,down)资料：/view/1214012.htm操作：右键→插入HTML→<marquee>滚动内容适用于图片滚动字幕（图片）标签<marquee>……</marqu63插入表单对象插入跳转菜单操作：插入→表单对象→跳转菜单插入表单对象（）插入表单对象插入跳转菜单64插入表单对象插入表单（红色虚线）<Form>……</Form>插入文本域Type=texttextareaType=password

可编辑标签插入按钮Type=submit

Type=reset插入表单对象插入表单（红色虚线）<Form>……</Fo65插入表单对象插入列表/菜单<select>……</select>插入文件域（文件上传）插入图像域

插入隐藏域隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。

例如：＜inputtype="hidden"name="ExPws"value="dd"＞插入表单对象插入列表/菜单<select>……</sel66插入表单对象插入复选框Type=checkbox插入单选按钮Type=radio设置表单花样（前景色，背景色）style="color=ff0000;background-color:#00ff00"插入表单对象插入复选框Type=checkbox67练习制作包含如下内容的表单（参考例3.18）乳品用户调查表：姓名：密码：月收入：1000以下1000～30003000～5000学历：（大专、本科、研究生、博士）您喜欢的产品：酸奶液态奶奶酪上传文件：建议：

提交取消练习制作包含如下内容的表单（参考例3.18）提交取消68表格的使用作用：定位文本、排列数据操作：插入→表格单元格内可添加：图像、文本、表格选择表格P110法１：单击任一边框线法２：单击某一单元格，Ctrl+A两次法３：单击某一单元格，单击左下角<table>表格的使用作用：定位文本、排列数据69表格的使用选择行（多行）：光标置于行首选择列（多列）：光标置于列顶选择多个单元格：按Ctrl→单击拆分/合并单元格表格的使用选择行（多行）：光标置于行首70练习1.新建一个网页，命名为“index.htm”，要求标题栏显示“音乐网”，背景颜色为淡绿色。

2.在网页中插入一个3行5列的表格，表格居中,第一行内容为“学院、新闻、音乐、教育、校友录”，其中“学院”链接到“威海职业学院首页”。

3.在网页中制作一个滚动的字幕，内容为“音乐网欢迎你！”。

4.在网页中插入跳转菜单，菜单项包括“新浪、百度、威海职业学院”。

5.在网页中输入“与我联系”，单击该文字可以打开能够给你发邮件的程序窗口。练习1.新建一个网页，命名为“index.htm”，要求标题71练习制作包含如下内容的表单（参考例3.18）乳品用户调查表：姓名：密码：月收入：1000以下1000～30003000～5000学历：（大专、本科、研究生、博士）您喜欢的产品：酸奶液态奶奶酪上传文件：建议：

提交取消练习制作包含如下内容的表单（参考例3.18）提交取消72框架页面创建框架页面法1：框架工具栏法2：文件→新建→框架集增加框架法1：框架工具栏法2：直接从外边框向内拉删除框架拖动边框至外边框框架页面创建框架页面73框架页面保存框架（每个框架是一个网页文件，另有一个总框架页）

单个框架：光标定位在框架内，文件→保存框架总框架页：单击边框，文件→保存框架页设置框架选择单个框架：按Alt→单击该框架内部属性面板中（框架名、可否调整框架大小、是否有滚动条等）超链接的显示位置框架页面保存框架（每个框架是一个网页文件，另有一个总框架页）74框架练习1.新建一个网页，该网页包含上下两个框架，上边框架页命名为“k1.htm”，下边框架页命名为“k2.htm”，整个框架命名为“zong.htm”。2.在上边框架中插入一幅图片（自选），单击该图片可以链接到“新浪”，并显示在下边框架内。3.在上边框架中输入“用户调查”，单击该文字链接到“百度”，并以新窗口显示。框架练习1.新建一个网页，该网页包含上下两个框架，上边框架页75层（网页布局工具）可移动、可重叠的网页部分插入层：插入→层层属性：背景色、大小、位置、Z轴（数值越大越靠前）等例1：层内滚动字幕例2：浮动图片插入→层层内插入图片修改→时间轴→增加对象到时间轴设置起止点（第1帧、最后1帧）位置（路径可以是曲线，插入关键帧）层（网页布局工具）可移动、可重叠的网页部分76首选参数P89编辑菜单→参数选择层练习在网页中插入一个层，层背景设为粉黄色，在层中制作一个滚动的字幕效果，内容为“×××欢迎你！”，其中“×××”为你的中文姓名。首选参数P89编辑菜单→参数选择77对象行为一个行为是由一个事件所触发的动作组成的。行为动作：如弹出消息框、弹出窗口、播放音乐等行为事件：如onMouseOver（鼠标经过时）onMouseOut（鼠标离开时）onClick（鼠标单击时）onLoad（网页载入时）打开行为面板

法1：窗口→行为法2：Shift+F3对象行为一个行为是由一个事件所触发的动作组成的。78对象行为例1：打开网页时弹出新窗口本页面保存为index.htm弹出的页面保存为pop.htm（名字不含汉字）在index.htm页面，窗口→行为单击“＋”→打开浏览器窗口事件→onload对象行为例1：打开网页时弹出新窗口79对象行为例2：弹出提示信息（如当鼠标滑过、单击、双击文本、图片等时）选中图片（如果是文本，需要作空链接＃）窗口→行为单击“＋”→弹出信息事件→onmousemove（onclick）（例：禁止复制时弹出信息，事件：onBeforeCopy）对象行为例2：弹出提示信息（如当鼠标滑过、单击、双击文本、图80对象行为例3：设置状态条文本选中图片（文本需要作空链接＃）窗口→行为单击“＋”→设置文本→设置状态条文本事件→onmousemove（鼠标指向对象时状态条的内容）事件→onmouseout（鼠标离开对象时状态条的内容）对象行为例3：设置状态条文本81对象行为例4：给图片加文字提示（设置层文本）插入图片（或文字）插入层选中图片窗口→行为单击“＋”→设置文本→设置层文本（输入提示内容）事件→onmouseover（鼠标指向图片时显示提示内容）单击“＋”→设置文本→设置层文本（内容为空）事件→onmouseout（鼠标离开图片时提示内容消失）对象行为例4：给图片加文字提示（设置层文本）82对象行为例5：拖动层（图片）（如拼图游戏）插入3个层在层中分别插入图片窗口→行为单击“＋”→拖动层选择层设为：移动不限制事件→onmouseover（可以拖动该层即图片）对象行为例5：拖动层（图片）（如拼图游戏）83对象行为例6：弹出式菜单插入一个表格（如1行3列）选中“第一项”，做空链接#窗口→行为单击“＋”→显示弹出式菜单设置菜单项（“缩进项”，可以设置子菜单）第一项第二项第三项对象行为例6：弹出式菜单第一项第二项第三项84对象行为例7：打开窗口时播放声音窗口→行为单击“＋”→播放声音选择声音文件（文件名不含汉字）事件→onStart单击插件→属性面板→参数LOOP→true，AUTOSTART→trueHIDDEN（是否在网页中显示播放器）对象行为例7：打开窗口时播放声音85CSSP113CSS（CascadingStyleSheets）层叠样式表功能使多个网页快速获得一致的布局使网页更精炼（网页文件更小）CSS面板法1：窗口→CSS样式法2：Shift+F11CSSP113CSS（CascadingStyle86CSSP113新建CSS样式窗口→CSS样式单击新建CSS样式给当前CSS样式命名（以.开头，如.css1）保存为文件，如mycss.css（此类型文件为文本文件，可用记事本打开）设置具体的CSS样式（8个分类）

（一个*.css文件可包含多个CSS样式，如mycss.css包含.css1、.css2、.css3）CSSP113新建CSS样式87CSSP113将已有CSS样式应用于其他网页打开其他网页文件窗口→CSS样式单击→附加样式表选择CSS样式表文件（*.css）CSSP113将已有CSS样式应用于其他网页88创建站点P90站点菜单→新建站点站点名称（只作识别用）是否使用服务器技术如何连接到测试服务器用什么URL浏览站点根目录是否启用存回和取出文件完成创建站点P90站点菜单→新建站点89简单的电子商务网站模块一：用户管理P117用户登录登录信息验证新用户注册用户信息修改模块二：商品展示和查询显示商品信息允许用户查询商品销售排行简单的电子商务网站模块一：用户管理P11790简单的电子商务网站模块三：购物车和订单生成订购商品购物车管理收银结算生成订单订单投诉简单的电子商务网站模块三：购物车和订单生成91用户管理模块建设P1191.数据库设计（Access2000）启动Access2000新建→数据库→存为“db.mdb”双击“使用设计器创建表”表结构如P120图4.7文件→保存→表名为“member”用户管理模块建设P1191.数据库设计（Access92用户管理模块建设P1202.用户登录界面设计新建一个站点，站点保存在E:\shangwuN下在IIS中将E:\shangwuN设置为主目录建立index.asp界面如图4.8代码P121用户管理模块建设P1202.用户登录界面设计93用户管理模块建设P1223.验证用户登录信息的页面设计创建login.asp代码P123用户管理模块建设P1223.验证用户登录信息的页面设计94用户管理模块建设P1244.新用户注册页面设计创建reg.asp表单P124创建客户端验证文件：regsave.asp代码P126～P130用户管理模块建设P1244.新用户注册页面设计95数据库连接1.准备好一个Access数据库（shangpin.mdb），并添加记录2.创建数据源控制面板→管理工具→数据源（ODBC）→系统工具（SYSTEMDSN）→添加→MicrosoftAccessDriver(*.mdb)→完成→数据源名（如：mydsn）→选择（已准备好的Access数据库）→确定→确定数据库连接1.准备好一个Access数据库（shangpin96数据库连接3.创建站点4.设置IIS（主目录）5.创建动态ASP页（如lx.asp）6.窗口→“数据库”面板7.“数据库”面板→→数据源名称8.连接名称（如：mylink）→数据源名称（选择已创建的数据源，mydsn）→（测试）→确定数据库连接已完成数据库连接3.创建站点97在页面中显示数据库中的记录1.建立记录集窗口→“绑定”面板→→记录集（查询）→名称（如：Recordset1）→连接（已创建的连接，如：mylink）→选择字段→（测试）→确定2.在ASP页面中，添加表格（1行4列）3.将绑定”面板中的字段逐一拖动到单元格中4.F12预览

目前只显示一条记录在页面中显示数据库中的记录1.建立记录集98在页面中显示数据库中的记录5.重复区域选中表格→窗口→“服务器行为”面板→→重复区域→记录集（如：Recordset1）→一页显示的记录条数→确定6.F12预览在页面中显示数据库中的记录5.重复区域99在页面中向数据库中的增加记录在前一个练习的基础上继续进行1.建立用于输入数据的表单添加记录库存：日期：价格：产地：品名：条码：插入在页面中向数据库中的增加记录在前一个练习的基础上继续进行库存100在页面中向数据库中的增加记录2.设置6个单行文本域的属性文本域名称，如条码文本域，名称为：tiaoma品名文本域，名称为：pinming产地文本域，名称为：chandi价格文本域，名称为：jiage日期文本域，名称为：riqi库存文本域，名称为：kucun在页面中向数据库中的增加记录2.设置6个单行文本域的属性101在页面中向数据库中的增加记录3.插入记录窗口→“服务器行为”面板→→插入记录→选择连接（如：mylink）→插入到表格（detail）→获取值自（form1）→表单元素（每个表单项对应插入的字段）→确定4.F12预览5.在页面中输入数据，单击（插入数据可显示）6.设置检验主键数据（条码字段）是否重复窗口→“服务器行为”面板→→用户身份验证/检查新用户名→选择字段（如：tiaoma）→确定插入在页面中向数据库中的增加记录3.插入记录插入102页面中的分页显示在前一个练习的基础上继续进行1.在页面下部输入“始页前1页后1页末页”2.选中“始页”→窗口→“服务器行为”面板→→记录集分页/移至第一条记录→选择记录集（如：Recordset1）→确定3.选中“前1页”→窗口→“服务器行为”面板→→记录集分页/移至前一条记录→选择记录集（如：Recordset1）→确定4.选中“后1页”→窗口→“服务器行为”面板→→记录集分页/移至下一条记录→选择记录集（如：Recordset1）→确定页面中的分页显示在前一个练习的基础上继续进行103页面中的分页显示5.选中“末页”→窗口→“服务器行为”面板→→记录集分页/移至最后一条记录→选择记录集（如：Recordset1）→确定完善页面（如：显示第1页时不出现“始页前1页”）6.选中“始页”“前1页”→窗口→“服务器行为”面板→→显示区域/如果不是第一条记录则显示→选择记录集（如：Recordset1）→确定7.“末页”“后1页”，同理。页面中的分页显示5.选中“末页”→窗口→“服务器行为”面板→104网站测试P207一、功能测试1、链接测试：链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是否存在；最后，保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。

网站测试P207一、功能测试105网站测试2、表单测试当用户给Web应用系统管理员提交信息时，就需要使用表单操作，例如用户注册、登陆、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。

网站测试2、表单测试106网站测试3、设计语言测试Web设计语言版本的差异可以引起客户端或服务器端严重的问题，例如使用哪种版本的HTML等。当在分布式环境中开发时，开发人员都不在一起，这个问题就显得尤为重要。除了HTML的版本问题外，不同的脚本语言，例如Java、JavaScript、ActiveX、VBScript或Perl等也要进行验证。

网站测试3、设计语言测试107网站测试4、数据库测试在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用SQL对信息进行处理。在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。

网站测试4、数据库测试108网站测试二、性能测试1、连接速度测试用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。另外，有些页面有超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。

网站测试二、性能测试109网站测试2、负载测试负载测试是为了测量Web系统在某一负载级别上的性能，以保证Web系统在需求范围内能正常工作。负载级别可以是某个时刻同时访问Web系统的用户数量，也可以是在线数据处理的数量。例如：Web应用系统能允许多少个用户同时在线？如果超过了这个数量，会出现什么现象？Web应用系统能否处理大量用户对同一个页面的请求？

网站测试2、负载测试110网站测试三、可用性测试1、导航测试

在一个页面上放太多的信息往往起到与预期相反的效果。Web应用系统的用户趋向于目的驱动，很快地扫描一个Web应用系统，看是否有满足自己需要的信息，如果没有，就会很快地离开。很少有用户愿意花时间去熟悉Web应用系统的结构，因此，Web应用系统导航帮助要尽可能地准确。导航的另一个重要方面是Web应用系统的页面结构、导航、菜单、连接的风格是否一致。确保用户凭直觉就知道Web应用系统里面是否还有内容，内容在什么地方。

网站测试三、可用性测试111网站测试2、图形测试在Web应用系统中，适当的图片和动画既能起到广告宣传的作用，又能起到美化页面的功能。一个Web应用系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有：（1）要确保图形有明确的用途，图片或动画不要胡乱地堆在一起，以免浪费传输时间。Web应用系统的图片尺寸要尽量地小，并且要能清楚地说明某件事情，一般都链接到某个具体的页面。（2）验证所有页面字体的风格是否一致。（3）背景颜色应该与字体颜色和前景颜色相搭配。（4）图片的大小和质量也是一个很重要的因素，一般采用JPG或GIF压缩。

网站测试2、图形测试112网站测试3、内容测试内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。例如，在商品价格列表中，错误的价格可能引起财政问题甚至导致法律纠纷；信息的准确性是指是否有语法或拼写错误。这种测试通常使用一些文字处理软件来进行，例如使用MicrosoftWord的"拼音与语法检查"功能；信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓"相关文章列表"。

网站测试3、内容测试113网站测试四、客户端兼容性测试1、平台测试市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Macintosh、Linux等。Web应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。

网站测试四、客户端兼容性测试114网站测试2、浏览器测试浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java、JavaScript、ActiveX、plug-ins或不同的HTML规格有不同的支持。例如，ActiveX是Microsoft的产品，是为InternetExplorer而设计的，JavaScript是Netscape的产品，Java是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。

网站测试2、浏览器测试115网站测试五、安全性测试

（1）现在的Web应用系统基本采用先注册，后登陆的方式。因此，必须测试有效和无效的用户名和密码，要注意到是否大小写敏感，可以试多少次的限制，是否可以不登陆而直接浏览某个页面等。（2）Web应用系统是否有超时的限制，也就是说，用户登陆后在一定时间内（例如15分钟）没有点击任何页面，是否需要重新登陆才能正常使用。(3）为了保证Web应用系统的安全性，日志文件是至关重要的。需要测试相关信息是否写进了日志文件、是否可追踪。

网站测试五、安全性测试116网站测试Dreamweaver中测试方式文件→检查页→网站测试Dreamweaver中测试方式117数据库应用练习创建一个Access数据库，用来存放注册用户的信息（至少包括用户名（username）、密码（password）、出生日期（birthday）、月收入（income）、邮箱（email）等字段

），名为yonghu.mdb创建一个站点设置IIS创建一个ASP页面以yonghu.mdb为目标创建一个数据源数据库应用练习创建一个Access数据库，用来存放注册用户的118数据库应用练习将该数据源连接到当前ASP页面使该页面具有下列功能：可以显示已经注册用户的信息（即yonghu.mdb中的用户信息），并可以向前和向后翻页在页面下方有新用户注册表单（即可以向yonghu.mdb中添加新用户信息）可以实现新用户注册时，如果出现用户名重复，可以转到出错信息提示页面（提前制作一个）数据库应用练习将该数据源连接到当前ASP页面119网站发布网站发布120网站发布网站发布121结构化查询语句SQL基本格式select目标列from数据表[where查询条件表达式][orderby列名[desc]]利用记录集来学习窗口→“绑定”面板→→记录集（查询）→名称（如：Recordset1）→连接（已创建的连接，如：mylink）→选择字段→筛选→顺序→（测试）→复杂→确定结构化查询语句SQL基本格式122浮动广告代码浮动广告代码123在页面中加入“QQ按钮”代码<P><Ahref="/cgi-bin/check?sigkey=646ab455b4c708df910f348803e72f24001fd301a322912010c7f4584f45841c"target=_blank;><IMGalt=QQ联络我src="/pa?p=1:123456789:1"border=0></A> <WBR><WBR></P>在页面中加入“QQ按钮”代码<P><Ahref="http124在页面中加入“百度搜索”代码在页面中加入“百度搜索”代码125在页面中加入“Google搜索”代码在页面中加入“Google搜索”代码126电子商务网站建设与维护电子商务网站1271.1电子商务概述建立电子商务网站是走向电子商务的第一步。1.1.1电子商务的概念电子商务（EC，electroniccommerce）：通过电子手段来建立一种新的经济秩序；是具有商业活动能力的实体进行的网络化、数字化的商业贸易活动。1.1电子商务概述建立电子商务网站是走向电子商务的第一1281.1.2电子商务网站的特点、分类电子商务网站是电子商务系统工作的主要承担者与表现者（窗口，交互平台）由一系列网页、编程技术、后台数据库构成有广告宣传、经销代理、运输中介等作用1.1.2电子商务网站的特点、分类电子商务网站是电子商务1291.1.2电子商务网站的特点、分类电子商务网站的特点P2商务性服务性集成性可扩展性安全性协调性1.1.2电子商务网站的特点、分类电子商务网站的特点P1301.1.2电子商务网站的特点、分类按照商务目的和业务功能分类P3按照构建网站的主体分类P4按照网站拥有的者职能分类P4按照产品线的宽度和深度分类P5按照电子商务模式分类P51.1.2电子商务网站的特点、分类按照商务目的和业务功能分1311.2网站开发综述1.结构化系统开发方法P62.原型法P83.面向对象的系统开发方法P91.2网站开发综述1.结构化系统开发方法P61321.2网站开发综述1.2.2电子商务网站开发核心技术Web技术（IIS等）标记语言技术（静态页面HTML、XML）数据库技术（数据存储和检索Oracle、SQLServer）动态网页技术（可交互ASP、PHP、JSP）1.2网站开发综述1.2.2电子商务网站开发核心技术1331.3电子商务网站的运行环境1.3电子商务网站的运行环境134HTML基础P60例简单的HTML文档

<html>→标签<head><title>威海欢迎您！</title>→标题部分</head><body>这里是威海职业学院！→网页主体</body></html>标签成对出现：<>……</>每对标签有特定含义HTML基础P60例简单的HTML文档135HTML基础常用标记<br>：换行单标记<标记属性1属性2属性3……>……</标记><fontface=？size=？color=？>…</font>

Size：设置字体的显示字号，范围是从“1～7”，其中“3”是默认值。

Color：设置文本的颜色，值可以是颜色名（英文如red代表红色）或颜色的十六进制代码（#000000代表黑色，#FFFFFF代表白色）。

Face：设置文本显示的字体，值为字体的名称HTML基础常用标记<br>：换行单标记136HTML基础常用标记<bgcolor>背景色<body>的属性<b></b>(黑体)，<i></i>（斜体），<u></u>（加下划线）HTML基础常用标记<bgcolor>137HTML基础P62例3.2<hr>加水平线，单标签<hrwidth=100>定义绝对长度像素<hrwidth=50％>定义相对长度百分比例3.3颜色法1：Color=red法2：Color=#RRGGBB十六进制法3：Color=rgb(RRR,GGG,BBB)十进制0～255HTML基础P62例3.2138HTML基础P65Body部分的使用方法bgcolorlinkalinkvlinkleftmargintopmarginHTML基础P65Body部分的使用方法139HTML基础P66例3.5定义标题<h1>……</h1>最大<h6>……</h6>最小对齐方式如：<h1align=left>……</h1>centerrightHTML基础P66例3.5140HTML基础P68例3.63.7<pre>……</pre>文本按原有格式输出例3.8表格<table>……</table>定义表格<tr>……</tr>定义表格行<th>……</th>定义表格头的列<thead>……</thead>定义表格头<tbody>……</tbody>定义表格身体<td>……</td>定义表格身体的列HTML基础P68例3.63.7141HTML基础查看网页源代码：“查看”菜单→源文件动态网页：主页→心理健康*.asp主页→08招生录取查询静态网页：*.htmHTML基础查看网页源代码：“查看”菜单→源文件142HTML练习1.文件名为shi.htm，网页标题为“李白的诗”，内容及格式为：独坐敬亭山

[唐]李白

众鸟高飞尽，

孤云独去闲。

相看两不厌，只有敬亭山。题目蓝色、加下划线，其余诗句红色，全部居中，背景不是白色，加一条长度为100像素的水平线。HTML练习1.文件名为shi.htm，网页标题为“李白的诗143HTML练习2.文件名为chengji.htm，网页标题为“成绩”，网页内容为如下表格，边框宽度为1：姓名英语计算机李明8995HTML练习2.文件名为chengji.htm，网页标题为“1442.1网站的需求分析来自于客户的需求或出于公司自身发展的需求。网站需求分析的4个阶段：用户调查市场调查编制网站功能描述书评审2.1网站的需求分析来自于客户的需求或出于公司自身发1452.1网站的需求分析2.1.2用户调查P17调查的形式：调查的主要内容：调查结束后，要编写《用户调查报告》2.1网站的需求分析2.1.2用户调查P171462.1网站的需求分析2.1.3市场调查P18目标客户的调查与分析（个体用户、公司用户）

付款方式、送货方式、年龄、兴趣、文化程度等竞争对手的调查与分析

研究竞争对手网站运行和电子商务运作效果市场定位分析P202.1网站的需求分析2.1.3市场调查P181472.1网站的需求分析2.1.4网站功能描述书P22主要内容：概要情况调查内容说明调查资料汇编2.1网站的需求分析2.1.4网站功能描述书P221482.2网站规划2.2.1网站规划是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。2.2网站规划2.2.1网站规划1492.2网站规划2.2.3网站规划的类型宣传网站模式P27

宣传企业形象、产品等，电子宣传手册或广告牌企业门户网站模式P27登录到这上网站，即可得到企业或商家提供的所有服务内部管理网站模式P28

是企业的网上办公平台2.2网站规划2.2.3网站规划的类型1502.2网站规划2.2.3网站规划的类型BtoC网站模式P29

图2.5当当网上商城BtoB网站模式P30

图2.7阿里巴巴

主要实体：卖方企业、买方企业、银行、海关等电子政务网站模式P32

政务公开、网上办公2.2网站规划2.2.3网站规划的类型1513.3.2ASP简介P753.3.2ASP简介P751523.3.2ASP简介ASP的语法简介P76ASP的默认脚本语言：VBScriptASP文件中主要包括如下内容：HTML标记；VBScript或JScript语言的程序代码；ASP代码（<%…%>标记包含的部分）3.3.2ASP简介ASP的语法简介P761533.3.2ASP简介数据库ASP工作原理3.3.2ASP简介数据库ASP工作原理1543.3.2ASP简介赋值：变量名＝值，把右侧的值赋给左侧的变量如：sum=15sum=29例：3.6now：VBScript函数例：3.7

循环结构<%fori=1to5%><fontsize=<%=i%>color=#0000ff>ASP技术</font><br><%next%>3.3.2ASP简介赋值：变量名＝值，把右侧的值赋给左侧1555.4IIS应用P177IIS：InternetInformationServer（Service）主要功能：Web服务器FTP服务器SMTPNNTP安装控制面板→添加/删除程序→Windows组件5.4IIS应用P177IIS：InternetInf1565.4IIS应用5.4IIS应用1575.4IIS应用创建虚拟目录P184虚拟目录名→确定具体文件夹如：虚拟目录名：myweb具体文件夹：E：\shanwu\wyy那么访问该文件夹下的wh.asp的地址为：http://localhost/myweb/wh.asp5.4IIS应用创建虚拟目录P184158VBScript基础赋值i=sum=0i=i+1sum=sum+iFor循环for变量＝初值to终值step步长……nextVBScript基础赋值159VBScript基础例1：j=0ForI=3to20step3j=j+1Next例2：j=1ForI=100to30step-10j=j×1nextVBScript基础例1：160VBScript基础<html>→标签<head><title>网页标题</title>→标题部分</head><body>

<scriptlanguage=vbscript>→代码</script></body></html>VBScript基础<html>161VBScript基础例3<html><head><title>学习VBScript</title></head><body><scriptlanguage=vbscript>j=0ForI=3to20step3j=j+1NextMsgboxj→弹出消息框，输出变量j的值，输出文字加“”</script></body></html>VBScript基础例3162VBScript基础练习求1～100的和。（5050）VBScript基础练习163VBScript基础Dowhile……loop循环Dowhile(条件)例：i=2

dowhileI<=5I=I*2looploop条件为真执行循环msgbox"i的值是"&iVBScript基础Dowhile……loop循环164VBScript基础Do……loopwhile循环Do例：i=6

doI=I*2loopwhile(条件)loopwhileI<=5条件为真执行循环msgbox"i的值是"&i

VBScript基础Do……loopwhile循环165VBScript基础选择结构If……then……elseIf(条件)ThenElseEndif条件为真执行then部分，为假执行else部分例：i=16if(i<10)thenmsgbox"i小于10"elsemsgbox"i大于10"endifVBScript基础选择结构例：166VBScript基础练习：判断一个数是奇数还是偶数。提示：函数mod求余，如8mod3的值是2VBScript基础练习：167ASP的内置对象P78ASP提供5个内置对象RequestResponseServerApplicationSessionASP的内置对象P78ASP提供5个内置对象168ASP的内置对象P78ASP的内置对象P78169ASP的内置对象P78RequestP79用来获取客户端传送给服务器的数据1.method=“post”对应request.form2.method=“get”对应request.querystring例3.18例3.19ASP的内置对象P78RequestP79170ASP的内置对象P78ApplicationP83在给定的应用程序的所有用户之间共享信息Application.lock：确保同一时刻仅有一个用户可修改Application变量Application.unlock：允许其他用户修改Application变量例3.20Application_onstartP85Application_onendASP的内置对象P78ApplicationP83171ASP的内置对象P78P85<scriptlanguage=vbscriptrunat=server>……<script>等价于<%……%>都用于包含ASP代码，表示在服务器端运行ASP的内置对象P78P85172ASP的内置对象P78SessionP85用于存储特定用户会话所需的信息。Session_onstartSession_onendApplication_onstart事件在Session_onstart事件之前发生，当应用程序退出时App

人人文库> 全部分类> 教育资料 > 辅导培训

温馨提示

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

最新文档

评论

0/150

提交评论