3901130721-谭淇蔚-电子商务实验2.docx
-
资源ID：1661972
资源大小：1.84MB
全文页数：45页
- 资源格式： DOCX
下载积分：16金币
|
友情提示
2、PDF文件下载后，可能会被浏览器默认打开，此种情况可以点击浏览器菜单，保存网页到桌面，就可以正常下载了。
3、本站不支持迅雷下载，请使用电脑自带的IE浏览器，或者360浏览器、谷歌浏览器下载即可。
4、本站资源下载后的文档和图纸-无水印,预览文档经过压缩，下载后原文更清晰。
5、试题试卷类文档，如果标题没有明确说明有答案则都视为没有答案，请知晓。
|
3901130721-谭淇蔚-电子商务实验2.docx
电子商务应用实验报告项目名称 电子商务网站设计与网络营销实验专业班级 软件工程1307班 学 号 3901130721 姓 名 谭淇蔚 实验成绩：批阅教师：2015年 11 月 19 日实验2电子商务网站设计与网络营销实验实验学时： 2学时 实验地点： X202 实验日期：2015年11月19日星期五一、实验目的设计电子商务网站静态首页，确定系统的技术路线和开发计划，熟悉常用的网络营销技术，分析它们的优缺点和实施流程，运用所学网络营销技术制订网络营销方案。二、实验内容和方法1. 根据实验一的选题和网站功能模块结构图，设计网站静态首页（html或htm格式），可采用Adobe Fireworks，Adobe Dreamweaver，Adobe Photoshop等网页设计和制作工具，也可直接通过文本编辑工具撰写HTML源代码；2. 确定系统的技术路线和开发计划，选择开发平台和运行平台等，包括开发工具、开发语言（服务器端编程语言）、Web服务器中间件、服务器操作系统、DBMS（数据库管理系统）等，制定项目开发进度计划，明确每一阶段的时间安排和主要任务；3. 通过查阅相关资料，对比分析几种常用的网络营销技术，包括其优缺点、实施流程、成本分析和实施难点等；4. 根据选题，选择至少两种网络营销技术，提供一份网络营销方案。三、实验要求1. 设计并制作完整的网站静态首页（严禁大面积抄袭现行网站系统）；2. 选择合适的技术路线，正确填写项目开发进度计划表；3. 正确填写常用网络营销技术对比分析表；4. 选择合适的网络营销技术，撰写完整的网络营销方案。四、实验步骤1. 根据选题和网站功能模块结构图，设计并制作网站静态首页；下面2. 根据网站规模和个人技术特长，选择合适的技术路线，填写项目开发进度计划表；3. 通过搜索引擎搜索并查阅相关资料，填写常用网络营销技术对比分析表；4. 选择至少两种网络营销技术，制订网络营销方案。五、实验结果1. 根据选题和网站功能模块结构图，设计并制作网站静态首页；解:这是最先引入页的界面:点击有爱商城的的标志进入商城主页面这是主页面的静态展示图：如果想看全部的页面，请查看我随着文档附加的材料，运行即可。运行环境最好是火狐浏览器。这是网页源代码:欢迎页的源代码：<!DOCTYPE html><html><head lang="en"> <title>欢迎来到"有"爱商城</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="description" content="先入页" /> <meta name="keywords" content="有爱商城" /> <script src="js/skel.min.js"></script> <script src="js/init.js"></script> <link rel="stylesheet" href="css/styles.css" /> <noscript> <link rel="stylesheet" href="css/skel.css" /> <link rel="stylesheet" href="css/style-wide.css" /> <link rel="stylesheet" href="css/style-noscript.css" /> </noscript></head> <body class="loading"> <div id="wrapper"> <div id="bg"></div> <div id="overlay"></div> <div id="main"> <!- Header -> <header id="header"> <h1>"有"爱商城</h1> <p>Fridendship • Love • Kinship</p> <nav> <ul> <li><a href="index.html" class="fa fa-twitter" title="主页"><span>Twitter</span></a></li> <li><a href="#" class="fa fa-envelope-o" title="与我联系"><span>Email</span></a></li> </ul> </nav> </header> <!- Footer -> <footer id="footer"> <span class="copyright">© 软件1307班谭淇蔚所制</span> </footer> </div> </div> </body></html>这是主页面的源代码:<!DOCTYPE HTML><html><!- Added by HTTrack -><meta http-equiv="content-type" content="text/html;charset=utf-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_new">¥550.00</div> <div class="price_old">¥725.00</div> </div> </div> <a href="#" class="obn"></a> <a href="#" class="like"></a> <a href="#" class="bay"></a> </div><!- .cart -> </div><!- .grid_3 -> </li> <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_2.png" alt="" title="" /></a> </div><!- .prev ->
