导航:首页 > 万维百科 > 谈网页设计布局

谈网页设计布局

发布时间:2021-02-19 16:42:16

1、请问一般的网页设计布局形式都有哪些?具体谈一谈。

1、“国”字型2、拐角型这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。3、标题正文型这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。4、封面型这种类型基本上是出一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分是企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。5、“t”结构布局所谓“t”结构布局,就是指网页上边和左边相结合,页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“t”结构布局的形式,如左右两栏式布局,一半是正文,另一半是形象的图片、导航。或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。这样的布局有其固有的优点,因为人的注意力主要在右下角,所以企业想要发布给用户的信,大都能被用户以最大可能性获取,而且很方便,其次是页面结构清晰,主次分明、易于使用。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。6、“口”型布局这是一个形象的说法,指页面上下各有一个广告条,左边是主菜单,右边是友情链接等,中间是主要内容。这种布局的优点是页面充实、内容丰富、信息量大,是综合性网站常用的版式,特别之处是顶部中央的一排小图标起到了活跃气氛的作用。缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站使用多帧形式,只有页面中央部分可以滚动,界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。7、“三”型布局这种布局多用于国外网站,国内用得不多。其特点是页面上横向两条色块,将页面整体分割为4个部分,色块中大多放广告条。8、 对称对比布局顾名思义,它指采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型网站。其优点是视觉冲击力强,缺点是将两部分有机地结合比较困难。9、pop布局pop源自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。

2、网页设计应该如何布局

网页布局类型

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

“国”字型:也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内

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

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

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

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

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

封面型:这种类型基本上是出现在一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在

首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。

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

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

3、网页设计布局问题

别用table做网复页,这个要用div css 和js一起制来实现,这个控件到处都是,因为不是一个页面的代码能实现我就不在这贴出来了,你百度搜索table切换js效果就能下载,他是三个或者四个不同的文件一起运行的,比如,HTML写框架,css写样式,js写效果,小白的话最好还是下载控件改改

4、网页设计 网页制作 你们怎么布局的?

要是你的切片很多块的话,可以考虑在div+css里面用一下表格的,其实现在都要求用的div+css了,先用div+css作出你的大概布局,比如要分为几块之类的,用一下浮动布局好就差不多了

5、什么是网页设计与布局?

网页设计就是字面意思 网页的构架~样式 颜色的设计 一般用PS制作
布局就是DIV+CSS 用于布局内容分布

6、关于网页设计布局问题

属性那里有的
你可以把px转化成% 也可以把%转化成px
但是你那样转换解决不了问题
一般情况下少用绝对定位。(前题是你“会用”)

7、谁能谈谈网页设计在用表格布局时的经验?

表格是二维平面的布局,若要做三维带有动画效果就要用DIV布局了。并且布局可以使内容和样式分离,应用更务方便。布局视图可以帮助用户方便地设计页面布局,在这种视图中用户可以自由地在页面中绘制表格和单元格,并在单元格中添加页面元素,然后进行自定义或将它们移到到其它位置。
用布局表格的话,可操作性会大一点,特别是当你要并排表格时,而且布局表格可以很直观的看到单元表格的情况,调整也比较方便。

与谈网页设计布局相关的知识