常见网页布局

首页 >> 正文

常见网页布局

来源：baiyundou.net 日期：2024-07-08

建企业网站离不开HTML、CSS和JS，传统的布局方式一般使用固定的尺寸来完成排版布局，这种方式被称为静态布局。静态布局是最为原始的布局方式，没有什么技术性可言，往往是计算机行业刚刚入门的小白使用的布局方式。网页制作标准以像素px为基本组成单位。

1.布局特点

不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。

2.设计方法

PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分。

移动设备：另外建立移动网站，单独设计一个布局，使用不同的域名如wap.或m.。

优点：这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼容性问题。

缺点：显而易见，即不能根据用户的屏幕尺寸做出不同的表现。当前，大部分门户网站、大部分企业的PC宣传站点都采用了这种布局方式。固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。

","gnid":"996eec87ce478a3d6","img_data":[{"flag":2,"img":[{"desc":"","height":"520","title":"","url":"https://p0.ssl.img.360kuai.com/t01d4d9d53f7fd259b4.jpg","width":"850"}]}],"original":0,"pat":"art_src_0,fts0,sts0","powerby":"pika","pub_time":1696728600000,"pure":"","rawurl":"http://zm.news.so.com/655fdd2d6ccbc3694d583092ccbd95d6","redirect":0,"rptid":"3f9597c3530a6836","rss_ext":[],"s":"t","src":"三七一网络","tag":[],"title":"网站前端布局方式之：静态网页布局

阳祝尤4392网站中常见的网页布局类型及应用范围
谭虽裴18518899403 ______ 最简单的就是用表格来布局了现在主流的是DIV+CSS布局当然,以前还变态的使用空的GIF图片来布局至于应用范围没什么一定,也没什么特定.看你熟练的程度.表格布局没什么技术含量,但它最兼容,操作简单上手DIV+CSS布局技术含量高,移植性强,表现力超强,但兼容性存大一定问题.

阳祝尤4392dreamweaver制作网页,网页布局有哪些方法? -
谭虽裴18518899403 ______ 纠正一下,所谓“切片布局”其实就是表格布局. 网页布局常用方法有三种:纯表格布局、DIV+CSS布局、表格+CSS布局; 1、表格布局优点就是简单,上手容易,兼容性强;缺点是表格嵌套过多会影响页面加载,布局修改起来很不灵活. 2、DIV+CSS布局优点:符合标准,网页结构清晰,布局灵活,修改方便,能节省页面加载带宽;缺点就是,比表格布局难掌握,如果不能驾驭它,兼容性是个很大的问题. 3、表格+CSS布局:没什么好说的,四个字---“不伦不类” 天南设计建议你从开始就向DIV+CSS这方面迈步,这是趋势.开头别怕难.

阳祝尤4392常用的几类网页布局方式哪些 -
谭虽裴18518899403 ______ div+css 和table2种目前大家流行的是DIV+CSS

阳祝尤4392网页版面布局设计的原则是什么?
谭虽裴18518899403 ______ 设计首页的第一步是设计版面布局.就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局.虽然动态网页技术的发展使得我们开始趋向于学...

阳祝尤4392做好网站网页布局的几种简单方式 -
谭虽裴18518899403 ______ 1. 熟知网站页面布局的类型页面设计有许多类型,常见的页面布局有“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等等等,可供选择的页面布局有很多,我们要结合自己的网站设计目标...

阳祝尤4392网页设计的几个要素是什么? -
谭虽裴18518899403 ______ (一)图片要素图片并不适合于所有的网页,而是和网页的主要内容有关,有些网站,来访者并不在意网页是否可以做出精美的图片,他们所关心的只是网站中的内容,如果加入大量的图片,来访者反而觉得过多的图片会影响访问的速度;而...

阳祝尤4392网页布局常用的方法 -
谭虽裴18518899403 ______ 初学者可以利用dreamweaver中的层来固定位置,不过会出现各个浏览器不兼容的问题,最好用div+css来布局,这样会更好

阳祝尤4392网页要怎么布局才好看??
谭虽裴18518899403 ______ 这两种都是网页设计当中比较常用的布局,都是指的是网页的整体布局类似于哪一种,国字型指的是网页是一个封闭的区域,并且内部包含了一种布局表格的形式,而同字型指的是上面有一个标题而下面紧接的是一个闭合的巨型区域,而整体结构不封闭~! 但我们设计网页布局的时候一般考虑自己网页的实际内容!

阳祝尤4392如何用css进行网页布局 -
谭虽裴18518899403 ______ 实现网页布局的方式方法比较多,布局方式可以大概分为这几类.布局种类:1、table布局(网页的兴起,1995)2、Flash布局(自由的黄金时代,1996)3、div+css(CSS的诞生,1998)4、栅格与响应式(移动端的兴起,2007与2010) 当前...

阳祝尤4392网页现在流行什么布局 2017 -
谭虽裴18518899403 ______ 其实,网页的布局无非就是我们平时比较常见的布局,只不过是排版装修和设计的不同网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型1、“国”字型:也可以称为“同...

（编辑：自媒体）