公司建站完全手册

就在几年前人们对“电脑”这个词还相当的陌生。几年后的今天，个人电脑相当普及。电脑发展速度之快，是我们有目共睹的。社会快速发展的今天，容不得我们每个人的迟疑，也容不得每个企业家的迟疑。企业为什么要建立网站？企业建站前要作哪些准备呢？

一、 企业为什么建站，企业建站有什么好处

传统企业与客户间的交流，以及信息的传递主要靠信件，电话，传真等媒体，我们知道信件传递速度相当慢，而且传递信息量也受到了限制。电话速度虽然快，但是传递的信息不够全面，不够细致，不够实在。传真能够快速传递文字以及一些简单的图片信息。但是对产品实物的了解还是不够详细。当然客户可以直接上门了解企业及产品等信息。可是如果客户与商家相距甚远的话，这一招就无效了。现在有了网络，一个企业只要建立自己的网站，很多事情变的相当高效，便捷。
企业上网的优势可以概括四个字：快，多，实，省。快，是指信息传递速度快。网站的建立使得客户在第一时间只要点击鼠标就能获得相关信息，客户的反馈信息也是即刻便能传递给企业。多，指的是信息量多。一个网站可以有几十页甚至上百页或者更多。客户可以很详尽的了解企业的一切信息。实就是实际，真实。企业可以通过一些软件，比如三维动画软件，将产品制作的相当的动感，逼真，就像看到产品实物一样。省就是省钱，省时间。客户只要花费上网的钱和时间就可以了解企业的一切信息。达到高效，省钱的目的。并且企业跟客户无需面对面就可以进行直接的交流。
另外企业通过设计独特的徽标，独特的网站风格，独特的配色方案等等，让国内甚至国外的商家或客户了解企业，从而宣传了企业形象，企业产品，企业的服务……另外企业还可以将广告条放置在网站的显要位置，或者放置在其它网站上，以让更多的用户浏览企业网站。

二、 掌握企业类型

不同企业对应网站风格不同。建站前，了解企业的类型，是相当重要的。比如说，你要设计一个网络公司的网站，你用了神秘的紫色作为主色调，风格上相当的花俏。这就不太合实际。我们说网络公司体现的是高科技，现代化，数字化。你的设计可能更适合作为化妆品公司的网站。所以，设计站点之前，了解企业的分类，企业的性质是必不可少的一步。另外了解企业的规模，企业的性质等等方面也是极为重要的。比如说你要设计的对象是一家集团公司，你在用色和风格上面就要体现企业的大度，不要让浏览者感觉企业小气，吝啬。

三、 适应企业的需求

客户永远是上帝。设计企业网站本来就是为企业服务的。如果企业不满意，你认为再好的网站也无用武之地。设计网站好比裁缝做衣服一样。即使裁缝设计再好的衣服，如果某个客户不喜欢衣服的颜色或者样式的话，裁缝的设计至少对该客户是没用的。网站的内容，色调以及样式等最终还是要由客户本身的喜好来定论。设计者可以针对企业的需求设计出自我感觉相当不错的网站。但是有时候并不一定能满足客户的需求。毕竟每个人都有自己的审美观。并且并不是每个人都懂的设计的美与丑。但是为了满足企业对网站的需求以及企业本身的审美观，设计者不得不舍弃自身的具有代表性的审美观。总之矛盾最终是要统一的。是舍还是留决定于企业的需求。

四、 搜集网站资料

跟大多数网站一样，建站前必经的一步是搜集网站资料。如果网站里要放什么内容都不知道，还提什么建站呢？
对于企业网站来说，搜集网站资料也就是搜集整理企业资料。包括企业总体介绍，如企业规模，企业结构，企业产品，企业文化，企业理念，企业曾经所获得的荣誉，企业现在在研究的一些新产品，企业未来的发展趋势等等。另外也可附加一些公司的优质服务等等。企业资料不仅包含文字资料，也包含一些图片资料，比如公司建筑图片，公司员工图片，特别是公司产品图片等等，使得企业更逼真，更具有说服力地展现在客户面前。
总之根据企业提供的资料，如果有必要，某些资料也可以由设计者自身提出。尽可能让客户对企业了解的更全面，更细致。

五、 规划网站的风格

了解了企业的类型，企业的性质，企业的需求，以及企业的相关资料以后，就可以着手规划网站的风格了。企业网站的风格体现在企业的LOGO，企业的CI，企业的用色等等多方面。企业用什么样的色调，用什么样的CI，是区别于其它企业的一种尤为重要的手段。如果风格设计的不好，网站的存在与否是无关紧要的。甚至会对客户造成不良影响。本来企业具有很好的产品，很好的荣誉。如果网站设计的不好，就像一个本来很漂亮的女孩，衣着上相当的不搭配。给人的印象就折了三分。

记得哪里看到过这么一句话：色彩是网站风格的灵魂。足见颜色在网站风格设计上的不可或缺性。色彩是网站风格设计的最重要的因素。色彩代表了网站的灵魂，也代表了企业的灵魂。
不同的色彩对应着不同的含义。比如，蓝色象征着大方，庄重，沉稳，理智，高科技，现代化；红色代表了热情，奔放，活泼，欢乐；紫色象征的是高贵，庄重，神秘，女性化，浪漫化……企业类型企业性质的不同，用色有相当的讲究。比如，你要设计的是企业属于高新技术产业，你可以用蓝色作为主题色。如果属于化妆品公司，可以用女性化的紫色作为主题色。当然，也并不一定要用某种颜色。如果你色彩感比较好的话，可以求变化。有时候也能让客户感觉很新鲜，很舒服。

一般一个网站用一种稳定的主题色。比如蓝色，或者红色，或者紫色。再搭配以渐进色，或者相近色。有时候也可以用互补色。我们说黑白灰是万能色。也就是这三种颜色可以跟任意颜色搭配。所以设计者为某种颜色的搭配烦恼的时候，笔者提议，你可以试试配以黑白灰。
我们可以看到有些网站并不是用一种主题色，但是它也有很强的视觉效果。这是为何呢。比如某些网站。每个栏目的用色都不一样。但是我们可以看到总体的风格还是保持一致。让我们感觉到这个网站静中求变，不死板。如果一个栏目一种风格，到头来让客户云里雾里，找不到归途。我想这样的网站不要也罢。

网站的风格是体现企业的一种重要手段。建站前必须事先规划好，接下去的工作才能顺理成章，不至于乱了套。一个独特的网站风格，留给客户一个独特的印象。

六、 确定网站的总体布局

你是不是急不可待的想做网站了？别急，建站前最后一步，也是最重要的一步，确定网站的总体布局，或者说网站的整体框架。

网站的框架一般有回字结构，匡字结构，同字结构，还可以有更多的更独特的结构，主要看企业的性质与类型，看个人的创意和设计。

另外设计总体布局的时候一定要考虑到页面的可扩充性。一般一个企业的信息不可能是静止的，一成不变的。有些高新企业几乎每天都在前进，每天都在变化。网站信息也随之要更新，设计者要考虑到企业随时有可能让你添加或者删除某些内容。如果你设计的框架不可扩充，很残酷，只有重新设计了。

至此，建站前的准备工作全部完成，我们可以着手开始真正建站了。
　大自然是彩色的。信息时代的快速到来，网络也开始变的多姿多彩。人们不再局限于简单的文字与图片，他们要求网页看上去漂亮，舒适。所以当代设计者不仅要掌握基本的网站制作技术，还需要掌握网站的风格，配色等设计艺术。其中色彩在网站设计中占据相当重要的地位。

一、 色彩的一些基本概念

首先了解一下色彩的一些基本概念。自然界中有好多好多种色彩，比如玫瑰是红色的，大海是蓝色的，桔子是橙色的……但是最基本的有三种（红，黄，蓝），其它的色彩都可以由这三种色彩调和而成。我们称这三种色彩为“三原色”。

现实生活中的色彩可以分为彩色和非彩色。其中黑白灰属于非彩色系列。其它的色彩都属于彩色。任何一种彩色具备三个特征：色相，明度和纯度。其中非彩色只有明度属性。

色相，指的是色彩的名称。这是色彩最基本的特征，是一种色彩区别于另一种色彩的最主要的因素。比如说紫色，绿色，黄色等等都代表了不同的色相。同一色相的色彩，调整一下亮度，或者纯度很容易搭配，比如，深绿，暗绿，草绿，亮绿。

明度，也叫亮度，指的是色彩的明暗程度，明度越大，色彩越亮。比如一些购物，儿童类网站。用的是一些鲜亮的颜色，让人感觉绚丽多姿，生气勃勃。明度越低，颜色越暗。主要用于一些游戏类网站，充满神秘感；一些个人站长为了体现自身的个性，也可以运用一些暗色调来表达个人的一些孤僻，或者忧郁等性格。有明度差的色彩更容易调和。如紫色（#993399）跟黄色（#ffff00），暗红（#cc3300）跟草绿（#99cc00），暗蓝（#0066cc）跟橙色（#ff9933）等。图1中的（1）就是明度由高到低变化的例子。



图1　（1）明度变化（2）纯度变化

纯度，指色彩的鲜艳程度，纯度高的色彩纯，鲜亮。纯度底的色彩暗淡，含灰色。如图1中的（2）是纯度从低到高的变化。

相近色：色环中相邻的三种颜色。如图2中的黄绿色，黄色和桔黄色。相近色的搭配给人的视觉效果很舒适，很自然。所以相近色在网站设计中极为常用。



图2　相近色



图3　互补色

互补色，色环中相对的两种色彩。如图3中的亮绿色跟紫色，另外如红色跟绿色，蓝色和橙色等。对互补色，调整一下补色的亮度，有时候是一种很好的搭配。就拿蓝色跟橙色来打个比方吧，看图6，调整了蓝色的亮度以后其搭配效果是不是更好呢？补色在网站设计中用得也极为普遍。



图4　补色亮度调节

暖色，如图5中的黄色，橙色，红色，紫色等都属于暖色系列。暖色跟黑色调和可以达到很好的效果。暖色一般应用于购物类网站，电子商务网站，儿童类网站等等，用以体现商品的琳琅满目，儿童类网站的活泼，温馨等等效果。

冷色，如图6中的绿色，蓝色，蓝紫色等等都属于冷色系列。冷色一般跟白色调和可以达到一种很好的效果。冷色一般应用于一些高科技，游戏类网站，主要表达严肃，稳重等效果。

　　

图5　暖色



图6　冷色

色彩均衡，网站让人看上去舒适，协调，除了文字，图片等内容的合理排版，色彩的均衡也是相当重要的一个部分。比如一个网站不可能单一的运用一种颜色，所以色彩的均衡问题是设计者必须要考虑的问题。色彩的均衡，包括色彩的位置，每种色彩所占的比例，面积等等。比如鲜艳明亮的色彩面积应小一点，让人感觉舒适，不刺眼。这就是一种均衡的色彩搭配。

二、 色彩的联想

色彩在人们的生活中都是有丰富的感情和含义的。比如红色让人联想到玫瑰，联想到喜庆，联想到兴奋。白色联想到纯洁，干净，简洁；紫色象征着女性化，高雅，浪漫；蓝色象征高科技，稳重，理智；橙色代表了欢快，甜美，收获；绿色代表了充满青春的活力，舒适，希望等等。当然不是说某种色彩一定代表了什么含义。在特定的场合下，同种色彩可以代表不同的含义。

三、 黑白灰的运用

黑白灰是万能色，可以跟任意一种色彩搭配。当你为某种色彩的搭配苦恼的时候，不防试试用黑白灰。当你觉得两种色彩的搭配不协调，试试加入黑色，或者灰色，或许会有意想不到的效果哦。

对一些明度较高的网站，配以黑色，可以适当地降低其明度。

白色是网站用的最普遍的一种颜色。很多网站甚至留出大块的白色空间，作为网站的一个组成部分。这就是留白艺术。很多设计性网站较多运用留白艺术。留白，给人一个遐想的空间，让人感觉心情舒适，畅快。恰当的留白对于协调页面的均衡起到相当大的作用。

四、 确定网站的主题色

一个网站不可能单一的运用一种颜色，让人感觉单调，乏味；但是也不可能将所有的颜色都运用到网站中，让人感觉轻浮，花俏。一个网站必须有一种或两种主题色，不至于让客户迷失方向，也不到于单调，乏味。所以确定网站的主题色也是设计者必须考虑的问题之一。

一个页面尽量不要超过4种色彩，用太多的色彩让人没有方向，没有侧重。当主题色确定好以后，考虑其它配色时，一定要考虑其它配色与主题色的关系，要体现什么样的效果。另外哪种因素占主要地位，是明度，纯度还是色相。

五、 页面各要素

上面学习了颜色的一些基本概念及颜色的一些搭配问题，具体运用到网页中，各要素的色彩又是如何搭配的呢？

1． 背景与文字

如果一个网站用了背景颜色，必须要考虑到背景颜色的用色，与前景文字的搭配等问题。一般的网站侧重的是文字，所以背景可以选择纯度或者明度较低的色彩，文字用较为突出的亮色。让人一目了然。

当然，有些网站为了让浏览者对网站留有深刻的印象，他在背景上作文章。比如一个空白页的某一个部分用了很亮的一个大色块，是不是让你豁然开朗呢！此时他为了吸引浏览者的视线，突出的是背景，所以文字就要显得暗一些，这样文字才能跟背景分离开来，便于浏览者阅读文字。

2． LOGO和BANNER

LOGO和BANNER是宣传网站最重要的部分之一，所以这两个部分一定要在页面上突迎而出。怎样做到这一点呢？我们将LOGO和BANNER做的鲜亮一些，也就是色彩方面跟网页的主题色分离开来。有时候为了更突出，也可以使用与主题色相反的颜色。

3． 导航，小标题

导航，小标题是网站的指路灯。浏览者要在网页间跳转，要了解网站的结构，网站的内容，都必须通过导航或者页面中的一些小标题。所以我们可以使用稍微具有跳跃性的色彩，吸引浏览者的视线，让他们感觉网站清晰，明了，层次分明。想往哪里走都不会迷失方向。

4． 链接颜色设置

一个网站不可能只是单一的一页，所以文字与图片的链接是网站中不可缺少的一部分。这里特别指出文字的链接，因为链接区别于文字，所以链接的颜色不能跟文字的颜色一样。现代人的生活节奏相当快，不可能浪费太多的时间在寻找你网站的链接上。设置了独特的链接颜色，让人感觉他的独特性，自然而然好奇心必然趋使他移动鼠标，点击鼠标。

为了你的页面更美观，更舒适，为了增强你的页面的可阅读性，必须合理，恰当地运用与搭配页面各要素间的色彩
企业建站完全手册－－背景音乐的运用

　　你是不是碰到过这种情况：当你进入一个网站时，一种美妙的或激情的或优雅的音乐飘入你的耳朵。如果此时的你心情正处于低潮，你是不是觉得有一种轻松感呢。

　　这些美妙动听的声音是怎样加入到网页中的呢？接着往下看吧，其实很简单哦。下面列出了两种稍微简单易用的方法。当然还有其它的方法，比如用控件，或者插件等等。

一、 将下面这段代码插入到< head >< /head >或< body >< /body >标签之间。

< bgsound src="music.mid" loop="4" >

其中src=”music.mid”是指定背景音乐文件的位置及文件名称。Loop=”4”代表背景音乐重复播放4次，你可以指定播放次数。如果你想音乐一直循环，可以设定loop=”-1”。值得注意的是，这种插入背景音乐的方法虽然简单，但是只适用于IE。如果你想让你的网站覆盖面更广的话，只有采用下面第二种方法。

二、 将下面这段代码插入到< body >< /body >标签之间。

< embed src="music.mid" autostart="true" loop="true" hidden="true" >

该标识对Netscape ,IE 都适用。下面对该标签的一些属性参数进行解释。

　　src=”music.mid”　　指定音乐文件的路径与文件名。最好用相对路径，以便上传的时候不会出错。这里的music.mid跟网页文件在同一个目录下，所以直接输入文件名即可。

　　autostart=”true”　设定当音乐文件载入后是否自动播放。有两个逻辑选项，true和false。true表示自动播放。

　　loop="true"　　　表示音乐文件是否循环播放，也可以指定循环播放的次数。比如loop=”3”表示重复播放3次，loop=”-1”表示无限循环，loop=”true”也表示无限循环。

　　hidden=”true"　　表示控制面板是否隐藏，true表示隐藏控制面板，false为显示控制面板，使得浏览者可以手动设置音乐播放时各参数。

　　 starttime="minute:second" 　设定音乐开始播放的时间。比如starttime=”00:10”表示音乐载入后第10秒开始播放。

　　endtime=“minute:second”：　　设置音乐播放结束的时间。比如endtime=”00:50”表示音乐载入后50秒停止播放。

　　volume="int" 　　指定音乐的音量。Int的值为0-100。在控制面板显示情况下，浏览者可以根据自身的喜好手动设置音量的大小。

　　width="int"；height="int" 设定面板的宽度和高度。其中int为整数，如果不想让面板显示出来，除了前面提到的隐藏面板的方法之外，也可以将这两个值设定为0。

　　align="center"　　设定面板与其它页面元素的对齐方式。其值包括 top、bottom、center、baseline、 left、right、texttop、middle、absmiddle、absbottom。有兴趣的朋友，可以动手一试。

　　controls="smallconsole"　　设定控制面板的外观。其中包含下面六个选项：console 表示正常的面板，包含播放按钮，暂停按钮等等；smallconsole 较小的面板 ；playbutton 只显示播放按钮 ；pausebutton 只显示暂停按钮 ；stopbutton 只显示停止按钮 ；volumelever 只显示音量调节按钮。具体各按钮如下图1：



图1

　　这里指出一点，一般作为网站背景音乐，控制面板应该是隐藏的，即hidden=”true”或者width=”0” height=”0”，另外autostart应该设定为ture也就是自动播放。但是如果你想让用户有更多的选择余地，也可以添加一些按钮，比如停止按钮跟播放按钮。因为不是每个浏览网站的人都喜欢听音乐。所以当某些浏览者不想听音乐时可以自由控制音乐的播放与否。

我们知道Dreamweaver中没有菜单或者面板可以直接加入音乐。只有转换到代码编辑器，在其中输入代码，可能显得繁琐了些。一些初学者对代码也不太熟，弄不好输错了可能会将网页搞得一团糟。此时你可以用Frontpage，选择菜单插入－＞高级－＞插件的方法，然后在属性面板中设置各参数，如图2。



图2

设置完后单击“确定”，预览一下，美妙的声音是不是飘入你耳朵了呢？

　　常常有网友问：我按照你所说的在网页中加入了背景音乐，为什么在IE里听不到声音呀？这里有必要提一下音乐格式的问题。光知道怎样将一个音乐文件加入到网页中是不够的。

　　不是所有声音文件都可以加入到网页中的。能够加入到网页中的音乐文件格式有：wav,midi,aiff,au等。最常用的是mid格式，文件容量小，载入页面速度快。

　　有时候你花费相当长时间选择了一首美妙的很适合你的网站风格的音乐，可是却不是mid或者wav等为网页所容许的音乐。或者音乐文件很大，载入你的网页要老半天。此时你是不是只好忍痛放弃呢？其实不然。现在有很多工具可以对音乐文件各种格式之间可以相互转化。比如：AmazingMIDI软件，可以将 WAV 格式文件转换为 MIDI 格式文件。

　　你是不是还碰到过这种问题：当从一个页面进入到另一个页面，音乐停止播放了？此时你是不是想让音乐继续。或者想让音乐文件在一整个网站中都不消失呢？此时可以用分帧。将音乐文件插入到一个分帧中，如果声音文件只作为背景音乐，不想让它出现控制面板，同时我想你也不希望空的分帧占据你的网页空间，那么将分帧高度设定为0。如此声音文件便不会随着页面的转换而停止或者改变了。这是不是很巧妙的一个办法！：）

　　我们知道一般的音乐文件都比较大，难免会影响网页下载速度，影响访客的正常浏览，毕竟网页最主要的因素是文字，图片等内容。如果因为加入了背景音乐而导致访客不能正常浏览网站内容的话，未免有些得不偿失了。此外，一般的企业网站都是比较严肃，重在企业文化的宣传，企业产品的宣传。所以笔者见意最好少用背景音乐。
不仅仅是一些个人网站，现如今一些企业网站也“动”感实足，很多特效根本无法用动画软件作出来，而是用JavaScript，JavaApplet等程序语言写出来的。如果你也想在自己或公司的网站上加上一些特效，但是又不懂程序，怎么办？最简单的办法就是去网上找特效代码，网上有很多免费的特效代码，只要你有一点点程序基础，就可以修改一些参数为己所用。这里主要介绍两种特效： Java Applet或者JavaScript。

一、JAVA　Applet特效的运用

　　什么是Java Applet呢？这里稍作解释：Java Applet是用Java编写的一些小程序，可以直接嵌在HTML文件中，以达到一些特殊的效果。我们可以用Java Applet实现一些文字，图片等特效，经常上网的朋友可能看到过一种类似湖面效果的特效，相当逼真，就像真的一样。这就是用Java Applet实现的。Java Applet也可以达到人机交互的效果，比如一张图片，当鼠标移到上面会产生波动，就像现实中手波及水面使得水开始波动。这也可以用Java Applet实现。

　　Java Applet要求用户的浏览器支持JAVA。现在一般的浏览器都支持JAVA。所以你大可以放心地在你的网站中用此类的特效。

Java Applet在网页中的基本结构如下：

< applet code=“effect.class” width ＝ 300 height＝300 >
< param name＝img value="image.gif" >
< /applet >

　　其中effect.class是就是以JAVA编写的一个特效程序。Width和height是设定在网页中运行时的高度与宽度。Param是特效的一些参数。包含名称（name）跟值（value），比如上面是对图片image.gif应用该特效。

下面举个简单的例子：

< applet CODE="TypeIt.class" WIDTH=250 HEIGHT=200 >
< param name=TXT value="本站最近更新信息如下：