仓酷云

标题: 来谈谈:HTML5布局元素和HTML5页面的交互体验 [打印本页]

作者: 海妖    时间: 2015-1-15 23:11
标题: 来谈谈:HTML5布局元素和HTML5页面的交互体验
最近群里面很多人在问html5应该怎么学,这个问题其实没有标准答案。我开这个帖子,目的是为了收集大家每天的学习心得,欢迎大家来回复。破洛洛文章简介:细谈HTML5新增的元素详解.
关于HTML的衬着,扫瞄器一向停止在1999年的程度。为此,HTML5是一个有用主义计划,如许不但能够持续处置这么多年来散落活着界各个角落的HTML,也能够让扫瞄器厂商更简单增加新特征。这就叫degradegracefully(文雅升级)。让我们来看看HTML5增添的一些新元素
HTML5布局元素
这真是民怨沸腾。今朝,我们界说布局只能经由过程一个“全能”的div,试图经由过程设置它的特征id的值如header,footer,sidebar等来分离表达头部,底部大概侧栏等。有了它们,代码编写者不再必要为id的定名费经心思,关于手机、浏览器等设备更有语义的优点。HTML5增添了新的布局元从来表达这些最经常使用的布局:
◆section:这能够表达书籍的一部分或一章,大概一章内的一节
◆header:页面主体上的头部。并不是head元素
◆footer:页面的底部(页脚),能够是一封邮件署名的地点
◆nav:到其他页面的链接汇合
◆article:诸如blog,杂志,大纲等当中的一条自力纪录。
举个例子,一个blog的首页,用HTML5写的话,能够是如许(有省略):
[code]<<!DOCTYPEHTML><HTML><head><title>realazy</title></head><body><header><h1>Realazy</h1></header><section><article><h2><ahref="http://realazy.org/blog"mce_href="http://realazy.org/blog">题目</a></h2><p>内容在此...(省略n字)</p></article><article><h2><ahref="http://realazy.org/blog"mce_href="http://realazy.org/blog">题目2</a></h2><p>内容2在此...(省略n字)</p></article>...</section><footer>nav><ul><li><ahref="http://realazy/blog"mce_href="http://realazy/blog">导航1</a></li><li><ahref="http://realazy/blog"mce_href="http://realazy/blog">导航2</a></li>...</ul></nav><p>
作者: admin    时间: 2015-1-17 14:18
滚动条)层属性--溢出(visible/hidden/scroll/auto)
作者: 变相怪杰    时间: 2015-1-20 20:09
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
作者: 活着的死人    时间: 2015-1-29 19:59
学Dreamweaver技术的过程其实是一个增加信心的过程。
作者: 海妖    时间: 2015-2-6 05:30
可以使用 CSS 检查工具进行设计。
作者: 精灵巫婆    时间: 2015-2-15 15:03
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
作者: 透明    时间: 2015-3-4 12:24
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
作者: 小女巫    时间: 2015-3-11 19:35
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
作者: 老尸    时间: 2015-3-19 10:50
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
作者: 乐观    时间: 2015-3-27 23:10
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)




欢迎光临 仓酷云 (http://ckuyun.com/) Powered by Discuz! X3.2