黑客内参告诉你一个:设计师用div+css 必须知道的网页布局类型

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了黑客内参告诉你一个:设计师用div+css 必须知道的网页布局类型相关的知识,希望对你有一定的参考价值。

今天我在黑客内参受到了很多的留言,很多小伙伴在表示想要建立一个属于自己的站点,让我觉得现在建站是大部分人都比较感兴趣的一个技术吧!

碰巧今天整理以前的笔记发现了一本之前遗留下来的建站笔记,现在我就手打奉献给各位吧!

同时也希望喜欢的朋友能够多多关注我的这个小博客,要是有什么问题的话也可以在下方的评论区留言哦!

OK,接下来我就给大家直接步入正题:详解,设计师用div+css 必须知道的网页布局类型

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型,下面黑客内参就给大家分别论述。

技术分享


1、“国”字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两 小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类 型。

2、拐角型:这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接

3、标题正文型:这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。

4、左右框架型:这是一种左右为分别两页的框架结构,一般左面是导航链接,有时最上面会有一个小的标题或标致,右面是正文。我们见到的大部分的大型论坛都是这种结构的,有一些企业网站也喜欢采用。这种类型结构非常清楚,一目了然。

5、上下框架型:与上面类似,区别仅仅在于是一种上下分为两页的框架。

技术分享

6、综合框架型:上页两种结构的结合,相对复杂的一种框架结构,较为常见的是类似于“拐角型”结构的,只是采用了框架结构。

7、封面型:这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至 直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,假如说处理的好,会给人带来心旷神怡的感觉。

8、Flash型:其实这与封面型结构是类似的,只是这种类型采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果假如处理得当,绝不差于传统的多媒体。

9、变化型:即上面几种类型的结合与变化,比如本站在视觉上是很接近拐角型的,但所实现的功能的实质是那种上、左、右结构的综合框架型。

OK,今天就讲到这里吧!!基本上大家也都该了解了吧!



















以上是关于黑客内参告诉你一个:设计师用div+css 必须知道的网页布局类型的主要内容,如果未能解决你的问题,请参考以下文章

怎样用css实现div选中的效果

探访真正的黑客,来到黑客们的聚集地--黑客内参

千里之行始于足下,黑客之路始于--黑客内参

震惊!黑客自学技术掏空银行取款机-黑客内参

进入黑客小圈子地下黑客聚集地-黑客内参

我是怎么如何开始自己黑客技术之路的--黑客内参