权重域名

 网页可以说是网站构成的基本元素。当我们轻点鼠标，在网海中遨游，一副副精彩的网页会呈现在我们面前，那么，网页的精彩与否的因素是什么呢？色彩的搭配、文字的变化、图片的处理等，这些当然是不可忽略的因素，除了这些，还有一个非常重要的因素——网页的布局。下面，我们就有关网页布局谈论一下。
网页布局类型
网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。
1、“国”字型：
也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。
2、拐角型：
这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。
3、标题正文型：
这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。
4、左右框架型：
这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。
5、上下框架型：
与上面类似，区别仅仅在于是一种上下分为两页的框架。
6、综合框架型：
上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。
7、封面型：
这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。
8、Flash型：
其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏行的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，绝不差于传统的多媒体。
9、变化型：
即上面几种类型的结合与变化，比如本站在视觉上是很接近拐角型的，但所实现的功能的实质是那种上、左、右结构的综合框架型。
关于第一屏
所谓第一屏，是指我们到达一个网站在不拖动滚动条时能够看到的部分。那么第一屏有多“大”呢？其实这是未知的。一般来讲，在800*600的屏幕显示模式(这也是最常用的)下，在IE安装后默认的状态(即工具栏地址栏等没有改变)下，IE窗口内能看到的部分为778px*435px，一般来讲，我们以这个大小为标准就行了，毕竟，在无法适合所有人的情况下，我们只能为大多数考虑了。
说了那么多，无非是一个标准的问题，其实接下来不用我说大家也能想到，第一屏当然要放最主要的内容，关键要知道的是，我们要对第一屏能显示的面积要有个估计，而不要仅仅以自己的机器为准。其实网页制作的一个很麻烦的地方就是浏览者的机器是未知的。
有关导航栏的位置
导航栏能让我们在浏览时容易的到达不同的页面，是网页元素非常重要的部分，所以导航栏一定要清晰、醒目，一般来讲，导航栏要在“第一屏”能显示出来，但是有时第一屏可能会小于上面所说的435px，积于这点考虑，那种横向放置的导航栏要优于纵向的导航栏考虑，原因很简单：如果浏览者的第一屏很矮，横向的仍能全部看到，而纵向的就很难说了，因为窗口的宽度一般是不会受浏览器设置影响的，而纵向的则不确定性要大的多。
什么样的布局是最好的
这是初学者可能会问的问题。其实这要具体情况具体分析的：比如如果内容非常多，就要考虑用“国字型”或拐角型；而如果内容不算太多而一些说明性的东西比较多，则可以考虑标题正文型；那几种框架结构的一个共同特点就是浏览方便，速度快，但结构变化不灵活；而如果是一个企业网站想展示一下企业形象或个人主页想展示个人风采，封面性是首选；Flash型更灵活一些，好的Flash大大丰富了网页，但是它不能表达过多的文字信息。还没有提到的就是变化型了，我只是想把这个留给读者了，因为，只有不断的变化才会提高，才会不断丰富我们的网页。

 网页设计是一种建立在新型媒体之上的新型设计。它具有很强的视觉效果、互动性、互操作性、受众面广等其它媒体所不具有的特点，它是区别于报刊、影视的一个新媒体。它既拥有传统媒体的优点，同时又使传播变得更为直接、省力和有效；为了适应当今时代发展，必须增加艺术设计院校的网页设计课程；为了更好的体现网页这一新型设计的特点，将它和传统媒体进行比较，了解它的优势所在；一个成功的网页设计，首先在观念上要确立动态的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣，在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。

 当我们需要重新设计网站时,一般都会考虑由内而外换个新行头。而这样的话，可能会失去原网站的一些特色。所以我们在设计的时候首先要考虑的应该是，在原有网站的特点和优势的基础上进行提升和完善。保证网站修改和网站维护的方便，尽可能使用最好的方式来开发网站，这是比较好的做法。那么应该如何评估一个等待重新设计的网站。以下几点将有助于发展一个有凝聚力的计划，并确保下一个项目的顺利进展。
1. 有没有太多的遗留数据，移动没意义一个大的目录型网站会包含大量的遗留数据，可以想见一个工具型网站，销售装配小部件的，它可以很容易随着时间的推移建立起几千个项目。你需要摸索，使用一定的技术，使大量的数据在某种程度上融入新的数据库计划。
2.客户宁可保持现有的内容管理系统，还是更愿意换一个如果网站是旧的，那么它的内容管理系统就是过时的，需要更新，或者运行一个自制简单的内容管理系统。
3. 服务器有没有完全响应你的要求你可能会被托管协议弄的很疲惫，虽然它几乎总是更容易采取新的网络工作进入你所使用的托管环境，你会发现你需要适应的场合。这意味着不同的控制面板，确保把它们设置为支持任何库及插件。
4. 访问源文件解决编译方案重新设计网站需要建造编译网站系统吗？如果你只能进入已经完成的网站，而创建者不在的时候，怎么找源文件？你有把握保证它们能用来开发新项目吗？你希望切换到原来网站的时候客户会提供给你创建站点的代码和资源，但实际情况往往并非如此。
5. 网站信息架构和用户界面随着深入了解网站设计以及新设备的出现，什么样才是好网站的标准也随着时间变化着。有一个很好的示例是关于跨屏幕显示的概念。几年前，你会旨在阅览的内容 上，避免滚动页面。然而，随着手机纵向式发展和平板的普及，人们更期望滚动式浏览。最近的滚动视差风格网站证明了这一点.
6.有没有新的技术能更简单的实现的目标转换新技术来达到更好的效果并不是一件坏事。我认为，把旧Flash网站重建为HTML5/jQuery是值得努力尝试的，你在不同设备打开站点的时候看到的不再是旧网站的风格，而是在可扩展的技术支持。
7. 有没有可挽回的视觉层次效果就算设计良好的网站也会被视觉疲劳，需要不断改变风格，所以有必要刷新视觉层次和图像。所以做设计的时候保持开放的心态是非常有必要的。良好的循环是好的设计，然后发展，然后使其更好。

 　成为站长是许多人梦寐以求的事情，因为当站长可以轻松的赚钱，这应该是大多数人的理想，当然也有只想当当论坛超级管理员出出风头，显显威风的。不管为了什么，最重要的是建站之后要有流量才有钱赚，论坛有人气你才能显威风。那就涉及到网站的推广了，网页的设计是推广前的重中之重，也是留住人气的重要体现，所以学习网站网页设计技术是建站的根本。
　　现在许多的网站都是直接下载网上现成的模板，或者下载下来后简单改改，然后用开源的内容管理系统建站。熟练的很快就能建好一个网站。先不说网站的内容是否原创，这样的网站发布到网上后，首先搜索引擎肯定能分辨出网站结构的相似性。即使内容不一样，但是网站的结构就给搜索引擎留下了一个很不好的初次印象，所以网站模板的原创也是判断网站权重的一项指标。
　　不过不学习网站网页设计也可以花人民币找人设计网站，但像我这样的没钱没资本的人要建网站就得靠自己的力量了。我学习html和div+css一年多了，接下来谈谈我学习过程的一些经验。
　　网站的前台设计其实很好学，只需要记一些标签就可以了，但是象我这样的英语水平很差的人，当初记那几个英文字母也是费了很大的功夫，我是看了一遍又一遍才记住的。我建议大家不用死记，只要学习过程中多练习就自然记住了，我是当初因为没电脑练习，只能看书记了，学习效率是低了点，不过最终我还是学会了。
　　自己建的第一个网站的模板就是自己写的，虽然那时编网页的基础知识都记住了，但是由于没练习过多少次，写代码过程中遇到了很多困难。首先就是网站的效果图设计，我一个理科计算机专业的实在没什么美感，也不知道怎么设计会更好看。最后参照新浪女性频道的模板结构，进行了很多的创新而完成的我都第一个网站模板。
　　浏览器兼容是网站前台设计最麻烦的事情，至少要测试IE6，IE7和火狐浏览器，这三种是目前使用人数最多的浏览器了，至于IE8可以在网页头部加一行代码就可以让它以IE7的模式渲染网页，我设计时还考虑了opera这个浏览器，也有一定的使用量。这方面学起来确实有点麻烦，问题多多。但是教程也有很多，我们可以慢慢学，一点一点积累。推荐大家写网页时使用IETester这个软件，它集成了IE5.5到IE9的内核(IE9要在win7下才有)，用这个软件一边测试一边写代码才不至于最后由于不兼容而改来改去。
　　只有多练习才能更好的学习知识，我学习过程中总是学点这个又学点那个，以至于学习过程中总是忘了这个又忘那个。所以希望大家学习不能间断，不然像我一样学好几遍才学会，很费时间。把一个网站从无到有的做出来，然后再推广开来，这是成为站长的必须素质，也许你不用每一步都精，但是你必须每一步都会。

    为什么要运用Div Css进行网页设计,用Div Css设计有什么好处呢?面对目前Div CSS布局日益成为新站建立的首选,大家不禁产生以上疑问!
        CSS是Cascading style Sheets的简称，中文译作“层叠样式表单”，在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。网上冲浪无论你用Internet Explorer还是Netscape Navigator，几乎随时都在与CSS打交道，在网上没有使用过CSS的网页可能不好找。不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。
        概括来讲使用CSS+DIV构架主要有以下三大好处:
        1、对搜索引擎亲和力
        一般来说，table构架描述的页面，样式结构和内容信息大小比可能达到1：1甚至更高,而CSS+DIV构架的页面。虽然在客户端看来下载一个复杂的CSS也要占用差不多的带宽，然而搜索引擎可以很方便的绕过这个css，而直接抓去div中的内容。这便是div的优势所在。搜索引擎不会在意一个页面的设计或者构成,搜索引擎不可能“欣赏”设计漂亮新颖的页面,也不会去“排斥”颜色搭配丑陋的页面。它们只是默默地拿到它们需要的内容就离开。如果一个页面中涵盖了大量的table来描述构架，试想搜索引擎要花多大的代价才可以拿到真正有用的信息呢？因此，DIV+CSS结构清晰，容易被搜索引擎搜索到，天生优化了seo。
        2、表现和内容分离,便于站点重构页面
        内容和样式的分离导致我们在重构页面布局（更换皮肤）的时候，只用针对每一个div元素重新定义其具体位置、样式就行了。而在原来的table基础上进行改版,几乎必须改变所有的内容注入渠道,实在是太过于麻烦。这个应用最经典的例子就是各大blog程序了。就如现在我用的LBS系统，以及流行的PJBLOG、php下面的WP、MT，都是采用div+css构架。
        3、便于Web项目开发分工协作
        以往的Web开发程序员和页面设计者结合必须相当紧密。由于DIV+CSS构架的表现和内容分离的特性，程序员和页面设计者只要通过一定页面元素的约定，便可进行各自擅长的程序控制和页面展示部分的开发，大大提高了开发效率。

 　以前在岚海网络学习CSS+DIV的时候也是一头雾水，在一个小小的结构问题上可以花了大半天的功夫，现在接触得多了，其实发现当时只是卡在几个非常细节的问题上：
　　第一种情况：火狐下是正常的，IE6下间距错乱，这种情况，通常应该检查边距MARGIN，可以试着到边距MARGIN换成填充PADDING，这样通常都可以解决问题，也就是说，我们尽量多的在需要使用边距MARGIN的用填充PADDING去代替。
　　第二种情况：FLOAT造成的页面错乱，FLOAT是CSS当中最常用到的一个代码，当一个大框架当中有好几个小框架FLOAT的时候会倒致大框架失去它的高度，这个时候我们就应该在所以小框架的最后面，加上一个clear:both来清除浮动。
　　关于网站建设的几点经验：
　　1、素材的收集，平时多浏览一些做得好的欧美网站，现在很多人都喜欢去考参一些韩国的酷站，个人觉得欧美网站的用户体验远远好于韩国酷站，也更符合国情。见到好的素材及时收集起来。网页设计是经验的积累，同时也是素材的一个积累。
　　2、颜色的处理，对颜色有了一定的理解之后，用不超过三种的主色调加浅的过渡色彩(比如很淡的灰色)。这样的网站，不一定美观，但一定不难看。
　　3、留白的处理，初学者和有经验的设计师最基本的区别就是间距的处理，好的用户体验网站，就是一个对留白处理得非常好的例子。
　　4、网页的统一性，色彩和框架的统一，大的方面来说，就是整个网站的标题，描述文字、边框颜色，背景，框架的形状。小的细节方面就是一个图标的颜色，一个需要强调的符号都有效果的统一起来。
　　5、在脑海里画效果图，这是一种设计思维，当你可以在效果图上把首页，或者是大致的元素都确定之后，就可以尝试基脑海中想象中其它页面的效果图的样子。这样便可以节省大量的去把你脑海中的东西画出来的时间。

 　几年前DIV+CSS开始逐渐成为网页设计的首选方式，目前来看，DIV+CSS已成为网页设计的标准，国内非常多的网站在这几年已完成了从TABLE到DIV+CSS的重构。笔者也是一名偏爱这种方式的网页设计师，工作3年来一直采用div+css方式为客户提供设计。那么相比TABLE，它具有哪些优势呢?下面谈谈个人几点体会和认识，希望对同行和有关人员有所帮助。
　　网页设计采用DIV+CSS，最大的优势是实现网页代码的标准化，摒弃过时的表格布局方式，实现了内容、表现和行为这3者间的分离，html代码结构性更好，阅读和维护更容易，同时网页文件大小也更小。比如最近给一个客户的网站重构后，网页文件大小不到原来的一半，因此占用更少的网站空间，网站打开速度也更快。
　　DIV+CSS与TABLE方式在设计时差别很大，网页开始设计前需要仔细规划，比如对组成网页的各部分元素命名，方便在css中进行样式定义，公共属性部分最好用类名定义。整个网站通用的样式可以放到单独的一个css文件中，常有的公共属性有：网页宽度、背景颜色、背景图片、字体默认大小、颜色、链接样式等，每个网页不同的样式在css文件中最好集中一块，并在块前说明是哪个网页或哪个网页部分，这样既精简css文件大小，又避免出现混乱，对维护也更方便。值得一提的是，网页代码中不要嵌入样式，彻底实现内容和样式的分离。
　　做好DIV+CSS的网页设计，个人决得有三点需要重点理解。
　　1、float属性：DIV(层)默认是占据一整行，对于常见的两列或多列布局的设计，需要能够正确设置float及width属性实现效果。多列布局结束后如果跟了一个占据通栏的层，此时需要设置clear属性清除层浮动。
　　2、盒模式：层具有宽度width、高度height、边框border、内间距padding和外间距margin等属性，而层实际占据的空间是上述属性值相加的大小，合理运用这些属性能实现紧凑而又美观的网页布局。
　　3、层嵌套：有经验的网页设计师都知道层不宜嵌套过多，一般不超过3层，嵌套过多的会导致代码复杂冗余、维护困难及运行慢的问题。另外，在多列布局时完全可以用层浮动实现，不需要整体设置一个ie层来嵌入。
　　单独提下浏览器兼容的话题。DIV+CSS相比TABLE布局，更容易出现多种浏览器不兼容的问题，主要原因是不同的浏览器对web标准默认值不同。国内主流是ie,firefox及chrome用的较少，在兼容性测试方面，首先需要保证在ie多版本不出现问题，这里设计到一些方法和技巧，可以针对具体问题在网站查找解决办法。
　　总结：DIV+CSS相比TABLE有根多的优势,网页设计师应该及早摒弃TABLE方式,这样更有利于督促自己深入学习DIV+CSS知识。学习并使用DIV+CSS的网页设计方式并不难，只要了解一些基础知识，然后多做几个案例就能逐渐理解掌握。