广州网站建设公司实惠网站设计
联系我们 添加收藏 网站地图
广州网站建设联系
网站首页 > 网站建设 > 网站建设知识
网站设计制作知识

网页的DIV+CSS布局与表格(Table)布局的区别

http://www.canthing.net 广州创思科技发布 创思科技网站建设知识

一个网站的网页美工设计好之后,要对它进行网页排版布局,常用的网页布局主要有两种:一是表格(Table)布局、二是DIV+CSS布局;用表格进行布局排版的工具一般常用的是Macromedia Dreamweaver和Microsoft Frontpage这两个软件,当然,如果对html语言代码较熟悉的话,也可以使用“记事本”直接编辑也可以。DIV+CSS网页布局的话一般是手写代码,使用网页编辑工具也可以,在代码编辑状态下编辑也是不错的选择。

表格在网页设计中比较直观,直接可以选择行与列,对内容进行定位划分,大小、高度、颜色、图片可以手动设置。div+css也是网页布局排版作用,用于对网页的内容进行定位安排,DIV元素是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。CSS是英语Cascading Style Sheets(层叠样式表单)的缩写,它是一种用来表现 HTML 或 XML 等文件式样的计算机语言。DIV+CSS是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用div+CSS的方式实现各种定位。严格DIV+CSS网页设计要通过W3C标准。
W3C标准检测网站:http://validator.w3.org/

表格网页设计的优势与劣势

1、表格操作简单直观,只要会一点word操作的人员,就差不多可以使用frontpage设计网页了(不够还是不专业),如果专业一点可以使用Macromedia Dreamweaver对网页进行编辑。

2、网页设计速度快,如果你要编辑的网页不是很多的话,使用表格排版,网页的速度是非常快的,如使用Macromedia Dreamweaver对网页进行编辑,按ctrl+alt+t快捷键,就可以插入表格,输入行和列,就可以插入表格。

3、可视化操作强,所有网页在网页编辑软件中编辑,可以视化操作,直观,你所看到的内容,和在浏览器中显示的内容基本上是一样的。

4、在网页设计时是可重复性操作不强,如一个网页的布局和另一个如果页面相同的布局的话,得重新设计一个。

5、网页如果要修改的话、我对每个独立的修改,如果很多风格一样的页面,不能同时操作。

6、网页设计时文件内容很多及设计丰富的话,文件会变得非常之大。

DIV+CSS网页设计的优势与劣势

1、要DIV+CSS的网页设计师必须要会手写HTML语言的能力,所以对设计师来说相对要求高一点。

2、同进得会手写CSS语言的能力

3、可视化操作性不强,在很多可视化操作软件中看不出效果。

4、网页表现与结构分离,对CSS修改可以对网页文件布局修改,如果有多个网页相同布局的话,可以调用同一个CSS文件实现布局功能。

5、网页打开速度快,因为它可以先打开内容,再调用CSS文件。

6、更多的DIV+CSS好处,还在整理中,没有写出来…… 网站建设知识

[ 关闭窗口 ] [ 打印此页 ]