仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 872|回复: 8
打印 上一主题 下一主题

[DIV+CSS] 来看看:DIV+CSS手艺是不是合适中国中小网站?

[复制链接]
谁可相欹 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:09:46 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
结构清晰,容易被搜索引擎搜索到,天生优化了seo

  因为自己才疏学浅,对DIV+CSS也没有深切完全研讨透,只是凭本人的一点熟悉而写,但愿妙手不要扔砖。
  空话少说,间接举行正题。
  如今天下年夜巨细小的网站都在弄一场手艺“反动”,就是所谓“网站重构”说复杂点就是DIV+CSS举行网站制造。用DIV+CSS取代传统的Table制造框架和丑化页面。
  在重构之前,一定要懂得为何重构,为何要用DIV+CSS手艺?懂得了这个成绩,那末人人才有利用此手艺重构网站的动力。各年夜CSS进修网站和教程无一破例城市枚举出以下利用DIV+CSS的优点:
  1、内容和情势分别,网页前台只必要显现内容就行,情势上的美工交给CSS来处置。天生的HTML文件代码精简,更小翻开更快。
  2、改版网站更复杂简单了,不必从头计划排版网页,乃至于不必动原网站的任何HTML和程序页面,只必要修改CSS文件就完成了一切改版。关于流派网站来讲改版就像换件衣服一样复杂简单。
  3、搜刮引擎更友爱,排名更简单靠前。
  以上三点是N多优点最吸惹人,最凸起的三点。我就这三点举行逐一先容:
  第一点、内容和情势分别,网页前台只必要显现内容就行,情势上的美工交给CSS来处置。天生的HTML文件代码精简,更小翻开更快。
  这个是DIV+CSS手艺最现著的特性,也是CSS存在的本源。完整的倾覆如今传统(table)网页计划的手艺。一切如今用table制造的内容,都能够用CSS来办理失落,并且办理的更完善,更壮大。不必要人人再表格套表格,只必要用div套div就能够完成以往表格套表格一切的美工,如许的了局就是利用div+CSS手艺,让天生的网页文件巨细更精简,更小。table时期,一个页面表格到达10个以上长短常广泛的事变,可是如今用DIV+CSS,一个table都能够不必,就完整到达之前的效果,这就间接招致网页文件巨细比利用table时削减50%-80%,更勤俭列位站长的硬盘空间,会见者翻开网页时更快,并且用div+CSS时,不像以往利用table时,必需把全体table读取完了才显现页面内容,如今是能够读一个div就显现一个效果,人人翻开网页不必等。优点真是分明而壮大。
  这个长处切实其实是明显的,但凡利用传统table建的网页,内容多的话,偶然候到达30K摆布都有大概,文件打了翻开时,一定就有0.0几秒的提早。利用DIV+CSS,因为没有表格利用,你前台翻开看到的满是间接内容,CSS文件都是导进链接的,是另外一个文件,基本和HTML文件巨细不妨,这类天生的HTML文件,一个也就10K摆布巨细。文件数目少时看不出来,可是文件万级以上时,仍是会勤俭几十M巨细的。
  这些长处实在拿到如今来讲,团体感到用途不年夜,为何呢?
  由于table固然天生的HTML文件要年夜一些,占空间多点,可是如今的假造主机空间几百块钱就能够到达3G以上,一其中小型流派或是网站,完整够用,就算不敷用,你数据量到达十万级别以上,天生的HTML文件也用不了2G,这个本钱实在关于中小型网站长来讲完整能够不计。再说利用table说的是翻开速率慢。这个在如今的收集情况上面来讲,也能够疏忽的,如今人人上彀都是用的宽带,最少也是512K以上,一个网页30K,翻开也就一秒不到的时分,利用DIV+CSS也就快那末0.0几秒,这基础上是人人感到不到的。并且既然都是天生HTML,那对服务器来讲影响的效果是一样的,只需你的假造主机收集不乱,那末在table和div+css上就没不同。
  可是利用table制造网页框架和表格时,满是选择化制造的,也就是说不必人人往写代码,很复杂输出边框和行数列数就能够到达制造出来的请求,可是利用div+CSS时,完整是靠手写代码,一个表格写四行代码的话,假如一个页面触及十多个div表格天生,手写代码将凌驾50行,并且假如你数学欠好,或是逻辑头脑才能不强的话,你手写出来的表格将是乱78糟,呈现表格堆叠和地位完整不准确。由于用div+css写表格时,表格间的逻辑分列干系完整是靠本人手写代码判别,假如你没有很强的手写代码才能和逻辑性,你所消费的工夫,比你用table制造工夫最少是4倍摆布。基础上一个页面界说的ID和class类,完全页面是不会少于20个的,一个ID或class手写5句,你制造一个HTML页面将凌驾100句代码,固然个中良多是能够存成一个CSS文件来反复挪用的。也就是说不异的页面内容的话,排版一样的情形下,能够间接导进链接CSS来完成。
  这个就很像之宿世成HTML时,制造一个网页模板。但制造这个模板花的工夫是用table制造时的几倍。这里有些人要说,可是我改版的时分,就只必要再写一个css就能够了,不必再天生HTML了。那末我要说,当你再写一个CSS文件改版时,我大概都已用table制造好一个页面模板,并且还主动天生HTML全站的页面了。这不是不成能的。
  假如作为站长的你,关于手写代码不是出格有信念,逻辑头脑才能不是出格强,倡议仍是利用传统的table制造网页更纯熟和快速。
  第二点,改版网站更复杂简单了,不必从头计划排版网页,乃至于不必动原网站的任何HTML和程序页面,只必要修改CSS文件就完成了一切改版。
  DIV+CSS关于流派网站来讲改版就像换件衣服一样复杂简单,改版时,不必修改全站HTML页面,只必要从头写CSS,再用新CSS掩盖之前的CSS就能够完成改版了。便利吧。
  便利是便利了,可是一个网站,我想问一下是否是一个月就要改次版?或是半年就要改一次?估量这么频仍的网站少的很哦。如今良多出名网站,行业的,流派的,包含团体网站,最多也是一年改一次版。一年改一次版,你一年才用一次从头写CSS,并且你写的CSS工夫所用工夫,比我用table制造时慢一二倍(手艺纯熟情形下)。那我何须还要用CSS啊?我用table一样能够完成的效果,二分钟就做好了表格,你用css写要用非常钟。
  天下中小型站长的网站数据量一样平常也就在十万条数据以内,如今用主动批量天生HTML功效,天生完也用不了几个小不时间吧。费这点神一年也就一次,没甚么年夜不了的。
  以是除非你网站一个月改一次版,那末你仍是用最纯熟和便利的办法来完成网页计划为妙。
  固然假如你CSS已学的如火纯青了,并且是代码狂人。你当我说的空话。
  第三点,搜刮引擎更友爱,排名更简单靠前。
  当我看到CSS长处有这个时,我嘲笑了二声。翻译和编写者真的是太不懂得中国的收集情况了,这条拿到外洋来讲,如经常使用google.com的情况下,完整可行。可是拿到中国以百度为把持的收集情况下,完整能够疏忽。
  搜刮引擎次要的排名根据不论百度和google,都是title和权重为主。他们不成能拿到这二点不必,而是用你的content内容来为主抓数据吧。并且最主要的一点,中小型网站主80%摆布的流量是百度来的,百度如今完整是野生在排序,你觉得你用了div+CSS百度就先排你在后面啊??假如你如许以为你就是太不配做中国站长了。
  退一万不说,就算你DIV+CSS有这长处,能让你页面在百度搜刮时排前几位,你觉得这个地位你能坐的长啊?不出一个月只需你这页面给你带往的流量到达必定数目,百度K你没商议。(我是指K这个关头字)
  综上所述,团体感到DIV+CSS不克不及太科学它的很好很壮大,它作为制造网页,丑化网页的一个主要帮助是很壮大便利的。能够填补table制造框架和表格时的良多不敷和美工上的弱点,可是完整只用它来做,太费时吃力,关于天下中小型网站长来讲,真的不太合适。我团体以为用table+DIV+CSS是最好的组合,也是最省时省力的举措。
  我的空话太多,写了一长窜,不敷的地方十分多,熟悉也不敷深切。人人不要介怀哈。
  PS:良多CSS材料宣扬的CSS天生网页代码少,指的是天生的HTML文件的代码少,由于这类HTML文件基本没有丑化过的,丑化历程语句全在CSS文件中,一个CSS文件代码是奇多非常。
  一个HTML要共同一个CSS文件来用,不克不及独自利用。

目前我们的站就是div+css做的,美工可以通过css直接控制我的程序输出的页面动态数据的样式DIV就只是布局元素.
爱飞 该用户已被删除
沙发
发表于 2015-1-18 05:25:26 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
老尸 该用户已被删除
板凳
发表于 2015-1-24 12:48:19 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
简单生活 该用户已被删除
地板
发表于 2015-2-1 16:07:26 | 只看该作者
俗话说:兴趣是最好的老师。做每一件事都离不开兴趣的驱动。兴趣是自学技术需要迈出的第一步。在学习的过程中,我们难免会遇到各种各样的问题。
金色的骷髅 该用户已被删除
5#
发表于 2015-2-7 09:03:03 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
柔情似水 该用户已被删除
6#
发表于 2015-2-21 17:26:15 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
小魔女 该用户已被删除
7#
发表于 2015-3-6 21:08:40 | 只看该作者
足见市场的反响和MACROMEDIA公司对它们的自信。说到Dreamweaver8我们应该了解一下网页编辑器的发展过程,随着互联网(Internet) 的家喻户晓。
莫相离 该用户已被删除
8#
发表于 2015-3-13 22:02:28 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
再现理想 该用户已被删除
9#
发表于 2015-3-20 20:22:39 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 05:53

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表