常用网页界面布局方式有哪些?
当前位置:贝知网>知识分享>平面设计>常用网页界面布局方式有哪些?
常用网页界面布局方式有哪些?
时间:2022-09-09 平面设计

常用网页界面布局方式有哪些?

常用网页界面布局方式有哪些

网页界面布局方式有很多,其中常见的包括有这些:对称对比、同字形、回字式、匡字式、自由式、三字形等。如果想具体了解常用网页界面布局方式有哪些,那不妨接着往下看吧!

1、对称对比式布局:采取左右或自上而下的对称布局,一半是深色,一半是浅色,一般用于设计型网站。其优点是视觉冲击力强;缺点是难以将两部分有机结合。

2、同字形布局:页面顶部有广告条+导航栏,左侧是超链接,右侧是友情链接等,中间是主要内容。其优点是充分利用了版面,信息量大;缺点是页面拥挤,不灵活。

3、回字形布局:在同一回字形的下面加一个横向通栏,让页脚得到充分地利用。

4、匡字形布局:将回字形的右侧或左侧栏目去掉,改善回字形的封闭型结构。这三种结构及其变形应用广泛。

5、自由式布局:以图片、Flash动画或视频为主要内容,其他文字说明和栏杆都分布在不显眼的位置,起到装饰作用,这种结构在时尚类网站中使用非常多。

其优点是富有美感,可以吸引大量浏览者欣赏;缺点是文字太少,对导航栏的引导作用不明显。

6、三字形布局:通过横向色块,将页面分为三部分,并将大部分色块放在广告栏中。

其优点是充分结合了同字形和自由式的特点,大幅色彩丰富图像使网页具有美感,又有比较适中的信息量,不显拥挤;缺点是上下比例不易协调,大幅图像的色彩和构图是网页布局的关键。

网页的分类有什么

网页的类型主要有这两类:一是静态网页;二是动态网页;其中静态网页,就是该网页文件里没有程序代码,只有HTML标记,这种网页文件的扩展名为.htm或.html。

一、网页的分类有什么

1、静态网页,就是该网页文件里没有程序代码,只有HTML标记,这种网页文件的扩展名为.htm或.html。

静态网页一经制成,内容就不会再变化,不管何时何人访问,显示的都是一样的内容,如果要修改有关内容,就必须修改源代码,然后重新上传到服务器上。静态网页中可以包含动画。

2、动态网页,就是该网页文件不仅含有HTML标记,而且含有程序代码,这种网页的扩展名一般根据不同的程序设计语言来定,如ASP文件的扩展名为.asp,JSP文件的扩展名为.jsp。

动态网页能够根据不同的时间、不同的来访者而显示不同的内容,还可以根据用户的即时操作和即时请求,内容会发生相应的变化。例如,常见的BBS、留言板、聊天室等就是用动态网页来实现的。

二、静态网页的执行过程

静态网页是相对于动态网页而言的,但并不是说网页中的元素都是静止不动的。静态网页是指浏览器与服务器端不发生交互的网页,网页中的GIF动画、Flash动画以及Flash按钮等都会发生变化。

静态网页的执行过程大致为:

(1)浏览器向网络中的服务器发出请求,指向某个静态网页。

(2)服务器接到请求后传输给浏览器(此时传送的只是文本文件)。

(3)浏览器接到服务器传来的文件后解析HTML标签,将结果显示出来。

三、静态网页的特点

1、每个静态网页都有一个固定的URL,网页URL以htm、html、.shtml等形式为后缀。

2、网页内容一旦发布到网站服务器上,每个网页都是一个独立的文件。

3、静态网页的内容相对稳定,容易被搜索引擎检索到。

4、静态网页没有数据库的支持,因此在网站维护和制作方面工作量都比较大。当网站信息量很大时,完全以静态网页的方式来建立网站是比较困难的。

5、由于静态网页的交互性较差,在交互性和实时性方面受到限制。