网页设计 百分网手机站

网页设计中该选哪种布局方式

时间:2020-09-28 14:43:36 网页设计 我要投稿

网页设计中该选哪种布局方式

  别具一格的网页页面,是维持网站的重要因素,下面是小编为大家整理关于网页设计中的局方式,欢迎大家阅读!

  一、 TABLE方式

  优点:

  1、简单易用:比较适合入门级的用户操作,用户可直接利用Dreamweaver(以下简写为“DW”)工具栏插入表格,设置长宽、对齐方式、属性等就可以轻松制作出一个页面了。

  2、立见效果:当用户插入一个TABLE的时候就可立即看到效果。

  3、可读性好:语句编写较为简便,主要代码就是<TABLE></TABLE>、<TR></TR>、<TD></TD>等语句。

  4、制作较快:新建网站时,从DW中直接拖入TABLE比编写DIV要快速很多。

  5、兼容性较强:TABLE设计由来已久,得到浏览器的广泛支持,故而基本上没什么错位现象。

  缺点:

  1、代码繁多,

  < /TABLE>这是构成一个表格的最基本元素,相对编写来说,代码繁多。

  2、网页打开速度较慢:后台代码太多,导致网站打开速度慢。

  二、 DIV+CSS方式

  优点:

  1、标准化的页面结构:DIV+CSS是行业标准,是WEB发展的趋势。

  2、代码简洁:

  较TABLE来说代码精简许多。

  3、页面浏览速度较快: 对于同一个页面视觉效果,采用DIV+CSS重构的页面容量要比TABLE编码的页面文件容量小得多,代码相对而言是很少的`,浏览器加载的不多,故而速度相对较快。

  4、页面布局灵活:DIV+CSS使得页面布局方便操作灵活,改版时只需改CSS样式即可实现页面重新布局,而不用改动程序,从而降低了网站改版的成本。

  缺点:

  1、可观性差:用户在编辑的时候并不能立即看到编辑效果,需要预览才可看到。

  2、建站繁琐:相对于新手来说,对代码不是很了解,操作起来很是麻烦。

  3、兼容性较差:DIV+CSS设计的网站在IE浏览器里面正常显示,到火狐浏览器中有可能面目全非,故设计时需要把不同浏览器样式都考虑进去。

  以上TABLE与DIV+CSS的对比中我可以得出,用DIV+CSS建设页面要好的多,同时也是网站建设的发展趋势。如果对html语言已经很了解,或者需要进行SEO优化,想做关键词推广,那最好是用DIV+CSS来实现,这样网站的流量和页面浏览速度会快一些。


【网页设计中该选哪种布局方式】相关文章:

网页设计的布局的方式有哪些11-16

网页布局设计的技巧10-17

网页设计中图片该怎么排版09-18

关于网页设计布局的分析11-14

网页设计中美丽的布局10-04

5种网页设计的布局10-30

网页设计为什么要用DIV布局11-10

网页设计:网站布局的23个步骤10-04

如何布局网页主体10-20