网站建设论文.docx

网站建设论文.docx

《网站建设论文.docx》由会员分享，可在线阅读，更多相关《网站建设论文.docx（7页珍藏版）》请在冰豆网上搜索。

网站建设论文

网站制作及商品展示

摘要

随着计算机技术，网络技术的迅猛发展，Internet的不断普及，网络在各个领域里发挥了越来越重要的作用。

直接利用互联网开展电子商务，是企业上网的理想目标，对于一些大型公司来说这已成为了现实。

他们已经尝到了电子商务带来的巨大好处：

内部信息数据的瞬间沟通、人员联系的日趋紧密、业务开展效率加快、国际化成分的日益增加、大量门面与分支机构的消减所带来的资金节约等等。

中国上市公司网站评选研究中心在体验式访问中发现，涉足电子商务的上市公司已达四五百家，在公司官方网站中体现电子商务应用和功能的有90余家。

随着上市公司网站中电子商务功能的不断改进、完善，其网站的页面设计及栏目设置、功能也有很大的提升。

金融、银行、保险、航空、商业贸易、家电等行业的上市公司网站在电子商务方面的应用已经较为成熟，而像纺织、医药、房地产、化工、钢铁等行业通过官方网站应用电子商务的上市公司则越来越多。

上市公司围绕电子商务应用，以及受众性与实用性，网站设计水平整体较高，页面也较美观。

关键词：

网站制作后台管理商品展示网页设计

引言

随着互联网技术的应用普及，使电子商务迅速普及。

凭借互联网无地域限制的优势，消除了产品、服务供应商和需求者之间时间或地点上的有阻碍，我国经济正逐渐成为以互联网、通信技术为基础的新经济。

不管从实践还是理论上说，网络手段已经成为了先进企业发展的关键手段，可以说，每一家企业都必须面临着网络化的机遇和挑战，企业的未来就掌握在网站手中，网络营销和电子商务的时代已然到来，通过网站，企业可以实现网络营销和电子商务的发展，这也是未来企业发展的方向，产品的营销以及品牌推广，这是一个企业必须要进行研究的课题，而网站之所以受到重视，这都是基于网站丰富的资源和广泛的传播，在这样的背景下，大小网站遍地丛生，要想发展就必须对网络有所了解。

一建站分析和准备

1.1建站分析

网站建设的前期分析，是对想要制作的网站进行合理而又全面的考虑，为网站的需求获取、模块设计、开发实现以及用户使用做预想。

首先要针对需要建设的网站类型进行确认。

然后对网站针对的用户进行分析，在设计网站前，必须告诉网站所针对的人群、区域、国家等；提供网站策划书，这样在设计上就会针对这种人群的浏览习惯特别定制您的网页。

网站建设前期准备工作相当重要，这决定你建站的目的，以及日后维护网站，让你的网站发挥作用等是相当的重要。

网站频道就是网站的大框架，也就是主体部分，比如：

首页，公司简介，新闻动态，产品展示，在线留言，联系我们等，这是标准的企业网站的内容。

如果你有特定的框架，请您一一列出，这样方便建站设计。

预算是对网站制作的各方面进行规划。

网站的建设费用需要作出最大程度的预算，这样开发团队在开发设计时才能进行合理的规划和投入。

除了费用预算，网站制作的目的也是需要进行考虑的，是以广告形式、还是仅给现有的老客户观察？

是功能型的，还是展示型的？

风格定位要准确，功能型的网站在美工设计上可能不适合大块图片，在数据功能上比较强大，比如搜索，会员注册等，一般大型企业网、购物网、大型门户、交友网等都是属于功能型的，如果是展示型的，这种类型的网站可能大部分追求视觉上的美丽，对功能要求不高。

那在美工上面，设计上就得有强烈的视觉感了。

1.2建站准备

建站准备包括注册域名、购买服务器空间以及配置服务器环境等。

所谓的服务器环境的配置，直接相关的因素就是开发工具和开发语言的选择。

网站的数据存储需要数据库，常用的数据库有Orecal、Mysql、SQLServer等，常用的后台程序开发语言有JAVA、C++、PHP、C#等，前端页面显示通常采用html和css，为了显示网页特效以及用户使用信息验证等会使用JavaScript。

此外为了让网页显示的更丰富，可能还会使用flash动画等。

开发工具的选择根据开发语言的选择而定，JAVA程序的开发通常选用IBM的Eclipse，C++和C#开发采用微软的visualstudio，PHP通常使用集成的PhpStudy集成环境进行开发。

通常根据开发网站的类型、体积、功能，以及开发团队的经验等，选择最佳的开发语言和开发工具。

二网站开发平台和建站工具

2.1开发语言简介及选用

ASP是ActiveServerPage的缩写（“动态服务器页面”），是微软公司开发一个WEB服务器端的开发环境，利用它可以产生和执行动态的、互动的、高性能的WEB服务应用程序，常用于各种动态网站中；ASP之所以能受到大家的重视与使用的原因，主要在于所产生的执行结果都是标准的HTML格式，而且这些程序是在网络服务端中执行，使用一般的浏览器都可以正确地获得ASP的“执行”结果，并且将这ASP执行的结果直接在浏览器中“浏览”，并且ASP采用脚本语言VBScript（Javascript）作为自己的开发语言。

2.2ASP语言的特点

任何开发工具皆可发展ASP：

只要使用一般的文书编辑程序，如Windows记事本，就可以编辑，服务器上的ASP解释程序会在服务器端执行ASP程序，并将结果以HTML格式传送到客户端浏览器上，因此使用各种浏览器都可以正常浏览ASP所产生的网页,语言相容性高：

ASP与所有的ActiveX Script语言都相容，除了可结合HTML，VBScript、Java Script、Active X服务器组件来设计外，并可经由“plug-In”（外挂组件模组）的方式，使用其他厂商所提供的语言。

ASP语言易于操控数据库，方便连接ACCESS与SQL数据库：

ASP可以轻易地通过ODBC驱动程序连接各种不同的数据库。

并且隐密安全性高：

由于服务器是将ASP程序执行的结果以HTML标准格式传回客户端浏览器上，因此使用者不会看到ASP所编写的原始程序代码，因此，可防止ASP程序代码被窃取而用。

结合ASP的优势及其特点，所以选择ASP结合网站建设工具Dreamweaver CS4架构网站。

在此期间将使用Dreamweaver CS4进行ASP页面的编码，并使用IIS5.1对页面进行调试。

2.3建站工具的选择

Flash互动网页制作工具,是功能非常强大的交互式矢量多媒体网页制作工具；Flash 提供了广泛的平台支持，不需要任何编程工作就能够制作出精彩的动态效果，能够轻松输出各种各样的动画网页，动画效果、互动效果、多媒体效果十分出色；而且还可以在Flash动画中封装Mp3音乐、填写表单等，十分适合动态Web的制作；由于Flash采用矢量图形格式来制作动画，因此在低宽带的网络环境中仍然可以具有高品质的画面以及存储空间小的优点，从而使浏览者能够快速的下载效果非凡的动画，大大加快了浏览速度。

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，Dreamweaver 采用“所见即所得”的直观设计模式，充分尊重设计人员的原始意识和想象力，成功地将网页设计功能中的技术实现部分和设计部分分离开来，使用户只需专注于设计，而其余的工作由Dreamweaver 自动完成；另外，Dreamweaver可以控制和删除冗余代码，减小网页文件的大小，从而能够快速上传和下载reamweaver还是一个可以完全自定义的应用程序。

用户可以创建自己的对象和命令修改菜单和快捷键，甚至编写JavaScript代码扩展Dreamweaver的行为和属性检查器。

Photoshop 是目前最流行的图形、图像编辑设计软件，在数码影像处理、

图像编辑合成、广告设计、封面设计、美术绘画、网页设计等领域都被广泛地应用。

经过对网站设计和功能的综合考虑，决定在设计网站的过程中，采用Dreamweaver CS4，Flash CS4和 Photoshop CS4这三种软件来开发网站。

三网站模块设计

2.1功能设计

功能设计是对网站需要实现的功能进行合理的计划和安排。

首先确定网站需要的功能，对于要展示商品的网站，最突出的功能是实现管理后台产品信息的上传，前台对产品的浏览查看。

此外对于企业的宣传和产品推广也是建设网站非常重要的目的之一。

根据以上分析，网站的功能具体分为以下几部分：

（1）信息展示功能：

企业简介、企业文化、企业资质、联系方式等信息展示；

（2）商品展示功能：

能够显示商品图片、名称、价格、产品描述等；

（3）商品销售功能：

能够选购商品、购买、结算、评论等购买商品相关功能；

（4）网站管理功能：

网站有后台，能够管理网站信息，上传商品等。

2.2结构设计

通过对功能的分析，网站的结构设计为如下几个模块。

（1）用户功能模块 

实现的主要功能包括新用户注册、老用户登陆，同时，管理员对用户进行管理。

（2）信息检索模块 

该模块主要是方便用户对本站产品和信息进行相关检索，并返回检索结果。

用户可根据自己不同的需要，系统根据用户选择的不同组合检索方式和输入的关键字进行相关检索，得到用户检索的信息。

（3）在线留言模块 

该模块主要是方便用户和管理人员进行沟通和交流，用户可以发表自己的看法也可浏览其他用户的留言。

为了让企业管理部门掌握各方面的反馈信息，本系统设置了留言簿模块。

通过此模块，可以上传留言、查看以往的留言信息。

留言信息包括：

留言的用户、留言时间及留言内容。

（4）商品预定模块 

该功能模块主要是客户浏览了相关资料后，可通过本模块的下拉一个预定定单。

将个人信息及预定的商品填写完整后，上交给系统，而系统经过简单的逻辑判断信息是否有错后通过两个消息框的反馈，来确定商品预定是否成功。

（5）信息浏览模块 

实现的主要功能包括查看站内公告（最新公告及近期的所有公告）、点击商品查看介绍，并且可以进行查询功能。

（6）后台管理模块 

管理员可以对后台的所有信息进行修改。

四网站实现

4.1前台设计与实现

网页布局大致可分为“国”字型、拐角型、“T”字型、“L”字型、综合框架型、Flash型、变化型，在这里就不做一一论述了。

其实在、做设计的时候并没有过多的去考虑什么形式，最重要的是抓住客户的需求，把握网站的定位做出合理的框架布局。

网页的整体宽度可分为三种设置形式：

百分比、像素、像素+百分比。

通常在网站建设中以象素形式最为常用，行业网站也不列外。

我们在设计网页的时候必定会考虑到分辨率的问题，常用的是1024*768和800*600的分辨率，网络上很多都是用到778个象素的宽度，在800的分辨率下面往往使整个网页很压抑，有种不透气的感觉，其实这个宽度是指在800*600的分辨率上网页的最宽宽度，不代表最佳视觉，不管在1024还是800的分辨率下都可以达到较佳的视觉效果。

在网页设计中，字体的处理与颜色、版式、图形化等其他设计元素的处理一样。

前台页面的实现，主要通过html和css来编辑网页显示样式，asp来读取数据。

网页制作工具采用Dreamever，制作页面的步骤主要包括：

（1）网页设计：

使用Photoshop，设计网站的logo，以及整体页面效果图；

（2）网页制作：

将ps设计的效果图制作成html格式的网页；

4.2管理平台的实现

根据网页模块的设计，制作包含各个功能模块的后台管理系统。

首页要设计数据库，对应数据库表的设计与实现如下：

（1）单页数据信息表：

存储单页的文章信息；

（2）新闻信息表：

存储网站的新闻文章；

（3）用户信息表：

储存前台和后台登陆用户信息；

（4）产品信息表：

存储商品类型的共有信息

（5）类别信息表（d_category）：

存储产品类别信息

（6）类别和产品关系表（d_category_product）:

存储类别和产品之间包含的信息

（7）订单明细表（d_item）:

存储订单明细表

（8）订单信息（d_order）:

存储订单信息表

（9）用户地址表（d_receive_address）:

存储产品信息

数据库表设计好以后，在数据库中创建以上9个表，为数据的读取做准备。

程序采用ASP来完成，通过ASP强大的语言特性来完成数据的读取和关联，调用到前台页面。

4.3后台数据的管理

后台数据的管理，主要是从用户的角度出发，为用户的使用做合理而充分的考虑。

数据的管理从程序考虑，是由有数据库管理工具来完成的。

操作者只需要利用数据库管理工作，按照自己的需求操作即可，例如：

增加数据，删除数据，修改数据以及查找数据等。

用于当网站制作好以后，是通过浏览器来访问前台网页和后台管理系统，所以在用户的实际操作中，是通过后台管理系统对网站的数据进行操作。

五测试与使用

5.1网站调试与测试

本系统的调试工作并不是在所有模块设计完成之后才进行的，当某个模块编译完成之后都要进行调试，这样做的好处是可以及时的发现问题并及时的对其进行解决，避免了当某个模块都设计好后才进行调试，从而出现问题不易解决且做大量的重复性工作。

当所有的功能模块定义完成之后，将它们连于主菜单。

这样使得各模块必须经过相互协调，使得系统整个界面更为直观，方便用户的使用。

对于运行的模块，不仅要注意局部，而且要照顾全局进行总体调试。

如果调试过程中发现局部影响了全局，则需在最小限度修改的原则上做合理的调整。

如果是某个模块的问题，则单独进行修改，是其适应全局的需要。

这样多次的反复调试，不断改进，整个系统才可确定为初步正确。

5.2商品展示

前台的产品展示效果的实现后，用户只需登录后台管理系统，按照页面的操作提示来完成操作即可。

包括上传产品信息，产品图片等。

产品展示至关重要的一部分就是所展示商品的效果图，这部分还需要有一定设计能力才能够使产品展示更加完善，更具有商业的宣传力度和竞争力。

5.3网站维护

系统的维护主要分为纠错性维护、适应性维护、完善性维护和预防性维护。

 纠错性维护：

由于本系统测试不可能揭露系统中存在的所有错误，所以当系统运行到一定时期后会暴露出系统内隐藏的错误，这时要及时纠正。

适应性维护：

这里指为了使本系统更好的适应环境的变化而进行的维护工作。

一方面由于计算机技术的飞速发展，原来的系统不能适应新的软硬件，另一方面，应用对象也在不断的发生变化，将导致系统不能适应新的应用环境，因此，有必要对系统进行调整，以保证系统时时都能满足用户要求。

完善性维护：

要根据用户不断提出的新要求来不断扩充原有的系统的功能。

结论

通过本次的系统开发使我认识到一个网站的开发是个系统工程，需要各个方面知识的密切配合，如网页美工、设计，前台系统开发、后台系统开发都需要做好充分的需求分析，开发过程中每一步都要考虑全面、周到，编写都必须正确、完整，否则就会给下一步的工作带来麻烦，加重工作量，因为它们是紧密联系，一步都是以另一步为基础的。

同时，我们还认识到网络对我们学习的重要性，在本次网站开发过程中，许多困难问题都是通过网上论坛、网上搜索得到解答的，所以，学会利用网络获得知识也是本次站点开发的一大收获。

参考文献

[1]JonRaash．JavaScript编程实践．北京：

人民邮电出版社，2014年

[2]陆慧娟．数据库设计与应用开发实践．北京：

清华大学出版社，2014年

[3]施瓦茨（BaronSchwartz）．高性能MySQL（第3版）．北京：

电子工业出版社，2013年

[4]王珊．萨师煊.数据库系统概论.北京：

北京高等教育出版社，2013年

[5]李冲．Dreamweaver网页设计．北京：

清华大学出版社，2011 

[6]王宝军．计算机网络技术与应用．北京：

中国劳动社会出版保障出版社，2002

[7]岳鸿．计算机应用基础．长沙：

国防科技大学出版社，2006

[8]宋虹．Photoshop图形图像处理．湖南：

湖南大学出版社，2011 

[9]徐洪霞．网站设计实例．上海：

上海科学技术出版社，2008