仓酷云

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

[DIV+CSS] 给大家带来公道使用HTML标志优化网页结构

[复制链接]
灵魂腐蚀 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:35:02 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

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

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

x
对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。
网页制造poluoluo文章简介:我要多用一些语义性标签,可是也要对号入坐,标签语义要用对。
  我们一向在讲CSS网页结构代码的优化,在poluoluo.com以往的文章中,也一向夸大语义和文档的布局。跟着外洋对WEB尺度的推行,有些老手以为,web2.0就是把之前的table结构都改成DIV+CSS结构就是web2.0。实在否则,我们要公道使用这些标签。有一点值得引发注重,那就是在web开辟职员圈子里一般被称为“div-itis”的对div元素的滥用征象。

  经由过程大批的嵌套div或span元从来增加款式的确很便利,但仍是应只管制止这类勾引。在多半情形下,为文档内现有元素附加款式或JavaScript功效是能够做到不用引进div或span元素的。作为通用容器的div或span元素应作为最初的手腕利用——也就是说,最好是先只管以语义化元从来编写网页,仅在的确必要时才到场通用容器元素。
  以是我们要:优化优化再优化精简和优化CSS网页结构代码
  我要多用一些语义性标签,可是也要对号入坐,标签语义要用对。

  HTML元素的语义种别
  布局
  这些元素的语义界说了他们在文档中饰演着的布局的脚色
div
span
ol,ul,li,dl,dt,dd
del,ins
h1..h6
p

  内容
  这些元素的语义界说了在文档中暗示内容标志的语义
a
abbr
acronym
address
blockquote
cite
code
dfn
kbd
q
samp
var
  润色描述
  这些元素起到对内容的润色和描述
strong
em
"Onceyouvecompletedyourmarkup,gooverittwomoretimesandfindwaystoreducethenumberofelementsonthepage.DoesthatULreallyneeditsownwrappingdiv?Ithinknot."
  注重您的款式表
  当我们的网页内容做得良多的时分,款式表文件的代码也跟着复杂和痴肥起来。
  我们也渐渐感到到,有些中央分歧理或反复界说。
  这就是你对CSS选择符使用上呈现成绩了,天真利用这些CSS选择符是利用CSS把持网页的基本,CSS选择符也是CSS进修的重点和难点。
  我们是不是应在计划的入手下手应当公道使用这些CSS选择符那?
  关于CSS选择符的分类,利用,界说,因为内容之年夜我就不说了,必要的能够在poluoluo.com找到谜底,一些关于CSS款式表的优化技能的文章进修一下。
</p>
Table中布局中,垃圾代码会很多,一些修饰的样式及布局的代码混合一起,很不利于直观。而Div更能体现样式和结构相分离,结构的重构性强。
不帅 该用户已被删除
沙发
发表于 2015-1-17 23:24:42 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
金色的骷髅 该用户已被删除
板凳
发表于 2015-1-24 13:54:32 | 只看该作者
以上大概就是文字图片的一些链接方法,通过学习Dreamweaver、练习让我对dreameaver8有了进一步的认识,他其实是一款很好的建立Web站点和应用程序的软件。它将可视布局工具、应用程序开发功能和代码编辑支持组合在一起,其功能强大,使得各个层次的开发人员和设计人员都能够快速创建界面吸引人的基于标准的网站和应用程序。
蒙在股里 该用户已被删除
地板
发表于 2015-2-1 16:57:31 | 只看该作者
还是在Dreamweaver所见即所得添加链接是,可以选中文字或图片然后按下shift键不放鼠标拖出箭头直接指向文件即可。这是比较简单的也是常用的方之一。
5#
发表于 2015-2-7 12:35:40 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
admin 该用户已被删除
6#
发表于 2015-2-22 10:19:31 | 只看该作者
这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时,就要多花时间对其产生初步的印象。此外,多操作也是非常重要的。
简单生活 该用户已被删除
7#
发表于 2015-3-7 00:42:10 | 只看该作者
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
再见西城 该用户已被删除
8#
发表于 2015-3-14 02:17:33 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
只想知道 该用户已被删除
9#
发表于 2015-3-21 00:41:51 | 只看该作者
Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-5-21 00:36

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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