我们所说的网站的版面，其实是指打开一个浏览器以后所看到的一个完整的页面（其里面包含了框架，以及层）鉴于每个人电脑的显示器的分辨率都是不同的，所以同一个页面，可能会有不同的大小，它可能会640*480像素,800*600像素,1024*768像素等大小不同的尺寸。
通常所说的布局指的是以最适合阅读的方式，将图片以及文字摆放在页面的不同地方。你有可能会注意到“最适合”这个词，它是一个不确定的词。那么怎么样才能称之为最适合的呢？非常遗憾的是，我们不能给大家一个明确的答案。就好像是有人想要了解成功的秘诀是什么，而成功者仅仅能告诉你应该使用什么方法，才有可能最快的获得成功，而不可能将一步成功的“秘诀”告诉您一样
我们经常会发现好多网站的颜色搭配很漂亮，色调的运用也非常恰当，那么究竟怎么样才能设计出这样的网站呢？今天小编就为大家总结了些要点~
1、你必须要明白你的网站到底要传达的信息以及品牌到底是什么。你可以选择用将要传达的信息的字体的颜色进行改变的方式。比方说：假如你想要让访客注意的信息是一家比较稳健的金融机构，那么你可以使用冷色系，以及那么比较柔和的颜色，像是蓝色，灰色等。
2、你必须要对你的读者群有所了解。文化上的差异有可能会对不同的色彩有着不同的反应。同时，不同的地区，以及不同年龄阶段的人对于颜色的反应也会大不相同。比方说，年轻人相对而言比较喜欢饱和色一点，而年纪较大的人却不怎么喜欢这种颜色。
设计是现在我们国内一些网站中存在的最为普遍、也最为严重的问题，此问题表现的最为明显的是在那些企业网站建设！这里，我们所讲的“设计”不单单是讲平常我们所讲的平面的布局、图片的规划，还有内容的安排，以及制作的技术等多方面原因，而今天我们要给大家介绍的是与平面的布局，以及图片的规划有关的知识：
1、关于用色方面的问题
现在我们国内关于网页设计里面，最严重的问题就是用色！造成这一因素的原因主要在于企业网站受到的影响成分比较的多。不同的人对于色彩的观点是不同的，鉴于企业网站要受到自己上司，以及企业老总的双重影响。特别是在那些比较专业的公司，此影响更加则更大。
设计网站是一个十分复杂的过程，其中有许多需要注意的问题。而今天小编要给大家介绍的就是关于设计网站时，你需要注意的一些事项的知识。
1、在设计网站的时候，你应该明确网站的内容
在建立网站之前，你应该对于网站的内容有所考虑，这主要包括网站的功能，以及网站的目标用户所需要的到底是什么。你整个的网站设计都应该围绕这些问题来进行。
2、在设计网站的时候，你应该使网站能够迅速的抓住用户
所有的人都喜欢方便。如果你的网站不能够让用户在较短的时间内进行的话，或者说网站的操作不便捷的话，那么这样的网站设计都是失败的。请千万不要出现因访客对你的网站失望而转向你竞争对手网站的情况。
随着网络时代的迅速发展，网络市场竞争也越来越激烈了。如果你的网站功能比较的简单，那么你的网站就已经完全没有任何的竞争优势了。
随着网络时代的迅速发展，网络市场竞争也越来越激烈了。如果你的网站功能比较的简单，那么你的网站就已经完全没有任何的竞争优势了。人们追求得比较多的是公司网站建设的个性化，这一现象最为突出的行业主要有：汽车行业，手机行业和电脑行业。在追求网站设计的个性化的同时，请千万不要一味的追求视觉效应，而将网站的实用性给忽略了。
公司网站建设的核心内容还是应该是产品和服务的宣传。按照不同公司的不同要求以及其具体的情况，公司网站建设大致可以分为三个方面：第一个方面为品牌企业网站建设；第二个方面为实用型企业网站建设；第三个方面则为综合型企业网站建设。
当你的网站建议成功以后，我们接下来应该做什么呢？当然是关于网站的推广和运营，朋友们都明白，网站是用来为我们的产品做推广的，所以我们首先需要做的事情就是要将网页给推广出去。
网站中最基本的独立要求就是网页上的页面。同时每个页面上面都是具有其特定的任务的，它们就像是串联在一起的链条一样，构成了整个网站。其中每个页面都需要提供两个基本的任务：第一个任务：帮助访客完成当前页面需要完成的任务；第二个任务：在页面中提供任务链中下一个环节的访问。
现在WEB网站上的页面上可提供的任务有：第一个任务：导航页面：在此处访客可以找到他们所想要的东西。同时此页面还可以提供访问的途径。第二个任务：详细页面：在此页面访客可以看到自己想要知道信息的详细内容。第三个任务：交互页面：此页面允许访客输入，以及管理相关数据。这三个任务是可以进行任意的组合，同时构成不同的页面类型的。
决定一个任务到底需要建立多少个页面时，需要考虑到如下因素：1.用户的技术水平怎么样、2.用户的带宽如何、3.网站页面上的信息量多不多、4.用户需要网站完成任务大不大、5.用户需要完成任务的频率高不高。
当网站的页面里有多个任务或者“下一步”出现时，我们应该如何做？我们需要根据以下的三个原则来做我们的SEO优化“下一步”的设计：1.这样做可以帮助多少用户？2.其发生的频率程度到底怎么样？3.对于用户来说，这个下一步到底重不重要？
如果你的网站出现了任务比较多，且交互比较复杂的情况，那么你就需要建立网站结构图。网站图一共具有三种形式：第一种为树状图；第二种为梳状图；最后一种则为星形图。最后按照上面的知识去组织内容，你就可以在30秒的时间内建立各种页面的低保真线框图了。线框图上一定要记得标注，标注，再标注。它基本框架里面的每个元素都是需要考虑到的。只有考虑到其中的各种元素，你才能真正的建立好线框图。
在很多人眼中，“网站”几乎就可以等同于“互联网”。网站本身的价值正不断的被人们所发现，也不断的得到了人们的认可。“怎样才能设计一个成功的网站呢？”这一问题慢慢成为了众多网站设计师所思考，以及关注的问题。下面我想给大家介绍的是关与网站设计中的风格以及色彩应该如何搭配有关的知识。
设计网站需要考虑的因素是特别多的。从网站建设初期的定位，设定网站框架，整理资料，然后再到具体制作中的每一个设计环节，最后再到后面的调试、发布、宣传。这些环节是环环相扣的今天我们仅仅以网站设计师的角度来把握我们这次需要讨论的主题：怎样设计成功的网站！由于篇幅的缘故，我们只讨论设计网站时最为关键的两大部分：第一部分为整体风格；第二部分为色彩搭配。
一、如何确定网站的整体风格：
风格即我们平常所说的style是抽象的。它主要指指站点的整体形象给访客的综合感受。这里所说的“整体形象”包含许多方面的内容：片面布局，交互性，浏览方式等等。网易给人的感觉是平易近人；迪斯尼给人的感觉是生动活泼；IBM给人的感觉则是专业严肃。所以说不同的网站给人的感觉是不同的。
在DIV+CSS模板设计中，检测查找CSS中的BUG无疑是一件痛苦的事情，下面一些经验或许可以帮助你更快的找出CSS中的BUG并进行修补！
1、检查是否清除浮动
其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的，推荐使用 无额外 HTML 标签的清除浮动的方法（尽量避免使用 overflow:hidden;zoom:1 的类似方法来清除浮动，会有太多的限制性）。
2、检查 IE 下是否触发 haslayout
很多的 IE 下复杂 CSS BUG 都与 IE 特有的 haslayout 息息相关。熟悉和理解 haslayout 对于处理复杂的 CSS BUG 会事半功倍。推荐阅读 old9 翻译的 《On having layout》（如果无法翻越穿越伟大的 GFW，可阅读 蓝色上的转帖 ）
快捷提示：如果触发了 haslayout，IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。
3、边框背景调试法
故名思议就是给元素设置显眼的边框或者背景（一般黑色或红色），进行调试。此方法是最常用的调试 CSS BUG 的方法之一，对于复杂 BUG 依旧适用。经济实惠还环保.
4、检查页面的标签是否闭合
不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。
快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。
5、样式排除法
有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 CSS 文件，缩小锁定的范围。
对于刚才锁定的问题 CSS 样式文件，逐行删除具体的样式定义，定位到具体的触发样式定义，甚至是具体的触发样式属性。
6、模块确认法
有时候我们也可以从页面的 HTML 元素出发。删除页面中不同的 HTML 模块，寻找到触发问题的 HTML 模块。
希望上面的一些办法能够在div+css设计中帮助到你！
