网页设计、网站规划与实现-毕业论文

成都理工大学工程技术学院毕业论文四川兴欣鞋业有限公司网站规划与实现四川兴欣鞋业有限公司摘要随着计算机技术、网络技术、通信技术的迅速发展和人们生活水平及需要的不断提高，越来越多的网络商店走入了大众的生活，对电子商务网站的设计和实现技术要求也越来越高。论文研究电子商务网站的设计与实现，并采用网页三剑客技术实现了一个中型电子商务网站即鞋业网站。论文首先简要介绍了电子商务及其实现技术，网站的构成及主要流程；然后详细介绍了网站的需求分析和系统设计，并给鞋业网站实现方案及技术细节，包括运行环境的配置各个功能模块的实现细节等。网站实现了基本的前台的设计。网页实现方面具有诸多优势，值得进一步学习和研究。关键词 ：电子商务网站 网上商店 鞋业网站-I-四川兴欣鞋业有限公司目录摘要············································I目录············································II前言············································11四川兴欣鞋业有限公司简介···························22市场分析·········································22.1站点前市场分析·····································22.6自身条件分析····································63品牌策划·········································94网站规划·········································94.2导航设计····································104.3主要栏目功能说明·······························104.4网站结构图···································134.5网站层次结构图····································144.6网站地图·····································174.7网站目录结构示意图 ·······························174.8各页记事本和前段设计 ·····························174.8.1首页记事本 ···································174.8.2首页前段设计 ···································174.8.3公司简介记事本 ·······························214．8.4公司简介前段设计 ······························264.8.7产品介绍记事本 ·······························274.8.8产品介绍前段设计 ······························284.8.9会员系统记事本 ·······························29-II-四川兴欣鞋业有限公司4.8.10会员系统前段设计 ·····························304.8.11客户服务记事本 ·······························314.8.12客户服务前段设计 ·····························325.功能设计 ········································346.美术设计 ········································357.服务器技术方案 ··································368.程序设计 ········································369.网站更新和维护 ··································3710.网站建设规划 ···································37费用明细表····································40网站后端设计····································40．1设计实施····································4012.2采用WindowsServer2003操作系统 ····················4212.3采用租用虚拟主机 ·······························4312.4网站安全性措施，防黑、防病毒方案 ····················4412.5技术支持和培训 ···································4612.6网站维护·····································46-III-四川兴欣鞋业有限公司前言网站作为一种常见的企业对消费者（B2C或者B2B）电子商务的具体形式，在Internet上已经非常普及。随着网站的快速增长，网站的设计和实现技术也迅速发展，出现了多种较成熟的实现技术。由于网页设计技术具有多方面的优点，因此在网站的制作中被广泛采用网页三剑客，同时网页设计技术还处在不断的发展之中，论文选题的主要依据网站制作和对茶叶的喜爱的动机。学习有关电子商务和电子商务网站制作的基本知识，了解电子商务网站制作的相关技术，并在此基础上选择了使用网页设计作为开发来制作一个电子商务网站——网上茶叶平台，并学习网页设计等方面的知识。这是课题研究的基础性内容。在指导教师的指导下，进行网站的需求分析、系统设计及制作网站功能模块划分，然后建立网站写调试各个功能模块的，最后进行组装测试。通过教师的悉心指导和自己的努力，完成了毕业设计的各项任务，成功建立了网站，基本实现了各项制作网站功能。只要加以功能扩充，该网站可以方便地投入网上施行，从而可以成一个网上茶叶平台。论文正文主要包括 4个部分，安排如下：第1部分简要介绍电子商务、电子商务网站及其制作技术过程。第2部分阐述网站的构成和网站制作思维。第3部分对网站进行分析设计，详细了需求分析、制作功能设计及网站模块划分。第4部分给出了网站的制作细节，包括制作的工具、网站建立及网站各个功能模块的制作技术。最后论文对课题内容及成果进行了总结。-1-四川兴欣鞋业有限公司四川兴欣鞋业有限公司简介四川兴欣鞋业有限公司成立于 2006年，它是一家经销批发的私营独资企业，并且是一家经国家相关部门批准注册公司。公司经营单鞋、休闲鞋、慢跑鞋等，运动鞋的企业是四川兴欣鞋业有限公司的主营产品。经过三年的风霜雨雪，以雄厚的实力、合理的价格、优良的服务与多家企业建立了长期的合作关系，在网上和阿里巴巴合作。川兴欣鞋业有限公司热诚欢迎各界前来参观、考察、洽谈业务。市场分析2.1 站点前市场分析四川兴欣鞋业有限公司的所在地宜宾鞋市概况：西街、东街、北大街为宜宾市的一级商圈，店铺租金在5-20万之间，转让费在 6-20万之间。西街、东街是宜宾市主要的购物商圈， 北大街各大正装品牌相继入驻，人气很旺，消费也比较高；-2-四川兴欣鞋业有限公司叙府商场位于人民路 14号，该街人流量比较大。清华街、民主路、文星街为本市的二级商圈，店铺租金与转让费均在5-10万之间，街道人流量也比较大，但相对于东街、西街要差一些，消费也比较低。目前，整个鞋业市场的营销还局限于传统模式，诸如打折、特价、返现等，对消费者而言已无新意，需要业内人士抓住时机，创意营销，重点营销。如：运动品类可以借用代言人做爱心慈善活动；对学校进行友谊赛事赞助；开展团购等。为了方便客户能更好更快的了解公司企业形象，加快公司的销售，提供公司企业形象，增加在本市的市场竞争力，本公司决定建立一个结构完整的网站。2.2网站建设目标本网站的目的是：给客户一个网上自主选择并购买鞋子的一个平台。所以，企业应先具备基本的鞋业市场的调查情况和公司自身的优势、劣势情况。并建设网站-3-四川兴欣鞋业有限公司定位和建设网站目地打下基础。2.3兴欣鞋业有限公司的特点一是经营理念：为顾客提供方便，让雇员快乐，让供应商获得发展，让公司持续健康发展。二是经营目标：创优质品牌。三是质量方针：全员参与，全过程管理，持续改进，让顾客满意。四是质量目标：交火事件率 100%，支撑合格率95%以上，成品检验合格率 98%以上，顾客满意度100%。网站名

2.4竞争对手分析奔马鞋业有限公司 袁先生/co_94142.html http://http:zjyuanhui2008@163.com网址优势分析劣势 没有确定自己的网站 没有具体的网站名上网 很少上网 几乎不上网-4-四川兴欣鞋业有限公司情况功能作用分析2.5主题竞争性分析主题竞争分析竞我的企业竞争对手竞争对手竞争对手主争题123主题1在线购物留言版主题2公司介绍主题3流行资讯主题4会员系统主题5客户服务-5-四川兴欣鞋业有限公司2.6自身条件分析优势：四川兴欣鞋业有限公司所在地宜宾， 所存在的鞋业公司不是很多，并且，存在的鞋业公司几乎没有自身的网站，公司现在的规模不是很大，但拥有优秀并和企业有着高度认同感的人才，本着让人微笑的母的发展。公司为工作人员提供优厚的物质待遇和福利，在这里的每一个都是喜欢鞋业的人，都有实现自己人生价值的给予，并使公司不断的成长。劣势：网站内容较为简单，不能够满足大部分人浏览网站的需求。网页过于陈旧，更新速度慢2.7可行性分析2.7.1 预算通过网站建设预算有助于了解网站的建设费用和合理利用费用或者合理地节约费用，避免不必要的浪费。如下图：＄/HouFixedTotalCostItem（项目）HoursCost（固定rs（美元Notes（小时）（总成/小时）成本）本）-6-四川兴欣鞋业有限公司PLAYING（计划）ConceptDefine401004000Andienceinvestigate30401200IntrenWillCompetionResearchUseFocusTestConcept1000010000GrouporCustomersNeedsIncludeTimeAssessmentForConceptStuff480320In-houseAndFreelanceHardware152003000Connectivity102002000Software102002000Project30%of20025050000ProjectmanagementBugetSubtotal72520DESING（设计）Architecture301504500Flowchar,SchNavigationematicsLookAndIncludes,Cre201002000ating"roughsFeel(Concept)"StorybroadingSubtotal6500CONTECT（内容）WriteContect90958550UseEditContect40803200FreelanceCopyEditorArt50005000Purchasedorlicensed-7-四川兴欣鞋业有限公司Illustrations已购Subtotal167502.7.2 投资回报率电子商务网站应该是能够为企业带来利益的，因此，在规划电子商务网站的时候就必须考虑投资回报的问题。投资回报并不是总意味着获得现实的收入，也许只是为了扩大企业的影响力、提高公众的形象，也许仅仅是为了提高企业的运作效率，这完全取决于网站的建设目标。但最终还是要转换到收入上来。虽然在规划阶段计算的投资回报数据并不意味着实际的投资回报，但根据谨慎和尽可能客观选择的数据，加上合理的假设，由此计算出来的投资回报，还是有价值的，这不仅对投资者有意义，对项目执行者同样有意义。（净收入+硬节约+软节约-总投资）/（总投资）*100=投资回报-8-四川兴欣鞋业有限公司品牌策划网站规划网站名称：四川兴欣鞋业有限公司网站主题：通过网站宣传，树立企业形象，提高企业知名度网站语言：简体中文网站风格：以天蓝色为主，以绿色为辅。白色给以人明快、纯洁、爽朗的感觉。绿色为辅助色给以网站展现产品的特色，使网站内容简明。要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情4．1首页的设计简约的LOGOS，准确的说明网站主题采用 flash 的形式，颜色本公司的个别产品，用阳光的气氛或颜色来推出公司的形象，动态的更新首页的内容，页面编排上为了增加用户浏览速度， flash 要尽可能的做小，但资粮是必须要有保证，重在产品的演示，可以适当的添加一些其他相关企业的广告页面设计上，也要给浏览者一定的视觉冲击和品牌形象的显示。 吧在线销售，形象展示，-9-四川兴欣鞋业有限公司产品服务很好的结合在一起 。4.2导航设计在网站中，导航系统是有效链接网站各处的工具，使得网站上的内容有效的分类并合理的分配。是通过超级链接和图片链接，使得浏览者能够轻松自如的在各个页面之间转换，减少了一些繁琐的步骤，而不会让浏览者 使 用 浏 览 器 上 的 前 进 或 后 退 。4.3主要栏目功能说明4.3.1网站首页采用动态ASP动态页面，主要显示最新动态信息（自动从新闻动态中提取）、服务项目（自动从物流服务中提取），重要客户（自动从典型客户中提取）等。网管在后台可以动态更新首页的内容。浏览者一进入首页就能够了解整个网站的最新更新和公司的最新活动，给浏览者耳目一新的感觉，吸引浏览者经常访问公司网站。4.3.2公司简介-10-四川兴欣鞋业有限公司其主要功能是宣传公司，通过公司基本情况、公司的文化理念和服务的了解，使企业为更多顾客所熟悉和信赖。这栏目全部采用静态页面，我们将采用多种表现形式将公司的企业形象给以最好的传达。4.3.3新闻动态本栏目采用新闻动态模块，是将网页上的某些经常变动的信息，如：网站新闻、公司动态、业界动态等集中管理，按某些共性分类，通过简单的操作加入数据库，发布到网站上的一套系统。它的出现大大减轻了网站更新维护的工作量，加快了信息的传播速度，使网站时时保持着活力和影响力。4.3.4产品介绍本栏目包括：“公司产品”、“茶艺茶道”两个板块，其主要介绍公司里所提供的相关茶叶的情况。这栏目中加上音乐和解说，在保证功能的前提下给使用者带来良好的视觉享受和精神愉悦感。其中每一张图片都有链接并有具体说明做法以及价格。-11-四川兴欣鞋业有限公司4.3.5客户服务本栏目采用动态模块，利用 E-MAIL、在线留言、会员制，问题解答等收集意见，客户服务部会将用户反映的问题进行分类，如本公司能处理的，由本茶网负责解决用户的问题，如属于厂商、配送中心等部门的责任，客户服务部将迅速与各有关部门联系，尽快解决客户的问题。4.3.6会员系统本栏目分“联系信息”和“留言板”。 “联系信息”是静态页面，介绍公司的联系方式。其中 EMAIL可采用超级连接，客户点击后即写信、发送。“留言板”通过管理员设置固定模板，客户在线填写递交；后台管理员通过不同需求类型或行业进行划分、查询，统一部署给不同部门去办理，从而大大提高工作效率。-12-四川兴欣鞋业有限公司4.4 网站结构图公司简介新闻中心产品介绍客户服务会员系统公司简介鞋业发展最新产品联系我们会员登录企业文化公司新闻长靴服务热线会员注册生产基地行业动态单鞋服务宗旨在线支付总裁致词服务项目-13-四川兴欣鞋业有限公司4.5网站层次结构图-14-四川兴欣鞋业有限公司4.6网站地图普通首页公司简介 新闻中心 产品介绍 客户服务 会员系统公司简介鞋业发展最新产品联系我们会员登陆企业文化公司新闻单鞋服务热线会员注册核心优势行业动态长筒靴服务宗旨网上购物生产基地高跟鞋服务项目在线支付科技研发合作伙伴发展历程-15-四川兴欣鞋业有限公司4.7网站目录结构示意图-16-四川兴欣鞋业有限公司4.8 各页记事本和前端设计4.8.1 首页记事本客户名：修订时间：版本：维护：备注/问题：商业规则：

页号1：页名：首页文件名：index客户签名： 日期： 批准：看批准：主导航：首页，公司 页标题： 次要内容：用户简介，产品介绍，联 注册、最新动态系我们，会员系统，客户服务次导航：留言 主要内容： 再次内容：最新动态、留言关键词：首页，用户注册，简介，-17-四川兴欣鞋业有限公司其它导航/链接：在线 页脚：站点申明留言-18-四川兴欣鞋业有限公司4.8.2首页前端设计LOGO banner友情链接Notice会员等；登陆新闻 登陆，注册产品分类注册账号挑选产品登录账号开始沟通-19-联系方式

四川兴欣鞋业有限公司最新产品：QQ 最新产品：Emai:MSNHP-20-四川兴欣鞋业有限公司4.8.3公司简介记事本客户名：页号2：修订时间：页名：公司简介版本：文件名：corporatoinintroduction客户签名：日期：批准：维护主导航：首页，公司简介，页标题次要内容：用产品介绍，联系我们，会户注册、最新员系统，客户服务动态备注/问题：次导航：留言主要内容：再次内容：最新动态、留言商业规则：关键词：公司人员公司发展其它导航/链接：在线留言页脚：站点申明-21-四川兴欣鞋业有限公司4.8.4公司简介前端设计Logo bannerflash导航登录 注册 公司简介会员登录-22-四川兴欣鞋业有限公司网站流程注册账号挑选商品登录账号开始沟通选择数量在线订单在线支付联系方式站点申明-23-四川兴欣鞋业有限公司4.8.7产品介绍记事本客户名：页号3：修订时间：页名：产品介绍版本：文件名：productintroduce客户签名：日期：批准：维护主导航：首页，公司简介，页标题次要内容：用产品介绍，联系我们，会户注册、最新员系统，客户服务动态备注/问题：次导航：留言主要内容：再次内容：最新动态、留言关键词：产品类型最新产品商业规则：其它导航/链接：在线留言页脚：站点申明-24-四川兴欣鞋业有限公司4.8.8产品介绍前端设计Logo bannerflash导航登录 注册 Flash展示产品图片会员登录-25-四川兴欣鞋业有限公司网站流程注册账号挑选商品登录账号开始沟通选择数量在线订单在线在付联系方式站点申明-26-四川兴欣鞋业有限公司4.8.9会员系统记事本客户名：页号4：修订时间：页名：联系我们版本：文件名:contactus客户签名：日期：批准：看批准：维护主导航：首页，公司简介，页标题次要内容：用户产品介绍，联系我们，会最新动态员系统，客户服务备注/问题： 次导航：地址 主要内容： 再次内容：最新留言关键词：电话商业规则： 其它导航/链接：在线留言 页脚：站点申明-27-四川兴欣鞋业有限公司4.8.10会员系统前端设计Logo banner导航登录 注册 Flash展示产品图片会员登录-28-四川兴欣鞋业有限公司网站流程注册账号挑选商品登录账号开始沟通选择数量在线订单在线在付联系方式站点申明-29-四川兴欣鞋业有限公司4.8.11客户服务记事本客户名：页号4：修订时间：页名：联系我们版本：文件名:contactus客户签名：日期：批准：看批准：维护主导航：首页，公司简介，页标题次要内容：用户产品介绍，联系我们，会最新动态员系统，客户服务备注/问题： 次导航：地址 主要内容： 再次内容：最新留言-30-四川兴欣鞋业有限公司关键词：电话商业规则： 其它导航/链接：在线留言 页脚：站点申明4.8.12客户服务前端设计Logo banner导航-31-四川兴欣鞋业有限公司在线留言 最新产品离线留言浏览人数站点申明5.功能设计名称 功能简介支持产品三级分类。-32-四川兴欣鞋业有限公司促销商品管理系统邮件链接系统

强大的产品发布管理，能够上传产品图片，首页推荐，优惠价等信息。支持分店发布特价商品信息。产品收索功能。强大订阅管理功能。可以发送html和txt两种格式的邮件。支持友情链接分类。友情链接管理 支持文字和图片两种链接的方式。链接图片上传功能。网站FQA管理-33-四川兴欣鞋业有限公司客户反馈管理信息系 能够将客户问题进行统 详细分类。6.美术设计网页美术设计要求：要结合经营部形象来识别系统，突出经营部精神。要国际化大气，突出经营部的特色。符合互联网特点，使网站容易导航，不赞成使用框架页，以免造成网页浏览的不便。要统一网页风格，适当使用 flash。-34-四川兴欣鞋业有限公司要考虑主要目标访问群体分布地域、年龄阶段、网络速度、浏览习惯等，尽量简单易行。7.服务器技术方案根据网站的功能，下面是服务器的要求：主机：可采用虚拟主机操作系统：Windowsxp应用程序：支持 ASP主件支持：ADO、FSO、Jmail主件数据库系统：支持 SqlServer ，数据库空间至少30M，日志空间至少 60M。-35-四川兴欣鞋业有限公司网站空间：120M以上Logo空间：至少30M网络带宽：独享 1.5M,共享网络至少80M程序设计网站程序设计以asp开放为主。采用规范化的程序设计方法进行开发，容易升级和维护。经过多次测试已经稳定的程序功能。根据经营部的具体需要进行调整。提供后继开发支持。-36-四川兴欣鞋业有限公司9.网站更新和维护网站建立后要进行及时更新才能保持网站的活力，才能更多的吸引人们浏览和使用。经营部应该有专业人员负责内容的更新、电子杂志的编辑、回答顾客的问题等。网站承建方对经营部进行相关的培训，使其能熟练使用网站的各种功能。网站承建方负责网站建设咨询、网站建设后的的网络营销咨询和技术支持。网站建设规划日期 项目 负责人 备注确认《网站策划书》签订合同并支付预付款-37-四川兴欣鞋业有限公司签订合同后5日 确认主机，根据需求注册域名租用虚拟机内容签订合同后 经营部根据网站规14日内 划提交图片、文字资料签订合同后 完成美术部分的设30日内 计和确认，同时进行技术部分需要的具体信息进行收集和-38-四川兴欣鞋业有限公司确认签订合同后 进行程序开发45日内签订合同后 提交完整功能网站，50日内 进入网站测试期签订合同后 修改好网站错误等，64日内 正式交付网站，同时结清未付款项-39-四川兴欣鞋业有限公司费用明细表（单位： 元人民币）项目 价格 备注网站建设规划方案促销商品管理系统客户反馈信息管理系统邮件列表系统友情链接管理美术设计总计12.网站后端设计由于具有世界级的工具支持，简易性，安全性等众多特点；所以网站使用后端编程12.1技术实施-40-四川兴欣鞋业有限公司序网站组成使用技术名称效果说明号11、网站所有XHTML1、出版在线的文档，其中包含了标题、文字页面2、静态图片文本、表格、等内容。3、表格2、通过超链接检索在线的信息。3、为获取远程服务而设计表单，用于检索信息、定购产品等。在文档中直接包含电子表格、视频剪辑、声音剪辑以及其他的一些应用。21、网站动态VBSCRIPT1、实现在一个Web页面中链接多个对菜单象2、动态2、与Web客户交互作用。从而可以开图标发客户端的应用程序等31、经常更新ASP.net1、ASP.net的运行速度快,而且它为使的网页用XHTML,脚本和ActiveX服务器组件2、动态数据构建Web应用程序提供了一个框架.可如新闻以能过将脚本嵌入XHTML页内来创建中心，ASP.net文档.当用户请求得到一个ASP.net时,服务器便执行嵌入在页内的脚本,而且将脚本的输出作为XHTML的组成部分也包括在内,从而任何浏览器都可以浏览这个页2、可以和XHTML或其它脚本语言(VBScript,JavaScript)相互嵌套-41-四川兴欣鞋业有限公司3、是一种在WEB服务器端运行的脚本语言，程序代码安全保密4、此可以使用ActiveX控件继续扩充其功能5适用与、可以轻松的存取各种数据库各种浏览器4网站内的动CSS使用CSS的技术，网页便会给人一种态按钮赏心悦目、工工整整的感觉，同时字体的色彩变化也使主页变得更加生动活泼。5网上预定查数据库1、完善的客户数据资料处理询2、快速的资料查询能力3、未来电子商务的基础61、主要动画Flash1、以极富吸引力的动画吸引浏览者停2、动态图标留2、增强网站感染力12.2采用WindowsServer2003操作系统WindowsServer2003是虚拟主机行业的相对后来者，不过它已经迅速成为许多ICP和开发商的操作系统选择。WindowsServer2003系统为人们提供了灵活和友好的用户界面，并有各种时髦的工具软件。WindowsServer2003已经获得了相当的市场份额，它为人们提供了一个强大的，易于使用的，可定制应用程序的网络发布平台。WindowsServer2003同时还提供了充足的开发环境和工具，如VB，VC，FroWin2000Page，VBScript，MSIWin2000ernetStudio等。再加上其他许多第三方软件，WindowsServer2003已经迅速成为虚拟主机的完备环境。-42-四川兴欣鞋业有限公司WindowsServer2003虽然为商用软件，但美国政府也已经正式认可WindowsServer2003的安全特性,认定其为安全的操作环境。安全性；我们可以使用安全管理来共享我们的文件夹并使它得到恰当的访问；我们可以加密我们的文件，使文件只能被你自己访问；稳定性；系统运行更加稳定，可靠，即使在打开较多程序的情况下也不容易死机；对各种应用软件的支持更加完善，不易出现莫名其妙的程序错误；可管理性；通过服务器的集中统一管理，降低系统维护复杂程度；支持远程系统帮助，信息中心可以在你的协助下进行远程帮助。在WindowsServer2003上，我们可以提供ColdFusion，ASP.net，Access，SQL等运行的环境。IIS是IWin2000ernetInformationServer的简称，它是唯一与WindowsServer2003全面集成的http服务器，它也是运行ASP.net功能最强的服务器。12.3采用租用虚拟主机所谓虚拟主机，就是在别人的主机上，租用一定的网站空间以假设自己的网站。打个比方，如果自己建立的主机是互联网上的一间屋，那么网络公司就是互联网上一间大屋，而虚拟主机就是这间大屋里面分租给你的一间小房间。简单地来讲虚拟主机就是在一台硬件 Server上针对每一个用户加装相应软件Server，从而实现多用户对硬件资源及通讯资源的共享，从而大幅度降低了网站建设成本。无需购置机器：利用“虚拟主机”技术，每一台虚拟主机和一台独立的主机完全一样，每一台虚拟主机都具有独立的域名 ,具有完整Internet 服务器功能。-43-四川兴欣鞋业有限公司费用低廉：可以节省购置服务器或其它硬件设备的投资、安排专业系统管理人员等多方面的费用。快捷方便：不管身处何处,“虚拟主机”服务都能使您的部门拥有自己的域名及专属网站；无需租用专线：通过 FTP方式,可随时更新自己的主页内容。无需操心维护：专业的技术支持，身处信息时代的前端运筹帷幄，决策前程。这里选用了高档的工作站主机服务器 .一台DNS域名解析服务器.一台E.mail服务器.两台热备份服务器。所有的服务器均采用WindowsServer2003，并采用了先进C