电子商务网站建设与维护19228.pptx

《电子商务网站建设与维护19228.pptx》由会员分享，可在线阅读，更多相关《电子商务网站建设与维护19228.pptx（126页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、电子商务网站电子商务网站建设与维护建设与维护1.1 电子商务概述 建立电子商务网站是走向电子商务的第一步。1.1.1 电子商务的概念 电子商务（EC，electronic commerce）：通过电子手段来建立一种新的经济秩序；是具有商业活动能力的实体进行的网络化、数字化的商业贸易活动。1.1.2 电子商务网站的特点、分类 电子商务网站是电子商务系统工作的主要承担者与表现者（窗口，交互平台）由一系列网页、编程技术、后台数据库构成有广告宣传、经销代理、运输中介等作用1.1.2 电子商务网站的特点、分类电子商务网站的特点 P2商务性 服务性集成性可扩展性安全性协调性1.1.2 电子商务网站的特点、

2、分类按照商务目的和业务功能分类 P3按照构建网站的主体分类 P4按照网站拥有的者职能分类 P4按照产品线的宽度和深度分类 P5按照电子商务模式分类 P51.2 网站开发综述 1.结构化系统开发方法 P62.原型法 P83.面向对象的系统开发方法 P91.2 网站开发综述1.2.2 电子商务网站开发核心技术Web技术（IIS等）标记语言技术（静态页面HTML、XML）数据库技术（数据存储和检索Oracle、SQL Server）动态网页技术（可交互ASP、PHP、JSP）1.3电子商务网站的运行环境HTML基础 P60 例 简单的HTML文档 标签标签威海欢迎您！标题部分这里是威海职业学院！网页

3、主体 标签标签成对成对出现出现：每对标签有特定含义每对标签有特定含义HTML基础 常用标记：换行：换行 单标记单标记 Size：设置字体的显示字号，范围是从：设置字体的显示字号，范围是从“17”，其中，其中“3”是默认值。是默认值。Color：设置文本的颜色，值可以是颜色名（英文：设置文本的颜色，值可以是颜色名（英文如如red代表红色）或颜色的十六进制代码（代表红色）或颜色的十六进制代码（#000000代代表黑色，表黑色，#FFFFFF代表白色）。代表白色）。Face：设置文本显示的字体，值为字体的名称：设置文本显示的字体，值为字体的名称HTML基础 常用标记 背景色 的属性 (黑体黑体)，（

4、斜体），（斜体），（加下划线）（加下划线）HTML基础 P62例3.2 加水平线，单标签 定义绝对长度 像素 定义相对长度 百分比例3.3 颜色法1：Color=red法2：Color=#RRGGBB 十六进制法3：Color=rgb(RRR,GGG,BBB)十进制 0255HTML基础 P65Body部分的使用方法 bgcolor link alink vlink leftmargin topmarginHTML基础 P66例3.5定义标题 最大 最小对齐方式如：center rightHTML基础 P68例 3.6 3.7 文本按原有格式输出例3.8 表格 定义表格 定义表格行 定义表格头

5、的列 定义表格头 定义表格身体 定义表格身体的列HTML基础查看网页源代码：“查看”菜单源文件动态网页：主页心理健康 *.asp 主页08招生录取查询静态网页：*.htmHTML练习1.文件名为shi.htm，网页标题为“李白的诗”，内容及格式为：独坐敬亭山独坐敬亭山唐唐李白李白众众鸟高高飞尽，尽，孤云独去孤云独去闲。相看两不相看两不厌，只有敬亭山只有敬亭山。题目蓝色、加下划线，其余诗句红色，全部居中，题目蓝色、加下划线，其余诗句红色，全部居中，背景不是白色，加一条长度为背景不是白色，加一条长度为100像素的水平线。像素的水平线。HTML练习2.文件名为chengji.htm，网页标题为“成绩

6、”，网页内容为如下表格，边框宽度为1：姓名英语计算机李明89952.1网站的需求分析 来自于客户的需求或出于公司自身发展的需求。网站需求分析的4个阶段：用户调查市场调查编制网站功能描述书评审2.1网站的需求分析2.1.2用户调查 P17调查的形式：调查的主要内容：调查结束后，要编写用户调查报告2.1网站的需求分析2.1.3市场调查 P18目标客户的调查与分析（个体用户、公司用户）付款方式、送货方式、年龄、兴趣、文化程度等竞争对手的调查与分析 研究竞争对手网站运行和电子商务运作效果市场定位分析 P202.1网站的需求分析2.1.4网站功能描述书 P22主要内容：概要情况调查内容说明调查资料汇编2

7、.2网站规划2.2.1网站规划 是指在网站建设前对市场进行分析、确定网站的目的和功能，并根据需要对网站建设中的技术、内容、费用、测试、维护等做出规划。2.2网站规划2.2.3网站规划的类型宣传网站模式P27 宣传企业形象、产品等，电子宣传手册或广告牌企业门户网站模式P27登录到这上网站，即可得到企业或商家提供的所有服务内部管理网站模式P28 是企业的网上办公平台2.2网站规划2.2.3网站规划的类型B to C网站模式P29 图2.5当当网上商城B to B网站模式P30 图2.7阿里巴巴 主要实体：卖方企业、买方企业、银行、海关等电子政务网站模式P32 政务公开、网上办公3.3.2ASP简介

8、P753.3.2ASP简介ASP的语法简介P76ASP的默认脚本语言：VBScriptASP文件中主要包括如下内容：HTML标记；VBScript或JScript语言的程序代码；ASP代码（标记包含的部分）3.3.2ASP简介数据库ASP工作原理3.3.2ASP简介赋值：变量名值变量名值，把右侧的值赋给左侧的变量如：sum=15 sum=29例：3.6now：VBScript函数例：3.7循环结构font size=color=#0000ffASP技术 5.4 IIS应用 P177IIS：Internet Information Server（Service）主要功能主要功能：Web服务器FT

9、P服务器SMTPNNTP安装安装控制面板添加/删除程序Windows组件5.4 IIS应用5.4 IIS应用创建虚拟目录虚拟目录 P184虚拟目录名确定具体文件夹如：虚拟目录名：myweb 具体文件夹：E：shanwuwyy那么访问该文件夹下的wh.asp的地址地址为：http:/localhost/myweb/wh.aspVBScript基础赋值i=sum=0i=i+1sum=sum+iFor 循环 for 变量初值 to 终值 step 步长 nextVBScript基础例1：j=0For I=3 to 20 step 3 j=j+1Next例2：j=1For I=100 to 30 st

10、ep-10 j=j1nextVBScript基础 标签标签网页标题 标题部分 代码 VBScript基础例3 学习VBScriptj=0For I=3 to 20 step 3 j=j+1NextMsgbox j 弹出消息框，输出变量j的值，输出文字加“”VBScript基础练习求1100的和。（5050）VBScript基础Do whileloop循环Do while(条件)例：i=2 do while I=5 I=I*2 loop loop条件为真执行循环 msgbox i的值是&iVBScript基础Do loop while循环Do 例：i=6 do I=I*2 loop while(

11、条件)loop while I=5条件为真执行循环 msgbox i的值是&i VBScript基础选择结构If thenelseIf(条件)ThenElseEnd if条件为真真执行then部分，为假假执行else部分例：i=16if(i10)then msgbox i小于10else msgbox i大于10end ifVBScript基础练习：判断一个数是奇数还是偶数。提示：函数 mod 求余，如8 mod 3的值是2ASP的内置对象 P78ASP提供5个内置对象RequestResponseServerApplicationSessionASP的内置对象 P78ASP的内置对象 P78

12、Request P79 用来获取客户端传送给服务器的数据1.method=“post”对应 request.form2.method=“get”对应 request.querystring例3.18例3.19ASP的内置对象 P78Application P83 在给定的应用程序的所有用户之间共享信息Application.lock：确保同一时刻仅有一个用户可修改Application变量Application.unlock：允许其他用户修改Application变量例3.20Application_onstart P85Application_onendASP的内置对象 P78P85 等价等

13、价于 都用于包含ASP代码，表示在服务器端运行ASP的内置对象 P78Session P85用于存储特定用户会话所需的信息。Session_onstartSession_onendApplication_onstart事件在Session_onstart事件之前发生，当应用程序退出时Application_onend事件在Session_onend事件之后发生。ASP的内置对象 P78Server P86提供对服务器上的方法和属性的访问。server.scripttimeoutGlobal.asa文件 相当于ASP应用程序的初始化过程，Session_onstart、Session_onend

14、、Application_onstart、Application_onend都是在这个文件中定义的。练习制作包含如下内容的表单（参考例3.18）申请人个人信息：昵称：密码：性别：男 女所学专业：（电子商务、报关、市场营销）已通过的考试：英语 计算机 普通话特长：提交取消2.3.1网站定位 P33网站主题和名称 题材、内容、名称网站CI形象 CI（corporate identity）：指通过视觉来统一企业的形象。如统一的标志、色彩及产品包装等网站标志（LOGO）网站的标准色彩网站的标准字体网站的宣传语2.3.2网站栏目的规划 P38栏目 版块 2.3.3网站的目录结构和链接结构目录结构 P39

15、指网站组织和存放站内所有文档的目录设置情况。具体做法：1.不要不要都存放在根目录根目录下2.按栏目建立子目录3.每个目录每个目录下有独立的images目录目录（放图片）4.目录层次层次不要太深5.不要不要使用中文名中文名（目录名、文件名）2.3.3网站的目录结构和链接结构链接结构 P40指页面之间相互链接的拓扑结构。两种基本类型：1.树状链接结构（一对一）2.星状链接结构（一对多）2.3.5开发环境的选择 P43操作系统 Windows NT Windows 2000 UnixLinux数据库平台P46Oracle、SQL Server2.3.5开发环境的选择 P43Web服务器Apache、

16、IIS开发环境和工具静态页面：FrontPage、Dreamweaver动态页面：ASP、JSP、PHP案例2.1P49熟悉Dreamweaver环境Dreamweaver MX新建网页（文件）P94文件新建类型保存网页（文件）文件保存（另存为）位置、类型（.htm .asp）打开网页（文件）文件保存文字输入P951.回车：分段（间距大）Shift+回车：间距小2.属性面板（打开方式：ctrl+F3或窗口 属性）可设置字体、字号、B、I、颜色（FFFFFF）红红 绿绿 蓝蓝 3.F12 预览预览页面效果3种编辑模式设计视图代码视图（直接编辑HTML代码）设计与代码调整方式：查看菜单文档工具栏插

17、入图像P9698操作：插入图像图像属性（替代、大小、对齐、边框、重设大小（替代、大小、对齐、边框、重设大小）图片不能正常显示时显示的文字图片不能正常显示时显示的文字 恢复原始大小恢复原始大小注意注意：路径及文件名不要出现汉字不要出现汉字页面属性 P99操作方法：法1：修改菜单页面属性法2：空白处右键页面属性设置内容：背景色（）、背景图片、标题（）、左边距（）等超级链接P100-102链接打开一个文件（如Word文档，文件名不含汉字）选中文字，单击属性面板链接后的文件夹电子邮件链接法：选中文字，属性面板链接，输入：mailto:完整邮件地址法：P101文件下载链接与文件链接相同，只是针对.rar

18、、.zip、.exe文件超级链接P100-102压缩与解压压缩目的压缩目的：目标变小或多个对象变为一个对象压缩压缩：同时选中多个文件或把多个文件放入一个文件夹中右键选择压缩选项第个解压解压:右击压缩文件选择压缩选项第或第个图像热区P100使图像的不同区域对应不同的链接目标热区可移动位置及改变大小滚动字幕（图片）标签 方向direction=right(up,down)资料：http:/ 滚动内容 适用于图片插入表单对象插入跳转菜单操作：插入表单对象跳转菜单插入表单对象（）插入表单对象插入表单（红色虚线）插入文本域 Type=text textarea Type=password可编辑标签插入按

19、钮 Type=submit Type=reset 插入表单对象插入列表/菜单 插入文件域（文件上传）插入图像域插入隐藏域隐藏域是隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者访问者来说，隐藏域是隐藏域是看不见看不见的。当表单被提交时，隐藏域隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。例如：input type=hidden name=ExPws value=dd插入表单对象插入复选框 Type=checkbox 插入单选按钮Type=radio设置表单花样（前景色，背景色）style=color=ff0000;background-color:#00ff00练习制作包含如

20、下内容的表单（参考例3.18）乳品用户调查表：姓名：密码：月收入：1000以下 1000300030005000学历：（大专、本科、研究生、博士）您喜欢的产品：酸奶 液态奶 奶酪上传文件：建议：提交取消表格的使用作用：定位文本、排列数据操作：插入表格单元格内可添加：图像、文本、表格选择表格P110法：单击任一边框线法：单击某一单元格，Ctrl+A两次法：单击某一单元格，单击左下角表格的使用选择行（多行）：光标置于行首选择列（多列）：光标置于列顶选择多个单元格：按Ctrl 单击拆分/合并单元格练习1.新建一个网页，命名为“index.htm”，要求标题栏显示“音乐网”，背景颜色为淡绿色。2.在网

21、页中插入一个3行5列的表格，表格居中,第一行内容为“学院、新闻、音乐、教育、校友录”，其中“学院”链接到“威海职业学院首页”。3.在网页中制作一个滚动的字幕，内容为“音乐网欢迎你！”。4.在网页中插入跳转菜单，菜单项包括“新浪、百度、威海职业学院”。5.在网页中输入“与我联系”，单击该文字可以打开能够给你发邮件的程序窗口。练习制作包含如下内容的表单（参考例3.18）乳品用户调查表：姓名：密码：月收入：1000以下 1000300030005000学历：（大专、本科、研究生、博士）您喜欢的产品：酸奶 液态奶 奶酪上传文件：建议：提交取消框架页面创建框架页面法1：框架工具栏法2：文件新建框架集增加

22、框架法1：框架工具栏法2：直接从外边框向内拉删除框架拖动边框至外边框框架页面保存框架（每个框架是一个网页文件，另有一个总框架页）单个框架：光标定位在框架内，文件保存框架总框架页：单击边框，文件保存框架页设置框架选择单个框架：按Alt 单击该框架内部属性面板中（框架名、可否调整框架大小、是否有滚动条等）超链接的显示位置框架练习1.新建一个网页，该网页包含上下两个框架，上边框架页命名为“k1.htm”，下边框架页命名为“k2.htm”，整个框架命名为“zong.htm”。2.在上边框架中插入一幅图片（自选），单击该图片可以链接到“新浪”，并显示在下边框架内。3.在上边框架中输入“用户调查”，单击该

23、文字链接到“百度”，并以新窗口显示。层（网页布局工具）可移动、可重叠的网页部分插入层：插入层层属性：背景色、大小、位置、Z轴（数值越大越靠前）等例1：层内滚动字幕例2：浮动图片插入层层内插入图片修改时间轴增加对象到时间轴设置起止点（第1帧、最后1帧）位置 （路径可以是曲线，插入关键帧）首选参数P89编辑菜单参数选择层练习在网页中插入一个层，层背景设为粉黄色，在层中制作一个滚动的字幕效果，内容为“欢迎你！”，其中“”为你的中文姓名。对象行为一个行为是由一个事件所触发的动作组成的。行为动作：如弹出消息框、弹出窗口、播放音乐等行为事件：如onMouseOver（鼠标经过时）onMouseOut（鼠标

24、离开时）onClick（鼠标单击时）onLoad（网页载入时）打开行为面板 法1：窗口行为 法2：Shift+F3对象行为例1：打开网页时弹出新窗口本页面保存为index.htm弹出的页面保存为pop.htm（名字不含汉字名字不含汉字）在index.htm页面，窗口行为单击“”打开浏览器窗口事件onload对象行为例2：弹出提示信息（如当鼠标滑过、单击、双击文本、图片等时）选中图片（如果是文本，需要作空链接）窗口行为单击“”弹出信息事件onmousemove（onclick）（例例：禁止复制禁止复制时弹出信息，事件：时弹出信息，事件：onBeforeCopy）对象行为例3：设置状态条文本选中图

25、片（文本需要作空链接）窗口行为单击“”设置文本设置状态条文本事件onmousemove（鼠标指向对象时状态条的内容）事件 onmouseout（鼠标离开对象时状态条的内容）对象行为例4：给图片加文字提示（设置层文本）插入图片（或文字）插入层选中图片窗口行为单击“”设置文本设置层文本（输入提示内容）事件onmouseover（鼠标指向图片时显示提示内容）单击“”设置文本设置层文本（内容为空）事件onmouseout（鼠标离开图片时提示内容消失）对象行为例5：拖动层（图片）（如拼图游戏）插入3个层在层中分别插入图片窗口行为单击“”拖动层选择层设为：移动不限制事件onmouseover（可以拖动该层

26、即图片）对象行为例6：弹出式菜单插入一个表格（如1行3列）选中“第一项”，做空链接#窗口行为单击“”显示弹出式菜单设置菜单项（“缩进项”，可以设置子菜单）第一项第二项第三项对象行为例7：打开窗口时播放声音窗口行为单击“”播放声音选择声音文件（文件名不含汉字）事件onStart单击插件属性面板参数LOOP true，AUTOSTART trueHIDDEN（是否在网页中显示播放器）CSS P113CSS（Cascading Style Sheets）层叠样式表功能1.使多个网页快速获得一致的布局2.使网页更精炼（网页文件更小）CSS面板 法1：窗口CSS样式 法2：Shift+F11CSS P1

27、13新建CSS样式窗口CSS样式单击 新建CSS样式给当前CSS样式命名（以.开头，如.css1）保存为文件，如mycss.css （此类型文件为文本文件，可用记事本打开）设置具体的CSS样式（8个分类）（一个*.css文件可包含多个CSS样式，如mycss.css包含.css1、.css2、.css3）CSS P113将已有CSS样式应用于其他网页打开其他网页文件窗口CSS样式单击 附加样式表选择CSS样式表文件（*.css）创建站点 P90站点菜单新建站点站点名称（只作识别用）是否使用服务器技术如何连接到测试服务器用什么URL浏览站点根目录是否启用存回和取出文件完成简单的电子商务网站模块一

28、：用户管理 P1171.用户登录2.登录信息验证3.新用户注册4.用户信息修改模块二：商品展示和查询1.显示商品信息2.允许用户查询3.商品销售排行简单的电子商务网站模块三：购物车和订单生成1.订购商品2.购物车管理3.收银结算4.生成订单5.订单投诉用户管理模块建设 P1191.数据库设计（Access 2000）启动Access 2000新建数据库存为“db.mdb”双击“使用设计器创建表”表结构 如P120 图4.7文件保存表名为“member”用户管理模块建设 P1202.用户登录界面设计新建一个站点，站点保存在E:shangwuN下在IIS中将E:shangwuN设置为主目录建立in

29、dex.asp界面如图4.8代码 P 121用户管理模块建设 P1223.验证用户登录信息的页面设计创建login.asp代码 P123用户管理模块建设 P1244.新用户注册页面设计创建reg.asp表单 P124创建客户端验证文件：regsave.asp代码 P126P130数据库连接1.准备好一个Access数据库（shangpin.mdb），并添加记录2.创建数据源 控制面板管理工具数据源（ODBC）系统工具（SYSTEM DSN）添加Microsoft Access Driver(*.mdb)完成数据源名（如：mydsn）选择（已准备好的Access数据库）确定确定数据库连接3.创建

30、站点4.设置IIS（主目录）5.创建动态ASP页（如lx.asp）6.窗口“数据库”面板7.“数据库”面板 数据源名称8.连接名称（如：mylink）数据源名称（选择已创建的数据源，mydsn）（测试）确定数据库连接已完成数据库连接已完成在页面中显示数据库中的记录1.建立记录集 窗口“绑定”面板 记录集（查询）名称（如：Recordset1）连接（已创建的连接，如：mylink）选择字段（测试）确定2.在ASP页面中，添加表格（1行4列）3.将绑定”面板中的字段逐一拖动到单元格中4.F12 预览 目前只显示一条记录目前只显示一条记录在页面中显示数据库中的记录5.重复区域 选中表格窗口“服务器行

31、为”面板 重复区域记录集（如：Recordset1）一页显示的记录条数确定6.F12 预览在页面中向数据库中的增加记录在前一个练习的基础上继续进行1.建立用于输入数据的表单添加记录库存：日期：价格：产地：品名：条码：插入插入在页面中向数据库中的增加记录2.设置6个单行文本域的属性 文本域名称，如条码文本域，名称为：tiaoma 品名文本域，名称为：pinming 产地文本域，名称为：chandi 价格文本域，名称为：jiage 日期文本域，名称为：riqi 库存文本域，名称为：kucun在页面中向数据库中的增加记录3.插入记录 窗口“服务器行为”面板 插入记录选择连接（如：mylink）插入到

32、表格（detail）获取值自（form1）表单元素（每个表单项表单项对应对应插入的字段字段）确定4.F12 预览5.在页面中输入数据，单击 （插入数据可显示）6.设置检验主键数据（条码字段）是否重复 窗口“服务器行为”面板 用户身份验证/检查新用户名选择字段（如：tiaoma）确定插入插入页面中的分页显示在前一个练习的基础上继续进行1.在页面下部输入“始页 前1页 后1页 末页”2.选中“始页”窗口“服务器行为”面板 记录集分页/移至第一条记录选择记录集（如：Recordset1）确定3.选中“前1页”窗口“服务器行为”面板 记录集分页/移至前一条记录选择记录集（如：Recordset1）确定

33、4.选中“后1页”窗口“服务器行为”面板 记录集分页/移至下一条记录选择记录集（如：Recordset1）确定页面中的分页显示5.选中“末页”窗口“服务器行为”面板 记录集分页/移至最后一条记录选择记录集（如：Recordset1）确定完善页面完善页面（如：显示第1页时不出现“始页 前1页”）6.选中“始页”“前1页”窗口“服务器行为”面板 显示区域/如果不是第一条记录则显示选择记录集（如：Recordset1）确定7.“末页”“后1页”，同理。网站测试P207一、功能测试1、链接测试：链接测试可分为三个方面。首先，测试所有链接是否按指示的那样确实链接到了该链接的页面；其次，测试所链接的页面是

34、否存在；最后，保证Web应用系统上没有孤立的页面，所谓孤立页面是指没有链接指向该页面，只有知道正确的URL地址才能访问。网站测试2、表单测试当用户给Web应用系统管理员提交信息时，就需要使用表单操作，例如用户注册、登陆、信息提交等。在这种情况下，我们必须测试提交操作的完整性，以校验提交给服务器的信息的正确性。例如：用户填写的出生日期与职业是否恰当，填写的所属省份与所在城市是否匹配等。如果使用了默认值，还要检验默认值的正确性。如果表单只能接受指定的某些值，则也要进行测试。例如：只能接受某些字符，测试时可以跳过这些字符，看系统是否会报错。网站测试3、设计语言测试Web设计语言版本的差异可以引起客户

35、端或服务器端严重的问题，例如使用哪种版本的HTML等。当在分布式环境中开发时，开发人员都不在一起，这个问题就显得尤为重要。除了HTML的版本问题外，不同的脚本语言，例如Java、JavaScript、ActiveX、VBScript或Perl等也要进行验证。网站测试4、数据库测试在Web应用技术中，数据库起着重要的作用，数据库为Web应用系统的管理、运行、查询和实现用户对数据存储的请求等提供空间。在Web应用中，最常用的数据库类型是关系型数据库，可以使用SQL对信息进行处理。在使用了数据库的Web应用系统中，一般情况下，可能发生两种错误，分别是数据一致性错误和输出错误。数据一致性错误主要是由于

36、用户提交的表单信息不正确而造成的，而输出错误主要是由于网络速度或程序设计问题等引起的，针对这两种情况，可分别进行测试。网站测试二、性能测试1、连接速度测试用户连接到Web应用系统的速度根据上网方式的变化而变化，他们或许是电话拨号，或是宽带上网。当下载一个程序时，用户可以等较长的时间，但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长（例如超过5秒钟），用户就会因没有耐心等待而离开。另外，有些页面有超时的限制，如果响应速度太慢，用户可能还没来得及浏览内容，就需要重新登陆了。而且，连接速度太慢，还可能引起数据丢失，使用户得不到真实的页面。网站测试2、负载测试负载测试是为了测量Web系统在

37、某一负载级别上的性能，以保证Web系统在需求范围内能正常工作。负载级别可以是某个时刻同时访问Web系统的用户数量，也可以是在线数据处理的数量。例如：Web应用系统能允许多少个用户同时在线？如果超过了这个数量，会出现什么现象？Web应用系统能否处理大量用户对同一个页面的请求？网站测试三、可用性测试1、导航测试 在一个页面上放太多的信息往往起到与预期相反的效果。Web应用系统的用户趋向于目的驱动，很快地扫描一个Web应用系统，看是否有满足自己需要的信息，如果没有，就会很快地离开。很少有用户愿意花时间去熟悉Web应用系统的结构，因此，Web应用系统导航帮助要尽可能地准确。导航的另一个重要方面是Web

38、应用系统的页面结构、导航、菜单、连接的风格是否一致。确保用户凭直觉就知道Web应用系统里面是否还有内容，内容在什么地方。网站测试2、图形测试在Web应用系统中，适当的图片和动画既能起到广告宣传的作用，又能起到美化页面的功能。一个Web应用系统的图形可以包括图片、动画、边框、颜色、字体、背景、按钮等。图形测试的内容有：（1）要确保图形有明确的用途，图片或动画不要胡乱地堆在一起，以免浪费传输时间。Web应用系统的图片尺寸要尽量地小，并且要能清楚地说明某件事情，一般都链接到某个具体的页面。（2）验证所有页面字体的风格是否一致。（3）背景颜色应该与字体颜色和前景颜色相搭配。（4）图片的大小和质量也是一

39、个很重要的因素，一般采用JPG或GIF压缩。网站测试3、内容测试内容测试用来检验Web应用系统提供信息的正确性、准确性和相关性。信息的正确性是指信息是可靠的还是误传的。例如，在商品价格列表中，错误的价格可能引起财政问题甚至导致法律纠纷；信息的准确性是指是否有语法或拼写错误。这种测试通常使用一些文字处理软件来进行，例如使用MicrosoftWord的拼音与语法检查功能；信息的相关性是指是否在当前页面可以找到与当前浏览信息相关的信息列表或入口，也就是一般Web站点中的所谓相关文章列表。网站测试四、客户端兼容性测试1、平台测试市场上有很多不同的操作系统类型，最常见的有Windows、Unix、Mac

40、intosh、Linux等。Web应用系统的最终用户究竟使用哪一种操作系统，取决于用户系统的配置。这样，就可能会发生兼容性问题，同一个应用可能在某些操作系统下能正常运行，但在另外的操作系统下可能会运行失败。因此，在Web系统发布之前，需要在各种操作系统下对Web系统进行兼容性测试。网站测试2、浏览器测试浏览器是Web客户端最核心的构件，来自不同厂商的浏览器对Java、JavaScript、ActiveX、plug-ins或不同的HTML规格有不同的支持。例如，ActiveX是Microsoft的产品，是为InternetExplorer而设计的，JavaScript是Netscape的产品，J

41、ava是Sun的产品等等。另外，框架和层次结构风格在不同的浏览器中也有不同的显示，甚至根本不显示。不同的浏览器对安全性和Java的设置也不一样。网站测试五、安全性测试（1）现在的Web应用系统基本采用先注册，后登陆的方式。因此，必须测试有效和无效的用户名和密码，要注意到是否大小写敏感，可以试多少次的限制，是否可以不登陆而直接浏览某个页面等。（2）Web应用系统是否有超时的限制，也就是说，用户登陆后在一定时间内（例如15分钟）没有点击任何页面，是否需要重新登陆才能正常使用。(3）为了保证Web应用系统的安全性，日志文件是至关重要的。需要测试相关信息是否写进了日志文件、是否可追踪。网站测试Drea

42、mweaver中测试方式文件检查页数据库应用练习创建一个Access数据库，用来存放注册用户的信息（至少包括用户名（username）、密码（password）、出生日期（birthday）、月收入（income）、邮箱（email）等字段），名为yonghu.mdb创建一个站点设置IIS创建一个ASP页面以yonghu.mdb为目标创建一个数据源数据库应用练习将该数据源连接到当前ASP页面使该页面具有下列功能：1.可以显示已经注册用户的信息（即yonghu.mdb 中的用户信息），并可以向前和向后翻页2.在页面下方有新用户注册表单（即可以向yonghu.mdb 中添加新用户信息）3.可以实现新用户注册时，如果出现用户名重复，可以转到出错信息提示页面（提前制作一个）网站发布网站发布结构化查询语句 SQL基本格式 select 目标列 from 数据表 where 查询条件表达式 order by 列名desc利用记录集来学习窗口“绑定”面板 记录集（查询）名称（如：Recordset1）连接（已创建的连接，如：mylink）选择字段筛选 顺序（测试）复杂确定浮动广告代码在页面中加入“QQ按钮”代码 在页面中加入“百度搜索”代码在页面中加入“Google搜索”代码