3901130721-谭淇蔚-电子商务实验2ouz.docx
-
资源ID：62684120
资源大小：1.80MB
全文页数：46页
- 资源格式： DOCX
下载积分：20金币
快捷下载
会员登录下载
微信登录下载
三方登录下载：
微信扫一扫登录
|
友情提示
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。
5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。
|
3901130721-谭淇蔚-电子商务实验2ouz.docx
Evaluation Warning: The document was created with Spire.Doc for .NET.电子商务应用实验报告项目名称 电子商务网站设计与网络营销实验专业班级 软件工程1307班 学 号 3901130721 姓 名 谭淇蔚 实验成绩：批阅教师：2015年 11 月 19 日实验2电电子商务网网站设计与与网络营销销实验实验学时： 2学时时 实验地点： XX202 实验日期：20155年11月19日星期期五一、实验目目的设计电子商商务网站静静态首页，确确定系统的的技术路线线和开发计计划，熟悉悉常用的网网络营销技技术，分析析它们的优优缺点和实实施流程，运运用所学网网络营销技技术制订网网络营销方方案。二、实验内内容和方法法1. 根据据实验一的的选题和网网站功能模模块结构图图，设计网网站静态首首页（httml或htm格式式），可采采用Adoobe FFirewworkss，Adobbe Drreamwweaveer，Adobbe Phhotosshop等等网页设计计和制作工工具，也可可直接通过过文本编辑辑工具撰写写HTMLL源代码；2. 确定定系统的技技术路线和和开发计划划，选择开开发平台和和运行平台台等，包括括开发工具具、开发语语言（服务务器端编程程语言）、Web服务务器中间件件、服务器器操作系统统、DBMMS（数据据库管理系系统）等，制制定项目开开发进度计计划，明确确每一阶段段的时间安安排和主要要任务；3. 通过过查阅相关关资料，对对比分析几几种常用的的网络营销销技术，包包括其优缺缺点、实施施流程、成成本分析和和实施难点点等；4. 根据据选题，选选择至少两两种网络营营销技术，提提供一份网网络营销方方案。三、实验要要求1. 设计计并制作完完整的网站站静态首页页（严禁大大面积抄袭袭现行网站站系统）；2. 选择择合适的技技术路线，正正确填写项目开发发进度计划划表；3. 正确确填写常常用网络营营销技术对对比分析表表；4. 选择择合适的网网络营销技技术，撰写写完整的网网络营销方方案。四、实验步步骤1. 根据据选题和网网站功能模模块结构图图，设计并并制作网站站静态首页页；下面2. 根据据网站规模模和个人技技术特长，选选择合适的的技术路线线，填写项目开发发进度计划划表；3. 通过过搜索引擎擎搜索并查查阅相关资资料，填写写常用网网络营销技技术对比分分析表；4. 选择择至少两种种网络营销销技术，制制订网络营营销方案。五、实验结结果1. 根据据选题和网网站功能模模块结构图图，设计并并制作网站站静态首页页；解:这是最先引引入页的界界面:点击有爱商商城的的标志进入入商城主页页面这是主页面面的静态展展示图：如果想看全全部的页面面，请查看看我随着文文档附加的的材料，运运行即可。运行环境境最好是火火狐浏览器器。这是网页源源代码:欢迎页的源源代码：<!DOCCTYPEE htmml><htmml><hhead langg="enn"> <tittle>欢欢迎来到""有"爱商商城</ttitlee> <meeta hhttp-equiiv="cconteent-ttype"" conntentt="teext/hhtml; chaarsett=utff-8" /> <meeta nname="desscripptionn" coontennt="先先入页" /> <meeta nname="keyywordds" cconteent=""有爱商城城" />> <scrript src="js/skell.minn.js""></sscrippt> <sscrippt srrc="jjs/innit.jjs"><</scrript>> <linnk reel="sstyleesheeet" hhref="csss/styyles.css"" /> <nooscriipt> <<linkk rell="sttylessheett" hrref=""css/skell.csss" />> <linnk reel="sstyleesheeet" hhref="csss/styyle-wwide.css"" /> <liink rrel=""styllesheeet" hreff="csss/sttyle-nosccriptt.csss" />> </nooscriipt><</heaad> <bbody classs="lloadiing">> <divv id="wraapperr"> <divv id="bg""></ddiv> <<div id="ooverllay">></diiv> <ddiv iid="mmain""> <!- Heaader -> <<headder iid="hheadeer"> <h1>>"有"爱爱商城</h1> <<p>Frridenndshiip & p;&buull;& p; Loove & p;&buull;& p; Kiinshiip</pp> <naav> <uul> <lli><aa hreef="iindexx.htmml" cclasss="faa fa-twittter"" tittle=""主页">><spaan>Twwitteer</sspan>></a>></lii> <lii><a hreff="#"" claass=""fa ffa-ennveloope-oo" tiitle="与我联联系"><<spann>Emaail</spann></aa></lli> </ul> <</navv> </hheadeer> <!- FFooteer -> <foooterr id="foooter""> <spaan cllass="coppyrigght">>&coppy; 软软件13007班谭淇淇蔚所制<</spaan> </footter> <</divv> </ddiv> <</boddy></htmll>这是主页面面的源代码码:<!DOCCTYPEE HTMML><htmml><!- AAddedd by HTTrrack -><<metaa htttp-eqquiv="conntentt-typpe" cconteent=""textt/htmml;chharseet=uttf-8"" /><!- /Added by HTTrack -><head> <meta charset="UTF-8"> <meta name="description" content=""> <meta name="keywords" content=""> <title>有爱商城</title> <link rel="shortcut icon" href="loveicon.ico"> <link href="css/style.css" media="screen" rel="stylesheet" type="text/css"> <link href="css/grid.css" media="screen" rel="stylesheet" type="text/css"> <script src="js/jquery-1.7.2.min.js" ></script> <script src="js/html5.js" ></script> <script src="js/jflow.plus.js" ></script> <script src="js/jquery.carouFredSel-5.2.2-packed.js"></script> <script> $(document).ready(function() $("#myController").jFlow( controller: ".control", / must be class, use . sign slideWrapper : "#jFlowSlider", / must be id, use # sign slides: "#slider", / the div where all your sliding divs are nested in selectedWrapper: "jFlowSelected", / just pure text, no sign width: "984px", / this is the width for the content-slider height: "480px", / this is the height for the content-slider duration: 400, / time in miliseconds to transition one slide prev: ".slidprev", / must be class, use . sign next: ".slidnext", / must be class, use . sign auto: true ); ); </script> <script> $(function() $('#list_product').carouFredSel( prev: '#prev_c1', next: '#next_c1', auto: false ); $('#list_product2').carouFredSel( prev: '#prev_c2', next: '#next_c2', auto: false ); $(window).resize(); ); </script> <script> $(document).ready(function() $("button").click(function() $(this).addClass('click') ); ) </script></head><body> <div class="container_12"> <div id="top"> <div class="grid_3"> <div class="phone_top"> Call Us   13117314737 </div><!- .phone_top -> </div><!- .grid_3 -> <div class="grid_6"> <div class="welcome"> 亲爱的游客你可以<a href="#">登陆</a>或者<a href="#">注册账号</a>. </div><!- .welcome -> </div><!- .grid_6 -> <div class="grid_3"> <div class="valuta"> <ul> <li class="curent"><a href="#">¥</a></li> <li><a href="#">£</a></li> <li><a href="#">¢</a></li> </ul> </div><!- .valuta -> <div class="lang"> <ul> <li class="curent"><a href="#">中文</a></li> <li><a href="#">英语</a></li> <li><a href="#">美语</a></li> </ul> </div><!- .lang -> </div><!- .grid_3 -> </div><!- #top -> <div class="clear"></div> <header id="branding"> <div class="grid_3"> <hgroup> <h1 id="site_logo" ><a href="index.html" title=""><img src="images/LOGO.jpg" alt="Online Store Theme Logo"/></a></h1> <h2 id="site_description"> Have Love Store</h2> </hgroup> </div><!- .grid_3 -> <div class="grid_3"> <form class="search"> <input type="text" name="search" class="entry_form" value="" placeholder="在这里搜索商品"/> </form> </div><!- .grid_3 -> <div class="grid_6"> <ul id="cart_nav"> <li> <a class="cart_li" href="#">购物车 <span>$0.00</span></a> <ul class="cart_cont"> <li class="no_border"><p>最近添加的商品</p></li> <li> <a href="#" class="prev_cart"><div class="cart_vert"><img src="images/cart_img.png" alt="" title="" /></div></a> <div class="cont_cart"> <h4>教师节鲜花</h4> <div class="price">1 x $399.00</div> </div> <a title="close" class="close" href="#"></a> <div class="clear"></div> </li> <li> <a href="#" class="prev_cart"><div class="cart_vert"><img src="images/produkt_slid1.png" alt="" title="" /></div></a> <div class="cont_cart"> <h4>拉菲红酒</h4> <div class="price">1 x $399.00</div> </div> <a title="close" class="close" href="#"></a> <div class="clear"></div> </li> <li class="no_border"> <a href="#" class="view_cart">查看购物订单</a> <a href="#" class="checkout">进一步确认</a> </li> </ul> </li> </ul> <nav class="private"> <ul> <li><a href="#">我的账户</a></li> <li class="separator">|</li> <li><a href="#">我的订单</a></li> <li class="separator">|</li> <li><a href="#">登录</a></li> <li class="separator">|</li> <li><a href="#">注册</a></li> </ul> </nav><!- .private -> </div><!- .grid_6 -> </header><!- #branding -> </div><!- .container_12 -> <div class="clear"></div> <div id="block_nav_primary"> <div class="container_12"> <div class="grid_12"> <nav class="primary"> <ul> <li class="curent"><a href="index.html">首页</a></li> <li><a href="#">酒类</a></li> <li><a href="#">鲜花</a></li> <li> <a href="#">性别</a> <ul class="sub"> <li><a href="#">男性</a></li> <li><a href="#">女性</a></li> </ul> </li> <li> <a href="#">年龄</a> <ul class="sub"> <li><a href="#">婴儿</a></li> <li><a href="#">孩童</a></li> <li><a href="#">少年</a></li> <li><a href="#">青年</a></li> <li><a href="#">年轻人</a></li> <li><a href="#">中年人</a></li> <li><a href="#">老年人</a></li> </ul> </li> <li> <a href="#">送人类别</a> <ul class="sub"> <li><a href="#">对同学</a></li> <li><a href="#">对父母</a></li> <li><a href="#">对爱人</a></li> <li><a href="#">对孩子</a></li> <li><a href="#">对教师</a></li> <li><a href="#">对同事</a></li> <li><a href="#">对领导</a></li> </ul> </li> <li> <a href="#">送礼场合</a> <ul class="sub"> <li><a href="#">生日</a></li> <li><a href="#">祝贺</a></li> <li><a href="#">纪念</a></li> <li><a href="#">结婚</a></li> <li><a href="#">乔迁</a></li> <li><a href="#">答谢</a></li> <li><a href="#">分别</a></li> <li><a href="#">道歉</a></li> <li><a href="#">奖励</a></li> <li><a href="#">生子</a></li> </ul> </li> <li> <a href="#">人群分类</a> <ul class="sub"> <li><a href="#">有车一族</a></li> <li><a href="#">月光一族</a></li> <li><a href="#">浪漫一族</a></li> <li><a href="#">办公一族</a></li> <li><a href="#">运动一族</a></li> <li><a href="#">学生一族</a></li> <li><a href="#">时尚一族</a></li> <li><a href="#">养生一族</a></li> <li><a href="#">个性一族</a></li> <li><a href="#">旅游一族</a></li> <li><a href="#">有房一族</a></li> </ul> </li> <li> <a href="#">星座分类</a> <ul class="sub"> <li><a href="#">金牛座</a></li> <li><a href="#">双子座</a></li> <li><a href="#">双鱼座</a></li> <li><a href="#">狮子座</a></li> <li><a href="#">天蝎座</a></li> <li><a href="#">摩羯座</a></li> <li><a href="#">白羊座</a></li> <li><a href="#">处女座</a></li> <li><a href="#">天枰座</a></li> <li><a href="#">巨蟹座</a></li> <li><a href="#">水瓶座</a></li> <li><a href="#">射手座</a></li> </ul> </li> </ul> </nav><!- .primary -> </div><!- .grid_12 -> </div><!- .container_12 -> </div><!- .block_nav_primary -> <div class="clear"></div> <div class="container_12"> <div class="grid_12"> <div class="slidprev"><span>Prev</span></div> <div class="slidnext"><span>Next</span></div> <div id="slider"> <div id="slide1"> <img src="images/content/slide1.png" alt="" title="" /> </div> <div id="slide2"> <img src="images/content/slide2.png" alt="" title="" /> </div> <div id="slide3"> <img src="images/content/slide3.png" alt="" title="" /> </div> </div><!- .slider -> <div id="myController"> <div class="control"><span>1</span></div> <div class="control"><span>2</span></div> <div class="control"><span>3</span></div> </div> </div><!- .grid_12 -> </div><!- .container_12 -> <div class="copyrights">网站设计<a href="#" title="版权所有">版权所有</a></div> <div class="clear"></div> <section id="main" class="home"> <div class="container_12"> <div id="top_button"> <div class="grid_4"> <a href="#" class="button_block best_price"> <img src="images/banner1.jpg" alt="最好的价格"/> </a><!- .best_price -> </div><!- .grid_4 -> <div class="grid_4"> <a href="#" class="button_block new_smells"> <img src="images/banner2.jpg" alt="Banner 2"/> </a><!- .new smells -> </div><!- .grid_4 -> <div class="grid_4"> <a href="#" class="button_block only_natural"> <img src="images/banner3.jpg" alt="Banner 3"/> </a><!- .only_natural -> </div><!- .grid_4 -> <div class="clear"></div> </div><!- #top_button -> <div class="clear"></div> <div class="carousel"> <div class="c_header"> <div class="grid_10"> <h2>热门商品</h2> </div><!- .grid_10 -> <div class="grid_2"> <a id="next_c1" class="next arows" href="#"><span>Next</span></a> <a id="prev_c1" class="prev arows" href="#"><span>Prev</span></a> </div><!- .grid_2 -> </div><!- .c_header -> <div class="list_carousel"> <ul id="list_product" class="list_product"> <li class=""> <div class="grid_3 product"> <img class="sale" src="images/sale.png" alt="Sale"/> <div class="prev"> <a href="#"><img src="images/product_1.png" alt="" title="" /></a> </div><!- .prev -> <h3 class="title">拉菲红酒 官方防伪正品 法国原瓶进口 尚品波尔多干红葡萄酒6支装</h3> <div class="cart"> <div class="price"> <div class="vert"> <div class="price_
