仓酷云

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

[DIV+CSS] CSS教程之CSS计划网页头部的写法

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

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

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

x
支持浏览器的向后兼容,也就是无论未来的浏览器大战,胜利的是IE7或者是火狐,您的网站都能很好的兼容。
在div+CSS结构中,一样平常都如许来全体构架的:
<divid="header"></div>
<divid="center"></div>
<divid="footer"></div>
而关于header部分,一定要显现网站题目,除显现网站题目外,还大概要显现其他对照主要的工具,好比网站的导航栏:
<divid="header">
<divid="title">这里是网站的题目</div>
<divid="nav">这里是网站导航栏</div>
</div>
良多人一样平常都如许写的,固然如许写并没有甚么语法毛病。但关于div来讲有个准绳,那就是尽少的利用div的嵌套(和table一样的弱点:1、关于用户:扫瞄器要损耗资本对嵌套的干系举行剖析,影响速率;2、关于搜刮:搜刮引擎对嵌套的层数大概有所限定)。并且如许写带给我们的可读性也不算太高。

那怎样才是最优化,最迷信的写法呢?
我们选用其他的Xhtml代码来代替下面的div,那又怎样选择呢??
起首题目的选择――我们晓得在xhtml中h1-h6是暗示题目的,而header里的题目在全页来看是最主要的,我们选择h1来暗示题目是天真烂漫的。
其次导航栏的选择――导航栏是由多个小块内容构成,我们选择无序列表
<ul><li></li></ul>
来暗示菜单最符合不外了!
最初以上的内容能够优化成:
<divid="header">
<h1>这里是网站的题目</h1>
<ul>
<li>这里是网站导航栏</li>
</ul>
</div>

可以增加更多的用户而不需要建立独立的版本。可以一次设计,随处发布。
深爱那片海 该用户已被删除
沙发
发表于 2015-1-18 05:51:05 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
若天明 该用户已被删除
板凳
发表于 2015-1-25 12:32:30 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
分手快乐 该用户已被删除
地板
发表于 2015-2-8 13:29:18 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
谁可相欹 该用户已被删除
5#
发表于 2015-2-25 17:48:38 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
海妖 该用户已被删除
6#
发表于 2015-3-8 01:41:02 | 只看该作者
技术的学习如同长跑。只要越过极限,就会越跑越轻松。技术的学习其实并不像想象中那么可怕,任何技术都并不高深莫测。
再现理想 该用户已被删除
7#
发表于 2015-3-15 20:51:08 | 只看该作者
使用所见即所得的接口,亦有HTML编辑的功能。它现在有Mac和Windows系统的版本。原本由Macromedia公司所开发。
再见西城 该用户已被删除
8#
发表于 2015-3-22 04:11:19 | 只看该作者
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

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

GMT+8, 2024-12-29 22:53

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

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