第１页共11页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第１页共11页论中小型企业网站设计与制作檀志鹏（太原师范学院计算机系200102班太原030012）指导老师：郝宁【内容提要】中小型企业在不断发展壮大的过程中,对内要不断完善自己的管理水平,对外要迎接日益激烈的市场竞争,信息技术为它们提供了最好的解决途径。本文主要阐述中小型企业网站制作及在制作过程中设计、排版、规划等方面所需注意的一些知识和技术，重点讨论页面设计中版面布局、色彩、字体、表格、图片等方面的设计要点，旨在通过这篇文章使大家了解在中小型企业网站制作过程中必须重点考虑的几个问题。【关键词】网站设计版面布局字体设置表格设计meta标签在这个高速发展的商业化社会里，时间就是金钱。许多企业都为求生存而不断的寻求制胜法宝，不断的与时间进行赛跑。而计算机网络和企业网站的出现，为他们提供了实现企业信息化的条件，使他们能够通过企业网站展示企业形象、宣传企业理念、推广产品从而大幅度提高企业的核心竞争力。在天津市友联机电设备有限公司网站建设中，着重强调企业品牌的打造和系列产品的展示，通过整个制作过程我深刻体会到页面的整体设计是一个中小型企业网站成功与否的关键，而首页的设计又是重中之重。下文将详细介绍其网站的主要制作过程和设计理念。一、天津市友联机电设备有限公司网站制作过程第２页共11页第１页共11页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第２页共11页1.1需要使用的网页工具在网站的制作过程中主要用到的工具是DreamweaverMX7.0和Photoshop7.0，下面分别对它们做一个简单的介绍。1、DreamweaverDreamweaverMX是一个完整、集成的解决方案，可为您提供可视化的布局工具、快速的web应用程序开发以及广泛的代码编辑支持。Dreamweaver具有“设计互动式网页”的功能。我们可以利用Dreamweaver的“图层”(Layer)和“时间轴”(TimeLine)功能，来让图片或文字随意地在网页中自由移动。移动的方式可以是绕着我们所设定的路径(path)移动，也可以是左右或直线的移动。另外，我们还可以设计让文字或图片配合鼠标的点选有更多的变化。也就是说，当鼠标经过文字或图片，文字或图片会产生变化的动态效果。Dreamweaver还可以插入Flash制作的.swf动画文件和Firework设计的HTML文件，让网页更加活泼。对想要在视觉化环境下制作复杂网页的专业网页制作者来说，Dreamweaver已经在网页编辑工具中独占熬头，成为专业人士编写网页的最佳选择。为了迎合市场，Dreamweaver内置的功能是越来越多、越来越丰富、齐全，正版用户还可以去macromedia公司还可以下载Dreamweaver的升级包。2、PhotoshopPhotoshop和Dreamweaver可以配合使用，相比之下，Dreamweaver负责网页设计和网站管理，而Photoshop则侧重于网页图形设计方面。首先我们需要使用Photoshop设计好网页的整体效果图，利用Photoshop制作某些效果，额外收集某些图片，并在完成细节处理、背景图处理，以及网页的图标、按钮的设计工作之后，才可使用Photoshop进行后期的压缩处理以及导出。当然，一个优秀的网站是离不开动画的，无论是动画Logo还是Banner，或者网站宣传动画等，都需要使用动画制作软件--Flash完成所有的操作。作为一款占据霸主地位的动画制作软件，Flash使用的矢量技术可以使动画在实现出色效果的同时，只占据极少的数据量，使网站可以兼顾效果与速度。而且，Flash自带的绘图功能完全可以满足大多数设计的需要，还可以帮助我们实现网页中的动感、交互功能。第３页共11页第２页共11页编号：时间：2021年x月x日书山有路勤为径，学海无涯苦作舟页码：第３页共11页1.2设计版面布局在谈版面布局之前首先让我们来介绍一下首页设计的步骤：首页，从根本上说就是全站内容的目录，是一个索引。但只是罗列目录显然是不够的，如何设计好一个首页呢？一般的步骤是：1.2.1确定首页的功能模块首页的内容模块是指我们需要在首页上实现的主要内容和功能。一般的站点都需要这样一些模块：网站名称(logo)，广告条(banner)，主菜单(menu)，新闻(what'snew)，搜索(search)，友情链接(links)，邮件...
