达内见习报告_第1页
达内见习报告_第2页
达内见习报告_第3页
达内见习报告_第4页
达内见习报告_第5页
已阅读5页，还剩11页未读， 继续免费阅读

下载本文档

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

文档简介

《面向对象程序设计》课程设计报告一个简单的电子商城网站姓名：班级：学号：指导教师：成绩：完成时间：2013/3/28完成地点：湖州师范学院一、设计任务分析本网页主要用HTML语言编写，利用UlteaEdit软件作为开发工具，介绍了“满屋花”（）这个电子商城网站，该网站设计主要分七个版块：“鲜花礼品”、“自主订花”、“绿色植物”、“花之物语”、“会员中心”、“联系我们”、“支付方式”等，每个版块都有具体的介绍，以图片和文字介绍相结合的方式，穿插一些视频媒体，以网站浏览的方式综合展示了此网站各种花的“用途”和“鲜花导购”等可选栏目，着重介绍了“新花推荐”和“新品上市”栏的各种花，以便大家更好地了解“满屋花”。1.1网站整体规划“满屋花”网站是以营利为目的，方便现在的各行各业的人可以方便地买到各类鲜花，以增进人与人之间的联络和感情的交流。各版块清晰明了，可以很方便地买到各种花。同时个版块的设立，对于“鲜花导购”栏，在制作过程中力求综合运用所学计算机技能，充分发挥本人的专业特长，能让人们对“各种鲜花所代表的含义”，“养花与养生之道”和“世界各地关于送花的习俗”有更好地了解。1.2网站的板块设置网站的板块设置：该网站设计主要分七个版块：“鲜花礼品”、“自主订花”、“绿色植物”、“花之物语”、“会员中心”、“联系我们”、“支付方式”等。网站版块设计清晰明了，这些版块构成了整个网页布局，以便条理清晰地给消费者以更详细的展现。二、模块设计2.1主页面设计主页设计主要采用简单大方布局，将所要呈现的内容分成几个大模块，这样既可以赏心悦目，让浏览者更方便的找到想找到的各种花，又可以让浏览者不产生视觉疲劳，将所有的版块项目清晰地罗列出来。其结构图如下：主页主页鲜花礼品自主订花绿色植物花语植物会员中心联系我们支付方式用途花材价格鲜花推荐新品上市鲜花导购2.2导航栏目设计本网站主要有七个栏目，它们是“鲜花礼品”、“自主订花”、“绿色植物”、“花之物语”、“会员中心”、“联系我们”、“支付方式”等等，还有别的小部分，还有其它小栏目组织架构：“鲜花分类”，“鲜花推荐”，“新品上市”，“鲜花导购”等。导航设计上采用表格布局，将各个版块添加水平菜单表，并添加属性，使当鼠标移至各版块时会出现粉红色的“一块字体”，粉红色背景给人以温柔之感。2.3用户登录设计本模块很明显地，该设计分为“用户”，“密码”两个输入框，可以在购买花时方便的输入消费者的自己的个人信息，“”最下一行还有“忘记密码”这一超连接，帮助忘记密码的用户重新找回密码，保证在配送花时，能根据消费者的具体地址把花准确无误的送到消费者的手中。2.4风格与色彩搭配网站的风格就是简洁、整齐这样可以让浏览者更好去了解各种信息。在搭配上采用了粉白的搭配，以粉红色为主要基调，可以让网友们把注意力都集中在网站的内容上面。三、主要数据结构3.1逻辑结构设计网上购物系统层次图（H图）：网上购物系统网上购物系统1.0前台系统2.0后台系统商品查询订购模块其他模块商品管理订单管理系统管理四、流程图顾客顾客网站首页搜索商品退出浏览该商品浏览其他商品放入购物车继续购买取消订单下订单确认订单订单送商家银货两讫支付送货上门交易完成会员登陆五、源代码<html> <head> <metahttp-equiv="Content-Type"content="text/html;charset=gbk"/> <linkrel="stylesheet"type="text/css"href="css/shopping.css"/> </head> <body> <bgsoundsrc="胡夏-那些年.mp3"loop="2"></bgsound> <divid="container"> <divid="banner"><imgsrc="images/banner.jpg"/></div> <divid="gk"> <ul> <li><ahref="#">鲜花礼品</a></li> <li><ahref="#">自主订花</a></li> <li><ahref="#">绿色植物</a></li> <li><ahref="#">花之物语</a></li> <li><ahref="#">会员中心</a></li> <li><ahref="#">联系我们</a></li> <li><ahref="#">支付方式</a></li> </ul> </div> <divid="left"> <divid="login"> <form> <p>用户:<inputtype="text"name="user"class="text"></p> <p>密码:<inputtype="password"name="pwd"class="text"/></p> <p> <inputtype="button"value="登录"class="btn"> <inputtype="button"value="注册"class="btn"/> <ahref="#">忘记密码?</a> </p> </form> </div> <divid="category"> <h4><span>用途</span></h4> <ul> <li><ahref="#">爱情鲜花</a></li> <li><ahref="#">生日鲜花</a></li> <li><ahref="#">新年鲜花</a></li> <li><ahref="#">家庭鲜花</a></li> <li><ahref="#">亲情鲜花</a></li> <li><ahref="#">道歉鲜花</a></li> <li><ahref="#">开业鲜花</a></li> <li><ahref="#">会议鲜花</a></li> </ul> <h4><span>花材</span></h4> <ul> <li><ahref="#">玫瑰花</a></li> <li><ahref="#">百合花</a></li> <li><ahref="#">郁金香</a></li> <li><ahref="#">太阳花</a></li> <li><ahref="#">康乃馨</a></li> <li><ahref="#">马蹄莲</a></li> <li><ahref="#">丁香花</a></li> <li><ahref="#">杜鹃</a></li> </ul> <h4><span>价格</span></h4> <ul> <li><ahref="#">100~200</a></li> <li><ahref="#">200~300</a></li> <li><ahref="#">300~400</a></li> <li><ahref="#">400~500</a></li> <li><ahref="#">500~600</a></li> <li><ahref="#">600~800</a></li> <li><ahref="#">800元以上</a></li> </ul> </div> </div> <divid="main"> <divid="latest"> <ahref="#"><imgsrc="images/new1.jpg"/></a><ahref="#"><imgsrc="images/new2.jpg"/></a><ahref="#"><imgsrc="images/new3.jpg"/></a> </div> <divid="recommend"> <ul> <li><ahref=""><imgsrc="images/flower1.jpg"/><br/>幸福的味道</a>￥288</li> <li><ahref=""><imgsrc="images/flower2.jpg"/><br/>阳光守护你</a>￥300</li> <li><ahref=""><imgsrc="images/flower3.jpg"/><br/>温情永存</a>￥268</li> <li><ahref=""><imgsrc="images/flower4.jpg"/><br/>爱无界</a>￥318</li> <li><ahref=""><imgsrc="images/flower5.jpg"/><br/>亲亲宝贝</a>￥368</li> <li><ahref=""><imgsrc="images/flower6.jpg"/><br/>相信是缘</a>￥188</li> <li><ahref=""><imgsrc="images/flower7.jpg"/><br/>水晶童话</a>￥198</li> <li><ahref=""><imgsrc="images/flower8.jpg"/><br/>天使的爱</a>￥268</li> </ul> <br/>  </div> <divid="new"> <ul><li><ahref=""><imgsrc="images/flower9.jpg"/><br/>粉丝迷情</a></li> <li><ahref=""><imgsrc="images/flower10.jpg"/><br/>海岸的优雅</a></li> <li><ahref=""><imgsrc="images/flower11.jpg"/><br/>百年的地中海</a></li> <li><ahref=""><imgsrc="images/flower12.jpg"/><br/>爱要说出口</a></li> </ul> <br/>  </div> <divid="tips"> <ul> <li><ahref="#">各种鲜花所代表的含义</a></li> <li><ahref="#">花的喜怒哀乐与人的各种感觉</a></li> <li><ahref="#">养花与养生之道</a></li> <li><ahref="#">每天清晨的第一缕阳光</a></li> <li><ahref="#">花香的味道</a></li> <li><ahref="#">世界各地关于送花的习俗</a></li> <li><ahref="#">种花与送花</a></li> <li><ahref="#">手捧一束鲜花的等待</a></li> </ul> <br/>  </div> </div> </div> </body> </html>六、测试情况能在浏览器上正确的运行，并与所计划设计的内容相符。七、小结感想通过“达内”的学习，我学会了做网页，这次网站的完成，让我巩固了学到了不少知识，同时在制作过程中也发现了一些不足，通过这次课程设计的完成经历，我加深了对网页的了解，也找到了在网页制作中的许多乐趣，这次的作业中存在许多的小问题，还有很多的不完善，有些内容也是借鉴他人网站的创意制作完成，在今后的网页制作中，我会吸取这次经验，制作更加完善合理的作品，我相信通过不断的学习，会一次比一次更加完善。在制作这次网页的过程中，我体会到网页的设计与制作需要进行详细地规划，首先应当对制作流程相当清楚，同时系统的了解需要用到的工具和软件，对其进行熟悉。它还与美术领域息息相关，个人对颜色运用的搭配直接影响到网页使用的效果和给他人的感受。所以应当根据你使用网页的目的，和网页的内容对其颜色进行定位和搭配。网页不仅可以传递信息，更可以用于人与人之间的交流，可以说作用广泛。在学会了一定的网页制作基础后，相信在以后的生活学习中，必定会带来不少收益。设计总结经过一段时间的设计制作，该网页系统基本设计完毕，其功能基本符合设计要求，能够通过网页真实地介绍了“满花屋”的概况，反映该电子网站的整体布局。在设计过程中，也遇到了不少的问题，比如，素材加工方面，由于自身所学的知识技巧不足以满足设计构思所要达到的效果。网页制作方面，UlteaEdit软件进阶程度较低，在应用表格进行布局时，如果结构复杂，尤其要嵌套表格时，较难控制格局，容易出错，等等。这些问题，指导老师给予耐心细致的指导和帮助而得以解决，同时也提醒我需要在今后提高专业技术素质，更需要加强软件应用能力的训练。设计完成后，我作为浏览者对整个网页进行逐一浏览，发现由于部分页面采用了和主页不一致的样式或布局，网站整体上显得风格不统一。这也是让我感到困惑的地方。如果所有页面使用统一样式，虽然便于设计，但略显单调，容易让浏览者产生审美疲劳；而要是根据内容使用不同的样式，则整体上显得风格不一，不便于管理更新。如何协调平衡这一矛盾，是今后设计中要努力做到的。致谢整个课程设计从选题、构思、素材加工到完成设计以及最后的反复修改，都得到李森老师的悉心指导。在上课时，李老师以一位朋友的身份与我们进行交流，我们管他叫“森哥”。我在多次询问设计过程中，他为我指点迷津，帮助我解决一些疑难问题。可以说，整个课程设计中，无不倾注着他的精力和心血。为了准备第二天上课的图片与音乐，他熬到深夜。在这里谨向李老师致以最诚挚的感谢！他对我的成长助益良多，是他的悉心指导，使我能够顺利完成整个设计。在这短短而有充实的四天内，老师不但传授我们知识，还跟我们讲解了以后找工作时会遇到的种种问题，并提供了许多工作的经验。在此，要向李老师深深地鞠上一躬。附件：(shopping.css文件)body{ background-color:#ffd8d9; margin:1px0px0px0px; padding:0px; text-align:center; font-size:12px; font-family:Arial,Helvetica,sans-serif;}#container{ position:relative; margin:0pxauto0pxauto; width:700px; text-align:left;}#gk{ margin:0px; padding:0px; }#gkul{ list-style:left; padding:0px; margin:0px; }#gkulli{ float:left; text-align:center; width:100px; }#gka{ display:block; padding:9px6px11px6px; background:url(../images/button1.jpg)no-repeat; margin:0px;}#gka:link,#gka:visited{ color:#630002; text-decoration:none;}#gka:hover{ color:#FFFFFF; text-decoration:underline; background:url(../images/button1_bg.jpg)no-repeat; }#left{ width:180px; float:left; background:#FFFFFFurl(../images/leftbottom.jpg)no-repeatbottom; margin:1px0px0px0px; }#loginform{ padding:0px; margin:0px; }#loginp{ margin:0px; text-align:left; padding:5px0px0px25px; }#loginpinput{ font-family:Arial,Helvetica,sans-serif; font-size:12px; }#loginforminput.text{ border-bottom:1pxsolid#000000; border-left:none; border-right:none; border-top:none; padding:0px; width:90px;}#loginforminput.btn{ border-bottom:1pxsolid#000000; background-color:#ffeff0; height:17px; padding:0px; }#loginpa:link,#loginpa:visited{ color:#000088; text-decoration:none; }#loginpa:hover{ text-decoration:underline; color:#333333;}#category{ background:url(../images/category.jpg)no-repeat; padding:55px0px40px0px;}#categoryh4{ margin:0px18px0px18px; padding:3px0px1px5px; background-color:#ffd1d1; font-size:12px; }#categoryul{ list-style:none; margin:0px; padding:5px22px15px22px; }#categoryulli{ padding:2px0px2px16px; border-bottom:1pxdashed#999999; background:url(../images/icon1.gif)no-repeat5px7px; }#categoryullia:link,#categoryullia:visited{ color:#000000; text-decoration:none; }#categoryullia:hover{ color:#666666; text-decoration:underline; }#main{ width:518px; float:left; margin:1px0px0px2px; }#latest{ background:url(../images/latest.jpg)no-repeat; padding:35px0px0px0px; }#latestimg{ border:none; padding-left:1px; }#recommend{ background:url(../images/recommend.jpg)no-repeat; margin:5px0px0px0px; padding:35px0px0px0px; background-color:#FFFFFF; }#recommendbr,#newbr,#tipsbr{ display:block; clear:both; margin:0px; padding:0px; }#recommendul,#newul{ list-style:none; margin:0px; padding:5px5px5px8px; }#recommendulli,

人人文库> 全部分类> 应用文书 > 作业报告

温馨提示

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

最新文档

评论

0/150

提交评论