河北瑞福祥机械制造有限公司网站设计与制作-电子商务毕业论.doc

第26页河北机电职业技术学院2008届毕业论文（设计）河北机电职业技术学院毕业论文姓 名： 学 号： 系 部： 人文与管理工程系 专 业： 电 子 商 务 班 级： 电子商务0602 论文题目：河北瑞福祥机械制造有限公司网站设计与制作 指导教师： 2008年6月摘 要随着经济的发展，各中小企业为了更好的在竞争中生存发展，发展电子商务已成为必然，电子商务在互联网的基础上，突破传统的时空观念，缩小了生产、流通、分配、消费之间的距离，大大提高了物流、资金流和信息流的有效传输和处理，开辟了世界范围内更为公平、公正、广泛、竞争的大市场，为制造者、销售者和消费者提供了能更好地满足各自需求的极好的机会。然而怎样实现企业电子商务，怎样建设企业电子商务是企业面临的两个难题。企业要发展必须在联系我国的基本国情的同时考虑自身实际情况建立一个电子商务网站，现阶段我国的电子商务基础还不太发达，完全实现电子商务是不可能的。而分析我国目前已有的电子商务网站状况对于建设好中小企业电子商务网站的意义非常重要，本文章是对河北瑞福祥机械制造有限公司企业网站的设计、分析报告。其中详细介绍了该网站的设计分析过程以及网站投入运营后所需的管理和维护，另外文中附有一些本网站的相关图片。由于本人所学知识有限，所以在网站的建设过程中，我只应用了简单的frontpage和表格技术。整个网站虽然简单，但是它不仅展示了瑞福祥公司的诚信、创新的形象还为用户提供了沟通交流的平台，服务用户、客户以及投资商。网站功能包括公司相关产品展示、销售网络、公司新闻、网上订购、在线留言等本网站主要通过静态功能网站界面友好，结构合理。关键词：电子商务网站；Internet；企业；信息 目 录前 言1 商务网站概述11.1 什么是商务网站11.1.1 电子商务的概念11.1.2 电子商务的功能11.1.3 电子商务技术11.1.4 电子商务网站的基本组成22 公司简介32.1 瑞福祥公司简介32.2 产品介绍33 开发环境43.1 FrontPage的概念、功能43.1.1 FrontPage的概念53.1.2 FrontPage的功能53.2 网页包括的元素53.2.1 文本53.2.2 图象和动画53.2.3 声音和视频53.2.4 超链接63.2.5 表格63.2.6 表单63.2.7 导航栏73.2.8 其他特殊效果74 系统分析74.1 可行性分析74.1.1 经济可行性分析75 网站体系结构85.1 网站结构85.1.1 网站目录结构95.1.2 网站的链接结构96 网站内容设计106.1 网站主页设计106.2 产品展示页面设计126.3 企业文化页面设计136.4 网上订购页面的设计146.5 客户留言页面的设计156.6 联系我们页面的设计157 主要界面的实现167.1 主页167.2 企业简介界面167.3 产品展示界面167.4 企业文化新闻界面167.5 客户留言界面167.6 联系我们界面16结束语18致 谢19参考文献20前 言如今，互连网对企业来说已经不再是新鲜的事物了，大多数的企业都已经建立了自己的网站。随着互连网的快速发展，网络已成为人们生活的一部分。电子商务、网络营销已不在只是被炒做的概念，人们对其的认识也在深入。 电子商务使企业之间的沟通与联系更加便捷，信息更加公开与透明，极大地降低了企业间的交易成本。在传统的商务运作中，高的通信成本、购销成本、协作成本大大增加了企业的负担，成为阻碍企业组织间协作的主要因素。这种状况下，企业倾向于采用纵向一体化战略扩张其规模，以此来替代横向协作，从而降低交易成本。电子商务的发展，使得企业可以与主要供应商之间建立长期合作伙伴关系，并将原材料采购与产品的制造过程有机地配合起来，形成一体化的信息传递和信息处理体系。电子商务还使得贸易双方的交流更为便捷，大大降低了双方的通信往来费用，简化了业务流程，节约了大量的时间成本与传输成本。除此之外，通过电子商务，供应链伙伴( 供应商、制造商、分销商等) 之间更加紧密地联系在一起，使以往商品生产与消费之间、供给与需求之间的“时滞”变为“实时”，大大改善了销售预测与库存管理，降低了整个供应链的库存成本，并节省了仓储、保管、行政等多方面的开支。不仅仅是大企业需要网站来开展电子商务，中小企业一样也迫切需要自己的企业网站用以实现宣传和联系客户等许多传统媒介无法完成的目标。本人这次为瑞福祥机械制造有限公司建立企业网站，仅仅从前期的准备和调查到资料的搜集整理，就用了一个多月的时间，深刻体会到网站的建设要有系统的理论指导。加上网页的制作，网站的上传，搭建网站模型需要各方面的资讯，而如何在网页上正确明晰地表达企业的资讯，使企业达到建站的目的，对建设好企业网站是有非常大的意义的。可以说，具有正确的建站思路和普遍性的建站原理才能创造出真正的企业网站，而不是只在技术上苦苦追求完美，堆砌出华丽却没有实际意义的工艺品。企业迫切需要充分利用网络,加速培养自身的学习能力,捕捉市场变化的机遇,积极吸取新知识并制定相应的战略,重组资源,调整自己的行动。这样企业才能应变灵活,不断提高竞争优势。 1 商务网站概述1.1 什么是商务网站商务网站的创建离不开电子商务的一套理论和技术，为了能对商务网站有一个全面的认识，首先概述电子商务的有关概念。电子商务虽然诞生的比较晚，但是其发展速度却是惊人的，目前金融业、商业零售、运输业和传媒业是电子商务发展最快的领域。从企业的业务发展趋势和收入来看，将来贸易活动的最大媒介是Internet,通过Internet进行交易的收入将逐渐上升，而通过传统通信交易的业务量将逐渐降低，Internet电子商务这种新的贸易运作方式对企业的影响将是深远的。1.1.1 电子商务的概念电子商务，是指对整个贸易活动实现电子化，从电子商务应用与发展实际出发，电子商务可以理解为：交易者之间依托计算机网络，按照一定的规则或者标准管理各种商务活动。“网络”是指以因特网为主的计算机网络；“商务”包括商务信息、商务管理和商品交易三个方面；“活动”一般由时间、地点、内容等要素组成。1.1.2 电子商务的功能现在提供电子商务解决方案的商家很多，一般来说，一个完整的电子商务解决方案主要必须具备物流管理功能、资金管理功能、网上交易功能、供应商或者客户档案管理功能、交易后的跟踪功能和市场情报收集与分析功能。（1）物流管理功能：主要完成对所要交易的商品及其属性进行管理、记录、检索。（2）资金管理功能：要求电子商务能够为使用者提供简单的资金管理功能，包括现金和银行存款的管理。（3）网上交易功能：主要对交易的过程进行自动化管理，这样可以降低管理费用；并且交易中心还可以将企业活动充分融合到全球性经济交流中，这样企业可以进行全球的交易活动。（4）供应商或客户档案管理功能：在电子商务中对客户档案的管理非常重要，通过对供应商或客户档案的管理，我们可以分析出哪些供应商和客户的信誉较好，在选择供应商和客户时会为我们提供充足的依据。（5）市场情报收集与分析功能：这一点非常重要，通过多网上市场情报的收集和分析，可以发现一些新的客户和市场，为企业开发新产品提供帮助。（6）交易后的跟踪功能：交易完成并不表示商务结束，交易后还会有一些问题，如产品质量问题等，这要求我们在交易以后进行客户信息的反馈。1.1.3 电子商务技术电子商务技术涵盖的技术领域很广泛，一般来说，主要有以下5个方面。1.网络技术电子商务的发展与网络的发展密不可分，网络技术是电子商务的关键技术之一。2.Web浏览技术电子商务的活动主要在网络上进行，所有产品和服务都呈现在网页上，交易双方利用Web浏览器实现交互。目前Web浏览技术主要支持HTML格式的数据，但随着进一步的发展，相信其他格式的数据也会逐步普及并被人们所使用。3.安全技术有关调查表明，很多客户不愿意在网上进行交易活动，其最大的担心是网上交易的安全性问题。电子商务的网上交易需要一个商务活动所涉及的，各方都信任的第三方机构来完成商务活动各方的身份认证以及其他一些网上数据的有效性认证。目前证书认证是最普遍使用的身份认证方式，证书认证具体的操作过程是：建立相关的认证体系，然后对交易双方进行身份确认。证书认证的结果是使产生的每一个证书都与一个密钥相对应。4.数据库技术在电子商务的业务活动中会用到很多的信息，如商家为用户提供的商品信息、认证中心存储的交易角色的信息、配送中心需要使用的配送信息、商家管理用户的一些购买信息以及用户的购买历史信息等。这些信息需要合理地存储起来，并能够在需要的时候抽取出来，这就要利用到数据库技术。数据库技术是企业管理信息系统的核心技术。该技术包括数据模型、数据库系统、数据库系统建设和数据仓库、联机分析处理和数据挖掘技术等。应用于电子商务中的数据库技术的功能主要包括：数据的收集、存储和组织、决策支持、Web数据库。5.电子支付技术严格地讲，电子支付是一个过程而不是一种技术，但在该过程中涉及到很多的技术问题，主要包括：电子货币的表示形式，发放和管理技术、电子支付模式。电子货币的表示形式主要由金融机构来制定，标准比较繁杂，主要是制定电子支票和电子现金的形式等；而电子安全支付模式现在一般使用两种：SSL和SET技术，从技术角度上讲SSL不是一种支付协议而是一种会话层安全协议。1.1.4 电子商务网站的基本组成电子商务不同于一般的网站，电子商务网站的主要目的是企业在网上进行展示和交易，所以除了具备一般网站的组成部分外，还包括专用于电子商务网站的组成部件。一般来说，电子商务网站主要包括以下两大部分。 1.内容构件（1）主页：企业网站与新闻网站不同，它比较讲究形象，因为一个高雅美观的形象可能是在Internet空间体现企业实力的惟一办法。因此尽管精美图片可能会由于下载时间过长而引起用户的反感，但是很多企业仍不惜在主页上尽力渲染。从整体上考虑主页一般应包括如下事项。标题栏电子邮件地址通讯联络资料设置Home链接（2）服务和产品清单：企业必须将自己的服务、报价、合同范本放在网站上，供客户随时查询、下载，这一内容往往是浏览者最希望得到的信息。（3）新产品发布：新产品发布的同时要提供反馈意见表，用以收集需求信息。（4）岗位招聘：将招聘条件和有关的表格放在网上。（5）相关站点链接：一方面可以为网站吸引客户，另一方面可以为内部使用人员过滤大量的信息，向员工和客户推荐一些好的文章。2.形象构件（1）主题图片和子图片：一个好的网站要有一个公司的徽标和一套配合不同栏目内容的旗帜广告。（2）字体：在字体的使用中，应注意两点：一个网页上的字体一般不超过两种，文章的标题应有一定的对比度。（3）对齐、留白、行距：文字在这三方面处理得当，可取得良好的视觉效果，同时体现出网站设计者的专业素质。由于本公司的规模属于中小型并且该公司所处地理位置较偏僻等原因，公司所有的交易一般是通过银行之间的转帐来实现的，而通过网上银行来进行交易的少之又少，因此其门户网站的建设也跟其他商务网站相差很大，在此网站中仅仅能够实现的只是最基本的网络技术和Web浏览技术等，至于其他技术，在本网站中还尚未能够很好的实现。上述内容构件在本网站中实现了的有：主页（包括里边的事项）、服务产品清单、相关站点链接等内容构件和形象构件的大部分。当然有些内容本来也可以实现的但由于时间及其他原因未能实现，对此本人也感觉非常的遗憾。2 公司简介2.1 瑞福祥公司简介瑞福祥公司位于华北平原，邢台市东44公里邢湾镇工业区,是河北省制造带锯机、木工压刨的最大厂家，生产食品机械、粮棉油机械，拥有雄厚的技术力量、先进精良的加工设备，产品畅销全国各地及朝鲜、俄罗斯等国家和地区，深受用户好评，不断的创新和新产品的开发是其永远的追求。本企业已荣获木工机械进出口许可证，并通过ISO9001：2000国际质量管理体系认证。已获得中华人民共和国进出口企业资格证书。2.2 产品介绍企业生产的主要机械有：木工带锯机、木工跑车、自动磨锯机、辊压机、开齿机、焊条焊接机、旋切机、木工压刨等其中带锯机有：MJ316型台式带锯机、MJ317型带锯机、MJ319台式带锯机、MJ329带锯机、MJ318台式带锯机、MJ328带锯机、MJ319C/329C带锯机、MJ3210带锯机、MJ3210B带锯机、MJ3212带锯机。跑车有：PCHZ4000型手摇电动两用跑车、PCHZ5000型焊件自动跑车、PCHZ5000型铸件自动跑车、PCHZ6000型焊件自动跑车（特制）、PCH4m4桩铸件手推跑车、PCH3500型铸件齿条跑车、PCH4m4桩精加工齿条跑车、PCH4m4桩丝杠焊件手推跑车、PCH4000型焊件2杠手推跑车、PCHZ8000型全自动跑车。磨具机有：MF1115型自动磨具机、新型自动磨具机、MR1113型自动磨具机。辊压机有：MR417-2型辊压机、MR417型锯条辊压机、MR417-3油压式辊压机。旋切机有：BQ1114型旋切机、BQ1500型旋切机。下面是相关信息的图片：3 开发环境3.1 FrontPage的概念、功能3.1.1 FrontPage的概念FrontPage是微软公司Office系列办公软件中的一个，它很好地实现了主页制作者与HTML的分离。就像在Word中编辑文本一样，我们只需要在编辑器中输入文本或图片，并设置好格式，很快就可以作出一个简单的网页了。FrontPage是制作网页的工具，可称得上是网页设计中的佼佼者，一般使用此软件来制作网页者属于初级用户，因为其功能和使用都较为简单。所以，通常如果只是做较为简单的又不太想学习很麻烦的话就选择FrontPage。3.1.2 FrontPage的功能FrontPage占领的是中级市场，其地位犹如文字处理软件中的Word，比较重视网页的开发效率、易学易用的引导过程，相对网页开发的另一软件Dreamweaver来说它又显现出了许多的不足，Dreamweaver在功能的完善，使用的便捷上比FrontPage要强些。它囊括了FrontPage的所有基本操作，还支持层叠式样表（CSS）和动态网页效果（DHTML）。 而动态HTML是Dreamweaver最令人欣赏的功能，是它的最大的特色。当然由于FrontPage的界面、功能与Word都非常相似，它还可以与其他组件无缝融合。此外，FrontPage还提供了相当数量的模板和向导，使初学者能够非常容易地设计出美观实用的网页。3.2 网页包括的元素3.2.1 文本文本一直是人类最重要的信息载体与交流工具，网页中的信息也以文本为主。与图像相比，文字虽然不如图像那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。为了克服文字固有的缺点，人们赋予了网页中的文本更多的属性，如字体、字号、颜色、底纹和边框等。通过不同格式的区别，突出显示重要的内容。此外，还可以在网页中设计各种各样的文字列表，以清楚地表达一系列的项目。以上这些功能的运用都给网页中的文本赋予了新的生命力，所以在制作本网站时除了应该有的正文外，我还特意在条幅中使用了艺术字。3.2.2 图象和动画图像在网页中具有提供信息、展示作品、装饰网页、表达个人情调和风格的作用。可以在网页中使用GIF、JPEG(JPG)、PNG三种图像文件格式，其中使用最广泛的是GIF和JPEG两种格式。在网页中使用动画可以有效地引起浏览者的注意，毕竟活动的东西比静止的东西更有吸引力，因此，许多网站的广告都做成了动画形式。但是由于各种原因，本网站在制作时只稍使用到了有关动态方面的图象，至于动画，由于本人所掌握的技术和知识有限不能很好的实现，所以在本网站中几乎不涉及动画。3.2.3 声音和视频声音是多媒体网页的一个重要组成部分。当前存在着一些不同类型的声音文件，可使用多种不同的方法将这些声音添加到网页中。在决定添加的声音文件的格式和添加方式之前，需要考虑的因素包括需添加声音的用途、格式、文件大小、品质，以及浏览器差别等。不同的浏览器对声音文件的处理方法是非常不同的，彼此之间很可能不兼容。用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等，设计者在使用这些格式的文件时，需要加以区别。很多浏览器不用插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。一般来说，不要使用声音文件作为背景音乐，因为那样会影响网页下载的速度。可以在网页中添加一个打开声音文件的链接，让播放音乐变得可以控制。视频文件的格式也非常多，常见的有RealPlayer、MPEG、AVI等。视频文件的采用让网页变得非常精彩而且有动感，网络上的许多插件也使向网页中插入视频文件的操作变得非常简单。还是上面所述的原因，视频技术在我们网站中还未能实现，不过目前我们正在设计和制作中，相信不久此技术会在我们的网站中实现。关于在网页中添加声音，由于我们公司的性质是机械制造方面的，客户关心的通常是有关产品方面的，那么在网站中使用声音文件的话只能是在视频中添加声音，这样效果会比较好，所以在使用视频时我们会同时考虑到这个问题的。3.2.4 超链接超级链接技术可以说是万维网流行起来的最主要的原因。超级链接是从一个网页指向另一个目的端的链接，这个目的端通常是另一个网页，但也可以是一幅图片、一个电子邮件地址、一个文件(如多媒体文件、文档或其他任意文件)、一个程序或者本网页中的其他位置。其载体通常是文本、图片或图片中的区域，也可以是一些不可见的程序脚本。当浏览者单击超级链接时，其目的端将显示在Web浏览器上，并根据目的端的类型以不同方式链接。例如，当指向一个AVI文件的超级链接被单击后，该文件将在媒体播放软件中打开；如果单击的是指向另一个网页的超级链接，则该网页将显示在Web浏览器上。在我们的网站中使用最多的也就是此技术，此技术在各个网页中都会应用到。3.2.5 表格通常使用表格来控制网页中信息的布局方式。这包括两方面：一是使用行和列的形式来布局文本和图像，以及其他的列表化数据，二是可以使用表格来精确控制各种网页元素在网页中出现的位置。在本网站中可以看到表格在其中也起到了很大的作用，在网页中几乎所有的部分都有表格的插入，比如横幅的插入、目录的插入等都是在插入表格的基础上完成的。3.2.6 表单 使用超级链接，浏览者和Web站点便建立起了一种简单的交互关系。表单的出现使浏览者与站点的交互上升到了一个新的高度。网页中的表单通常用来接收浏览者在浏览器端的输入，然后将这些信息发送到设计者设置的目标端。这个目标既可以是文本文件、Web页、电子邮件，也可以是服务器端的应用程序。表单的用途如下： l 收集联系信息l 接收用户要求l 收集订单、出货明细表和收费清单l 获得反馈意见l 设置来宾签名簿l 让浏览者输入关键字，以在站点中搜索相关的网页l 让浏览者注册为会员，并以会员身份登录站点表单由具有不同功能的表单域组成。最简单的表单也要包含一个输入区域和一个提交按钮。浏览者填写表单的方式通常是输入文本、选中单选按钮与复选框，以及从下拉列表中选择选项等。根据表单功能与处理方式的不同，通常可以将表单分为用户反馈表单、留言簿表单、搜索表单和用户注册表单等类型。3.2.7 导航栏导航栏是设计者在规划好站点结构、开始设计主页时必须考虑的一项内容。导航栏的作用就是要让浏览者在浏览站点时，不会因为迷路而中止对站点的访问。事实上，导航栏就是一组超级链接，这组超级链接的目标就是本站点的主页以及其他重要网页。在设计站点中的网页时，可以在站点的每个网页上都显示一个导航栏，这样，浏览者就可以方便地在站点的网页中徜徉。一般情况下，导航栏应放在较引人注目的位置，通常是在网页的顶部或一侧。导航栏既可以是文本链接，也可以是一些图像按钮。在本网站中，我将导航栏放在了横幅与网页主体之间，这样的安排会使得整个网页看起来更加整齐并且使用也较方便。3.2.8 其他特殊效果网页中除了以上几种最基本的元素之外，还有一些其他的常用元素，如悬停按钮、字幕、ActiveX特效等。这些特效不仅能点缀网页，使网页更活泼有趣，而且在网上娱乐、电子商务等方面也有着不可忽视的作用。虽然在本网站中没有涉及到字幕，但是我们在做导航栏时使用了悬停按钮与超链接技术的结合。这两种技术结合的效果也是很不错的。4 系统分析4.1 可行性分析这次毕业设计的项目是为瑞福祥机械制造有限公司建立公司门户网站，目的是建立企业互联网信息平台，促进公司网络宣传，扩大同客户、投资者及股东之间的沟通。对于以上要求，我们从经济可行性、技术可行性及社会因素三个方面进行初始可行性分析。4.1.1 经济可行性分析建立一个企业门户网站需要投入一定的人力、物力和财力。企业要求网站在最短的时间为企业带来收益并且在未来的长远发展中满足企业拓展的需要。下面我们将从几个方面对瑞福祥公司企业网站建设项目进行经济可行性分析。1.成本分析主要包括硬件（网站服务器、客户机、网络器械等）支出、软件（网站宣传、维护，网站域名等）支出、人力（网站开发和管理人员培训和日常新酬）。由于本公司规模较小，各个方面都未能接近现代化，尤其在销售方面，主要还是依靠传统的销售方式老寻找客户，像在这样的情况下，公司的门户网站还没有起到什么大的作用，因此公司在网站这方面的投入不是很大，网站还不被本公司的领导所注重。网站的开发是由专门的建站人员所负责，但是在管理方面就有所怠慢和疏忽。只是做一下平时的更新工作。其具体的支出与其他商务网站是不能相提并论的。2.收益分析通过行业的横向比较发现，网站开发有益于企业利润的增长；建立公司网站有利于公司对外宣传，扩大企业知名度，促进公司业务拓展；客户可以通过浏览公司网站来了解公司产品信息、运营信息，从而节省了企业在传统媒体上的宣传费用，降低了公司的宣传成本；通过公司网站促进公司信息化建设，进一步整合企业内外部资源，提高企业的资源利用率；通过网站和投资者、股东进行沟通和交流，增进相互理解，提高他们对公司信任度，扩大投资。虽然目前本公司的网站还不被注重，但是从公司的发展前景看来，它的地位会越来越被重视，在我们的销售区域不断拓展的情形下，客户已经不可能只是本地或本省的了，大部分的客户了解我们公司信息及产品信息开始倾向以网络，网站的作用将不再被忽视，它带给公司的收益会越来越明显。3.收益、投资比较 总的来讲，本公司网站建设的固定投入不多。而网站宣传费用可能在前期的投入较大，但随着网站的不断完善逐渐减少。另外，随着网站的不断对外宣传，相信以后带来的收益亦会不断上升。所以，随着网站建设的完成和投入使用，投入不断减少而收益不断增加。网站带给企业的并非直接的、可度量的收益，相反，这是一种无形但却影响巨大的财富。4.利益分析网站的短期利益并不是十分明显，主要是宣传和提升企业形象。但是从长远角度看，建立企业网站是公司发展的需要： 提升企业知名度，提升公司行业品牌； 整合企业内外部信息资源，提高资源利用率； 增进同客户和股东的感情，保证公司稳定发展； 促进信息化建设，促进企业业务流程重组。5 网站体系结构5.1 网站结构该网站由两大部分组成，前台网页和后台管理系统。网站里面主导航条用文字形式，避免使用图片或Flash做导航条，以利于保持网站的可扩展性。根据前面的设计思想进行分析，按照系统开发的基本观点对网站进行分解，从内容上可对网站作如下划分：1.关于瑞福祥：简要介绍企业的概况，包括公司简介、企业文化等；2.产品展示：介绍公司的主要产品及其附机产品；3.网上订购：企业的销售网络及网上订单情况；4.后台系统：管理员对各类信息进行回复、修改、删除等操作，同时对网站进行维护；5.在线留言：为网站的浏览者提供自由留言的服务以利于用户同瑞福祥进行良好的沟通；6.友情链接：提供用户一些行业或者相关的资讯网址。5.1.1 网站目录结构网站的目录是指建立网站时创建的目录。目录的结构是一个容易忽略的问题，大多数站长都是未经规划，随意创建子目录。目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。目录建立的原则：以最少的层次提供最清晰简便的访问结构。下面是建立目录结构的一些建议：1.不要将所有文件都存放在根目录下，否则容易造成：文件管理混乱、上传速度慢等问题。2.按栏目内容建立子目录 子目录的建立，首先按主菜单栏目建立。其他的次要需要经常更新的栏目可以建立独立的子目录。而一些相关性强、不需要经常更新的栏目可以合并放在一个统一目录下。所有程序一般都存放在特定目录。 3.在每个主目录下都建立独立的images目录经过实践发现：为每个主栏目建立一个独立的images目录是最方便管理的。而根据目录下的images 目录只是用来放首页和一些次要栏目的图片。4.目录的层次不要太深目录的层次建议不要超过3层。原因很简单，维护管理方便。其他需要注意的还有：不要使用中文目录、将文件分类存放等，瑞福祥公司网站的目录结构基本符合上述要求。5.1.2 网站的链接结构网站的链接结构是指页面之间相互链接的拓扑结构。它建立在目录结构基础之上，但可以跨越目录。形象的说：每个页面都是一个固定点，链接则是在两个固定点之间的连线。一个点可以和一个点链接，也可以和多个点链接。更重要的是，这些点并不是分布在一个平面上，而是存在于一个立体空间中。网站链接结构的目的在于：用最少的链接，使得浏览最有效率。一般的，建立网站的链接结构有两种基本方式：树状链接结构（一对一）；星状链接结构（一对多）。瑞福祥机械制造有限公司网站的设计将这两种结构混合起来使用，即主页和一级页面之间用星状链接结构，一级和二级页面之间用树状链接结构。这样使用户浏览既浏览方便又条理清楚。6 网站内容设计6.1 网站主页设计作为网站的门面，网站首页的结构是否清晰、合理，内容是否完整，链接是否顺畅，将影响到整个系统的价值评判，因此其设计至关重要。一般来讲，门户网站的设计应该遵循几个准则：1.布局简洁、大方、合理、醒目主页的目的是为了吸引用户浏览你的网址内容，这就是如同一本书的封面。因此，主页的设计应该合理、醒目、令人一目了然，切勿堆砌太多不必要的元素，使画面过于复杂。而且，作为企业门户网站的首页中在目的明确，功能清晰。图形简单，图象格式尽量要小这样可以使网站页面尽快传送到浏览用户的电脑上，提高了用户浏览的速度，节省了用户的时间。2.提纲挈领主页一般需要载有以下事项：标题：此标题须清楚无误地标示你的网站。标题可以是名称、标语徽号或图象。版权资料：这是适用于主页内容的版权规定。可以在主页上标示一句简短的版权声明，用链接方法带出另一个载有详细使用条款的页面，这样可以避免主页显得乱糟糟。由于种种原因我没能提供给大家本公司网站的版权资料，深表歉意，3.页面设计应尽量人性化这样可以使用户体会到网站的良苦用心，增加用户对站点的好感，从而增加网站的人气和点击量。万维网充满生命力、正在不断演进，所以一些现时适用的经验，将来未必合用。有好的主页，还须有精良的设备支持。网站服务器不断推陈出新，使建设网站的工作愈来愈容易。综合以上各点，瑞福祥网站主页应由三大部分组成：Top:分两部分，上面是网站名称，下面是导航栏。Middle:此部分是公司愿景介绍及主要产品和服务介绍。Bottom:其他链接及相关信息。如图1为瑞福祥公司网站的主页界面图1主页即公司首页，一个公司网站形象的好坏一般由首页决定，所以要想做好一个网站那么做好其首页是关键。此网站的背景颜色统一为天蓝色，目的是让人一看就感觉到清新、舒服。因为瑞福祥公司地处邢湾工业区，本身又是机械制造性公司所以污染在所难免，环境差是可想而知的。为此，我特意选择了天蓝色为此网站的背景色，希望能缓解一下人们对本公司实际环境的印象。图2为网站公司简介界面图2此导航栏里包括首页（即主页）、公司简介、产品展示、企业文化、网上订购、客户留言、联系我们、后台管理八个部分。另外，主页下方的相关链接还包括：百度搜索、中国机械网、中国制造网、阿士伯、慧聪网、木业网、阿里巴巴等几个板块。至于为什么在相关链接里会选择这几个网站，原因很简单，本公司主要在这几个网站上进行推广。6.2 产品展示页面设计图3该界面套用主页的模板，只是将里面的关键内容进行了修改。这样的网页链接在一起不会显得太烦杂、太乱、反而会显得很有层次性很简捷。由于本公司产品价格一般不外漏所以我只是提供了一些产品图片，至于价格等详细内容如有需要可询问本公司有关负责人。6.3 企业文化页面设计图4在企业文化界面里主要体现的是公司的宗旨、发展目标及企业所拥有的文化信仰等。左边产品目录栏中的内容和图2、图3中的内容一样，目的是为了让浏览者随时随地查看本公司的产品信息，因为作为生产性企业的网站，产品信息永远是客户最关心的。6.4 网上订购页面的设计图5此界面主要是提供给浏览者一个进行网上订购信息传递的桥梁，里面包含产品定单、客户资料，能详细的向公司传达客户的信息及需求信息。产品定单主要包括有：产品名称、产品数量；客户资料包括：客户名称、联系电话、传真、邮编、电子邮件、联系地址、其他要求等。这个界面的作用就是可以让用户很方便的通过网络购买我公司的机器，实现网上咨询、网上谈判、最终实现网上的成功交易。6.5 客户留言页面的设计图6在此界面，客户或者各个网民朋友不仅可以对本公司的产品、服务质量提出意见还可以对我公司的网站提出新的建设性建议，说来这个界面就是给用户提供发泄的场所，他可以把对公司所有的不满都通过这个界面上传到公司来。同时还可以进行在线交流，用户可以在线留言，询问有关公司及产品的具体信息。6.6 联系我们页面的设计图7联系我们界面里面提供了我公司所在的具体地理位置、业务经理及副经理的联系电话，方便客户及时的联系我们，进行业务商谈等。7 主要界面的实现7.1 主页主页是企业的门面，主页界面设计的好坏，影响到企业网站的宣传和推广。网站设计40%的工作都用在主页的