“爱尚淑女坊”电子商务网站的设计与实现_第1页
“爱尚淑女坊”电子商务网站的设计与实现_第2页
“爱尚淑女坊”电子商务网站的设计与实现_第3页
“爱尚淑女坊”电子商务网站的设计与实现_第4页
“爱尚淑女坊”电子商务网站的设计与实现_第5页
已阅读5页,还剩39页未读 继续免费阅读

下载本文档

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

文档简介

0题目(中文)“爱尚淑女坊”电子商务网站的设计与实现系别网络传媒系一、网络传媒系2015届毕业设计任务书毕业设计选题“爱尚淑女坊”电子商务网站的设计与实现主要设计内容随着经济全球化和电子商务行业的发展,传统商店购物已经不能再适应经济全球化的趋势。当今时代,人们大多都忙于工作和各种应酬,去传统商店购物的时间则相对不足。而网购也成为一种新时尚。网上购物也日渐成熟。“爱尚淑女坊”希望在INTERNET上建立一个电子商务网站,既能够良好进行企业形象的宣传、有效的联系用户又能进行服装商品的在线销售,为用户带来便捷的服务。该网站主要由首页和各二级页面构成。首页主要包括注册、登录、优惠信息、商品展示、查询、友情链接等内容。二级页面主要包括商品详情、分类、网站地图、公司简介、加盟我们、联系我们等页面。客户可以在网站上进行用户登录、注册、浏览商品、购买商品、查询商品等功能,查询商品的方式有三种,可以按商品分类、商品名称和商品编号进行查询。1主要设计任务1网站市场需求分析通过系统调研,总结出“爱尚淑女坊”电子商务网站建设的需求。2网站需求分析当今时代,人们大多都忙于工作和各种应酬,去传统商店购物的时间则相对不足。而衣食住行又往往是每个人必不可少的,所以本网站将满足这类人群的需要,你只需打开网页,看到自己所喜欢的服装,点击鼠标,我们就将服装给您送来或是送到指定的人手中,这无疑是节约了您的时间和精力。本网站主要是为用户带来便捷的服务,主要针对1830岁有一定购买能力的时尚学生及白领阶层所开设的网站。3网站设计(1)网站首页功能设计网站首页包括用户注册、登录等功能。浏览商品为用户提供全方位的商品展示和介绍,方便用户选择商品。其包括热销商品推荐、特价商品、最新商品展示等。查询商品为方便用户迅速找到所需商品,本网站设计了按照关键字查询商品以及分类查询商品;购买商品在线购买商品是电子商务网站最重要的功能,为用户提供商品选择、购物车查看、修改、提交订单等功能;(2)网站栏目的设计建设好一个网站,栏目设计相当重要。栏目做得好不仅能为网站增添光彩,而且还有可能会成为网站的品牌。因此,在栏目设计上,要一切围绕着客户,以个性化服务的理念指导一切工作,为客户着想,为消费者购买和经销商下订单的方便性提供一切服务。其包括所有商品分类、首页、上装TOPS、下装OTTOMS、裙装DRESS、时尚搭配FAD、公司简介、加盟我们、联系我们等栏目。4网站优化通过SEO网站优化技术使得我们网站在搜索引擎上的排名靠前,提高用户良好体验度。5网站展示由团队成员共同进行商务网站设计工作汇报。2需提交的设计结果1毕业设计方案;2“爱尚淑女坊”服装网电子商务网站前台和后台网页源代码;3毕业设计报告(装订成册);4毕业设计答辩文档;5毕业设计光盘(包括源代码、报告等所有毕业设计相关资料)。指导老师李灿辉完成任务期限审核意见系主任(签章)年月日3二、网络传媒系2015届毕业设计方案毕业设计选题“爱尚淑女坊”电子商务网站的设计与实现设计目标在INTERNET上建立销售商品的电子商务网站,利用ADOBEDREAMWEAVERCS5ACCESS2003等工具,完成“爱尚淑女坊”网上商城电子商务网站的建设,实现商品的在线展示与在线销售。客户能够通过登陆“爱尚淑女坊”了解所需商品的各类信息与介绍(商品名、价格、详细介绍等),并且可以了解最新商品的上架情况,各类热门商品的介绍与推荐。你只需打开网页,看到自己所喜欢的服装,点击鼠标,我们就将服装给您送来或是送到指定的人手中,这无疑是节约了您的时间和精力。本网站主要是为用户带来便捷的服务,主要针对1830岁有一定购买能力的时尚学生及白领阶层的女性用户所开设的网站。设计内容(一)首页系统实现功能1新用户的注册用户注册登录2优惠信息3商品展示4商品查询5友情链接(二)各二级页面的功能实现1商品详情2商品分类3网站地图4时尚搭配5公司简介6加盟我们7联系我们(三)栏目设计1所有商品分类为用户能更快更好的找到自己所需商品提供方便。2首页提供最新的产品、会员注册、登录系统、畅销品排行、特价商品等。3上装TOPS人之丽质自天生出如同美的芙蓉是自清水出,衣服充其量是个点缀如红花之与绿叶。本网站将提供时尚而又百搭的上衣,使每个人都能穿出自己的风格。4下装OTTOMS打造最潮风范,简约松身、惬意加上纯净的底色,感受可以让人4更苗条哦5裙装DRESS为了突显一个人的气质,往往要在各个方面注意,本网站将提供色彩鲜明,各式各样的裙子展现在您的面前。6时尚搭配FAD提供最新时尚热点,并且教你如何进行时尚搭配。7公司简介本公司的相关信息介绍。8加盟我们加盟商产品推荐、加盟商管理、加盟商论坛等。9联系我们通过电话、QQ、邮件等方式可以与我们直接联系。设计进程2014年7月31日选题,和组员初步确定网站风格和整体方向及颜色搭配,浏览其他网站,借鉴其优点,并搜索相关资料(周、刘)2014年9月2日初步规划网站结构图,制作注册和登录页面(周)PHOTOSHOP设计LOCO和网站首页,并切片(刘)2014年10月1日DREAMWEAVER设计网站首页页面(周)搜集产品图片以及产品资料(刘)2014年10月10日用ACCESS软件设计网站数据库、制作上装、下装、裙装页面(周查找页面所需资料,制作公司简介、最新资讯、联系我们、加盟我们页面(刘)2014年10月20日分工撰写毕业设计报告初稿(周、刘)2014年11月1日修改毕业设计报(周、刘)2014年11月10日查找页面所需资料,制作时尚搭配页面(周)制作友情链接和搜索页面(刘)2014年11月20日修改毕业设计报告(周、刘)2014年11月25日撰写毕业设计报告终稿,并进行排版整理(周)制作PPT(刘)2014年11月29日答辩(周、刘)5指导教师意见签名年月日6三、网络传媒系2015届毕业设计指导记录表毕业设计选题“爱尚淑女坊”电子商务网站的设计与实现设计阶段指导意见毕业设计方案在进行毕业设计方案设计时,要进行网站需求分析,确定设计栏目的合理性。设计进程阶段一完成了“爱尚淑女坊”的首页设计,首页页面清晰、直观,栏目设计较为合理。设计进程阶段二实现了“爱尚淑女坊”的二级页面,即商品详细页面的设计。建议在后台数据库文件中,增加服装图片、商品分类字段。设计进程阶段三及结果基本上实现了数据库的连接,能按照不同的分类进行商品的浏览。希望进一步实现网站后台的操作。设计报告初稿建议在撰写毕业设计报告时,增加网站推广与运营的内容。设计报告修改稿通过多次反复修改后,报告内容详略有当,格式基本符合要求。指导教师年月日7四、网络传媒系2015届毕业设计答辩情况记录表毕业设计题目“爱尚淑女坊”电子商务网站的设计与实现姓名职务/职称姓名职务/职称张彩霞讲师李明副教授答辩小组成员黄翔讲师答辩记录问题一问题二问题三问题四答辩记录人签字答辩组长(签字)答辩组成员(签字)答辩成绩备注5、网络传媒系2015届毕业设计评分表毕业设计选题“爱尚淑女坊”电子商务网站的设计与实现8毕业设计过程(20)评分指导老师毕业设计作品(30)评分指导老师毕业设计报告(30)评分指导老师毕业设计答辩(20)评分答辩组长毕业设计总评评分指导老师“爱尚淑女坊”电子商务网站的设计与实现湖南大众传媒职业技术学院网络传媒系摘要“爱尚淑女坊”需要在INTERNET上建立一个电子商务网站,给消费者提供一个整洁、高效、便利的电子商务购物平台,既能够良好的进行企业形象的宣传、有效的联系用户又能进行商品的在线展示、实现商品的在线销售。网站设有热卖商品、新品上市、特价商品等栏目。网站的内容主要结合到现有的操作模式,令用户可以直9接在网上找到自己所需的商品,包括各类商品的查看、并且可以注册为网站会员、实现商品的在线购买、修改注册信息等等。本网站采用了DREAMWEAVERCS5来做前台和后台的搭建。使用ACCESS2003作为数据库,使用WINDOWS7为网站平台。关键词“爱尚淑女坊”,在线销售,商品展示,商品查询ABSTRACTSTARCITY,RANDOMHOUSENEEDTOBUILDANECOMMERCESITEONTHEINTERNET,PROVIDESCONSUMERSWITHACLEAN,EFFICIENTANDCONVENIENTECOMMERCESHOPPINGPLATFORM,BOTHTOGOODENTERPRISEIMAGEPROMOTIONANDEFFECTIVEUSERSCANCONDUCTBOOKSONLINEDISPLAYANDTHEREALIZATIONOFTHEONLINESALESOFBOOKSWEBSITEHASANEWBOOKRECOMMENDATION,SPECIALS,BOOKS,QUERYANDOTHERCOLUMNSWEBSITECONTENTMAINLYTOTHEEXISTINGMODEOFOPERATION,THEUSERCANDIRECTLYONTHEINTERNETTOFINDTHEBOOKSTHEYNEED,INCLUDINGALLKINDSOFBOOKSTOSEE,ANDYOUCANREGISTERASMEMBERSANDTHEREALIZATIONOFTHEONLINEPURCHASEOFBOOKS,MODIFYTHEREGISTRATIONINFORMATION,ANDSOONTHISWEBSITEUSESTHEDREAMWEAVERCS5FORCONSTRUCTIONOFTHEFOREGROUNDANDBACKGROUNDUSINGACCESS2010ASADATABASE,USINGWINDOWS7KEYWORDSTARCITY,RANDOMHOUSE,ONLINESALES,BOOKSSHOW,BOOKSQUERY目录前言131开发背景12网站需求分析221竞争对手分析21022用户需求分析323结论33商务网站总体设计431商务网站功能结构设计432网站页面布局设计5321首页页面布局5322二级页面布局64网站各页面设计与实现741数据表的设计与实现742各模块网页的实现9421用户注册、登录、查询模块9422商品分类页面模块12423商品详细页面模块12424时尚搭配模块14425公司简介、加盟我们、联系我们模块155网站优化1651网站结构的优化16511网站结构介绍16512网站结构优化1652页面优化17521相关内容17522标签优化17523代码优化1811524图片优化1953关键词优化20531关键词的选择20532建立简易的关键词库2054内部链接优化21541面包屑导航21542网站地图22543404页面226网站推广2361微信推广2362微博推广2463百度贴吧推广26总结1参考文献2前言“爱尚淑女坊”有限公司是一家互联网公司,现已发展成为批发、区域总代、网店及实体加盟为一体的综合性经营模式,形成以湖南长沙为中心,辐射全国大部分地区的营销服务网络,公司铸造了一支高效精干的技术管理队伍,建立了全方位的营销服务体系。目前主营产品包括韩版女装、毛衣针织衫、连衣裙、女士T恤、女士卫衣、蕾丝衫、雪纺衫等淑女系列产品的零售与批发。12公司希望在INTERNET上建立一个独立的电子商务网站,既能够良好进行企业形象的宣传、有效的联系用户又能进行商品的在线产品、实现商品的在线销售。该网站主要由首页和各二级页面构成。首页主要包括注册、登录、优惠信息、商品展示、查询、友情链接等内容。二级页面主要包括商品详情、分类、网站地图、公司简介、加盟、联系我们等页面。客户可以在网站上进行用户登录、注册、浏览商品、购买商品、查询商品等功能,查询商品的方式有三种,可以按商品分类、商品名称和商品编号进行查询。本文主要阐述了网站的开发背景、网站各页面设计与实现、网站优化以及网站推广等内容。“爱尚淑女坊”电子商务网站的设计与实现01开发背景全球管理咨询公司麦肯锡2011年2月25日发布报告称,预计到2015年,中国的网民人数将从目前的4亿多增加到75亿。据估计,在今后2年间,中国将新增1亿通过移动终端上网的网民,而目前通过移动终端上网的网民人数已达3亿,手机上网在农村的发展速度将会高于电脑上网。据权威部门统计其中购物用户2011年底将突破1亿2千万。平均每天在线人数(使用台式电脑、手机和笔记本电脑上网的占比分别为784、662和457,)3亿。随着互联网时代的到来、网购将引领广大消费群体、成为新时代的一种趋势。(2009光棍节淘宝网一天的交易量为10亿)这样的规模、是空前绝后的、(其优势是地面销售所无法比拟的)沃尔玛、北京王府井、易初莲花等已望尘莫及。我国手机网民规模达303亿,依然是拉动中国总体网民规模攀升的主要动力,但用户手机网民增幅较2009年趋缓;最引人注目的是,网络购物用户年增长486,是用户增长最快的应用,预示着更多的经济活动步入互联网时代。淘宝网2012年双十一交易量为191亿,2013年350亿,2014年刚刚知道571亿。网上服装商场因为商品价格相对商场便宜、购买方式简单、种类繁多等特点,赢得大部分消费者的喜爱。据统计显示,淘宝网目前有5675万注册用户。据中国互联网络信息中心的统计,截至2013年,淘宝网拥有近5亿的注册用户数,每天有超过6000万的固定访客,同时每天的在线商品数已经超过了8亿件,平均每分钟售出48万件商品。截止2011年年底,淘宝网单日交易额峰值达到438亿元。随着淘宝网规模的扩大和用户数量的增加,淘宝也从单一的C2C网络集市变成了包括C2C、团购、分销、拍卖等多种电子商务模式在内的综合性零售商圈。已经成为世界范围的电子商务交易平台之一。可见电子商务的前景广大。“爱尚淑女坊”电子商务网站的设计与实现12网站需求分析现代社会普通服装的发展快速和完善有目共睹,随着经济全球化和电子商务经济的到来,传统商店购物已经不能再适应经济全球化的趋势。当今时代,人们大多都忙于工作和各种应酬,去传统商店购物的时间则相对不足。而衣食住行又往往是每个人必不可少的,所以本网站将满足这类人群的需要,你只需打开网页,看到自己所喜欢的服装,点击鼠标,我们就将服装给您送来或是送到指定的人手中,这无疑是节约了您的时间和精力。本网站主要是为用户带来便捷的服务,主要针对1830岁有一定购买能力的时尚学生及白领阶层所开设的网站。竞争力十分巨大。21竞争对手分析1主要竞争对手情况通过对多家类似服装网站的调查,我们发现,我们的竞争对手大多都已经比较成熟,但是有些网站的设计还是存在着一些不足。一是网站页面排版凌乱,涉及种类、年龄层多,没有分清主次,市场定位不清晰;二是网站没有搜索页面,找商品只能靠分类查询;三是网页动态图片过多,加载时间过长。除了这些问题,我们还曾经对一些消费人群进行了深入的调研,他们对网上购物最为担心的问题依然是怕被欺骗,经过了这些深入的了解,我相信这非常有利于我们网站的发展。目前这些网站的产品种类非常多,但是对于消费者而言信誉度还不够高,产品的知名度也是不够的,这些对我们很有利。2“爱尚淑女坊”网站的竞争优势我们采用的是批发和零售于一体的经营模式,并且通过加盟其他品牌的服装来收取利润,让用户可以购买本网站自己设计的衣服和加盟品牌服装,或者是根据用户自身的需求来设计他们所喜欢的服装。首先,在网站运营的前期我们将大力进行微信、微博和贴吧的推广活动,从而提高我们网站和网站产品的知名度。然后,我们将和各大服装生产厂家合作,每件我们网站买的产品,我们都将在衣服的后领上、裤子的后腰上缝上我们网店的标签或者LOGO和送上一个具有我们网站特色的小礼物。这样我们网站的广告费也将减少一大笔,同时还能提高我们网站的人气。最后,我们还将在网站上提供最新的时尚新闻和时尚搭配信息,帮助用户随时了解时尚资讯和教用户如何穿衣打扮。除了这些,我们的优势还体现在一是“爱尚淑女坊”电子商务网站的设计与实现2市场定位清晰,目标人群是1830周岁的年轻女性。二是关键字搜索轻松简便就能找到您所需要的商品。三是尊重每个用户的提出的建议和意见,并且及时改正。22用户需求分析随着人们生活水平的不断提高,商品日渐丰富起来,用户对商品的需求越来越苛刻,他们已经不在局限于商品的质量和安全问题,用户对服务的需求也在不断增加,对服务的品质日益挑剔。而互联网的普及,电子商务行业的发展,也使得越来越多的人们通过网络购物,在国内甚至是全球掀起了一股网购的热潮。不用出门就可以买到自己喜欢的衣服,这不仅节省了我们逛街买衣服的时间,还节省了一笔不小的开销。我们网站的主要目标客户群是1830岁有一定购买能力的时尚学生及白领阶层,因为他们大多是年轻人,有这一点的购买能力,并且对美与时尚都有着自己独到的理解和追求。因此本网站设有时尚搭配页面,为的就是教那些爱美的女孩如何穿衣打扮和可以让她们第一时间了解最新的时尚热点新闻。同时,本网站还设计了加盟页面,为的是让我们的用户可以有更多的选择。我们的目标不仅仅只是为了卖出质量好和漂亮的衣服,同时还要用贴心的服务打动每一位用户,让他们选择我们。23结论网上购物的确丰富了我们的生活,现代年轻人也非常适应网上购物这种方式,因为网上购物可以节省购物时间,还可以提供大量的商品让消费者选择,非常便捷,让用户可以买到当地没有的商品。本网站将做到让用户在本网站上购买衣服时,不用花费大量的时间,只要用鼠标就可以买到自己喜欢的服装,并且还能了解最新的时尚热点新闻,本网站还提供送货上门和货到付款服务。让每一位用户感觉到我们网站不仅仅是提供质量好、安全性高的服装,而且还提供贴心小服务。“爱尚淑女坊”电子商务网站的设计与实现33商务网站总体设计31商务网站功能结构设计网站以粉色为主色调,白色为辅助色,蓝色为点睛色,使整个网站给人以整洁、大气、专业的效果。界面的美观,符合我们的目标客户群。本网站的网上商城主要由首页和二级页面组成。首页包括用户注册(注册页面ZHUCEASP)提供用户输入界面,并将各参数写入数据库,实现用户注册功能;登录(登录页面DENGLUASP)验证会员身份,实现用户登录;优惠信息为用户提供最新优惠活动信息;商品展示方便用户浏览本网站商品;商品查询为用户能更快更好的找到自己所需商品提供方便;代做毕业设计友情链接通过链接其他网站从而让其他网站链接我们,起到推广作用。二级页面,主要包括商品详情(详细页面XXASP)让用户更加了解该商品的信息;商品分类让用户可以根据自己的需求来进行查询;网站地图(网站地图页面WZDTHTML)方便用户更快的进入到的网站页面;时尚搭配(时尚搭配页面SSDPASP)提供最新时尚热点,并且教你如何进行时尚的穿衣搭配;公司简介公司简介页面GONGSIJIANJIEASP本公司的相关信息介绍;加盟我们(加盟页面JIAOMENGASP)加盟商产品推荐、加盟商管理、加盟商论坛等;联系我们(联系我们页面LIANXIWOMENASP)通过电话、QQ、邮件等方式可以与我们直接联系。“爱尚淑女坊”站系统首页二级页面用户注册登录优惠信息商品展示商品查询友情链接商品详情商品分类网站地图时尚搭配公司简介联系我们加盟我们图31网站功能结构图“爱尚淑女坊”电子商务网站的设计与实现432网站页面布局设计321首页页面布局首页显示了“爱上淑女坊”网站的的主要内容,网站首页主要分为头部、导航、轮播图、优惠信息、产品展示、友情链接和底部等模块。网站头部主体颜色为白色,左边展示的是网站LOGO,右边是登录、注册查询等功能的实现,这些都是为了方便用户在进入网站时就能第一时间看到。导航条主要是概括网站的大体内容,从而让用户快速的找到想要点击的页面。轮播图的设计,展示了网站的商品爆款,完美的大图让人眼前一亮。优惠信息页面在产品展示模块的上方,让用户先了解网站最新优惠信息,再进行商品的选购。因为产品是网站的重要组成部分,所以产品的展示模块在首页的中间位置。“爱尚淑女坊”网站首页的产品展示模块,主要展示了热销商品、特价商品、新品上市等商品,为用户提供参考。友情链接是为了加重网站的权威性,和同类型网站合作相互链接。底部也是网站不可或缺的一部分,让用户在购买时减少咨询时间。登录、注册LOGO商品的查询导航条轮播图产品分类优惠信息产品展示二维码友情链接底部“爱尚淑女坊”电子商务网站的设计与实现5图32首页页面布局图322二级页面布局“爱尚淑女坊”网站的二级页面沿用了首页的头部、导航、轮播图、底部等模块。中间位置新增了宝贝分类、产品展示和产品详情。产品详情主要介绍了产品的详细信息,方便用户了解产品。让用户能更好的、更快的选择出适合自己的产品。登录、注册LOGO商品的查询导航条轮播图宝贝分类展示产品、产品详情二维码友情链接底部图33二级页面页面布局图“爱尚淑女坊”电子商务网站的设计与实现64网站各页面设计与实现首先分析所需求的数据库表格,然后按照严格的数据表制作规范进行表格的制作。经过需求分析,确定制作ADMIN管理员信息表、FUZHUANGPRODUCT服装信息表、USER用户注册信息表、SHOPPINGDATA购物车信息表四种表格。41数据表的设计与实现(1)ADMIN管理员信息表后台管理员注册表的字段和数据字段名称数据类型说明ADMIN文本主键PW文本表41数据库ADMIN管理员信息表(2)FUZHUANGPRODUCT服装信息表服装信息表的字段名和具体信息字段名称数据类型说明ID自动编号序号(主键)PRODUCTID文本商品编号PRODUCTNAME文本商品名称PRICE货币商品价格PRODUCTINTRO备注商品介绍BIMAGE文本大图路径SIMAGE文本小图路径SORT文本商品类别AMOUNT数字库存数量MARKTIME日期/时间入库时间MARKIMPORTANT文本重要商品标记MARKNEW文本新商品标记MARKCHEAP文本特价商品标记“爱尚淑女坊”电子商务网站的设计与实现7TOPS数字上装BOTTOMS数字下装DRESS数字裙装FAD文本时尚搭配FADTU文本时尚搭配图FADFLAG数字BBXX文本宝贝详细表42数据库FUZHUANGPRODUCT服装信息表(3)USER用户注册信息表前台用户注册表的字段名和数据字段名称数据类型说明ID自动编号序号(主键)USERNAME文本用户名PASSWORD文本密码AUTHLEVEL文本权限SEX文本性别USEREMAIL文本电子邮件REALNAME文本真实姓名FACE文本用户图形标志路径REGDATETIME日期/时间注册时间表43数据库USER表(4)SHOPPINGDATA购物车信息表购物车的字段和类型字段名称数据类型说明ID自动编号序号(主键)USERNAME文本用户名SHOPPINGDATA日期/时间购买日期PRODUCTID文本商品编号SHOPPINGNUM数字购买数量ORDERID文本订单号ORDERSTATE数字订单状态号“爱尚淑女坊”电子商务网站的设计与实现8RECEIVER文本收货人姓名ADDRESS文本地址CITY文本城市POSTCODE文本编号COMMENTS备注收货人留言PAYMETHOD文本付款方式DELIVERYMETHOD文本送货方式PAID货币付款额USEREMAIL文本收货人电子邮件地址USERTEL文本收获人电话表44SHOPPINGDATA购物车信息表42各模块网页的实现421用户注册、登录、查询模块1注册模块(1)用户来到本网站想要购买商品,先要进行用户注册。当用户访问“爱尚淑女坊”网站的注册页面时,会看到注册需要填的一些基本资料,其中主要分为三个方面,邮箱或手机号码、用户名、密码包括,文本框的长度为35,可输入40个字符。每个注册成功的用户,将成为网站会员。下图45为用户注册界面“爱尚淑女坊”电子商务网站的设计与实现9图45用户注册页面(2)用户注册界面代码,如图46所示图46用户注册关键代码图2登录模块(1)登录页面,当用户注册完成后,会跳转到会员登录页面,“爱尚淑女坊”网站的登录页面左边是一张符合网站风格的图片,寓意是代表网站的主要消费群体为年轻女性。右边为会员登录,用户输入用户名和密码后下方有一个选择按钮,可以记住密码,方便用户的下次登录。点击登录,即可登录成功。下图47为登录页面“爱尚淑女坊”电子商务网站的设计与实现10图47用户登录页面2实现用户登录关键代码,如图48所示图48登录关键代码3查询模块(1)当用户访问到网站时,想要查询商品,即可在搜索框内输入想要查询的商品称,就可以进入相应的查询页,“爱尚淑女坊”网站可以按商品分类、商品名称和商品编号进行查询。下图49是查询页面图49查询搜索页面(2)实现搜索查询关键代码“爱尚淑女坊”电子商务网站的设计与实现11图410查询关键代码图422商品分类页面模块“爱尚淑女坊”网站商品主要是按款式和价格分类,按款式分为T恤、半身裙、休闲裤、吊带背心、短裤和毛衣。按价格分为100150元、150200元、200300元、300400元、400500元和500元以上。其次,还有所有商品、新品商品、人气商品和热销商品等一些小分类。下图411为商品分类页面图411商品分类图423商品详细页面模块1“爱尚淑女坊”网站的商品详细页面,主要是通过图片和文字的形式为用户介绍商品的详细情况。主要包括商品编号、名称、价格和商品详细介绍等内容。商品详情下方还有一个掌柜推荐模块,为顾客推荐我们网站的主打产品,这一模块我们会在下一章网站优化之相关推荐中为大家详细介绍。“爱尚淑女坊”电子商务网站的设计与实现12图412商品详细展示页面2商品详细页面实现的关键代码,如图413所示图413商品详细展示页面关键代码3商品详细页面实现的记录集,如图414所示“爱尚淑女坊”电子商务网站的设计与实现13图414商品详细展示页面的记录集“爱尚淑女坊”电子商务网站的设计与实现14424时尚搭配模块1“爱尚淑女坊”网站和常规的服装网站不同的是有一个时尚搭配页面,该页面主要把当季最流行的搭配风格做一个简要的介绍,给一些不懂搭配以及犹豫型用户提供参考。下图415是时尚搭配页面图415时尚搭配页面展示2时尚搭配页面实现的关键代码,如图416所示图416时尚搭配页面关键代码“爱尚淑女坊”电子商务网站的设计与实现153时尚搭配页面实现的记录集,如图417图417时尚搭配页面的记录集425公司简介、加盟我们、联系我们模块1公司简介模块“爱尚淑女坊”网站的公司介绍,其目的是为了让用户了解我们网站的发展,建立网站在用户心目中的地位,增强用户对网站的信任度。公司简介主要围绕公司成立时间、发展规模、经营模式、经营业务以及主要经营的产品进行简要介绍。2加盟我们模块“爱尚淑女坊”网站的加盟模块,主要是为加盟商提加盟说明,减少在线咨询,主要有保证金、对代理的支持、我们提供的服务和我们的优势做了一个详细的说明。3联系我们模块“爱尚淑女坊”联系我们模块,主要为加盟商以及零售的用户提供联系方式,网页上留有电话、传真、企业QQ等联系方式,方便用户及时的联系到我们。“爱尚淑女坊”电子商务网站的设计与实现165网站优化网站优化是对网站进行内容、版块、布局、目标关键字等多方面的优化调整,也就是网站设计时适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得流量排名靠前,增强搜索引擎营销的效果,使网站相关的关键词能有好的排名。其目的就是使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值。51网站结构的优化511网站结构介绍网站结构是指网站中页面间的层次关系,按性质可以分为链接结构和物理结构。合理的网站结构能正确的表达网站的基本内容及内容之间的层次关系,使用户、搜索引擎在网站浏览时可以方便地获取信息,不至于迷失。512网站结构优化网站结构优化就是对网站页面的储存方式(物理结构)、内部链接关系(链接结构)进行合理的调整,以减少网站的目录层次、优化普通页面与重要页面之间的链接深度、增加重要页面的链接入口,最后达到所有页面都能被搜索引擎方便地收录,并合理分配网站内部页面权重的目的。“爱尚淑女坊”网站属于小型网站,在优化物理结构时,使用了意义明确的目录名称,比如IMAGE、CSS、TEMPLATES等,目录层次在3层以内。在优化链接结构时,增加了网站首页的链接数量,导航栏目采用文本形式,一目了然,这样搜索引擎就会抓取到网页中更多的页面,传递权重。下图为网站导航图图51网站导航图“爱尚淑女坊”电子商务网站的设计与实现17下图是导航相应的代码图52网站导航相应代码52页面优化521相关内容相关内容是提高用户体验、促进蜘蛛抓取的方法,所以相关内容应该在整个网页布局中占据一定的位置。“爱尚淑女坊”网站将相关内容放置在主要内容区域的下方,也就是正文的末尾。在用户浏览了主页后,还有一个相关推荐,这样能吸引用户的进一步点击,提高网页的深层访问。图53掌柜推荐图522标签优化1标题标签标题不应太长,2530个字符之间为宜。关键词出现一到两次,融入长尾关键词。网站关键词要和网站的主题一致。“爱尚淑女坊”的网站主题是时尚淑女装,所以我们将淑女装作为网站的主要关键词,网站标题为“爱尚淑女坊女装网正品时尚淑女装一件代发”。“爱尚淑女坊”电子商务网站的设计与实现182关键词密度主关键词一般不超过五个,每个不超过10个字数。主要围绕公司业务、网站主题、内容方向、公司地名来选择。选择主关键词不可太过宽泛和特殊,多站在访客的角度思考,尽量选择竞争力度小、搜索次数多的关键词。“爱尚淑女坊”网站根据以上几个方面,选择了以下几个关键词淑女系列,淑女连衣裙,长沙时尚搭配女装,女装代理一件代发,女装时尚搭配。3描述标签描述标签的主要作用是概况站点内容让用户了解,描述一般要注意简单明了,字数控制在搜索结果范围之内。“爱尚淑女坊”网站的描述标签为“爱尚淑女坊”女装网是长沙一家专门做淑女系列品牌的网站,网站设有时尚搭配栏目,为不会搭配的美眉提供搭配建议和搭配心得。网站诚招各地女装代理,一件代发。图54标签优化图523代码优化1DIVCSS布局其主要作用是简化网页的格式代码,节省网页制作的时间,并且提高网页制作的质量。“爱尚淑女坊”网站,根据自身的需求制定多个CSS样式表,提高网页制作的效率与质量。DIVCSS的网站结构对SEO网站优化起到的作用也越来越明显,“爱尚淑女坊”网站就是采用的这种方式,HTML页面里基本只有文字或图片信息,而样式则放在CSS里面,这样就大大提高了搜索引擎的效率。2清除垃圾代码垃圾代码是删除后不会影响页面显示的非必要代码,“爱尚淑女坊”网站就是采“爱尚淑女坊”电子商务网站的设计与实现19用删除常见代码(空格字符、默认属性、注释语句、空语句)从而达到降低页面体积,提高页面用户体验和搜索引擎友好性的目的。524图片优化1图片相关性不合理的图片、不相关的图片不仅不能给网站内容增添色彩,反而会让顾客失去对网站的信任,这直接影响到浏览的深度以及再次访问。在丧失一部分用户的同时,网站流量也会面临危机。“爱尚淑女坊”网站将网站所用图片进行筛选,从中淘汰掉与网站不相关的图片。2ALT标签网站优化从根本上来说是为了用户更好的获取信息,增强用户的体验度。“爱尚淑女坊”网站图片的ALT属性描述简明扼要。出于用户的角度来考虑正确设置图片的ALT属性描述。图55ALT标签图下图是ALT属性优化后的代码图56ALT属性优化后的代码“爱尚淑女坊”电子商务网站的设计与实现2053关键词优化531关键词的选择“爱尚淑女坊”网站的关键词选择主要是围绕公司业务、网站主题、内容方向、公司地名等来进行扩展提炼,从而准确确定有针对性的关键词。主关键词不可太宽泛、太过特殊,多站在访客的角度来思考。我们从中挑选了这几个词作为网站的主要关键词淑女坊,网店货源,雪纺裙,女装代理,穿衣打扮网。下图是用追词助手对每个关键词数据的统计。图57ALT关键词选择图532建立简易的关键词库建立简易的关键词库,收集关键词,我们主要通过以下方法进行收集,一、根据自己的常识罗列出一些关键词。二、问身边人的在搜索同类型网站时会选择怎样的关键词。三、利用搜索引擎分析同类型的站点。建立好关键词数据后,我们再利用一些工具(如百度风云榜、百度指数、追词助手)进行筛选,从中选择搜索量大,竞争力小的关键词。关键词库中的部分关键词“爱尚淑女坊”电子商务网站的设计与实现21图58关键词库图通过追词进行筛选,从中选择了以下一部分搜索量较大大,竞争力相对较小的关键词图59关键词结果图图54内部链接优化541面包屑导航面包屑导航可以看做是主导航的补充,能让用户明白自己身处的位置,并能快速地去想要去的页面。“爱尚淑女坊”网站在不影响用户体验的前提下,在面包屑导航中适当的加入一些关键词。提高网站关键词密度,增加用户的体验值。图510面包屑图“爱尚淑女坊”电子商务网站的设计与实现22542网站地图网站地图是根据网站的结构、框架、内容,生成的导航页面文件。通过网站地图,不仅用户可以对网站的所有内容一目了然,搜索引擎也可以跟踪链接爬行到网站所有主要部分。“爱尚淑女坊”网站的网站地图保留了原网站的头部和导航栏,地图将网站的所有内容用文字的形式进行分类,一目了然。图511网站地图页面图543404页面404页面是告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面而不是关闭窗口离开。“爱尚淑女坊”网站的404页面保留了网站统一模板、设计风格、LOGO及名称,让用户可以通过网站的导航回到想要访问的页面去。404页面应该在最醒目的位置显示错误信息,明确提示用户,要访问的页面不存在。错误信息下面为用户提供返回首页和重要分类页面的链接点击选项。“爱尚淑女坊”电子商务网站的设计与实现23图512404页面签图“爱尚淑女坊”电子商务网站的设计与实现246网站推广61微信推广作为继微博营销之后的另一种网络营销方式,微信营销在具有与微博营销的相似性,通过微信公众平台、朋友圈、漂流瓶等渠道,来达到微信推广营销的目的。首先我们将微信的签名档写上网站的宣传信息。并制作专属于我们自己的二维码(二维码可以作为自己的一种名品,用户只需扫一扫,就能关注我们),微信用户还可以通过“附近的人”查找到附近留下脚印的人,这样就提高了签名档宣传网站的效果。下图为我们微信的二维码和签名档。图61微博推广图1其次每天在朋友圈中商品推荐只发一到两次。同时不定时的分享一些自己所感兴趣的事情,在朋友圈中建立信任感,而不是纯粹的推销产品。(每天定时发23个广告,转发微博上的广告,同时发一些和广告不相关的动态)“爱尚淑女坊”电子商务网站的设计与实现25图62微信推广图2微信即时性和互动性强,可见度,影响力以及无边界传播等特质特别适合病毒式营销策略的应用。通过线上线下结合的方式可以促进我们线上线下用户的相互转换,对于我们来说既是机遇也是挑战。62微博推广微博是一个基于用户关系信息分享、传播以及获取的平台,作为一种分享和交流平台,其更注重时效性和随意性。微博营销有成本低、便捷性、立体化、覆盖广、高速度、效果优等优势。作为随时与外界沟通的工具,要勤奋更新微博的内容,其中微博的内容选择很重要,也是最难的一部分,因为微博所限制的140字规则,长话短说,图文并茂,让人看起来有读起来的欲望。听众喜欢听有价值的信息。首先,我们要开通一个微博,并且加一些高质量的粉丝,主动去关注他人,只有先关注他人,才能让他成为你的粉丝。图63微博推广1“爱

温馨提示

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

评论

0/150

提交评论