网页设计论文、网站规划与实现_本科论文

成都理工大学工程技术学院毕业论文
四川兴欣鞋业有限公司网站
规划与实现
摘要
随着计算机技术、网络技术、通信技术的迅速发展和人们生活水平及需要的不断提高，越来越多的网络商店走入了大众的生活，对电子商务网站的设计和实现技术要求也越来越高。

论文研究电子商务网站的设计与实现，并采用网页三剑客技术实现了一个中型电子商务网站即鞋业网站。

论文首先简要介绍了电子商务及其实现技术，网站的构成及主要流程；然后详细介绍了网站的需求分析和系统设计，并给鞋业网站实现方案及技术细节，包括运行环境的配置各个功能模块的实现细节等。

网站实现了基本的前台的设计。

网页实现方面具有诸多优势，值得进一步学习和研究。

关键词：电子商务网站网上商店鞋业网站
目录
摘要 (I)
目录 (II)
前言 (1)
1四川兴欣鞋业有限公司简介 (2)
2 市场分析 (2)
2.1 站点前市场分析 (2)
2.6自身条件分析 (6)
3品牌策划 (9)
4网站规划 (9)
4.2导航设计 (10)
4.3主要栏目功能说明 (10)
4.4 网站结构图 (13)
4.5 网站层次结构图 (14)
4.6网站地图 (17)
4.7网站目录结构示意图 (17)
4.8各页记事本和前段设计 (17)
4.8.1首页记事本 (17)
4.8.2首页前段设计 (17)
4.8.3 公司简介记事本 (21)
4．8.4公司简介前段设计 (26)
4.8.7产品介绍记事本 (27)
4.8.8产品介绍前段设计 (28)
4.8.9会员系统记事本 (29)
4.8.10会员系统前段设计 (30)
4.8.11 客户服务记事本 (31)
4.8.12客户服务前段设计 (32)
5.功能设计 (34)
6.美术设计 (35)
7.服务器技术方案 (36)
8.程序设计 (36)
9.网站更新和维护 (37)
10.网站建设规划 (37)
11.费用明细表 (40)
12.网站后端设计 (40)
12．1设计实施 (40)
12.2 采用Windows Server2003操作系统 (42)
12.3 采用租用虚拟主机 (43)
12.4网站安全性措施，防黑、防病毒方案 (44)
12.5 技术支持和培训 (46)
12.6网站维护 (46)
前言
网站作为一种常见的企业对消费者（B2C或者B2B）电子商务的具体形式，在Internet上已经非常普及。

随着网站的快速增长，网站的设计和实现技术也迅速发展，出现了多种较成熟的实现技术。

由于网页设计技术具有多方面的优点，因此在网站的制作中被广泛采用网页三剑客，同时网页设计技术还处在不断的发展之中，论文选题的主要依据网站制作和对茶叶的喜爱的动机。

学习有关电子商务和电子商务网站制作的基本知识，了解电子商务网站制作的相关技术，并在此基础上选择了使用网页设计作为开发来制作一个电子商务网站——网上茶叶平台，并学习网页设计等方面的知识。

这是课题研究的基础性内容。

在指导教师的指导下，进行网站的需求分析、系统设计及制作网站功能模块划分，然后建立网站写调试各个功能模块的，最后进行组装测试。

通过教师的悉心指导和自己的努力，完成了毕业设计的各项任务，成功建立了网站，基本实现了各项制作网站功能。

只要加以功能扩充，该网站可以方便地投入网上施行，从而可以成一个网上茶叶平台。

论文正文主要包括4个部分，安排如下：
第1部分简要介绍电子商务、电子商务网站及其制作技术过程。

第2部分阐述网站的构成和网站制作思维。

第3部分对网站进行分析设计，详细了需求分析、制作功能设计及网站模块划分。

第4部分给出了网站的制作细节，包括制作的工具、网站建立及网站各个功能模块的制作技术。

最后论文对课题内容及成果进行了总结。

1四川兴欣鞋业有限公司简介
四川兴欣鞋业有限公司成立于2006年，它是一家经销批发的私营独资企业，并且是一家经国家相关部门批准注册公司。

公司经营单鞋、休闲鞋、慢跑鞋等，运动鞋的企业是四川兴欣鞋业有限公司的主营产品。

经过三年的风霜雨雪，以雄厚的实力、合理的价格、优良的服务与多家企业建立了长期的合作关系，在网上和阿里巴巴合作。

川兴欣鞋业有限公司热诚欢迎各界前来参观、考察、洽谈业务。

2 市场分析
2.1 站点前市场分析
四川兴欣鞋业有限公司的所在地宜宾鞋市概况：西街、东街、北大街为宜宾市的一级商圈，店铺租金在5-20万之间，转让费在6-20
万之间。

西街、东街是宜宾市主要的购物商圈，北大街各大正装品牌相继入驻，人气很旺，消费也比较高；
叙府商场位于人民路14号，该街人流量比较大。

清华街、民主路、文星街为本市的二级商圈，店铺租金与转让费均在5-10万之间，街道人流量也比较大，但相对于东街、西街
要差一些，消费也比较低。

目前，整个鞋业市场的营销还局限于传统模式，诸如打折、特价、返现等，对消费者而言已无新意，需要业内人士抓住时机，创
意营销，重点营销。

如：运动品类可以借用代言人做爱心慈善活动；对学校进行友谊赛事赞助；开展团购等。

为了方便客户能更好更快的了解公司企业形象，加快公司的销售，提供公司企业形象，增加在本市的市场竞争力，本公司决定建立一个结构完整的网站。

2.2 网站建设目标
本网站的目的是：给客户一个网上自主选择并购买鞋子的一个平台。

所以，企业应先具备基本的鞋业市场的调查情况和公司自身的优势、劣势情况。

并建设网站
定位和建设网站目地打下基础。

2.3 兴欣鞋业有限公司的特点
一是经营理念：为顾客提供方便，让雇员快乐，让供应商获得发展，让公司持续健康发展。

二是经营目标：创优质品牌。

三是质量方针：全员参与，全过程管理，持续改进，让顾客满意。

四是质量目标：交火事件率100%，支撑合格率95%以上，成品检验合格率98%以上，顾客满意度100%。

2.4 竞争对手分析
2.5 主题竞争性分析
2.6自身条件分析
优势：四川兴欣鞋业有限公司所在地宜宾，所存在的鞋业公司不是很多，并且，存在的鞋业公司几乎没有自身的网站，公司现在的规模不是很大，但拥有优秀并和企业有着高度认同感的人才，本着让人微笑的母的发展。

公司为工作人员提供优厚的物质待遇和福利，在这里的每一个都是喜欢鞋业的人，都有实现自己人生价值的给予，并使公司不断的成长。

劣势：网站内容较为简单，不能够满足大部分人浏览网站的需求。

网页过于陈旧，更新速度慢
2.7 可行性分析
2.7.1 预算
通过网站建设预算有助于了解网站的建设费用和合理利用费用或者合理地节约费用，避免不必要的浪费。

如下图：
Item（项目）Hours
（小时）
＄/Hou
rs（美元
/小时）
Fixed
Cost（固定
成本）
Total
Cost
（总成
本）
Notes
PLAYING（计划）
Concept
Define
Andience
40 100 4000
investigate Competion 30 40 1200
Intren Will
Research
Test Concept 10000 10000 Use Focus Group or Customers
Needs Assessment Include Time For Concept
Stuff 4 80 320 In-house And Freelance
Hardware 15 200 3000 Connectivity 10 200 2000 Software 10 200 2000
Project management 200 250 50000
30% of
Project
Buget
Subtotal 72520
DESING（设计）
Architecture Navigation 30 150 4500
Flowchar,Sch
ematics
Look And Feel(Concept) 20 100 2000
Includes,Cre
ating"roughs
"
Storybroading
Subtotal 6500 CONTECT（内容）
Write Contect 90 95 8550
Edit Contect 40 80 3200 Use Freelance Copy Editor
Art 5000 5000 Purchased or licensed
Illustration
s已购
Subtotal 16750
2.7.2 投资回报率
电子商务网站应该是能够为企业带来利益的，因此，在规划电子商务网站的时候就必须考虑投资回报的问题。

投资回报并不是总意味着获得现实的收入，也许只是为了扩大企业的影响力、提高公众的形象，也许仅仅是为了提高企业的运作效率，这完全取决于网站的建设目标。

但最终还是要转换到收入上来。

虽然在规划阶段计算的投资回报数据并不意味着实际的投资回报，但根据谨慎和尽可能客观选择的数据，加上合理的假设，由此计算出来的投资回报，还是有价值的，这不仅对投资者有意义，对项目执行者同样有意义。

（净收入+硬节约+软节约-总投资）/（总投资）*100=投资回报
3品牌策划
4网站规划
网站名称：四川兴欣鞋业有限公司
网站主题：通过网站宣传，树立企业形象，提高企业知名度
网站语言：简体中文
网站风格：以天蓝色为主，以绿色为辅。

白色给以人明快、纯洁、爽朗的感觉。

绿色为辅助色给以网站展现产品的特色，使网站内容简明。

要点明确，以简单明确的语言和画面体现站点的主题，表现网站的个性和情4．1 首页的设计
简约的LOGOS，准确的说明网站主题采用flash的形式，颜色本公司的个别产品，用阳光的气氛或颜色来推出公司的形象，动态的更新首页的内容，页面编排上为了增加用户浏览速度，flash要尽可能的做小，但资粮是必须要有保证，重在产品的演示，可以适当的添加一些其他相关企业的广告页面设计上，也要给浏览者一定的视觉冲击和品牌形象的显示。

吧在线销售，形象展示，
产品服务很好的结合在一起。

4.2导航设计
在网站中，导航系统是有效链接网站各处的工具，使得网站上的内容有效的分类并合理的分配。

是通过超级链接和图片链接，使得浏览者能够轻松自如的在各个页面之间转换，减少了一些繁琐的步骤，而不会让浏览者使用浏览器上的前进或后退。

4.3主要栏目功能说明
4.3.1网站首页
采用动态ASP动态页面，主要显示最新动态信息（自动从新闻动态中提取）、服务项目（自动从物流服务中提取），重要客户（自动从典型客户中提取）等。

网管在后台可以动态更新首页的内容。

浏览者一进入首页就能够了解整个网站的最新更新和公司的最新活动，给浏览者耳目一新的感觉，吸引浏览者经常访问公司网站。

4.3.2公司简介
其主要功能是宣传公司，通过公司基本情况、公司的文化理念和服务的了解，使企业为更多顾客所熟悉和信赖。

这栏目全部采用静态页面，我们将采用多种表现形式将公司的企业形象给以最好的传达。

4.3.3新闻动态
本栏目采用新闻动态模块，是将网页上的某些经常变动的信息，如：网站新闻、公司动态、业界动态等集中管理，按某些共性分类，通过简单的操作加入数据库，发布到网站上的一套系统。

它的出现大大减轻了网站更新维护的工作量，加快了信息的传播速度，使网站时时保持着活力和影响力。

4.3.4产品介绍
本栏目包括：“公司产品”、“茶艺茶道”两个板块，其主要介绍公司里所提供的相关茶叶的情况。

这栏目中加上音乐和解说，在保证功能的前提下给使用者带来良好的视觉享受和精神愉悦感。

其中每一张图片都有链接并有具体说明做法以及价格。

4.3.5 客户服务
本栏目采用动态模块，利用E-MAIL、在线留言、会员制，问题解答等收集意见，客户服务部会将用户反映的问题进行分类，如本公司能处理的，由本茶网负责解决用户的问题，如属于厂商、配送中心等部门的责任，客户服务部将迅速与各有关部门联系，尽快解决客户的问题。

4.3.6 会员系统
本栏目分“联系信息”和“留言板”。

“联系信息”是静态页面，介绍公司的联系方式。

其中EMAIL可采用超级连接，客户点击后即写信、发送。

“留言板”通过管理员设置固定模板，客户在线填写递交；后台管理员通过不同需求类型或行业进行划分、查询，统一部署给不同部门去办理，从而大大提高工作效率。

4.4 网站结构图
4.5 网站层次结构图
4.6 网站地图
4.7网站目录结构示意图
4.8 各页记事本和前端设计4.8.1 首页记事本
4.8.2 首页前端设计LOGO
产品分类会员等；登陆登陆，注册
注册账号挑选产品登录账号开始沟通
4.8.3 公司简介记事本
4.8.4 公司简介前端设计
4.8.7 产品介绍记事本
4.8.8 产品介绍前端设计
4.8.9 会员系统记事本
4.8.10 会员系统前端设计
4.8.11 客户服务记事本
4.8.12 客户服务前端设计
5.功能设计
6.美术设计
网页美术设计要求：
要结合经营部形象来识别系统，突出经营部精神。

要国际化大气，突出经营部的特色。

符合互联网特点，使网站容易导航，不赞成使用框架页，以免造成网页浏览的不便。

要统一网页风格，适当使用flash。

要考虑主要目标访问群体分布地域、年龄阶段、网络速度、浏览习惯等，尽量简单易行。

7.服务器技术方案
根据网站的功能，下面是服务器的要求：
主机：可采用虚拟主机
操作系统：Windows xp
应用程序：支持ASP
主件支持：ADO、FSO 、Jmail主件
数据库系统：支持SqlServer ，数据库空间至少30M，日志空间至少60M。

网站空间：120M以上
Logo空间：至少30M
网络带宽：独享1.5M,共享网络至少80M
8.程序设计
1.网站程序设计以asp开放为主。

2.采用规范化的程序设计方法进行开发，容易升级和维护。

3.经过多次测试已经稳定的程序功能。

4.根据经营部的具体需要进行调整。

5.提供后继开发支持。

9.网站更新和维护
网站建立后要进行及时更新才能保持网站的活力，才能更多的吸引人们浏览和使用。

经营部应该有专业人员负责内容的更新、电子杂志的编辑、回答顾客的问题等。

网站承建方对经营部进行相关的培训，使其能熟练使用网站的各种功能。

网站承建方负责网站建设咨询、网站建设后的的网络营销咨询和技术支持。

10.网站建设规划
11.费用明细表
（单位：元人民币）
12.网站后端设计
由于具有世界级的工具支持，简易性，安全性等众多特点；所以网站使用后端编程
12.1技术实施
12.2 采用Windows Server2003操作系统
Windows Server2003是虚拟主机行业的相对后来者，不过它已经迅速成为许多ICP和开发商的操作系统选择。

Windows Server2003系统为人们提供了灵活和友好的用户界面，并有各种时髦的工具软件。

Windows Server2003已经获得了相当的市场份额，它为人们提供了一个强大的，易于使用的，可定制应用程序的网络发布平台。

Windows Server2003同时还提供了充足的开发环境和工具，如VB，VC，FroWin2000Page，VBScript，MS IWin2000ernet Studio 等。

再加上其他许多第三方软件，Windows Server2003已经迅速成为虚拟主机的完备环境。

Windows Server2003虽然为商用软件，但美国政府也已经正式认可WindowsServer2003的安全特性,认定其为安全的操作环境。

安全性；我们可以使用安全管理来共享我们的文件夹并使它得到恰当的访问；我们可以加密我们的文件，使文件只能被你自己访问；
稳定性；系统运行更加稳定，可靠，即使在打开较多程序的情况下也不容易死机；对各种应用软件的支持更加完善，不易出现莫名其妙的程序错误；
可管理性；通过服务器的集中统一管理，降低系统维护复杂程度；支持远程系统帮助，信息中心可以在你的协助下进行远程帮助。

在Windows Server2003上，我们可以提供Cold Fusion，，Access，SQL等运行的环境。

IIS是IWin2000ernet Information Server的简称，它是唯一与Windows Server2003全面集成的http服务器，它也是运行功能最强的服务器。

12.3 采用租用虚拟主机
所谓虚拟主机，就是在别人的主机上，租用一定的网站空间以假设自己的网站。

打个比方，如果自己建立的主机是互联网上的一间屋，那么网络公司就是互联网上一间大屋，而虚拟主机就是这间大屋里面分租给你的一间小房间。

简单地来讲虚拟主机就是在一台硬件Server上针对每一个用户加装相应软件Server，从而实现多用户对硬件资源及通讯资源的共享，从而大幅度降低了网站建设成本。

无需购置机器：利用“虚拟主机”技术，每一台虚拟主机和一台独立的主机完全一样，每一台虚拟主机都具有独立的域名,具有完整Internet服务器功能。

费用低廉：可以节省购置服务器或其它硬件设备的投资、安排专业系统管理人员等多方面的费用。

快捷方便：不管身处何处,“虚拟主机”服务都能使您的部门拥有自己的域名及专属网站；
无需租用专线：通过FTP方式,可随时更新自己的主页内容。

无需操心维护：专业的技术支持，身处信息时代的前端运筹帷幄，决策前程。

这里选用了高档的工作站主机服务器.一台DNS域名解析服务器.一台E.mail服务器.两台热备份服务器。

所有的服务器均采用Windows Server2003，并采用了先进Cisco 的PIX防火墙技术，使整个系统更安全可靠。

12.4网站安全性措施，防黑、防病毒方案
计算机网络安全包括很多方面，从网络的管理到数据的安全以及传输的安全等。

（1）局域网安全措施
局域网采用广播方式，在同一个广播域中可以侦听到在该局域网上传输的所有信息
是不安全的因素。

基本措施：进行局域网网络分段，将非法用户与网络资源相互隔离，从而达到限制用户非法访问的目的。

物理分段：按计算机所在的物理地点来划分。

逻辑分段：按计算机的用途划分，不管所在的地理位置，形成虚拟网段（VLAN）。

如企业的服务器系统单独作为一个VLAN，重要部门（财务、人事、销售、生产等）的计算机系统分别作为独立的VLAN。

将整个网络分成若干个虚拟网段（IP子网），各子网之间无法直接通信，必须通过路由器、路由交换机、网关等设备进行连接，可利用这些中间设备的安全机制来控制各子网间的访问。

（2）Internet互连安全措施
网络安全是INTERNET使用者长期担心的问题，也是人们关心的焦点。

在维护网络安全的措施中，防火墙是应用最普遍，提供基本的网络防范功能的一种有效手段。

防火墙是设置在不同网络（内部网和公共网）或不同的网络安全域之间的设备。

它负责过滤，限制和分析，完成安全控制，监控和管理的功能。

防火墙技术
防火墙是网络之间一种特殊的访问控制设施，在Internet网络与内部网之间设置一道屏障，防止黑客进入内部网。

由用户制定安全访问策略，抵御黑客的侵袭，主要方法有：IP地址过滤，服务代理等。

反病毒技术
防毒的重点是控制病毒的传染。

防毒的关键是对病毒行为的判断，如何有效辨别病毒行为与正常程序行为是防毒
成功与否的重要因素。

防毒的难点就在于如何快速、准确、有效地识别病毒行为。

（3）数据安全措施
数据加密技术是为提高信息系统及数据的安全性和保密性, 使得数据以密文的方式进行传输和存储，防止数据在传输过程中
被别人窃听、篡改。

数据加密是所有数据安全技术的核心。

数据加密/解密应用流程示意图。

12.5 技术支持和培训
技术支持
聘请高等院校专家负责网站的终身维护工作，并负责为三湾
宾馆培训网站日常管理人员和信息发布人员。

培训
（1）网站管理系统的使用
（2）信息发布系统的使用
（3）网站界面风格控制系统的使用
（4）后台管理系统的使用
（5）搜索引擎的使用
（6）网站的建设和维护
12.6网站维护
维护内容如下：
系统维护
web服务器、邮件服务器、系统程序及安全性维护
数据维护
数据库后台数据录入（图片+文字表格）、数据库后台维护管理、数据导入导出
网页维护
网页（文字图片）内容更新、不改变网页模板、改变网站结构、页面模板的更新、首页或动态页面的修改更新、链接检查、内容审核
维护方案：。