小型企业网站设计

《小型企业网站设计》由会员分享，可在线阅读，更多相关《小型企业网站设计（17页珍藏版）》请在装配图网上搜索。

1、作品制作说明课题小型企业网站设计学 院电子信息工程学院专业（方向）计算机应用技术专业（信息管理方向）班 级微机094学 号姓 名完成日期2013年12月9日指导教师 小型企业网站设计作品简介21世纪将是电子商务飞速发展的时代，越来越多的企业建立了自己的网站，越来越多的人开始习惯从互联网上获取各种各样的信息，尤其是利用互联网来寻觅各种商业机会早已成为众多商业赢家的首选。网络可以给企业不分地域，不分国别的大量客户，带来无限商机，为了获得本行业的领先地位，抓住不断涌现的机会，企业建立一个具有特色的、集多功能为一体的企业网站就显得十分必要了。本网站通过互联网向社会展示自己的网站，从而吸引投资者前来投资

2、，扩大企业品牌知名度，增加企业的综合竞争力，从而获得更多的商业利润。本网站主要由首页、企业介绍、产品展示、新闻中心、家纺加盟、人才招聘、联系我们七大模块组成。首页主要展示了企业的情况：新闻中心，产品展示等，以黑色作为企业网站的背景色，显得企业成熟稳重，值得投资者信赖，企业logo由英文“Bluesky”和中文组成“蓝天家纺”，以蓝色为底色，显示了蓝天家纺拥有如天空广阔般的胸怀。企业介绍主要企业的发展历程和主要经营的项目，让投资者更进一步的的了解我们的网站。产品展示主要向大众展示我们企业的产品，让顾客能够深入了解我们产品的特点和优势，从而对我们的产品产生信心，购买我们的产品。新闻中心主要向客户展

3、示我们企业最新的企业动态，让客户了解我们企业最新的情况，展示企业文化，拉近客户与企业的距离，让客户感觉企业就在他的身边。家纺加盟主要向客户介绍成为企业经销商的要求和具体流程，并提供了企业的联系方式。人才招聘主要面向社会向各界精英提供一个成为我们企业人才的平台，为企业招贤纳士，源源不断为企业输送新鲜血液。联系我们主要给企业和客户提供一座沟通的桥梁，客户和游客如果对我们企业有任何意见和建议都可以通过留言的方式联系我们。一个界面友好、互动性强的页面往往能在企业推广中起到事半功倍的效果，本网站恰恰也遵循这一原则。l 明确建立网站的目标和用户需求 企业网站的设计是展现企业形象、介绍产品和服务、体现企业发

4、展战略的重要途径，因此必须明确设计站点的目的和用户需求，从而做出切实可行的设计计划。要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析，牢记以消费者为中心，而不是以美术为中心进行设计规划。在设计规划之初同样考虑：建设网站的目的是什么?为谁提供服务和产品?企业能提供什么样的产品和服务?网站的客户的特点是什么?企业产品和服务适合什么样的表现方式? l 网页形式与内容相统一 要将丰富的意义和多样的形式组织成统一的页面结构，形式语言必须符合页面的内容，体现内容的丰富含义。 运用对比与调和、对称与平衡、节奏与韵律以及留白等手段，通过空间、文字、图形之间的相互关系建立整体的均衡状态，产生和谐的美

5、感。如对称原则在页面设计中， 它的均衡有时会使页面显得呆板，但如果加入一些富有动感的文字、图案，或采用夸张的手法来表现内容往往会达到比较好的效果。 点、线、面作为视觉语言中的基本元素，要使用点、线、面的互相穿插、互相衬托、互相补充构成最佳的页面效果。网页设计中点、线、面的运用并不是孤立的，很多时候都需要将它们结合起来，表达完美的设计意境。l 多媒体功能的利用 网络资源的优势之一是多媒体功能。要吸引浏览者注意力，页面的内容可以用三维动画、FLASH等来表现。但要注意页面加载的速度。本网站主要运用了Dreamwaver、Access、fireworks等软件，使用了ASP动态网页技术，Access

6、作为后台数据库，制作了一个小型的企业网站，实现了企业网站的动态交互的基本功能。1 开发工具介绍本网站主要使用了Macromedia Dreamweaver8、Macromedia fireworks8和Access 2003等软件。Dreamweaver与其他脚本语言组合使用提供各种面向对象的开发工具，能较好的完成网页的设计、布局及ASP程序。利用Access的方便性、快捷性来建设数据库。1.1 Macromedia Dreamweaver 8介绍Macromedia Dreamweaver8是由macromedia公司设计开发的一款可视化的网页设计和网站管理工具，支持最新的Web技术，包含H

7、TML检查、HTML格式控制、HTML格式化选项、可视化网页设计、图像编辑、全局查找替换、全FTP 功能、处理Flash等富媒体格式和动态HTML、基于团队的Web创作。1.2 Macromedia fireworks 8 介绍Fireworks是Macromedia公司发布的一款专为网络图形设计的图形编辑软件，它大大简化了网络图形设计的工作难度，无论是专业设计家还是业余爱好者，使用Fireworks都不仅可以轻松地制作出十分动感的GIF动画，还可以轻易地完成大图切割、动态按钮、动态翻转图等，因此，对于辅助网页编辑来说，Fireworks将是最大的功臣。1.3 Microsoft Office

8、 Access介绍Microsoft Office Access是由微软发布的关联式数据库管理系统。它结合了 Microsoft Jet Database Engine 和 图形用户界面两项特点，是 Microsoft Office 的系统程式之一。2 IIS的安装与配置要实现所建的网站的发布，就必须建立IIS(互联网信息服务)，安装配置完成IIS后在浏览器地址栏中输入“127.0.0.1”即可实现网页的浏览。2.1安装IIS打开”控制面板”，然后单击启动“程序和功能”，单击打开“打开或关闭Windows功能”，选中Internet信息服务，如图2.1所示: 图2.1 安装IIS单击“完成”等

9、待几分钟后完成IIS的安装。2.2 IIS的配置右击“计算机”，单击“管理”-“服务和应用程序”-“Internet信息服务管理器”-“网站”如图2.2所示:图2.2 配置IIS右击“default web site”-单击“高级设置”，如图2.3设置，单击“确定”完成IIS配置:图2.3 IIS配置3 主页的设计本网站主页由logo与导航栏、正文内容和版权内容三大部分组成。3.1 logo与导航栏本网站logo由本人利用Fireworks制作完成, 企业logo由英文“Bluesky”和中文组成“蓝天家纺”，以蓝色为底色，显示了蓝天家纺拥有如天空广阔般的胸怀。Logo与导航栏如图3.1所示:

10、 图3.1 logo与导航栏3.2 正文内容正文部分由新闻展示、产品展示、家纺加盟三部分组成，为浏览者展示了企也的最近动态，了解了企业的主要产品等一系列信息，正文部分如图3.2所示:图3.2正文内容3.3 版权部分在网页的底部插入如图3.3所示的版权部分，版权部分由企业的电话、传真、邮箱组成，体现了一个网站的完整性: 图3.3版权部分4 关于蓝天关于蓝天页面主要向浏览者介绍企业的发展历程，以及企业的主营产品和企业产品的设计理念，通过应用已经建立好的模板构成页面的主体框架，然后再插入层，在层里输入介绍企业的文本，见附图: 附图 关于蓝天5 家纺产品 产品展示主要向大众展示我们企业的产品，让顾客能

11、够深入了解我们产品的特点和优势，从而对我们的产品产生信心，购买我们的产品。通过已建立好的模板建立页面的大体框架，通过插入层来插入图片，如图5.1、5.2所示: 图5.1家纺产品展示 图5.2家纺产品6 新闻中心 新闻中心主要向客户展示我们企业最新的企业动态，让客户了解我们企业最新的情况，展示企业文化，拉近客户与企业的距离。通过已建立好的模板建立页面的大体框架，新建几个层，在层中插入图片和文本，如图6.1所示: 图6.1 新闻中心新闻页面主要由图片和文字组成，通过应用建立好的模版，完成网页大体框架的建设，再插入几个层来插入图片和文本，如图6.2所示: 图6.2新闻页面 7 家纺加盟家纺加盟主要向

12、客户介绍成为企业经销商的要求和具体流程，并提供了企业的联系方式。通过已建立好的模板建立页面的大体框架，新建几个层，在层中插入图片和文本，见附图: 附图 家纺加盟8 精英人才 人才招聘主要面向社会向各界精英提供一个成为我们企业人才的平台，为企业招贤纳士，源源不断为企业输送新鲜血液。通过已建立好的模板建立页面的大体框架，新建几个层，在层中插入图片和文本，见附图: 附图 精英人才9 留言板的实现和显示留言板主要给企业和客户提供一座沟通的桥梁，客户和游客如果对我们企业有任何意见和建议都可以通过留言的方式联系我们，企业会认真听取这些要求和建议，从而改正企业发展过程中的不足。留言板主要包括留言页面liuy

13、an.asp和留言显示页面liuyanxianshi.asp，数据库liuyan.mdb用来存储留言信息。9.1 留言板的实现 通过应用已经建立好的模板建立页面的主要框架，然后在页面中插入一个686*326的层，在层里面插入一个9行4列的表格，在表格中输入您的姓名、联系电话等信息，如图9.1如示: 图9.1留言板页面在表格最下面插入“表单”-“按钮”提交，动作为提交表单，执行菜单栏“窗口”-“服务器”命令，打开“服务器命令”面板。单击“+”按钮。选择“插入记录”命令，则打开“”输入记录对话框，进行如图9.2设置: 图9.2插入记录建立数据库连接，执行菜单栏“窗口”-“数据库”命令，打开“数据库

14、”面板，单击该对话框中的“+”按钮，选择“数据源名称(DNS)”命令。打开“数据源名称(DNS)”，进行如图9.3进行设置: 图9.3数据库连接9.2 建立liuyan.mdb数据库数据库用来存储留言信息，通过ASP实现与网页连接，数据库结构设计如图9.4所示: 图9.4数据库设置9.3 留言板的实现 此动态页面主要实现留言的实现，通过应用已经建立好的模板建立页面的主要框架，然后在页面中插入一个678*409的层，在层里面插入一个8行2列的表格，在表格中输入游客姓名、联系电话等信息，执行菜单栏上的“窗口“-”绑定“命令，打开“绑定”面板，单击该对话框中的“+”按钮，选择“记录集查询命令”命令。

15、打开“记录集”对话框，如图9.5,设置成如图9.6如示: 图9.5记录集 图9.6 留言显示设置通过本次专题网站的制作自己对Dreamweaver有了进一步的深入了解，觉得自己学到了许多知识，在制作网站技术上也有了一定的提高。满怀信心的开始了本次的项目设计，在设计的过程中真的是问题不断，大大小小的问题全有，不过我并没有放弃，通过了自己的努力学习以及向老师同学请教，几乎都一一解决了这些问题。有句话说得好，问题并不可怕，可怕的是你在遇到这些问题时选择了放弃。通过不断地学习，不断地努力，在制作网页时为让我的网页更加丰富多彩，在网页中插入图像、动态特效等，让浏览者更加直接，方便地了解我们的网站，同时在

16、视觉上给人一种赏心悦目的感受。在制作网站中，我使用了Fireworks图片处理软件、Dreamweaver及css处理样式等。以前也只是掌握了些基础的知识，现在对这些已经有了进一步的了解，也比以前更能熟练地运用这些软件了。通过这次制作网站的过程，我个人有以下几点心得体会：(1)在制作网站的前期工作也很重要，这是我们容易忽略的。一个好的计划可以详细制定网站的相关内容，为后期的制作节省不少时间，同时也使网页的结构，主题更加清晰。(2)在制作网站时，不能随心所欲，要有一个大体的构思，使整个网页层次分明，使人看了一目了然。(3)在内容选取上要全面、可靠、严谨。(4)要有自己的独特风格，不能一味地去借鉴别人的网站，结构要新颖，有创意。虽然我的网站并不是用很专业的技术手段制作而成的，也有许多的不足之处，例如：网站的导航过于简单。但是我也有自己的特色，如：页面布局简洁清晰、内容由浅到深层层递进。我相信通过自己的不断学习、不断丰富自己、不断开拓视野、增强自己的实践操作技能，为以后能做出更加出色的网站而努力。最后我要非常感谢葛杰老师的耐心指导和帮助，让我能够成功地完成此项目。同时也要感谢给我帮助的同学们，谢谢你们！15附录网站结构图蓝天家纺首页关于蓝天家纺产品新闻中心家纺加盟精英人才联系我们华贵系列时尚系列雅致系列新闻1新闻2新闻3新闻4留言页面留言显示