动态网站课程设计报告

动态网站建设课程设计报告书题目: Another Me服装品牌网站建设 院 系： 信息科学技术学院 专业班级： 11电子商务 学 号： 7 学生姓名： 赵维 指导教师： 宋春辉 2014年 6 月 5 日 一. 小组成员及分工及网站简介1.1小组成员以及成员分工介绍课程设计题目大学城自主服装品牌Another Me网站建设专业班级电子商务组长赵维组长学号7联系电话EMAIL地址组员 序号组员姓名组员学号主要任务01赵维71.前期网站需求分析问卷调查设计2.网站页面架构设置，确定网站设计目标，网站设计分工安排3.网站内容填充以及为网站填充各种链接4.图片轮放设计5.动态效果设计02琚霑71. 前期网站需求分析问卷调查设计2. 网站页面架构设置，确定网站设计目标3. 网站内容填充4. 图片文字资料的搜集，色彩的搭配5. 下拉菜单设计6. 数据库的建立，E-R图的绘制设计起讫时间： 2014年4月-2014年7月1.2网站简介 1.2.1网站建站目的 桂林洋大学城是经济开发区，目前还未建设完善，经济也比较落后，地处偏远的郊区，一般乘车到市区又耗时又不经济且公交拥挤难受。海口的大学基本都集中在这一块，就目前而已大学城并没有一条像样的商业街，服装店更是空缺，虽然现在流行网购，可是海南岛网购物流速度总比内地慢，运费也高，平时学生买衣服甚是烦恼。针对这一情况我们团队想创建一个针对大学城自主服装品牌Another Me来解决这一问题。 1.2.2网站商业模式 我们的网站是原创服装品牌网站，主要是通过网上销售服装来盈利，采用B2C模式经营网店。1.2.3网站市场定位 产品定位：我们根据大学生追求个性，崇尚自由，以及爱美的天性我们把风格定位在时尚多变，主要有欧美风，田园风，甜美系。融入多种元素让我们的服装潮流个性。价格定位：经过调查，我们决定将价格定位在100-500不等，使产品价格尽可能满足每个大学生的消费能力，让每个大学生都能买得起我们的衣服而且不会觉得劣质。I 第二章 市场需求分析2.市场调查和分析 2.1.建站可行性调查我们通过网络调查问卷调查了100名左右在校大学生对我们网站态度。他们92.2%表示桂林洋高校这边去市区很不方便，仅7%的人表示能满足对服装的要求。90%的人表示愿意在原创AnotherMe购买衣服；由此我们可以知道我们的AnotherMe网站（）具有较大的目标市场。你是否觉得去市区买衣服很不方便：你觉得桂林洋是否能满足你对服装的需求：如果有一家专门针对大学城的原创服装品牌，你是否愿意购买： 针对这个问卷调查我们知道了我们的Another Me网站的目标空间还是很大的，所以我们有建站的必要。最终通过调查，我们确定了做大学城自主服装品牌Another Me网站建设。2.2建站需求功能调查在网站主题确定后，我们开始对网站的功能模块进行需求分析，首先我们确定了网站提供的主要服务是：我们的网站是购物网站，让大家通过网站购买我们的服装购买功能 通过网站的建设展示我们的商品商品展示 发布各种公益活动信息，让大家了解公益并号召大家去做公益公益活动 提出对网站的建设留言区 登陆注册登陆注册成为会员，享受会员权益给大家提供娱乐的平台，聊天分享。增加网站的吸引力聊天区 第三章. 网站规划与网站制作 3.1网站的前期规划 3.1.1确定网站主题 我们通过市场调查和需求分析，网站主题定位：大学城自主服装品牌Another Me的网站建设。 3.1.2网站素材收集 （1）信息搜索：网站内容主要涉及的是相关的图片以及相关的内容介绍，其中图片我们主要是通过在百度图片中搜索，网站中的文字主要是通过我们自己创造的。 （2.）信息载体处理：在网站中我们设计的信息载体处理主要是图片的处理，图片的处理我们主要是运用photoshop处理。 （3.）栏目设计：总体架构如下：品牌故事登陆 登录首页新品服饰精选搭配会员专享上装下装裙装3.2网站后期的制作与调试 3.2.1网站制作工具以及运用方法网站主要运用的是photoshop进行网页图片编辑于美化，利用dreamweaver编辑网页。其中在本网站的设计中主要运用的是CSS+div进行布局。要运用CSS、表格和层来实现。如导航条的设计是在层里嵌套了表格。而包括导航条在内以上的内容，我们是在一个大层里，分别再嵌套几个小层来分别设计。像网站的所有链接都用css设计成当鼠标经过有链接字体时，字体变成蓝色。所以当用户鼠标经过以蓝色为背景的导航条时，黑色的字马上变成蓝色，吸引用户去点击。3.2.2网站的栏目设置 导航部分：首页，新品，服饰，精选搭配，会员专享，品牌故事。3.2.3网站的布局界面设置网站的导航一定要清晰和操作简便，而且为了使用户形成一种连续的记忆，很快熟悉我们的网站操作，我们设计统一的导航。在每个页面，导航栏以上的内容都没有变化，首页我们使用了图片轮放来展示。 内容风格：我们的网站主要风格是高端大气，导航用挑红色，配饰美丽的服装图片给人高端大气的感觉。 图片：我们对同一模块的图片都设有相同的大小。但是在我们图片采集过程中很多图片大小不一致，为了让浏览效果更好，我们都用photoshop以相同比例处理。3.2.4网站的填充与制作过程 （1）网站的部分代码展示 网站导航的制作以及代码，导航主要运用的是列表格式，开始本来在服饰部分准备采用下拉菜单，但是由于下拉菜单的颜色不会改，为了使整个页面更协调所以我们放弃了下拉菜单。导航部分代码：网站动态部分主要有登陆注册，留言区，聊天区。会员注册代码如下：会员登陆代码;留言区主要功能是为客户提供发表建议的区域，后台管理并搜集采纳建议。并自动过滤掉敏感文字。 网站页面展示图如下：首页：新品页面精选搭配页面会员专享品牌故事登陆页面注册页面留言区3.13E-R图客户E-R图会员级别会员名 个人信息订单商品E-R图商品详情 名称价格库存分类管理者E-R图管理者 管理商品管理留言第四章 网站运行分析与调试4.1网站运行 网站运行问题： 1.网页中图片大小不定，在运行中容易出现移位现象 2.网页中图片有时显示不出来 3.在运行中很多特效展示不出来，所以我们最后应该在各种浏览器中调试。4.2网站后期的修改 4.21图片修改我们发现了自己网站的很多不足，例如网站的图片选取是有很大问题的，网站的图片不清晰，其次网站中在相同布局中运用的图片大小不一，在制作网页前期都是在添加过程中手动的修改图片的大小，这使得网页在做出来时，网页展示效果很差很差，而且大小容易拖动。在后期的修改过程中，我们主要的是运用photoshop修改图片大小。 4.22布局以及导航条的修改 在前期我们的网站的很多地方时不符合人的常规视觉感受的，这样不能保证客户的体验感。在网站的布局上后来我们主要运用CSS将布局进行重新的设置，这样最后修改出来的网站才好看了许多。 其次导航条是引导网站浏览者的重要部位，我们以前的导航条颜色是灰色效果很差，最后我们尝试各种颜色确定了桃红色。4.3网站调试网站调试：主要是我们在浏览过程中经常出现在不同的浏览器中观察的效果不同，或者在网站的运行中我们会出现链接错误，所以最后我们选择通过调试工具对网站进行调试，在一些代码有错误时，用查找和替换找出错误。 第五章 课程设计心得体会课程设计将要结束了。在课程设计的这些日子的学习中，我学到了很多，也找到了自己身上的不足。感受良多，获益匪浅。我们小组分工合作、齐心协力，一起完成了课程设计前的准备工作（讨论网站主题）、小组讨论分工、完成系统开发的各个文档、课程设计总结报告、小组汇报PPT、个人日记，个人小结的任务。在课程设计的前期我们便对这次任务进行了规划和分工。在后期，我们组的成员一起努力，查阅资料、小组讨论、对资料进行分析，并在这段时间里完成了网站的开发设计，并最后撰写课程设计报告及个人总结。我的主要工作是完成课程设计总结和制作PPT，并上台汇报。面对这样的任务，我开始真的很担心，不是害怕要写那么多资料，而是怕站在讲台上，面对那么多的人，我怕讲不出话来。有过两次上台经验的潘同学就耐心的给我传授一下他的心得。而且这是我们必经的过程，以后走入社会肯定会有很多场合需要我们在公共场合讲话，现在如果不去讲的话，那以后我们怎么办呢？还是硬着头皮上吧，没有别的选择了。在课程设计的过程中，我们经历了感动，经历了一起奋斗的酸甜苦辣。也一起分享了成功的喜悦。这次的课程设计对我们每个人来说都是一个挑战。课程设计中文档的撰写我从来就没有担心过，就是网站的设计我真的很担心，平时对这方面的知识接触的就不是很多，而且对于软件我就更抓狂了。这时候小组的力量就体现出来了，各司其职，各尽其能。发挥了集体的效用。 和大家想的一样我们也会产生一些小矛盾，当然这是不可避免的。在产生小矛盾的时候，我们没有逃避。重要的是我们如何去解决它。为什么会产生这些矛盾，以怎样的方式去解决它，这是我们应该去考虑的问题。我想经过这样的一个过程我们会学到很多，学会了怎样去和别人沟通，理解别人所做的事，别人也会宽容的对待我们，从而我们就在无形之中加强了我们的人际交往能力。这个经验对我们以后的人生将会发挥很大的作用。毕竟我们是生活在人类这个群体之中的。假如世界上只剩下一个人，那么他不可能长久的生活下去的。课程设计这样集体的任务光靠团队里的一个人或几个人是不可能完成好的，合作的原则就是要利益均沾，责任公担。如果让任务交给一个人，那样既增加了他的压力，也增大了完成任务的风险，降低了工作的效率。所以在集体工作中，团结是必备因素，要团结就是要让我们在合作的过程中：真诚，自然，微笑；说礼貌用语；不斤斤计较；多讨论，少争论，会谅解对方；对他人主动打招呼；会征求同学的意见，会关心同学，会主动认错，找出共同点；会接受帮助，信守诺言，尊重别人，保持自己的特色。课程设计结束了，但我们一起奋斗的精神和这份宝贵的经历将会成为人生道路上一道亮丽的风景线。 第六章 参考文献1Dreamweaver教程2脚本之家：/3歌莉娅官网。4联盟： /附件：海口桂林洋大学城原创服装品牌Another Me的市场调查1. 您是在大学城的大学城吗？ A.是 B.不是2. 您的性别？ A.男 B.女3. 您平时购买衣服的频率？ A.2次以上/每月 B.2次/每月 C.1次/每月 D.很少 E.比较多 F.不确定4. 您每次购买多少件衣服？ A.1-2件 B.3件以上 C.不确定5. 您平时在哪购买衣服？【多选题】 A.经贸夜市 B.网上 C.商场 D.品牌店6. 您在哪些方面对服装销售商不满意？【多选题】 A.价位不合理 B.款式太少 C.服务态度7. 你一月生活费多少？ A.500以下