现代商业企业信息网的设计与实现
作者:李向阳
来源:《商场现代化》2009年第05期
作者:李向阳
来源:《商场现代化》2009年第05期
[摘 要] 本文中主要通过Dreamweaver结合ASP制作现代商业企业信息网站。当用户进入的企业网站时,能通过网站的介绍了解企业的规模、产品和其他相关信息情况,通过具体的内容和友好的界面,让用户对企业及产品产生兴趣,达到企业网的目的——企业文化宣传和“网络销售”。
[关键词] 现代商业企业 信息 网站 设计 ASP
对于现代商业企业来说,随着internet的快速发展和面对经济全球化及市场竞争的日趋激烈,市场竞争的规则正变得越来越复杂。建设自己的网站是企业开展网络营销的前沿阵地。所谓企业网站,就是企业以网络营销为目的,在万维网上进行网站建设和宣传的行为。
一、设计的目的和意义
企业建站不是说跟上潮流而是在适应现代发展的需要,为自己在紧张的全球化竞争中添加砝码,企业建站不仅能提高自己的广告知名度更好的宣传自己而且能更方便的为客户着想,这样方便快捷的服务会让每个用户更放心满意。一个完善的企业网站,除了技术功能之外,应该能全面体现出这些网络营销功能。
二、目标与总体方案
1.目标
以所选的企业作为对象,通过此网站能让用户方便了解企业的情况,将企业最新动态和最新产品展示给大家,从而体现出企业网的作用网络销售。并能为企业提供好的意见,促进企业的发展。
2.总体方案
本企业网选用Dreamweaver结合ASP,ASP是一种优秀的电子商务开发程序语言,也是目前最为流行的开放式Web服务器应用程序开发技术,同时,ASP还具有环境培植简单、开发速度快、与数据库的兼容性好易用等优点。本企业网采用Photoshop、Flash进行图像处
理,采用Dreamweaver做页面即方便又能做出自己想要达到的效果。最后通过数据库和ASP 完成整个动态网站。利用ASP的有点方便快捷的对网站进行更新,和数据库的强大完成这个网站的后台管理。
3.设计方法和内容
(1)安装和设置IIS服务
按照在WinXp中安装和设置IIS服务的常规方法进行IIS服务的安装和设置。
(2)设计数据库
在数据库设计方面选择用Access制作后台数据库,在数据库制作时确定了数据库有:留言板数据库,新闻管理数据库,订购信息数据库,注册登陆数据库,及基本信息数据库。制作时首先要确定这些数据库是属性要求,及每一项那些方面进行制作。在各项数据库设计的时候要注意字段,在后台数据库设计的时候都添加了编号、名称、日期、内容,在订购和注册表设计时设计了用户名、密码、姓名、、联系地址、传真、产品号、数量及备注.为了让用户填写的信息准确全面,以上各种表都是必填字段,必须填写否则就会出现错误
提示,一般使用文本格式,日期和内容采用日期和备注格式。如图1所示:
(3)网站设计
首先确定了要制作的内容:首页、公司概况、产品展示、网上订购、意见反馈这几项,再就是对网站后台的制作,然后分别对每个页面进行设计。网站是以深为主,布局采用800*600:
①设计Flash。把图片用Photoshop进行处理,因为图片的GIF格式可以把背景保存成透明的,背景可以用仿照工具进行修复,因此保存成GIF格式。然后使用Flash设计,以首页的Flash为例,先在Flash上新建需要的大小添加上背景,再新建层导入汽车到库并设置相关关键贞及添加补间动画,再新建一个层制作字(文字最好做成元件图片的形式,好调整透明度)设置相关的关键贞及动作添加补间动画。
②使用Dreamweaver制作导航条。先在Dreamweaver里面确定图片大小制作相应大小的一个图片,用图层样式调整,再用剪切工具切成大小一样的5个并且每个都用文字工具写上相应的名称。对像、饱和度进行相应的调整保存成JIF格式。前后台的导航条采用同样的方法制作。
③制作导航条分别保存成了两种颜加上了鼠标经过效果。
④首页加新闻栏目并用了滚动方式。
⑤二层页面设计中每企业概况中分别通过企业介绍、红旗文化、红旗重任等分栏目。介绍了企业信息,方便浏览者更好的了解企业。在产品展示里面把最新款的红旗HQ3、 红旗HQD 和最老的红旗分别细致的展示给大家,让浏览者一饱眼福。在网上销售栏目做了信息简介、客户权利 、购车指南方便买家了解和选择需要的车型。最后意见反馈栏目实现公共留言,私聊(只有管理员能看见)。如图2所示:
⑥企业概况和网上销售中使用了网页的嵌套,这样既方便又使网页简单化。
⑦在后台的设计板块考虑到企业网站建设的目的和意义是将最新的信息传达给用户,主要做了这几个方面的后台管理:基本设置管理、新闻管理、订购管理、网站申明管理。这几个方面。在后台设计的时候考虑到后台是给网站管理人员用来更新信息的页面不需要做的多好看主要是功能的实现,每项都设置了添加和删除管理。为了能方便新闻的插入并设置格式和字体在添加里面嵌套插入了eWebEditor-eWebSoft在线文本编辑器 Version 2.0.0 beta,每页做的简洁方便,功能完善。如图3所示:
⑧设计登陆注册及订购页面:用Access建两张表分别为是zhuce 和dinggou,对其各项设置成必填字段。网站运用的是先注册会员,登陆后才能填写详细资料订购产品。用Dreamwear直接生成的表单,先绑定相应的记录集。接着对应记录集插入相应程序-插入记录,设置字体大小格式及表单的大小。再把按钮改成提交,然后添加一个按钮改成重新添加并在服务器行为里设置成重设表单。并制作两个登陆失败和注册失败的页面。在登陆页面的服务器行为里面登陆设置里面进行设置。如图4、5所示:
⑨新闻后台及前台设计:先用Access建表,再在dreamweaver里面新建页面做后台,后台设置了删除和添加项,用做注册的方法做出添加新闻,在新闻内容设置成用文本区域,在文本区域内通过iframe插入文本编辑器。这样方便编辑新闻的格式及字体。删除项是通过记录集插入主件,用表单按纽添加一个删除记录。前台我用运了显示标题点击进入主题内容,做了一个滚动形式的。用记录集插入相应的项,并做了重复区域显示10条新闻。如图6所示:
留言板主要实现了留言及回复留言的功能,管理员能删除非法留言.主要是通过数据库在网页中显示和写入的原理,在服务器行为里设置了删除纪录实现的。
(4)数据库连接
数据库连接基本采用Dreamwear进行连接。先绑定一个记录集在数据库ODBC里面添加一个数据源。然后就绑定记录集。
在这项中要测试数据库连接是否成功,不成功那说明数据源建立错误,删除后重新添加数据源。到测试成为为止。如图7所示:
(5)测试网站连接
测试网站是网站建设必不可少的一个重要过程。而且网站测试还能即时的反映你的网站布局和颜搭配效果,必须对灰度系数,颜,页面偏移和用量的变化进行观察.还要对网页进行全面的测试。
①在多种浏览器预览页面察看布局,颜等方面的情况。
②察看有没有段开的连接。
③测试网站中留言板的功能是否正确。
④在其他的计算机上浏览自己的网站,进一步完善网站。
三、设计创新
为了既有创新又不打破传统,本网站通过Flash和Photoshop软件的结合制作出相应的动画效果、图片。采用Dreamweaver的强大功能,采用鼠标经过效果、多处使用嵌套等技术手段。制作的网站既页面简单又不降低功能,整体视觉效果增强,使浏览者对网站感兴趣,增强浏览次数。如图8所示:
四、结论
本网站能实现网上订购,新闻后台管理,留言管理,网站申明管理,已经基本上能将企业的所有信息传递给客户。能够起到企业信息网能够实现网上交易,和企业信息发布及广告宣传作用。
参考文献:
[1]黄 英:网页设计与制作上机实践.机械工业出版社,2004年:25~105页
[2]张继光:Dreamweaver 8中文版从入门到精通[M].人民邮电出版社,2007年:101~204页
[3]蔡翠平:网络程序设计基础.清华大学出版社,2003.6.1:93~125页
[4]黄大喜:电子商务中的动态网页技术[J].湘潭师范学院学报(自然科学版), 2007年,( 01)
[5]江高举:Dreamweaver MX2004 私房菜.金禾资讯出版,2006.8:60~92页
[6]黑格尔.美学:文化艺术出版社,2007.01.01:223~254页
[7]吴仁和:林信惠系统分析与设计-理论与实务应用.网站制作公司获取客户智胜出版,109~121页
[8]陈锦辉.ASP初学指引.金禾资讯出版,2004.125~135页
[9]资讯教育小组:ASP&SQL网页资料库程式设计.知城数位科技出版,2004.06:96~128页
[10]邓文渊 陈惠贞:陈俊荣ASP与网页资料库设计.松岗出版,002年:60~145页
[11]薛万欣:电子商务网站建设.机械工业出版社,2005.5.9 :32~65页
[12]胡 社:HTML编程.人民邮电出版社,2005:56~59页
[13]范 勇:ASP开发网络数据库.人民交通出版社,2005年:106~265页
[14]MaryCampione.Java语言导学.机械工业出版社,2004年:6~8页
[15]冯玉才:数据库系统基础.华中科技大学出版社,2004年:188~198页
[16]田守端:Macromedia网页风暴培训教程.清华大学出版社,2005.3:143~190页
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论