仓酷云

标题: 来谈谈：CSS初学者进门:利用table结构网页不明智 [打印本页]

作者: 柔情似水 时间: 2015-1-15 23:25
标题: 来谈谈：CSS初学者进门:利用table结构网页不明智
符合W3C标准。微软等公司均为W3C支持者。这一点是最重要的，因为这保证您的网站不会因为将来网络应用的升级而被淘汰。
网页制造poluoluo文章简介：利用Table结构页面为何是不明智的？
利用Table结构页面为何是不明智的？
人人看到题目，不要曲解以为在页面中不克不及利用Table，而是可使用Table，可是只管不要用Table往结构页面，为何这么说呢，由于利用Table结构页面会使页面得到天真性，怎样个天真法呢，好比明天你十分困难做出来的页面，第二天老板说我不喜好登录模块放到右侧，仍是放到右边，关照板块放到右边往，页面作风最好一个月换一种，假如碰到这类老板，提出这类请求，而且你的页面是用Table结构的，那末你会溃散的，事情量那是年夜年夜滴~，假如不信任的话，你们本人能够找个页面，用Table结构出来，然后变更板块微风格，你就会体味到Table结构的不天真性，这是为何呢，由于Table的出生是为存储数据用的，功效和Execel差未几，不是用来结构用的，只不外厥后人人发明用Table能够把想放的页面元素，好比图片，放就任何本人想放的中央，且做出来的页面能够兼容多种扫瞄器，因而Table就承当起了结构页面的重任，这一做就是好几年......直到Web2.0时期的到来，Table才从结构页面的事情中渐渐摆脱，用心的往存储数据^_^

既然Table是为存储数据出生的，那谁的出生是为了页面结构呢？
谜底就是:DIV，DIV就是为结构页面而出生的，只不外一向不被人认同，缘故原由就是DIV往结构页面必要CSS的共同，利用对照烦琐，还不如Table拖拖拽拽页面就结构OK了，感到还不如Table便利，从而DIV被人们安排在一个置之不理的幽暗角落里，悄悄的守候着伯乐的呈现，直到2003年美国加州ScottDesign公司列入了在旧金山举行的有关网页排版和计划的一个研究会上的演讲，使DIV看到了阳光，走出了阴霾......

说了那末多，我们对照一下Table结构页面和DIV结构页面的优弱点

利用表格举行页面结构会带来良多成绩：
*把格局数据混进你的内容中。这使得文件的巨细无谓地变年夜，而用户会见每一个页面时都必需下载一次如许的格局信息,带宽并不是收费。
*这使得从头计划现有的站点和内容极其损耗劳力(且高贵)。
*这还使我们坚持全部站点的视觉的分歧性极难，消费也极高。
*基于表格的页面还年夜年夜下降了它对残疾人和用手机或PDA扫瞄者的亲和力。

而利用CSS举行网页结构，它会：
*使你的页面载进得更快
*下降你的流量用度
*让你在修正计划时更无效率而价值更低
*匡助你的全部站点坚持视觉的分歧性
*让你的站点能够更好地被搜刮引擎找到
*使你的站点对扫瞄者和扫瞄器更具亲和力
*活着界上愈来愈多人接纳Web尺度时，它还能进步你的职场合作气力(现实上也就是下降就业的风险)。

网上有一篇文章，转过去，文章侧重先容DIV三点上风,大概看完文章后，就像社区元老heflyaway说的感到作者对照沉沦Table，每篇文章都不成制止的带有团体色采，而转出来的目标，实在就是想给人人降降DIV+CSS的温度，以免“走火进魔”，视DIV+CSS是为全能的，假如想学好CSS结构页面，就要从多个方面看它，好了，未几说了，上面是作者对CSS结构页面的三点上风及了解：

1、内容和情势分别，网页前台只必要显现内容就行，情势上的美工交给CSS来处置。天生的HTML文件代码精简，更小翻开更快。
2、改版网站更复杂简单了，不必从头计划排版网页，乃至于不必动原网站的任何HTML和程序页面，只必要修改CSS文件就完成了一切改版。关于流派网站来讲改版就像换件衣服一样复杂简单。
3、搜刮引擎更友爱，排名更简单靠前。

第一点、内容和情势分别
网页前台只必要显现内容就行，情势上的美工交给CSS来处置。天生的HTML文件代码精简，更小翻开更快。
这个是DIV+CSS手艺最明显的特性，也是CSS存在的本源。完整的倾覆如今传统（table）网页计划的手艺。一切如今用table制造的内容，都能够用CSS来办理失落，并且办理的更完善，更壮大。不必要人人再表格套表格，让天生的网页文件巨细更精简，更小。table时期，一个页面表格到达10个以上长短常广泛的事变，可是如今用DIV+CSS，一个table都能够不必，就完整到达之前的效果，这就间接招致网页文件巨细比利用table时削减50%-80%，更勤俭列位站长的硬盘空间，会见者翻开网页时更快，并且用div+CSS时，不像以往利用table时，必需把全体table读取完了才显现页面内容，如今是能够读一个div就显现一个效果，人人翻开网页不必等。优点真是分明而壮大。
这个长处切实其实是明显的，但凡利用传统table建的网页，内容多的话，偶然候到达30K摆布都有大概，文件打了翻开时，一定就有0.0几秒的提早。利用DIV+CSS，你前台翻开看到的满是间接内容，CSS文件都是导进链接的，是另外一个文件，基本和HTML文件巨细不妨，这类天生的HTML文件，一个也就10K摆布巨细。

第二点，改版网站更复杂简单了
不必从头计划排版网页，乃至于不必动原网站的任何HTML和程序页面，只必要修改CSS文件就完成了一切改版。
DIV+CSS关于流派网站来讲改版就像换件衣服一样复杂简单，改版时，不必修改全站HTML页面，只必要从头写CSS，再用新CSS掩盖之前的CSS就能够完成改版了。便利吧。

第三点，搜刮引擎更友爱，的确可以对SEO起到必定的匡助。
经由过程DIV+CSS对网页的结构，可让一些主要的链接、笔墨信息，优先让搜刮引擎蜘蛛爬取。这关于SEO也有匡助。

综上所述，团体感到DIV+CSS不克不及太科学它的很好很壮大，它作为制造网页，丑化网页的一个主要帮助是很壮大便利的。能够填补table制造框架和表格时的良多不敷和美工上的弱点，可是完整只用它来做，太费时吃力，关于天下中小型网站长来讲，真的不太合适。我团体以为用table+DIV+CSS是最好的组合，也是最省时省力的举措。

还必要再申明一下，本节讲得是Table结构页面和CSS结构页面的成绩，会商的是“结构页面”上用谁更好，并非说在CSS结构的页面内不克不及用Table，真正凶猛的人物是DIV、Table、CSS用得恰如其分，他们三个各做各的事变，DIV结构页面，Table存储数据，CSS给页面穿衣服！</p>
声明块由一个一个的声明组成,声明由属性和值组成,属性和值用冒号隔开,分号结束。

作者: 不帅 时间: 2015-1-17 22:39
所见则所得网页编辑器的优点就是直观性，使用方便，容易上手.

作者: 小魔女 时间: 2015-1-24 22:04
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

作者: 深爱那片海 时间: 2015-2-2 15:31
由CS4 版本开始，则转用WebKit 排版引擎（亦即Google Chrome和Apple Safari浏览器所用的排版引擎）作为网页预览。

作者: 柔情似水 时间: 2015-2-8 02:33
还可以在Dreamweaver常用工具中选择超级链接，完成相应的填写即可。

作者: 乐观 时间: 2015-2-24 05:44
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。

作者: 兰色精灵 时间: 2015-3-7 11:54
布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

作者: admin 时间: 2015-3-15 05:38
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

作者: 小妖女 时间: 2015-3-21 22:02
技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

欢迎光临仓酷云 (http://ckuyun.com/)