1、毕业设计论文网页设计论文网站规划与实现四川兴欣鞋业有限公司网站规划与实现摘要随着计算机技术、网络技术、通信技术的迅速发展和人们生活水平及需要的不断提高，越来越多的网络商店走入了大众的生活，对电子商务网站的设计和实现技术要求也越来越高。论文研究电子商务网站的设计与实现，并采用网页三剑客技术实现了一个中型电子商务网站即鞋业网站。论文首先简要介绍了电子商务及其实现技术，网站的构成及主要流程；然后详细介绍了网站的需求分析和系统设计，并给鞋业网站实现方案及技术细节，包括运行环境的配置各个功能模块的实现细节等。网站实现了基本的前台的设计。网页实现方面具有诸多优势，值得进一步学习和研究。关键词 ：电子商务网
2、站 网上商店 鞋业网站前言网站作为一种常见的企业对消费者（B2C或者B2B）电子商务的具体形式，在Internet上已经非常普及。随着网站的快速增长，网站的设计和实现技术也迅速发展，出现了多种较成熟的实现技术。由于网页设计技术具有多方面的优点，因此在网站的制作中被广泛采用网页三剑客，同时网页设计技术还处在不断的发展之中，论文选题的主要依据网站制作和对茶叶的喜爱的动机。学习有关电子商务和电子商务网站制作的基本知识，了解电子商务网站制作的相关技术，并在此基础上选择了使用网页设计作为开发来制作一个电子商务网站网上茶叶平台，并学习网页设计等方面的知识。这是课题研究的基础性内容。在指导教师的指导下，进行
3、网站的需求分析、系统设计及制作网站功能模块划分，然后建立网站写调试各个功能模块的，最后进行组装测试。通过教师的悉心指导和自己的努力，完成了毕业设计的各项任务，成功建立了网站，基本实现了各项制作网站功能。只要加以功能扩充，该网站可以方便地投入网上施行，从而可以成一个网上茶叶平台。论文正文主要包括4个部分，安排如下：第1部分简要介绍电子商务、电子商务网站及其制作技术过程。第2部分阐述网站的构成和网站制作思维。第3部分对网站进行分析设计，详细了需求分析、制作功能设计及网站模块划分。第4部分给出了网站的制作细节，包括制作的工具、网站建立及网站各个功能模块的制作技术。最后论文对课题内容及成果进行了总结。
4、1四川兴欣鞋业有限公司简介 四川兴欣鞋业有限公司成立于2006年，它是一家经销批发的私营独资企业，并且是一家经国家相关部门批准注册公司。公司经营单鞋、休闲鞋、慢跑鞋等，运动鞋的企业是四川兴欣鞋业有限公司的主营产品。经过三年的风霜雨雪，以雄厚的实力、合理的价格、优良的服务与多家企业建立了长期的合作关系，在网上和阿里巴巴合作。川兴欣鞋业有限公司热诚欢迎各界前来参观、考察、洽谈业务。2 市场分析2.1 站点前市场分析 四川兴欣鞋业有限公司的所在地宜宾鞋市概况：西街、东街、北大街为宜宾市的一级商圈，店铺租金在5-20万之间，转让费在6-20万之间。西街、东街是宜宾市主要的购物商圈，北大街各大正装品牌相
5、继入驻，人气很旺，消费也比较高；叙府商场位于人民路14号，该街人流量比较大。 清华街、民主路、文星街为本市的二级商圈，店铺租金与转让费均在5-10万之间，街道人流量也比较大，但相对于东街、西街要差一些，消费也比较低。 目前，整个鞋业市场的营销还局限于传统模式，诸如打折、特价、返现等，对消费者而言已无新意，需要业内人士抓住时机，创意营销，重点营销。如：运动品类可以借用代言人做爱心慈善活动；对学校进行友谊赛事赞助；开展团购等。为了方便客户能更好更快的了解公司企业形象，加快公司的销售，提供公司企业形象，增加在本市的市场竞争力，本公司决定建立一个结构完整的网站。2.2 网站建设目标本网站的目的是：给客
6、户一个网上自主选择并购买鞋子的一个平台。所以，企业应先具备基本的鞋业市场的调查情况和公司自身的优势、劣势情况。并建设网站定位和建设网站目地打下基础。2.3 兴欣鞋业有限公司的特点 一是经营理念：为顾客提供方便，让雇员快乐，让供应商获得发展，让公司持续健康发展。 二是经营目标：创优质品牌。 三是质量方针：全员参与，全过程管理，持续改进，让顾客满意。 四是质量目标：交火事件率100%，支撑合格率95%以上，成品检验合格率98%以上，顾客满意度100%。2.4 竞争对手分析网站名奔马鞋业有限公司袁先生网址http:/http:zjyuanhui2008优势分析劣势没有确定自己的网站没有具体的网站名上
7、网情况很少上网几乎不上网功能作用分析 主题竞争分析2.5 主题竞争性分析我的企业竞争对手1竞争对手2竞争对手3主题1在线购物留言版主题2公司介绍主题3流行资讯主题4会员系统主题5客户服务2.6自身条件分析 优势：四川兴欣鞋业有限公司所在地宜宾，所存在的鞋业公司不是很多，并且，存在的鞋业公司几乎没有自身的网站，公司现在的规模不是很大，但拥有优秀并和企业有着高度认同感的人才，本着让人微笑的母的发展。公司为工作人员提供优厚的物质待遇和福利，在这里的每一个都是喜欢鞋业的人，都有实现自己人生价值的给予，并使公司不断的成长。劣势：网站内容较为简单，不能够满足大部分人浏览网站的需求。网页过于陈旧，更新速度慢
8、2.7 可行性分析2.7.1 预算通过网站建设预算有助于了解网站的建设费用和合理利用费用或者合理地节约费用，避免不必要的浪费。如下图：Item（项目）Hours（小时）/Hours（美元/小时）Fixed Cost（固定成本）Total Cost（总成本）NotesPLAYING（计划）ConceptDefine Andience401004000investigate Competion30401200Intren Will Research Test Concept1000010000Use Focus Group or CustomersNeeds AssessmentInclude T
9、ime For Concept Stuff480320In-house And Freelance Hardware152003000Connectivity102002000Software102002000Project management2002505000030% of Project Buget Subtotal72520DESING（设计）Architecture Navigation301504500Flowchar,Schematics Look And Feel(Concept)201002000Includes,CreatingroughsStorybroadingSub
10、total6500CONTECT（内容）Write Contect90958550Edit Contect40803200Use Freelance Copy EditorArt50005000Purchased or licensed Illustrations已购Subtotal 167502.7.2 投资回报率电子商务网站应该是能够为企业带来利益的，因此，在规划电子商务网站的时候就必须考虑投资回报的问题。投资回报并不是总意味着获得现实的收入，也许只是为了扩大企业的影响力、提高公众的形象，也许仅仅是为了提高企业的运作效率，这完全取决于网站的建设目标。但最终还是要转换到收入上来。虽然在规划阶
11、段计算的投资回报数据并不意味着实际的投资回报，但根据谨慎和尽可能客观选择的数据，加上合理的假设，由此计算出来的投资回报，还是有价值的，这不仅对投资者有意义，对项目执行者同样有意义。（净收入+硬节约+软节约-总投资）/（总投资）*100=投资回报3品牌策划4网站规划网站名称：四川兴欣鞋业有限公司网站主题：通过网站宣传，树立企业形象，提高企业知名度网站语言：简体中文网站风格：以天蓝色为主，以绿色为辅。白色给以人明快、纯洁、爽朗的感觉。绿色为辅助色给以网站展现产品的特色，使网站内容简明。要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情41 首页的设计 简约的LOGOS，准确的说明网
12、站主题采用flash的形式，颜色本公司的个别产品，用阳光的气氛或颜色来推出公司的形象，动态的更新首页的内容，页面编排上为了增加用户浏览速度，flash要尽可能的做小，但资粮是必须要有保证，重在产品的演示，可以适当的添加一些其他相关企业的广告页面设计上，也要给浏览者一定的视觉冲击和品牌形象的显示。吧在线销售，形象展示，产品服务很好的结合在一起。4.2导航设计在网站中，导航系统是有效链接网站各处的工具，使得网站上的内容有效的分类并合理的分配。是通过超级链接和图片链接，使得浏览者能够轻松自如的在各个页面之间转换，减少了一些繁琐的步骤，而不会让浏览者使用浏览器上的前进或后退。4.3主要栏目功能说明4.
13、3.1网站首页采用动态ASP动态页面，主要显示最新动态信息（自动从新闻动态中提取）、服务项目（自动从物流服务中提取），重要客户（自动从典型客户中提取）等。网管在后台可以动态更新首页的内容。浏览者一进入首页就能够了解整个网站的最新更新和公司的最新活动，给浏览者耳目一新的感觉，吸引浏览者经常访问公司网站。4.3.2公司简介其主要功能是宣传公司，通过公司基本情况、公司的文化理念和服务的了解，使企业为更多顾客所熟悉和信赖。这栏目全部采用静态页面，我们将采用多种表现形式将公司的企业形象给以最好的传达。4.3.3新闻动态本栏目采用新闻动态模块，是将网页上的某些经常变动的信息，如：网站新闻、公司动态、业界动
14、态等集中管理，按某些共性分类，通过简单的操作加入数据库，发布到网站上的一套系统。它的出现大大减轻了网站更新维护的工作量，加快了信息的传播速度，使网站时时保持着活力和影响力。4.3.4产品介绍本栏目包括：“公司产品”、“茶艺茶道”两个板块，其主要介绍公司里所提供的相关茶叶的情况。这栏目中加上音乐和解说，在保证功能的前提下给使用者带来良好的视觉享受和精神愉悦感。其中每一张图片都有链接并有具体说明做法以及价格。4.3.5 客户服务本栏目采用动态模块，利用E-MAIL、在线留言、会员制，问题解答等收集意见，客户服务部会将用户反映的问题进行分类，如本公司能处理的，由本茶网负责解决用户的问题，如属于厂商、
15、配送中心等部门的责任，客户服务部将迅速与各有关部门联系，尽快解决客户的问题。4.3.6 会员系统本栏目分“联系信息”和“留言板”。“联系信息”是静态页面，介绍公司的联系方式。其中EMAIL可采用超级连接，客户点击后即写信、发送。“留言板”通过管理员设置固定模板，客户在线填写递交；后台管理员通过不同需求类型或行业进行划分、查询，统一部署给不同部门去办理，从而大大提高工作效率。4.4 网站结构图4.5 网站层次结构图4.6 网站地图4.7网站目录结构示意图4.8 各页记事本和前端设计4.8.1 首页记事本客户名：修订时间：版本：页号1：页名：首页文件名：index 客户签名： 日期： 批准： 看批
16、准： 维护：主导航：首页，公司简介，产品介绍，联系我们，会员系统，客户服务页标题：次要内容：用户 注册、最新动态备注/问题：商业规则：次导航：留言主要内容：再次内容：最新 动态、留言关键词：首页， 用户注册，简介，留言其它导航/链接：在线留言页脚：站点申明4.8.2 首页前端设计LOGO banner会员等；登陆登陆，注册友情链接Notice新闻产品分类注册账号挑选产品登录账号 开始沟通联系方式QQ：Emai:MSN：HP：最新产品：最新产品：4.8.3 公司简介记事本客户名：修订时间：版本：页号2：页名：公司简介文件名：corporatoin introduction 客户签名： 日期： 批
17、准： 看批准：维护主导航：首页，公司简介，产品介绍，联系我们，会员系统，客户服务页标题次要内容：用户注册、最新动态备注/问题：商业规则：次导航：留言主要内容：再次内容：最新动态、留言关键词：公司人员 公司发展其它导航/链接：在线留言页脚：站点申明4.8.4 公司简介前端设计Logo banner flash导航 登录 注册 会员登录公司简介网站流程注册账号挑选商品登录账号开始沟通选择数量在线订单在线支付联系方式 站点申明4.8.7 产品介绍记事本客户名：修订时间：版本：页号3：页名：产品介绍文件名：product introduce 客户签名： 日期： 批准： 看批准：维护主导航：首页，公司简
18、介，产品介绍，联系我们，会员系统，客户服务页标题次要内容：用户注册、最新动态备注/问题：次导航：留言主要内容：再次内容：最新动态、留言关键词：产品类型 最新产品商业规则：其它导航/链接：在线留言页脚：站点申明4.8.8 产品介绍前端设计Logo banner flash导航 登录 注册 会员登录Flash展示产品图片网站流程注册账号挑选商品登录账号开始沟通选择数量在线订单在线在付 联系方式站点申明4.8.9 会员系统记事本客户名：修订时间：版本：页号4：页名：联系我们 文件名:contact us客户签名： 日期： 批准： 看批准：维护主导航：首页，公司简介，产品介绍，联系我们，会员系统，客户
19、服务页标题次要内容：用户注册、最新动态备注/问题：次导航：地址主要内容：再次内容：最新动态、留言关键词：电话 留言商业规则：其它导航/链接：在线留言页脚：站点申明4.8.10 会员系统前端设计Logo banner 导航 登录 注册 会员登录Flash展示产品图片网站流程注册账号挑选商品登录账号开始沟通选择数量在线订单在线在付 联系方式站点申明4.8.11 客户服务记事本客户名：修订时间：版本：页号4：页名：联系我们 文件名:contact us客户签名： 日期： 批准： 看批准：维护主导航：首页，公司简介，产品介绍，联系我们，会员系统，客户服务页标题次要内容：用户注册、最新动态备注/问题：次
20、导航：地址主要内容：再次内容：最新动态、留言关键词：电话 留言商业规则：其它导航/链接：在线留言页脚：站点申明4.8.12 客户服务前端设计Logo banner 导航 在线留言离线留言最新产品 浏览人数站点申明5.功能设计名称功能简介促销商品管理系统支持产品三级分类。强大的产品发布管理，能够上传产品图片，首页推荐，优惠价等信息。支持分店发布特价商品信息。产品收索功能。邮件链接系统强大订阅管理功能。可以发送html和txt两种格式的邮件。友情链接管理支持友情链接分类。支持文字和图片两种链接的方式。链接图片上传功能。客户反馈管理信息系统网站FQA管理能够将客户问题进行详细分类。6.美术设计 网页
21、美术设计要求：要结合经营部形象来识别系统，突出经营部精神。要国际化大气，突出经营部的特色。符合互联网特点，使网站容易导航，不赞成使用框架页，以免造成网页浏览的不便。要统一网页风格，适当使用flash。要考虑主要目标访问群体分布地域、年龄阶段、网络速度、浏览习惯等，尽量简单易行。7.服务器技术方案 根据网站的功能，下面是服务器的要求： 主机：可采用虚拟主机 操作系统：Windows xp 应用程序：支持ASP 主件支持：ADO、 FSO 、 Jmail主件 数据库系统：支持SqlServer ，数据库空间至少30M，日志空间至少60M。网站空间：120M以上Logo空间：至少30M网络带宽：独享
22、1.5M,共享网络至少80M8.程序设计1.网站程序设计以asp开放为主。2.采用规范化的程序设计方法进行开发，容易升级和维护。3.经过多次测试已经稳定的程序功能。4.根据经营部的具体需要进行调整。5.提供后继开发支持。9.网站更新和维护 网站建立后要进行及时更新才能保持网站的活力，才能更多的吸引人们浏览和使用。经营部应该有专业人员负责内容的更新、电子杂志的编辑、回答顾客的问题等。网站承建方对经营部进行相关的培训，使其能熟练使用网站的各种功能。网站承建方负责网站建设咨询、网站建设后的的网络营销咨询和技术支持。10.网站建设规划日期项目负责人备注确认网站策划书签订合同并支付预付款签订合同后5日确
23、认主机，根据需求注册域名租用虚拟机内容签订合同后14日内经营部根据网站规划提交图片、文字资料签订合同后30日内完成美术部分的设计和确认，同时进行技术部分需要的具体信息进行收集和确认签订合同后45日内进行程序开发签订合同后50日内提交完整功能网站，进入网站测试期签订合同后64日内修改好网站错误等，正式交付网站，同时结清未付款项11.费用明细表 （单位： 元 人民币）项目价格备注网站建设规划方案促销商品管理系统客户反馈信息管理系统邮件列表系统友情链接管理美术设计总计12.网站后端设计由于具有世界级的工具支持，简易性，安全性等众多特点；所以网站使用后端编程12.1技术实施序号网站组成使用技术名称效果
24、说明11、网站所有文字页面2、静态图片3、表格XHTML1、出版在线的文档，其中包含了标题、文本、表格、等内容。 2、通过超链接检索在线的信息。3、为获取远程服务而设计表单，用于检索信息、定购产品等。 在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。21、网站动态菜单2、动态图标VBSCRIPT1、实现在一个Web页面中链接多个对象2、与Web客户交互作用。从而可以开发客户端的应用程序等31、经常更新的网页2、动态数据如新闻中心，ASP.net1、ASP.net的运行速度快,而且它为使用XHTML,脚本和ActiveX服务器组件构建Web应用程序提供了一个框架.可以能过将脚本嵌
25、入XHTML页内来创建ASP.net文档.当用户请求得到一个ASP.net时,服务器便执行嵌入在页内的脚本,而且将脚本的输出作为XHTML的组成部分也包括在内,从而任何浏览器都可以浏览这个页2、可以和XHTML或其它脚本语言(VBScript,JavaScript)相互嵌套3、是一种在WEB服务器端运行的脚本语言，程序代码安全保密 4、此可以使用ActiveX控件继续扩充其功能 5、可以轻松的存取各种数据库 适用与各种浏览器4网站内的动态按钮CSS使用CSS的技术，网页便会给人一种赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。5网上预定查询数据库1、完善的客户数据资料处
26、理2、快速的资料查询能力3、未来电子商务的基础61、主要动画2、动态图标Flash1、以极富吸引力的动画吸引浏览者停留2、增强网站感染力12.2 采用Windows Server2003操作系统Windows Server2003是虚拟主机行业的相对后来者，不过它已经迅速成为许多ICP和开发商的操作系统选择。Windows Server2003系统为人们提供了灵活和友好的用户界面，并有各种时髦的工具软件。Windows Server2003已经获得了相当的市场份额，它为人们提供了一个强大的，易于使用的，可定制应用程序的网络发布平台。Windows Server2003同时还提供了充足的开发环境
27、和工具，如VB，VC，FroWin2000Page，VBScript，MS IWin2000ernet Studio等。再加上其他许多第三方软件，Windows Server2003已经迅速成为虚拟主机的完备环境。Windows Server2003虽然为商用软件，但美国政府也已经正式认可WindowsServer2003的安全特性,认定其为安全的操作环境。安全性；我们可以使用安全管理来共享我们的文件夹并使它得到恰当的访问；我们可以加密我们的文件，使文件只能被你自己访问；稳定性；系统运行更加稳定，可靠，即使在打开较多程序的情况下也不容易死机；对各种应用软件的支持更加完善，不易出现莫名其妙的程序错误；可管理性；通过服务器的集中统一管理，降低系统维护复杂程度；支持远程系统帮助，信息中心可以在你的协助下进行远程帮助。在Windows Server2003上，我们可以提供Cold Fusion，ASP.net，Access，SQL等运行的环境。IIS是IWin200
