论中小型企业网站设计与制作.doc

论中小型企业网站设计与制作
檀志鹏
(太原师范学院计算机系２00１02班 太原　03０012)
指导老师：郝 宁
【内容提要】中小型企业在不断发展壮大的过程中,对内要不断完善自己的管理水平，对外要迎接日益激烈的市场竞争，信息技术为它们提供了最好的解决途径。本文主要阐述中小型企业网站制作及在制作过程中设计、排版、规划等方面所需注意的一些知识和技术,重点讨论页面设计中版面布局、色彩、字体、表格、图片等方面的设计要点，旨在通过这篇文章使大家了解在中小型企业网站制作过程中必须重点考虑的几个问题。
【关键词】网站设计　 版面布局 　　字体设置 　　表格设计 mｅta标签
在这个高速发展的商业化社会里,，不断的与时间进行赛跑。而计算机网络和企业网站的出现，为他们提供了实现企业信息化的条件，使他们能够通过企业网站展示企业形象、宣传企业理念、推广产品从而大幅度提高企业的核心竞争力。（企业网站建设)在天津市友联机电设备有限公司网站建设中，着重强调企业品牌的打造和系列产品的展示，通过整个制作过程我深刻体会到页面的整体设计是一个中小型企业网站成功与否的关键，而首页的设计又是重中之重。下文将详细介绍其网站的主要制作过程和设计理念.
一、天津市友联机电设备有限公司网站制作过程
1．1需要使用的网页工具
在网站的制作过程中主要用到的工具是Drｅamwｅａvｅr 　７．0，下面分别对它们做一个简单的介绍.
1、Ｄrｅamwｅaｖer
Dｒｅamweaｖeｒ MX 是一个完整、集成的解决方案，可为您提供可视化的布局工具、快速的 wｅb 应用程序开发以及广泛的代码编辑支持。Ｄrｅaｍwｅaｖer具有“设计互动式网页"的功能。我们可以利用Ｄｒｅaｍweａver的
“图层"（Laｙer)和“时间轴”（Time Lｉｎe)功能,来让图片或文字随意地在网页中自由移动。移动的方式可以是绕着我们所设定的路径(ｐaｔｈ）移动，也可以是左右或直线的移动。 另外,,当鼠标经过文字或图片，文字或图片会产生变化的动态效果. Drｅａｍweａver还可以插入Fｌaｓｈ制作的．sｗf动画文件和　Fiｒewoｒk设计的ＨTML文件,让网页更加活泼。
对想要在视觉化环境下制作复杂网页的专业网页制作者来说,Dreaｍweaｖer已经在网页编辑工具中独占熬头,,Dreamwｅaver内置的功能是越来越多、越来越丰富、齐全，正版用户还可以去macromedia公司还可以下载Dreamwｅａveｒ的升级包。
2、Phｏtｏsｈop
Phoｔｏshop和Ｄrｅamweaver可以配合使用，相比之下，Dreａｍweaｖer负责网页设计和网站管理，而Phｏｔｏshoｐ则侧重于网页图形设计方面。 首先我们需要使用Phoｔoshop设计好网页的整体效果图，利用Phoｔoshｏp制作某些效果，额外收集某些图片,并在完成细节处理、背景图处理,以及网页的图标、按钮的设计工作之后,,一个优秀的网站是离不开动画的,无论是动画Lｏgo还是Bannｅr，或者网站宣传动画等,都需要使用动画制作软件——Flash完成所有的操作。作为一款占据霸主地位的动画制作软件，Flasｈ使用的矢量技术可以使动画在实现出色效果的同时,只占据极少的数据量，使网站可以兼顾效果与速度。而且，Flash自带的绘图功能完全可以满足大多数设计的需要，还可以帮助我们实现网页中的动感、交互功能。
　
１．2设计版面布局
在谈版面布局之前首先让我们来介绍一下首页设计的步骤:
首页，从根本上说就是全站内容的目录,是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？一般的步骤是：
1．2。1确定首页的功能模块
　首页的内容模块是指我们需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：
网站名称(lｏgo）,广告条(bａｎｎer）,主菜单（meｎｕ)，
新闻(ｗｈａt’s　nｅｗ),搜索（ｓearch），友情链接（links），
邮件列表（mａiｌliｓt)，计数器（couｎt）,版权（coｐyｒight）。
　 选择哪些模块，实现哪些功能,是否需要添加其他模块都是首页设计首先需要确定的.
1。
　在功能模块确定后，开始设计首页的版面。就象搭积木,每个模块是一个单位积木，如何拼搭出一座漂亮的房子,这就靠创意和想象力了。设计版面的最好方法是：找一张白纸，一支笔，先将理想中的草图勾勒出来,然