1、浅谈小型企业网站的设计摘 要:网站以它投资小、宣传范围广阔、页面灵活、以及互动性强等特点吸引了越来越多的用户。作为一些小型企业在这场竞争中如何利用有限的资源获得最大的成功,就成了一个摆在企业管理者面前的问题。为了充分利用现有资源,发挥网站应有的作用,我们必须做好网站建设前的总体规划,确定一套全面有效的设计方法。建好以后将实现那些有利于企业发展的地方。 关键词:企业;网站规划;设计 一、 网站的功能设计 网站功能模块设计(如图 1): 1. 新闻发布系统: 该系统的设计不仅可以不限量发布文体信息新闻而且可以不限量发布图文并茂新闻,功能强大,可设置多个新闻栏目,并具备管理员、文本录入员等权限。 2
2、. 企业信息发布系统: 该系统的设计可以节省大量的时间与人工费用来发布大量的企业内部、行业或相关新闻。它只要包括两部分:前台动态新闻发布系统与后台新闻管理系统,在前台(网页中)发布即时的新闻。 3.产品(信息)管理系统: 该系统可以为您提供清晰的展示、管理功能并能通过网络进行宣传产品。可以设置多级产品系列类别, 产品关键字模糊匹配搜索,有点击量统计、可以设定为推荐以便首页突出显示。我还根据产品的特点进行分类,建立相应的数据库,将产品按照不同层级类分类展示、并提供动态产品增减、修改等功能,方便日后产品信息的维护,可以提高工作效率。 4.供求信息发布平台: 这项功能可以为广大消费者提供一个可供他们
3、发布信息的平台。通过该系统,注册网站的会员(或任何人)都可以发布自己的供求信息,并可立即显示在网站相关页面上(经过审核) ,从而一方面搜集相关信息,另一方面通过这项服务提高网站的行业知名度,聚集人气,从而树立企业的网络形象。 5.资料下载管理功能: 这项功能是用来方便企业的管理者与员工之间文件传输的一个平台。管理者通过资料下载板块进行诸如工资履历表、入党申请表、人才需求情况等的发布可以实现对员工的信息发布,企业的员工也可通过下载获得企业的信息。实现了企业和员工之间的信息传递。 二、 网站的目录结构设置 目录结构的好坏,对浏览者来说并没有什么太大的感觉,但是对于站点本身的上传维护,内容未来的扩充
4、和移植有着重要的影响。 1. 在网站根目录中开设 images、css、lanmu、news 四个子目录。images 目录中放不同栏目的页面都要用到的公共图片(公司的标志、banner 条、菜单、按钮等等) ;css 子目录中放 css 等公共文件;lanmu子目录放网页模版和各种文字图片等等原始资料;news 子目录中放新闻发布内容及数据库表和连接文件。 2. 在根目录中原则上应该按照首页的栏目结构,给每一个栏目开设一个目录,根据需要在每一个栏目的目录中开设一个 images 子目录用以放置此栏目专有的图片和多媒体文件。但是当所有文件都放在根目录下,那么即使只上传更新一个文件,服务器也需要
5、将所有文件再检索一遍,建立新的索引文件。所以我并没有将所有文件都放在根目录下。我为每个主栏目建立一个独立的 images 目录是最方便管理的,而根目录下的images 目录只用来放首页和一些次要栏目的图片。 3.news 目录中的文件往往会比较多,因为所有数据库的文件都要存放在这里。所以对这个目录的管理是非常重要的。 三、 网站的连接结构设置 一般来说,建立网站的链接结构有两种基本方式: (1)树状链接结构 类似 DOS 的目录结构,首页链接指向一级页面,一级页面链接指向二级页面。这样的链接结构浏览时,一级级进入,一级级退出。优点是条理清晰,访问者明确知道自己在什么位置,不会“迷”路。但缺点是
6、浏览效率低,一个栏目下的子页面到另一个栏目下的子页面,必须绕经首页。 (2)星状链接结构 类似网络服务器的链接,每个页面相互之间都建立有链接。这种链接结构的优点是浏览方便,随时可以到达自己喜欢的页面。缺点是链接太多,容易使浏览者“迷”路,搞不清自己在什么位置,看了多少内容。这两种基本结构都只是理想方式,在实际的网站设计中,总是将这两种结构混合起来使用,达到比较理想的效果。由于访问者是客户,其目的是要快捷的浏览它所需要的信息。这就决定每个页面上都应设有与其它页面的超链,所以我决定使用星状连接结构。 四、 网站的表现形式 1.定位企业的 CI 形象。 所谓 CI,是借用的广告术语。 (CI 是英文
7、 corporate identity 的缩写) ,意思是通过视觉来统一企业的形象。一个杰出的网站,和实体公司一样,也需要整体的形象包装和设计。准确的,有创意的 CI 设计,对网站的宣传推广有事半功倍的效果。在网站主题和名称定下来之后,需要思考的就是网站的 CI 形象。 我首先制作了一个网站的标志(logo) 。就如同商标一样,logo 是站点特色和内涵的集中体现,看见 logo 就让大家联想起你的站点。为了突出间接消费者即孩子们的童真和网站性质,我选择以一个稚气的小女孩的脸庞为标志。 -! 2.设计网站的标准色彩 网站给人的第一印象来自视觉冲击,确定网站的标准色彩是相当重要的一步。不同的色彩
8、搭配产生不同的效果,并可能影响到访问者的情绪。为了不让浏览者感到眼花缭乱,网站的标志,标题,主菜单和主色块使用标准色彩,其它色彩作为点缀和衬托使用,给人以整体统一的感觉。 所以我选择绿色,黄/橙色,黑/灰/白色三大系列色。 五. 网站版面布局的设置 一般来说,企业网站首页的布局比较灵活,着重设计,这里所说的布局主要是指内页的版面布局。中、小型企业网站的内页布局一般比较简单,即内页的一栏式版面布局。简洁明快、独具特色、保持统一的网站风格能让用户产生深刻印象,不断前来访问。优秀的网页画面少不了漂亮的图像,但更主要的是布局效果。我在网页布局上采用的主要技术是 HTML 的表格(Table)和窗框(Frame)功能。 在版面布局中主要是考虑导航、必要信息与正文之间的布局关系。我采用顶部放置必要的信息,包括公司名称、标志、广告条以及导航条,这样的布局结构清晰、易于使用。在设计中我也吸取了许多好的网站设计的精髓。 参考文献 1作者:王曰芬 丁晟春主编.电子商务网站设计与管理 北京大学出版社出版 2作者:朱友芹 陈圣琳.网站规划与建设 电子工业出版社出版 3作者:刘瑞新 ASP 网页数据库短训教程 机械工业出版社 2004-1-1 4前沿电脑图像工作室 巧学巧用 Dreamweaver、Fireworks、Flash制作网页 北京:人民邮电出版社