网站建设要考虑减少HTTP请求数！

构造请求、等待响应需要时间，因此请求数量越少越好。减少请求的总体思路就是合并资源，减少显示一个页面需要的文件数。

1. Image Map

通过设置<img>标签的usemap属性与使用<map>标签可以在一幅图片上切分出多个区域，指向不同的链接。比起使用多幅图片分别构造链接减少了请求数。

2. CSS Sprite（CSS贴图整合/贴图拼合/贴图定位）

通过设置元素的background-position样式做到。一般用于界面图标。典型的可以参考TinyMCE编辑器上方的那些小按钮。多个小图实质是从一个统一的大图通过不同的偏移量裁剪而来，这样加载界面上的众多按钮实际上只要请求一次（请求大图一次），从而减少HTTP请求数。

中国古建筑网规划开发建设招标书

第一部分 招标邀请

中国古建筑网建设项目进行公开招标，邀请有意参加本次招标活动的招标人参与本项目投标。

一、 项目名称：中国古建筑网 规划开发建设网站

二、 投标须知：见第二部分

三、 项目时间：5个月（含手机版）

四、 项目标的预算：50万人民币

五、 招标文件发放形式：电子邮件或传真

六、 招标文件发放时间：2011年12月31日9:00—17:00

你看到的网站设计布局，并通知微妙的接触 - 像一种特定的颜色联系 - 这不只是一个不错的网站设计，良好的实用性。这是窃听到你的头脑组合在一起的东西如形状或颜色的方式。这种技术是大量使用了在设计和心灵的自然倾向，试图找到元素连接。例如，在联邦快递这样的标志，箭头是在头脑中建立分组之间的“E”和“X”负空间
作为一个在大脑中的生存，保护天敌我们，击败他们的伪装性状进化一样，我们挖掘的神经机制。考虑早期人类看到背后的一些枝叶色泽金黄。头脑分组作为一个整体的，所以我们可以告诉大家，是一个狮子，等待后面的叶子。有一个称为完形理论的设计原则，细分到具体的类别分组的各类。这些都可以探索分组的进一步了解。
对称与均衡
一个对称的对象水龙头，到相同的神经机制，以帮助头脑检测其他人或食肉动物。像一个人脸更为对称和平衡的东西，更认为美是由心灵的解释。没有人的脸是完全对称的，然而，当双方几乎相等，他们看到一个更加美丽的元认知水平。一些科学家认为，这是因为不对称生物体所患疾病和心灵演变承认。
所以，当我们在设计的对称和平衡通过使用像网格和具体元素的大小指导创建，我们创造更完美的几乎是超现实的东西是什么是自然创造的物体或生物体的发现相比。可以说，大部分的设计是不对称的，但是必须有一个平衡的设计。如果这种平衡是不存在的，头脑会看到不对称的和潜在的尴尬或错布局。
峰移山顶的转变是如何头脑反应元素之间的差异。你越是夸大这些差异，你越被吸引到他们。例如，如果你目前与一个正方形和一个长方形的实验室大鼠和教矩形会得到他们的食物，和广场不会，它显然会为矩形。如果添加了第三个元素，一个较长的，瘦的矩形，将绘制大鼠，比另一种更因为被夸大了的形式。
同样的原则适用于观看逼真的绘图和一个人的讽刺。心灵的漫画看起来比实际绘图的人几乎接近。头脑拿起已加剧的差异。
我们注意到在许多设计中，例如照明。的阴影和反射，或软聚光灯背后的元素，是一个自然采光的发生的夸大版本。通过抽了这些影响，我们正在创造一个更美观的照明，在我们的创作。

     在网页设计中，小即是多。学校的塔楼已经可以传达很多信息。简单的居中网页设计，就是直接让这张照片“说话”，然后加上文字就行了。注意在上图中，文字的背景区域并没有横跨整个版面，因为我们要让图片由上至下都可以流动。而上图右，学校的主色（紫色）及褐色与树的绿色形成吸引人的视觉效果，留意这三种颜色在色轮中的位置关系，绿色及褐色是紫色的补色的邻近色，听起来很复杂？紫色的补色是色轮中相隔 180 度的草绿色，而草绿色的两边邻近色就是绿色及褐色（留意色轮中的线条）。我们将这种颜色关系称之为“补色分割”
    当你在网页设计时手头上有三张照片，你会如何处理？你会将这三张照片都用上，对吧？其实没必要！一张照片就已经能够使设计信息有效传达。在这个例子中，校区里的塔楼就已经能够传达出这所学校的本质，比用上三张效果更好！标题单独一行，文字中的背景颜色区域静静地传达出有关信息。
    网页设计设计师有三张照片，但如果在版面上都用上这些照片，那你还要对这三张照片进行剪切，然后将它们挤进版面里。但出来的效果却是，这三张照片在版面中的样式很相似（相似的图片元素及图案），文字阅读起来很费力。
   所以，设计师又不得不将字体变得很粗，字体变粗后，又要找个地方放置学校的名字，所以在最下方设计师又加上一个紫色区域来突出学校名称。设计师越“设计”，封面就越虚弱。无论是学校信息还是所要传达的文字信息都在这些复杂的、太多人工痕迹的元素中消失得一干二净。封面可以说是成为“被侮辱及被损害”的对象。为什么会这样？因为设计师做过头了！解决办法：只让一张图片来说话！

一般来说网站建设策划需要具备的知识包括以下几点：
1.良好的文案写做能力
想法再好，观点再新颖，如果无法用文字很好的表达出来，那么将是一件很可惜的事。。文案写做能力是一个策划师最基本的素质要求。所以一定要加强这方面的锻炼。
2.熟悉互联网经济
无论是企业网站建设策划需要具备的知识还是专业的互联网企业，在一定程度上对需要对互联网经济有一定的把握。可能企业网站对这方面的要求稍微底点。但是如果你所从事的是纯粹的互联网企业，比如WEB2.0网站，网络媒体，无线增值，等等。那么一定需要深韵互联网经济的内涵。因为互联网经济的特殊性，任何一种新技术乃至新观念的推出，都能引出火山爆发的效应，能成立一批优秀的网站，也能倒下一大批网站，所以，作为一个吹泡末的人，策划师一定要慎重，因为战略方向的确立乃至赢利模式的探讨都是在对互联网经济有深刻把握的基础上。如果你对这不了解，那么你策划的网站是徒具型而无肉，没有任何的挑战力和发展潜力。
网站建设策划需要掌握的知识。
3.具有良好的分析能力和逻辑思维能力
网站策划中，我们可以用5个“W”来对网站进行全面的思考，网站功能定位，赢利模式分析，网站目的定位，虽然是很主观的东西，看不见，摸不着，但是确实一切后续工作的重要参考依据，而对网站功能定位，赢利模式分析，网站目的定位需要对同行业的市场经济进行分析，包括整个行业市场分析，竞争对手分析，以及企业自身的S.W.O.T分析。从宏观上把握企业的发展方向和整个网站的定位。。网站功能和发展方向的分析需要在客观数据的基础上，融合对互联网经济的把握进行分析。调查包括网站用户的年龄，行为特征，文化程度，等等。这些都需要较强的分析能力和逻辑思维能力。
4.具有一定的美工基础
网站的栏目及整体网站风格的把握,网站VI设计和企业CI设计的结合都需要网站策划具有一定的美工基础,这样也便于和美工进行沟通.
5.具有一定的程序设计基础
不要求对网站程序设计的具体细节了解很多...但是基础型的东西还是了解...这样有利于和技术部进行沟通,同时对网站一些功能的要求也需要知道一些程序设计的知识.....比如基础的HTML语言.asp.asp.net至少知道他的工作原理和基础知识......W3C标准...XML.ajax等等..
举个例子:
如果你对XML+CSS一点不知道的话,那么你肯定不会在网站策划中建议技术部按WC3标准进行设计.
如果你对AJAX不了解的话,你就不知道在有些地方使用AJAX能实现你需要的人性化设计.
如果你对XML RSS不了解的话,你就不会知道需要在网站中提供RSS FEED 供大家聚合.

网站设计文字的灵活编排，理解不同编排形式有助于我们进行网页文字的灵活编排。

    一、文字编排的方式

    1、两端对齐

    文字编排美元横排也可竖排，只要左右或上下的长度对齐，这样的字群组合就显得整齐、端正、严谨、大方、美观。但要注意避免平淡，可选取不同形式的字体穿插使用，这种方式容易与图片混排。

    2、一端对齐   

网站动画设计要求
1、网站动画整体要求
FLASH成品系统资源消耗最好不超过30%（当期主流配置）；超过200KB尽量设计LOADDING。FLASH整站尽量使用MC外部调用，方便维护。需考虑多种分辨率的现实效果。
2、网站动画库文件夹分类
网站动画设计要求。

声音、图片各自放到独立的文件夹。MC则根据栏目进行分类到不同的文件夹。 一般不用图形元件。3、时间轴管理
最上层为AS层，如果AS层超过三层，则建立专门的AS图层文件夹。多层AS层需要注意代码执行顺序。相同性质而且相互影响不大的元件放一层，其它的独立分层，并按视觉效果进行上下分层。
4、网站动画元件命名
库中元件的命名：采用中文命名，后边添加特定元件的后缀，比如我有一个“导航”的元件，按钮则命名为：“导航BTN”，影片剪辑则命名为：“导航MC”。声音和图片则直接使用“导航”命名。
命名的三步统一性：即元件在库中的名字，在场景中的实例名，以及所在层的名字尽量保持统一。比如一个元件在库中的名字为：“导航MC“，则它在场景中的实例名将为“nav_mc”，它所在的层名将为“导航”。这样在元件非常多，代码编写量非常大的时候，可以有效的节省命名和查找时间，同时避免引用错误。
5、网站动画导航设计
所有导航链接都做成外部JS函数调用，方便日后修改。统一代码getURL("javascript:menu_01()");如果下面有子菜单则使用getURL("javascript:menu_01_sub_01()");

1、网页宽度和高度
目前主流显示器分辨率为1024×768，为了制作网页的过程中满足更多的用户，我们一般把网页设置的宽度为1002px或者1003px,这样网页会占满整个屏幕而不会出现左右滚动条，高度受浏览器或者浏览器插件的影响比较大，正常情况下IE6满屏的高度为600px左右,但是这个值仅供参考，网页的高度没有任何限制，可以根据实际需求调节页面的高度。 以上内容仅仅是针对大多数网站而言，网页设计还更需要实际的需求来做基础
2、网页的左右居中
目前大多数网页采用左右居中的方式来呈现页面，在制作网页的过程中，为了使用宽屏或者高分辨率显示器的阅览者，建议页面左右居中，此要求也和设计风格有关，酌情参考。
以色列瑞特科技有限公司  网站改版 网站开发

网站设计一方面从计算机屏幕上所呈现的视觉表征得到信息，做出反应；另一方面根据其美感经验，从计算机屏幕上赏心悦目的视觉呈现，引起他的良好沟通情绪。一个赏心悦目的视觉呈现有赖于设计者的创意﹝idea﹞、表现技巧﹝technique﹞、编排﹝lay-out﹞能力。

目前许多国内网站设计的计算机屏幕视觉呈现是依赖设计者的感觉来处理，或者凭其多年的实务经验来完成。但是「感觉」对想学习网站设计的人是很难捉摸的，「经验」更是残酷的。因此将「美的原则」运用于平面设计的编排与构成，形成「网站设计编排构成原理」，可以帮忙初学者；甚至对网站设计师而言，在其面临缺乏「感觉」的时候，还能创作出具水准的作品。

有时，网站设计中对于某些UI元素，你也许要重画并调整很多次。这不能算是坏事，你可以把这样的需求看作重新构思并快速迭代的机会。这种情况下，扫描仪或复印机可以帮助我们提升一些效率。

技巧

使用扫描仪或复印机，将稳定版本的草图复制多张作为框架模板，在其中绘制那些变动需求比较多的UI元素。另外：

界面中的某个部分画败了吗？用一片白纸覆盖住，复印一下，使用影印稿继续。
如果你需要在草图中使用浏览器窗口或是移动设备作为背景，那么可以找来一些现成的图片素材，复印多张为我所用。Smashing Magazine的这篇文章中提供了很多典型的背景框架，包括浏览器、手机等。 \
如果你需要改变某些已完成草图中的侧边栏，可以用一张白纸画一个新的，复印几张，直接粘贴到这些需要被修改的草图中，覆盖掉旧版的。
解释