电子商务淘宝网站程序.docx

资源ID：1673532 资源大小：1.40MB 全文页数：39页
资源格式： DOCX 下载积分：16金币

快捷下载

会员登录下载

三方登录下载：

下载资源需要16金币

邮箱/手机：
温馨提示：	用户名和密码都是您填写的邮箱或者手机号，方便查询和重复下载（系统自动生成）
支付方式：
验证码：	换一换

加入VIP免费专享

账号：
密码：
验证码：	换一换
当日自动登录忘记密码？

友情提示

1、下载资料失败解决办法

2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。

3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。

4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。

5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。

网站客服

侵权投诉

电子商务淘宝网站程序.docx

1、实验目的1、使学生了解网上商店的主要作用及其与一般管理信息系统的差异，要求学生明确网上商店设计、开发、建造过程中的主要技术热点和前沿问题。2、要求学生掌握网上商店的生命周期的基本概念，理解网上商店分析设计和开发的各个主要阶段及其主要任务，了解网上商店分析开发过程与一般管理信息系统的差异，了解网上商店开发过程中的人员组织及其职责。3、要求学生理解水平型网站、垂直型网站、综合型网站的主要特征、作用及其核心技术。4、要求学生掌握网站设计的基本思路和过程。 5、了解电子商务网站设计常用组件，掌握首页设计、页面可视化设计、网站的风格和创意设计、网站的栏目和版块设计、网站的目录结构和链接结构确定的要点。 2、实验原理电子商务系统的系统开发生命周期主要包括如下5个方面：（1）系统分析规划：选定商业模式，确定商业目标、系统功能及信息需求（2）系统设计：逻辑设计与物理设计（3）系统开发：企业内部开发与系统外包（4）系统实施：一项复杂的系统工程（5）系统运行/维护：保证系统正常运行一个一般的网站的设计思路与过程为：1、客户需求分析2、网站表现形式分析：1）网站整体风格：2) 网页设计理念：3）网站配色方案4) 网站构架3、网站功能设计1）前台功能设计2）后台模块功能设计3、实验内容1、主页代码<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!-import url("css/001.css");-></style> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title></title> <script language="javascript"> /图片滚动列表 mengjia 070927 var Speed_1 = 10; /速度(毫秒) var Space_1 = 40; /每次移动(px) var PageWidth_1 = 116 * 3; /翻页宽度 var interval_1 = 7000; /翻页间隔 var fill_1 = 0; /整体移位 var MoveLock_1 = false; var MoveTimeObj_1; var MoveWay_1="right" var Comp_1 = 0; var AutoPlayObj_1=null; function GetObj(objName)if(document.getElementById)return eval('document.getElementById("'+objName+'")')elsereturn eval('document.all.'+objName) function AutoPlay_1()clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1) function ISL_GoUp_1()if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="left"MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1); function ISL_StopUp_1()if(MoveWay_1 = "right")return;clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_1').scrollLeft-fill_1)%PageWidth_1!=0)Comp_1=fill_1-(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1);CompScr_1()elseMoveLock_1=false AutoPlay_1() function ISL_ScrUp_1()if(GetObj('ISL_Cont_1').scrollLeft<=0)GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft+GetObj('List1_1').offsetWidth GetObj('ISL_Cont_1').scrollLeft-=Space_1 function ISL_GoDown_1()clearInterval(MoveTimeObj_1);if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1="right"ISL_ScrDown_1();MoveTimeObj_1=setInterval('ISL_ScrDown_1()',Speed_1) function ISL_StopDown_1()if(MoveWay_1 = "left")return;clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1-(fill_1>=0?fill_1:fill_1+1)!=0)Comp_1=PageWidth_1-GetObj('ISL_Cont_1').scrollLeft%PageWidth_1+fill_1;CompScr_1()elseMoveLock_1=false AutoPlay_1() function ISL_ScrDown_1()if(GetObj('ISL_Cont_1').scrollLeft>=GetObj('List1_1').scrollWidth)GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft-GetObj('List1_1').scrollWidth GetObj('ISL_Cont_1').scrollLeft+=Space_1 function CompScr_1()if(Comp_1=0)MoveLock_1=false;return var num,TempSpeed=Speed_1,TempSpace=Space_1;if(Math.abs(Comp_1)<PageWidth_1/2)TempSpace=Math.round(Math.abs(Comp_1/Space_1);if(TempSpace<1)TempSpace=1 if(Comp_1<0)if(Comp_1<-TempSpace)Comp_1+=TempSpace;num=TempSpaceelsenum=-Comp_1;Comp_1=0 GetObj('ISL_Cont_1').scrollLeft-=num;setTimeout('CompScr_1()',TempSpeed)elseif(Comp_1>TempSpace)Comp_1-=TempSpace;num=TempSpaceelsenum=Comp_1;Comp_1=0 GetObj('ISL_Cont_1').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed) function picrun_ini() GetObj("List2_1").innerHTML=GetObj("List1_1").innerHTML; GetObj('ISL_Cont_1').scrollLeft=fill_1>=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1); GetObj("ISL_Cont_1").onmouseover=function()clearInterval(AutoPlayObj_1) GetObj("ISL_Cont_1").onmouseout=function()AutoPlay_1() AutoPlay_1(); /产品展示滚动图片结束 /-> </script> <style type="text/css"> <!- BODY BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px; FONT-FAMILY: 宋体; BACKGROUND-COLOR: #fff; BORDER-RIGHT-WIDTH: 0px .blk_18 BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; MARGIN-TOP: 8px; FONT-SIZE: 12px; BACKGROUND: #f3f3f3; OVERFLOW: hidden; BORDER-LEFT: #e3e3e3 1px solid; WIDTH: 390px; BORDER-BOTTOM: #e3e3e3 1px solid; ZOOM: 1 .blk_18 .pcont FLOAT: left; OVERFLOW: hidden; WIDTH: 350px .blk_18 .ScrCont WIDTH: 32766px; ZOOM: 1 .blk_18 #List1_1 FLOAT: left .blk_18 #List2_1 FLOAT: left .blk_18 .LeftBotton BACKGROUND: url(http:/www.CsrC no-repeat; FLOAT: left; MARGIN: 10px 1px; WIDTH: 15px; HEIGHT: 72px .blk_18 .RightBotton BACKGROUND: url(http:/www.CsrC no-repeat; FLOAT: left; MARGIN: 10px 1px; WIDTH: 15px; HEIGHT: 72px .blk_18 .LeftBotton BACKGROUND-POSITION: 0px 0px; MARGIN-LEFT: 5px .blk_18 .RightBotton BACKGROUND-POSITION: 0px -100px; MARGIN-LEFT: -1px .blk_18 .LeftBotton:hover BACKGROUND-POSITION: -20px 0px .blk_18 .RightBotton:hover BACKGROUND-POSITION: -20px -100px .blk_18 .pl IMG DISPLAY: block; MARGIN: 6px auto 1px; CURSOR: pointer; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none .blk_18 .pl BORDER-RIGHT: #f3f3f3 1px solid; BORDER-TOP: #f3f3f3 1px solid; FLOAT: left; BORDER-LEFT: #f3f3f3 1px solid; WIDTH: 114px; LINE-HEIGHT: 24px; BORDER-BOTTOM: #f3f3f3 1px solid; TEXT-ALIGN: center; TEXT-DECORATION: underline .blk_18 A.pl:hover BORDER-RIGHT: #ff9900 1px solid; BORDER-TOP: #ff9900 1px solid; BACKGROUND: #fff; BORDER-LEFT: #ff9900 1px solid; COLOR: #ff9900; BORDER-BOTTOM: #ff9900 1px solid .commu_cont3 MARGIN: 9px 7px 7px; LINE-HEIGHT: 150% .commu_cont3 UL WIDTH: 188px .blk_181 BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; MARGIN-TOP: 8px; FONT-SIZE: 12px; BACKGROUND: #f3f3f3; OVERFLOW: hidden; BORDER-LEFT: #e3e3e3 1px solid; WIDTH: 390px; BORDER-BOTTOM: #e3e3e3 1px solid; ZOOM: 1.STYLE1 font-size: 36px.STYLE2 color: #FFFFFF;font-family: "新宋体"font-weight: bold;.STYLE4 font-size: 18px;color: #FFFFFF; -> </style></head><body><table width="1500" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="166" height="91" rowspan="2" bgcolor="#FF0000"> </td> <td width="162" rowspan="2" bgcolor="#FF0000"><img src="photo/cczu.jpg" width="126" height="114" /></td> <td width="407" rowspan="2" bgcolor="#FF0000"> <span class="STYLE1"> <!- picrotate_left start -> <script type="text/javascript"><!- picrun_ini() /-> </script> <!- picrotate_left end -> <span class="STYLE2">常大发饰官方旗舰店</span></span></td> <td width="148" rowspan="2" bgcolor="#FF0000"><a href="" class="STYLE4"></a></td> <td width="617" height="63" bgcolor="#FF0000"> </td> </tr> <tr> <td bgcolor="#FF0000"><a href="登陆.html"><img src="photo/登陆.gif" width="75" height="25" border="0" /></a> <a href="注册.htm"><img src="photo/注册.gif" width="74" height="25" border="0" /></a></td> </tr> <tr> <td colspan="5"> </td> </tr></table><p><marquee behavior="scroll"direction="left"scrolldeyay="150"onMouseOut=this.start()onMouseOver=this.stop()with="120"height="150"><a href="发饰1.html">甩卖</a><br><br><a href="发饰2.html">包邮</a></marquee> </p><p> </p><table width="1000" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="284"> </td> <td width="497"><!- picrotate_left start -> <DIV class="blk_18"><A onmouseup="ISL_StopUp_1()" class="LeftBotton" onmousedown="ISL_GoUp_1()" onmouseout="ISL_StopUp_1()" href="javascript:void(0);" target="_self"></A> <DIV class="pcont" id="ISL_Cont_1"> <DIV class="ScrCont"> <DIV id="List1_1"> <!- piclist begin -> <A class="pl" arget="_blank"><IMG height="100" src="01.jpg" width="100"></A> <A class="pl" target="_blank"><IMG height="100" src="02.jpg" width="100"></A> <A class="pl" target="_blank"><IMG height="100" src="03.jpg" width="100"></A> <A class="pl" target="_blank"><IMG height="100" src="04.jpg" width="100"></A> <A class="pl" target="_blank"><IMG height="100" src="05.jpg" width="100"></A> <A class="pl" target="_blank"><IMG height="100" src="06.jpg" width="100"></A> <A class="pl" target="_blank"><IMG height="100" src="07.jpg" width="100"></A> <!- piclist end -> </DIV> <DIV id="List2_1"> </DIV> </DIV> </DIV> <A onmouseup="ISL_StopDown_1()" class="RightBotton" onmousedown="ISL_GoDown_1()" onmouseout="ISL_StopDown_1()" href="javascript:void(0);" target="_self"></A> </DIV> </td> <td width="109"> </td> <td width="110"><embed src="adv.avi"widt="300"height="300"loop=-1 autostart=false> <script type=text/javascript> <!- picrun_ini() /-> </script> <!- picrotate_left end -> </embed></td> </tr></table><p> </p><table width="1001" height="36" border="0" align="center" cellpadding="0" cellspacing="0" class="font"> <tr> <td width="62" background="photo/背景1.jpg" class="font"> </td> <td width="73" background="photo/背景1.jpg">首页</td> <td width="76" background="photo/背景1.jpg">新品</td> <td width="120" background="photo/背景1.jpg">网络精品</td> <td width="151" background="photo/背景1.jpg">奥地利水钻</td> <td width="138" background="photo/背景1.jpg">奥地利水晶</td> <td width="123" background="photo/背景1.jpg">野性豹纹</td> <td width="129" background="photo/背景1.jpg">购物须知</td> <td width="82" background="photo/背景1.jpg">盘发教程</td> <td width="47" background="photo/背景1.jpg"> </td> </tr></table><table width="964" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="178" height="165" rowspan="2" background="photo/背景2.jpg"> </td> <td colspan="2" background="photo/背景2.jpg"><p><img src="photo/a1.jpg" width="243" height="286" /></p> <p><a href="发饰1.html"> </a></p></td> <td colspan="2" background="photo/背景2.jpg"><p><img src="photo/a2.jpg" width="237" height="285" /></p> <p> </p></td> <td colspan="2" background="photo/背景2.jpg"><p><img src="photo/a3.jpg" width="237" height="285" /></p> <p> </p></td> </tr> <tr> <td width="107" background="photo/背景2.jpg" class="font2"> </td> <td width="145" background="photo/背景2.jpg" class="font2"><a href="发饰1.html">抢购</a></td> <td width="113" background="photo/背景2.jpg" class="font2"> </td> <td width="153" background="photo/背景2.jpg" class="font2"><a href="发饰2.html">抢购</a></td> <td width="107" background="photo/背景2.jpg" class="font2"> </td> <td width="161" background="photo/背景2.jpg" class="font2">抢购</td> </tr> <tr> <td height="315" background="photo/背景2.jpg"> </td> <td colspan="2" background="photo/背景2.jpg"><img src="photo/a4.jpg" width="239" height="289" /></td> <td colspan="2" background="photo/背景2.jpg"><img src="photo/a5.jpg" width="236" height="296" /></td> <td colspan="2" background="photo/背景2.jpg"><img src="photo/a6.jpg" width="236" height="293" /></td> </tr></table><p> </p><p> </p></body></html>2、商品1网页代码<!DOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Transitional/EN" "http:/www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:/www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!-.blk_18 BORDER-RIGHT: #e3e3e3 1px solid; BORDER-TOP: #e3e3e3 1px solid; MARGIN-TOP: 8px; FONT-SIZE: 12px; BACKGROUND: #f3f3f3; OVERFLOW: hidden; BORDER-LEFT: #e3e3e3 1px solid; WIDTH: 390px; BORDER-BOTTOM: #e3e3e3 1px solid; ZOOM: 1-></style><link href="css/001.css" rel="stylesheet" type="text/css" /><style type="text/css"><!-.STYLE1 font-size: 36px.STYLE2 color: #FFFFFF;font-family: "新宋体"font-weight: bold;.STYLE4 font-size: 18px;color: #FFFFFF;-></style></head><body><table width="1500" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="130" height="91" bgcolor="#FF0000"> </td> <td width="131" bgcolor="#FF0000"><img src="photo/cczu.jpg" width="126" height="114" /></td> <td width="422" bgcolor="#FF0000"> <span class="STYLE1"> <!- picrotate_left start -> <SCRIPT type=text/javascript><!- picrun_ini() /-> </SCRIPT> <!- picrotate_left end -> <span class="STYLE2">常大发饰官方旗舰店</span></span></td> <td width="817" bgcolor="#FF0000"><a href="" class="STYLE4"></a></td> </tr> <tr> <td colspan="4"> </td> </tr></table><p> </p><p> </p><table width="1001" height="36" border="0" align="center" cellpadding="0" cellspacing="0" class="font"> <tr> <td width="62" background="photo/背景1.jpg" class="font"> </td> <td width="73" background="photo/背景1.jpg"><a href="index.html">首页</a></td> <td width="76" background="photo/背景1.jpg">新品</td> <td width="120" background="photo/背景1.jpg">网络精品</td> <td width="151" background="photo/背景1.jpg">奥地利水钻</td> <td width="138" background="photo/背景1.jpg">奥地利水晶</td> <td width="123" background="photo/背景1.jpg">野性豹纹</td> <td width="129" background="photo/背景1.jpg">购物须知</td> <td width="82" background="photo/背景1.jpg">盘发教程</td> <td width="47" background="photo/背景1.jpg"> </td> </tr></table><table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="325" colspan="3" background="photo/背景2.jpg"><style type="text/css"> .img_warp width:318px; _height:199px; _overflow:hidden; border:1px solid #ccc;padding:0px;margin-left:0px; margin-top:0px; position:absolute;top:0px; left:0px; .img_warpposition:relative;top:0px; left:0px;/*cursor:crosshair*/ .img_warp .current width:318px;height:199px </style> <script type="text/javascript"> var $E = function(opts) function _(objId)return (typeof objId = "string")?document.getElementById(objId):objId; var beImg,expand,clip,cover,warp,expImg; var clipWidth,clipHeight; var closeTimeId = null; var mult = 1; /图片放大倍数,根据裁剪框和放大后图片容器的大小自动调整 /init (function()

注意事项

本文（电子商务淘宝网站程序.docx）为本站会员（牧羊曲112）主动上传，三一办公仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对上载内容本身不做任何修改或编辑。若此文所含内容侵犯了您的版权或隐私，请立即通知三一办公（点击联系客服），我们立即给予删除！

温馨提示：如果因为网速或其他原因下载失败请重新下载，重复下载不扣分。