来谈谈：IE7与web尺度计划（3）

只看该作者 · 发表于 2015-1-16 00:10:46

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

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

x

这工具比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+CSS+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了
上文：IE7与web尺度计划（2）
IE向来被web尺度的反对者所诟病，而当FireFox横空出生今后，更多的网页制造者入手下手存眷web尺度计划。看着FireFox的市场占据率一直的上升，微软终究推出了IE7。但IE7是不是真的可以力挽狂澜，是不是真的可以失掉用户的信托，是不是真的可以失掉网页计划者的承认呢？
且看《IE7的web尺度之道》系列文章，和你一同见证IE7的改动！
媒介
如今，最令网页计划者头痛的成绩就是网页在各个扫瞄器中的兼容性。而兼容性差最长见的，也是最使人害怕的即是“页面结构凌乱”。经常一个页面在IE6下显现的十分完善，而到了IE7（大概FireFox）中，则惨的“不胜进目”。究竟是甚么让这些页面那末的“不服水土”呢？
实在，这些都是IE6酿下的恶果，IE6对web尺度的撑持过于不敷，乃至了解的有偏向，才招致了这些页面的“懦弱”。而IE7则修改了良多的那种“IE6对css注释和衬着”的bug。这类bug有良多。明天，这里只讲个中一个，可是确是最主要的一个，良多的“非常”凌乱的页面都是它酿成的。能够不客套地说，它几乎就像“页面结构凌乱黑帮”的幕后黑手，是引发页面结构凌乱的罪魁之一，并且是最年夜的一个。它就是埋伏在网页面前的“‘overflow:visible’IE6衬着bug”。
“不胜进目”的网页截图
假如只是复杂的说“‘overflow:visible’IE6衬着bug”，你大概完整没有印象。可是看看上面的这些“不胜进目”的网页截图，便能引发你心中那无穷的伤感……

登录/注册后可看大图

图：这是在IE6中显现的效果截图，“非常完善”

登录/注册后可看大图

这是在IE7中显现的“不胜进目”的效果截图

下面的两张截图，是我2007年在高达软件公司的实在项目截图。能够看出，在IE7下的显现已严峻变形，固然不影响软件的功效利用，可是已严峻的影响了用户的利用体验(没有人喜好拖动横向转动条)。

再看看上面的这个网页截图，它是我们明天将要利用的例子(源代码鄙人方有供应)，是一个尺度的“上摆布下”带侧边栏的假造网页。
运转代码框
<!DOCTYPEhtmlpublic"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><metaname="Keywords"content="YES!B/S!,web尺度,杨正t,博客园,实例代码"/><metaname="Description"content="这是一个复杂YES!B/S!文章示例页面,来自杨正t的博客,http://justinyoung.cnblogs.com/"/><title>YES!B/S!文章示例页面</title><style>body{margin:0;padding:0;}#header{width:600px;height:50px;background-color:red;margin:0auto;/*居中显现*/}#body{width:600px;margin:0auto;/*居中显现*/}#sideBar{width:150px;background-color:#0000ff;float:left;height:244px;}#main{width:354px;float:left;background-color:green;height:}#footer{width:600px;margin:0auto;background-color:#666;}</style></head><body><divid="header">这里是头部的内容。<br//>大概有网站题目，就像<atarget="_blank"href=""title="title="">博客园</a>博客的题目、副题目。<br//>也大概有导航栏在这里<br//><strong>注重这句话在IE7中的显现1</strong><br//><strong>注重这句话在IE7中的显现2</strong><br//></div><divid="body"><divid="sideBar">这里是侧边栏，内里放一些帮助信息。就像<atarget="_blank"href=""title="title="">博客园</a>内里，每一个人博客的侧边栏一样。<br//>也大概有人留言，上面就是一团体的留言哦。<br//>“人人好，我是杨正t，我发明一个很不错的网址哦。http://www.justinyoungcnblogs.com”。接待人人往看看哦。</div><divid="main">这里是主体的内容，任意你写啦。我就写上我的博客地点吧——<atarget="_blank"href="http://justinyoung.cnblogs.com/"title="IE7的web尺度之道">YES！B/S！</a><p>专注于B/S形式的项目。姓名：杨正t(JustinYoung)，程序员，专注于B/S形式的项目开辟，善于于Web尺度页面计划。</p><p>接待你们来为我的博客做客哦，内里有良多关于web尺度方面的文章哦。请你们多多指教。</p><p>最初还要十分华美的签名——杨正t</p><p>日期固然也不克不及少啦——2008-2-21</p></div></div><divid="footer">这里是footer，就放一些版权信息吧。

只看该作者 · 发表于 2015-1-16 22:19:47

技术的学习如同长跑。只要越过极限，就会越跑越轻松。技术的学习其实并不像想象中那么可怕，任何技术都并不高深莫测。

只看该作者 · 发表于 2015-1-19 08:52:22

可以使用 CSS 检查工具进行设计。

只看该作者 · 发表于 2015-1-28 05:54:52

这个过程其实就是交流的过程。所有的这些都需要花时间。在面对完全陌生的软件时，就要多花时间对其产生初步的印象。此外，多操作也是非常重要的。

只看该作者 · 发表于 2015-2-5 18:16:20

直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

只看该作者 · 发表于 2015-2-13 05:45:37

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心，坚持不懈的决心。在自己无法解决某些问题时，就需要虚心请教别人.

只看该作者 · 发表于 2015-3-3 15:56:37

布局表格、绘制层、制作CSS样式表等，这些内容迷糊了我的视线，真是没想到制作一个精巧别致的网页是如此的困难，可是心有不甘。

只看该作者 · 发表于 2015-3-11 12:17:40

Adobe Dreamweaver CS5 软件使设计人员和开发人员能充满自信地构建基于标准的网站。由于同新的 Adobe CS Live 在线服务 Adobe BrowserLab 集成。

只看该作者 · 发表于 2015-3-18 17:17:34

时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上

只看该作者 · 发表于 2015-3-26 13:14:12

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中，我总结了四大定律：兴趣、恒心、虚心、时间。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来谈谈：IE7与web尺度计划（3）

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

相关帖子

来谈谈：IE7与web尺度计划（3）