1、请问网页设计中常用布局方式有哪几种?
D
2、网页的布局类型有哪些?
1、“国”字型
也可以称为“同”字型,是一些大型网站所喜欢的类型,即最上面是网站的标题以及横幅广告条,接下来就是网站的主要内容,左右分列一些两小条内容,中间是主要部分,与左右一起罗列到底,最下面是网站的一些基本信息、联系方式、版权声明等。
2、拐角型
这种结构与上一种其实只是形式上的区别,其实是很相近的,上面是标题及广告横幅,接下来的左侧是一窄列链接等,右列是很宽的正文,下面也是一些网站的辅助信息。在这种类型中,一种很常见的类型是最上面是标题及广告,左侧是导航链接。
3、标题正文型
这种类型即最上面是标题或类似的一些东西,下面是正文,比如一些文章页面或注册页面等就是这种类。
4、封面型
这种类型基本上是出一些网站的首页,大部分为一些精美的平面设计结合一些小的动画,放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分是企业网站和个人主页,如果说处理的好,会给人带来赏心悦目的感觉。
5、“T”结构布局
所谓“T”结构布局,就是指网页上边和左边相结合,页面顶部为横条网站标志和广告条,左下方为主菜单,右面显示内容,这是网页设计中用得最广泛的一种布局方式。在实际设计中还可以改变“T”结构布局的形式。
如左右两栏式布局,一半是正文,另一半是形象的图片、导航。或正文不等两栏式布置,通过背景色区分,分别放置图片和文字等。
这样的布局有其固有的优点,因为人的注意力主要在右下角,所以企业想要发布给用户的信,大都能被用户以最大可能性获取,而且很方便,其次是页面结构清晰,主次分明、易于使用。缺点是规矩呆板,如果细节色彩上不注意,很容易让人“看之无味”。
6、“口”型布局
这是一个形象的说法,指页面上下各有一个广告条,左边是主菜单,右边是友情链接等,中间是主要内容。
这种布局的优点是页面充实、内容丰富、信息量大,是综合性网站常用的版式,特别之处是顶部中央的一排小图标起到了活跃气氛的作用。
缺点是页面拥挤,不够灵活。也有将四边空出,只用中间的窗口型设计,例如网易壁纸站使用多帧形式,只有页面中央部分可以滚动,界面类似游戏界面。使用此类版式的有多维游戏娱乐性网站。
7、“三”型布局
这种布局多用于国外网站,国内用得不多。其特点是页面上横向两条色块,将页面整体分割为4个部分,色块中大多放广告条。
8、 对称对比布局
顾名思义,它指采取左右或者上下对称的布局,一半深色,一半浅色,一般用于设计型网站。其优点是视觉冲击力强,缺点是将两部分有机地结合比较困难。
9、POP布局
POP源自广告术语,指页面布局像一张宣传海报,以一张精美图片作为页面的设计中心。常用于时尚类网站,优点显而易见:漂亮吸引人,缺点是速度慢。
网页设计(web design,又称为Web UI design,WUI design,WUI),是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化),进行网站功能策划,然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种,精美的网页设计,对于提升企业的互联网品牌形象至关重要。
网页设计一般分为三种大类:功能型网页设计(服务网站&B/S软件用户端)、形象型网页设计(品牌形象站)、信息型网页设计(门户站)。设计网页的目的不同,应选择不同的网页策划与设计方案。
(2)设计网页布局的常用方法是扩展资料
网站伴随着网络的快速发展而快速兴起,作为上网的主要依托,由于人们使用网络的频繁而变得非常的重要。由于企业需要通过网站呈现产品、服务、理念、文化,或向大众提供某种功能服务。因此网页设计必须首先明确设计站点的目的和用户的需求,从而做出切实可行的设计方案。
专业的网页设计,需要经历以下几个阶段:
1、需要根据消费者的需求、市场的状况、企业自身的情况等进行综合分析,从而建立起营销模型。
2、以业务目标为中心进行功能策划,制作出栏目结构关系图。
3、以满足用户体验设计为目标,使用axure rp或同类软件进行页面策划,制作出交互用例。
4、以页面精美化设计为目标,使用PS、AI等软件,调整,使用更合理的颜色、字体、图片、样式进行页面设计美化。
5、根据用户反馈,进行页面设计调整,以达到最优效果。
3、在FrontPage中制作网页时,最常用的布局方法是(单选题)
A
初中就学了
4、网页页面布局有哪三种常见方法?
l T型布局
所谓T型布局,使指页面上部为横条(网站标志+广告条)、下方左半部专为主菜单属、右由半部分显示内容的布局。因为看上去像英文字母“T”,所以称为T型布局。如图(a)所示。
T型布局的优点是页面结构清晰,主次分明,强调秩序,能给人以稳重、可信赖的感觉,比较容易上手。缺点是规矩呆板,如果细节和色彩搭配上不注意,容易让人乏味。
2 口型布局
口型布局的页面上下各有一个广告条,左侧是主菜单,右侧放置友情链接等内容,中间是主要内容,如图 (b)所示。
口型布局的优点是充分利用版面,信息量大。其缺点是页面拥挤,不够灵活。
3 POP布局
POP引自广告术语,是指页面布局象一张宣传海报,以一张精美图像作为页面的设计中心,在适当位置放置主菜单,如图 (c)所示。这种布局不讲究上下左右对称,但要平衡和有韵律,能达到强调、动感、高注目性的效果,常用于时尚类网站。其优点是漂亮吸引人,缺点是速度慢。
5、dw设计网页时,布局常用什么方法来布局呢???
1、严格意义来说dw并不能用来设计网页,设计网页都是在平面设计工具里完成的,比如在ps里面设计好网站的效果图,在ps里面切图。
2、dw只是个网站代码编写工具,使用dw编写代码会比较方面,因为有很多的快捷功能。但是对于高手来说,是用记事本都可以编辑网站的。
3、dw的编辑面板主要有三种视图,分为 “代码”“拆分”“设计”,如下图
在制作网站的时候,能够用到的主要是“代码”视图功能。“设计”和“拆分”视图很少用到,只有当网站代码出现问题的的时候用来查找错误,对于有一年多代码编写经验的人来说,就已经用不到了。
4、在dw中编写制作网站的代码主要是div+css,也是就是html。网站布局也是通过html代码来实现的,比如maigin 与padding position 都是来控制div的布局和位置的。
所以,在dw里面设计网页布局网站并不是dw的功能,还是通过代码实现的。
6、网页设计的经典布局类型有哪些
网站建设中网页布局大致可分为:“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等,以下分别论述:
1、国字类型:也被称为同字型,顶部是网站的标题、横幅广告条,然后是网站的主体内容个,而左右分别是一些比较小的内容条,中间就是主要内容,最底部是网站的一些基本信息、联系方式、版权声明等。这也是现在网上见到的差不多最多的一种结构类型;
2、拐角型:这种类型其实与国字型很相近的,只是在形式上不一样,最上面的部分是网站的标题以及网站的横幅广告条,一种很常见的类型是最上面是标题及广告,左侧是导航链接;
3、标题正文类型:上面是网站的标题,或者是类似的东西,接着就是网站的正文内容,例如是一些文章或者是注册登录页面;
4、左右框架类型:这是一种左右为分别两页的框架结构,一般布局是:左边是导航链接,最上面有时是一个小的标题或标致,而右面就是主要内容,最常使用是论坛网站,企业网站中的内页有很多是采用这种布局方式的;这种类型的布局的特点是结构清晰明了;
5、上下框架类型:与左右框架类型类似,只是这种类型是上下两页的框架;
6、综合框架类型:其实就是左右框架类型和上下框架类型的结合体;
7、封面型:这种类型基本上是出现在一些网站的首页,多是精美平面结合小动画,再加几个简单链接或仅是一个“进入”链接或无任何提示;
8、Flash型:其实这与封面型结构是类似的,采用了目前非常游戏行的Flash,与封面型不同的是,由于Flash强大的功能,页面所表达的信息更丰富,其视觉效果及听觉效果如果处理得当,绝不差于传统的多媒体;
9、变化型:即上面几种类型的结合与变化,但所实现的功能的实质是那种上、左、右结构的综合框架型;
7、HTML里面有几种布局方式?
1.自然布局。
没有任何修饰的布局是自动靠左的。
2.流动布局
上面讲的float:left的情况。
3.定位布局
相对定位和绝对定位都是相对于父div标签的。
相对------以这个元素的本来应该在的位置为参照点
绝对——以父div标签的原点(左上角)为参照点。
由于外层是position:relative,所以里层是absolute的话,则会以外层的左上角为位移参考对齐。当然外层只写position:relative,写上left,top这两个值,则表示以:以这个元素的本来应该在的位置为布局参照原点进行left,top对齐。
还有一种情况是,只是一个position:absolute;外层没有position:relative,这时会找寻那个点为参考呢?这时候的原则是:如果某父级元素中有relative者,则以某父级元素为参考原点,如果没有position:relative,则以body为参考原点。如果position:absolute外层没有relative时,这两个布局上是没有区别的。
当然最后一种情况是:外层是:position:absolute;里边是position:relative,那会是什么情况?按着原来的原则,absolute会参考body为布局原点,relative会参考他本来应该在的位置为布局原点,这时候其实就是参考外层左上角为布局原点。
8、2.简述网页布局的常用几种方法(主要有那些,应用及特点)
自然浮动法
margin负值法
绝对定位法
DIV+CSS和table
9、网页布局的方法有哪些?
你好,很高兴为你解答来自网页的问题:
网页布局常用方法有三种:纯表专格布属局、div+css布局、表格+css布局;
1、表格布局优点就是简单,上手容易,兼容性强;缺点是表格嵌套过多会影响页面加载,布局修改起来很不灵活。
2、div+css布局优点:符合标准,网页结构清晰,布局灵活,修改方便,能节省页面加载带宽;缺点就是,比表格布局难掌握,如果不能驾驭它,兼容性是个很大的问题。
3、表格+css布局:没什么好说的,四个字---“不伦不类”
如果的回答能解决楼主问题
望给个评价与采纳
继续支持与鼓励我
万分感谢
10、几种常见网页布局设计
网站是有网页构成,这点相信很多的从事网站建设或者是接触过网站开发的站长应该都清楚,但是你现在的问题是,虽然很多的企业都想要建设网站,但是对于网站的布局了解的并不清楚,下面就跟着我们沃然一起来了解一下网站建设中几种常见的布局吧。
1、区块型
2、国字型
3、门户型
4、Flash型
5、左右框架型
6、拐角型
7、封面型
8、标题正文型
9、上下框架型
10、综合框架型