仓酷云

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

[DIV+CSS] 来谈谈:CSS网页结构的优点与害处

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

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

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

x
可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
  跟着WEB2.0尺度化计划理念的提高,国际良多年夜型流派网站已纷繁接纳DIV+CSS制造办法,poluoluo.com同样成为了CSS网页结构手艺进修的前锋站点,从实践使用情形来看,此种办法相对好过表格制造页面的办法。
  现在年夜部分网站仍旧接纳表格嵌套内容的体例来制造网站,固然此办法关于我们来讲对照熟习、对照上手;可是,它却拦阻了一种更好的、更有亲和力的、更天真的,并且功效更壮大的网站计划办法——DIV+CSS。
  CSS网页结构的意义表现在以下方面:

  1、使页面载进得更快
  因为将年夜部分页面代码写在了CSS傍边,使得页面体积容质变得更小。相对表格嵌套的体例,DIV+CSS将页面自力成更多的地区,在翻开页面的时分,逐层加载。而不像表格嵌套那样将全部页面圈在一个年夜表格里,使得加载速率很慢。

  2、下降流量用度
  页面体积变小,扫瞄速率变快,这就使得关于某些把持主机流量的网站来讲是最年夜的上风了。

  3、修正计划时更无效率
  因为利用了DIV+CSS制造办法,在修正页面的时分加倍简单省时。依据地区内容标志,到CSS里找到响应的ID,使得修正页面的时分加倍便利,也不会损坏页面其他部分的结构款式。

  4、坚持视觉的分歧性
  DIV+CSS最主要的上风之一:坚持视觉的分歧性;以往表格嵌套的制造办法,会使得页面与页面,大概地区与地区之间的显现效果会有偏向。而利用DIV+CSS的制造办法,将一切页面,或一切地区一致用CSS文件把持,就制止了分歧地区或分歧页面表现出的效果偏向。

  5、更好地被搜刮引擎收录
  因为将年夜部分的HTML代码和内容款式写进了CSS文件中,这就使得网页中注释部分更加凸起分明,便于被搜刮引擎收罗收录。

  6、对扫瞄者和扫瞄器更具亲和力
  我们都晓得网站做出来是给扫瞄者利用的,对扫瞄者和扫瞄器更具亲和力,DIV+CSS在这方面更具上风。因为CSS富含丰厚的款式,使页面加倍天真性,它能够依据分歧的扫瞄器,而到达显现效果的一致和稳定形。

  说了这么多CSS网页结构的意义与长处,同时也不克不及不放在眼里CSS网页结构的反作用:

  1、DIV+CSS只管不是高不成及,但最少要比表格定位庞大的多,即便关于网站计划妙手也很简单呈现成绩,更不要说初学者了。

  2、CSS网站制造的计划元素一般放在1个内部文件中,或几个文件,有大概相称庞大,乃至对照复杂,假如CSS文件挪用呈现非常,那末全部网站将变得惨绝人寰。

  3、固然说DIV+CSS办理了年夜部分扫瞄器兼容成绩,可是也有在部分扫瞄器中利用呈现非常,好比火狐扫瞄器,在IE中显现一般的页面,到了火狐扫瞄器中大概会晤目全非。固然这应当是扫瞄器的成绩,可是能够说在今朝来看,DIV+CSS还没有完成一切扫瞄器的一致兼容。

  4、DIV+CSS对seo与否,取决于网页计划的专业程度,而不是DIV+CSS自己。DIV+CSS网页计划其实不能包管网页对搜刮引擎的优化,乃至不克不及包管必定比HTML网站有更简便的代码计划,况且搜刮引擎关于网页的收录和排序明显不是所以否接纳表格和CSS定位来权衡,这就是为何良多传统表格结构制造的网站在搜刮了局中的排序靠前,而良多利用CSS及web尺度制造的网页排名仍然靠后的缘故原由。由于关于搜刮引擎而言,网站布局、内容、相干网站链接等要素一直是网站优化最主要的目标。

  综合以上会商的DIV+CSS上风和略势,我以为不成自觉跟风,怎样更无效、更公道的使用WEB2.0计划尺度,这必要很长工夫的进修和熬炼,接待您存眷poluoluo.com更新的文章。而怎样将DIV+CSS使用的更好,我以为这必要经由过程不休的理论和体检,堆集丰厚的计划履历,才干很好的把握这门手艺。

每个声明内只能有一个属性,如果属性值中含有空格用双引号括起来例,在一个声明块内可以有多个声明,每个声明用分号隔开。
愤怒的大鸟 该用户已被删除
沙发
发表于 2015-1-17 16:28:26 | 只看该作者
Dreamweaver是唯一提供RoundtripHTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
若相依 该用户已被删除
板凳
发表于 2015-1-21 06:23:18 来自手机 | 只看该作者
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
admin 该用户已被删除
地板
发表于 2015-1-30 09:45:08 | 只看该作者
dreamweaver8中文版下载(dw)对专业网页图像设计的FIREWORKS,三者被MACROMEDIA公司称为DREAMTEAM(梦之队)。
乐观 该用户已被删除
5#
发表于 2015-2-15 22:45:15 | 只看该作者
Dreamweaver是唯一提供Roundtrip HTML、视觉化编辑与原始码编辑同步的设计工具。它包含HomeSite和BBEdit等主流文字编辑器。
分手快乐 该用户已被删除
6#
发表于 2015-3-4 16:47:03 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
爱飞 该用户已被删除
7#
发表于 2015-3-11 20:31:05 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
飘飘悠悠 该用户已被删除
8#
发表于 2015-3-19 12:27:09 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
简单生活 该用户已被删除
9#
发表于 2015-3-28 05:15:29 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-23 08:24

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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