CSS定义IE颜色
作者:adminlaoa 日期:2008-05-09
不做浏览器的奴隶,让它给你做孙子
作者:adminlaoa 日期:2008-04-12
目前市场上网页浏览器多如牛毛，但真正主流产品也就那么几款，可就因为这几款浏览器，让我们这些涉及WEB标准的设计者们很是头痛，当大家终于基本上解决了IE5.5、IE6.0、IE7.0、FF、所谓的主流和WEN标准浏览器的兼容技术之后，以为可以暂时不会心累了，当一个月前微软发布第一个英文版本IE8.0时，微软发布人号称此版本全面支持WEB标准，增加了多少多少功能，可就前几天微软发布简体中文版IE8.0出来后，迫不及待的就下载安装试用，感觉有欣有郁，欣慰的是微软官网比较重视中国WEB开发和市场了，必定IE8.0官方版只有四种语言。郁闷的是用IE8.0打开了之前做的一些网站，几乎都有问题，要么排列顺序和结构乱套了，后来连续测试了国内大型的门户网站，大多数存在很多问题，我不知道微软开发的这个版本还要浪费多少WEB开发者的精力和企业成本的投入，希望正式版本能够解决这些问题。
就在昨天，听了很铁的一个哥儿们对我的教导，突然之间发现自己离设计越来越遥远，甚至已经忘了其存在的意义，每天飘忽不定完成一些犹如没有任何创意价值的网页，还满怀得意的认为自己追求的设计风格是前卫的，直到设计稿拿到老总那里审核通过时，老总说了一大堆，而我切坚持了认为自己是对的，虽然勉强通过，但心里觉得很是迷惘，自己辛苦在公司，下班在家里每天忙到凌晨两点多才睡觉，有时经常是三四点，每天入睡之前，想着这次的设计风格应该可以通过，可到每到第二天，结果往往不如人意。我一直在想为什么他们不理解WEB2.O的标准，为什么总是看网页设计表面，不照顾SEO关键字的处理，不关心网站结构优化等等....很明显我把这种责任归功于公司，现在发现是自己错了，是自己理解不够多，借鉴的少，所以每到做设计页面时，老是会考虑此结构到后期切片CSS怎末优化到最好，然后就设计方面不敢太张扬，风格样式，色彩搭配方面，显得很受拘谨，或者我不应该在坚持自己的观点了，也应该试着找一个融合点来平衡这种狭义的设计，从昨天到现在那句话一直让我恍然大悟“想要别人服你，你必须先服别人”想想也是，我很少借鉴，现在才真正懂得“取人之长，补己之短”真正存在的意义了。下面是自己总结了一点IE8.0的兼容处理技术，不过尚未解决真正存在的问题，如有知道的朋友请多多指教。
就在昨天，听了很铁的一个哥儿们对我的教导，突然之间发现自己离设计越来越遥远，甚至已经忘了其存在的意义，每天飘忽不定完成一些犹如没有任何创意价值的网页，还满怀得意的认为自己追求的设计风格是前卫的，直到设计稿拿到老总那里审核通过时，老总说了一大堆，而我切坚持了认为自己是对的，虽然勉强通过，但心里觉得很是迷惘，自己辛苦在公司，下班在家里每天忙到凌晨两点多才睡觉，有时经常是三四点，每天入睡之前，想着这次的设计风格应该可以通过，可到每到第二天，结果往往不如人意。我一直在想为什么他们不理解WEB2.O的标准，为什么总是看网页设计表面，不照顾SEO关键字的处理，不关心网站结构优化等等....很明显我把这种责任归功于公司，现在发现是自己错了，是自己理解不够多，借鉴的少，所以每到做设计页面时，老是会考虑此结构到后期切片CSS怎末优化到最好，然后就设计方面不敢太张扬，风格样式，色彩搭配方面，显得很受拘谨，或者我不应该在坚持自己的观点了，也应该试着找一个融合点来平衡这种狭义的设计，从昨天到现在那句话一直让我恍然大悟“想要别人服你，你必须先服别人”想想也是，我很少借鉴，现在才真正懂得“取人之长，补己之短”真正存在的意义了。下面是自己总结了一点IE8.0的兼容处理技术，不过尚未解决真正存在的问题，如有知道的朋友请多多指教。
给年轻设计师的十大忠告
作者:adminlaoa 日期:2008-04-07
1：好好规划自己的路，不要跟着感觉走！根据个人的理想决策安排，绝大部分人并不指望成为什么院士或教授，而是希望活得滋润一些，爽一些。那么，就需要慎重安排自己的轨迹。从哪个行业入手，逐渐对该行业深入了解，不要频繁跳槽，特别是不要为了一点工资而转移阵地，从长远看，这点钱根本不算什么，当你对一个行业有那么几年的体会，以后钱根本不是问题。频繁地动荡不是上策，最后你对哪个行业都没有摸透，永远是新手！
2：可以做设计创意和技术，切不可沉湎于设计创意和技术。千万不可一门心思钻研设计创意和技术！给自己很大压力，如果你的心思全部放在这上面，那么注定你将成为孔乙己一类的人物！适可而止为之，因为这些只不过是你今后前途的支柱之一，而且还不是最大的支柱，除非你只愿意到老还是个设计师！
3：不要去做设计高手，只去做综合素质高手！
在企业里混，我们时常瞧不起某人，说他"什么都不懂，凭啥拿那么多钱，凭啥升官！"这是普遍的典型的工程师的迂腐之言。8051很牛吗？人家能上去必然有他的本事，而且是你没有的本事。你想想，老板搞经营那么多年，难道见识不如你这个新兵？人家或许善于管理，善于领会老板意图，善于部门协调等等。因此务必培养自己多方面的能力，包括管理，亲和力，察言观色能力，攻关能力等，要成为综合素质的高手，则前途无量，否则只能躲在角落看示波器！技术以外的技能才是更重要的本事！！从古到今，美国日本，一律如此！
4：多交社会三教九流的朋友！不要只和设计师交往，
2：可以做设计创意和技术，切不可沉湎于设计创意和技术。千万不可一门心思钻研设计创意和技术！给自己很大压力，如果你的心思全部放在这上面，那么注定你将成为孔乙己一类的人物！适可而止为之，因为这些只不过是你今后前途的支柱之一，而且还不是最大的支柱，除非你只愿意到老还是个设计师！
3：不要去做设计高手，只去做综合素质高手！
在企业里混，我们时常瞧不起某人，说他"什么都不懂，凭啥拿那么多钱，凭啥升官！"这是普遍的典型的工程师的迂腐之言。8051很牛吗？人家能上去必然有他的本事，而且是你没有的本事。你想想，老板搞经营那么多年，难道见识不如你这个新兵？人家或许善于管理，善于领会老板意图，善于部门协调等等。因此务必培养自己多方面的能力，包括管理，亲和力，察言观色能力，攻关能力等，要成为综合素质的高手，则前途无量，否则只能躲在角落看示波器！技术以外的技能才是更重要的本事！！从古到今，美国日本，一律如此！
4：多交社会三教九流的朋友！不要只和设计师交往，
Tags: 年轻设计师
分享给大家免费注册顶级域名的方法
作者:adminlaoa 日期:2008-03-11
其实方法很简单，只要你有足够多的邮箱，就可以无限申请CN域名，无须付款，在5月31日之前申请都无须收费，本人是从一个牛人那里买来的，买来才知道有点后悔，呵呵，但是感觉确实是值得，虽然没任何技术含量，需要域名的朋友刚快去注册吧，注册过程很简单。
1，可以下载一个批量申请163或者其他邮箱服务商的软件，然后申请足够的邮箱，当然一个邮箱也可以申请到域名的（如果你有一个邮箱，这步可以暂时省略）。
2，打开注册域名的地址，输入自己的邮箱地址即可，打开登陆邮箱，改网站会发给你一封信，里面有免费注册券编号，复制此编号。
3，回到注册页面找到：CN免费注册，点击进入填写相关资料，以及自己要注册的域名。
4，确认过后，付款方式请现在试用注册卷付款，然后将从邮箱复制出的免费注册券编号输入就可以了。
请充分利用域名资源，下面是免费注册的地址
1，可以下载一个批量申请163或者其他邮箱服务商的软件，然后申请足够的邮箱，当然一个邮箱也可以申请到域名的（如果你有一个邮箱，这步可以暂时省略）。
2，打开注册域名的地址，输入自己的邮箱地址即可，打开登陆邮箱，改网站会发给你一封信，里面有免费注册券编号，复制此编号。
3，回到注册页面找到：CN免费注册，点击进入填写相关资料，以及自己要注册的域名。
4，确认过后，付款方式请现在试用注册卷付款，然后将从邮箱复制出的免费注册券编号输入就可以了。
请充分利用域名资源，下面是免费注册的地址
IE8测试版本下载安装及WEB标准兼容技术特性
作者:adminlaoa 日期:2008-03-06
微软于3月6日凌晨2点IE8测试版正式发布，迫不及待马上就下载安装，觉得很多功能不错，还提供Web Developer Toolbar.只是目前IE8不提供简体中文版本所以很多功能不知道怎么去用，可能需等一段时间了，提醒一下各位朋友，如果你现在内置的浏览器是IE7版本,，IE8装完过后会替换掉IE7的版本,不过也可以删除IE8版本的，重启计算机可以自动恢复到IE7.0版本，至于IE6.0以上的版本可以到网上搜索MultipleIEs Setup此安装程序集成IE3.0到IE6.0版本用户可选择性安装。
标准兼容模式将成为IE8的默认渲染引擎。这意味着不管用户使用什么浏览器，看到的网站都将一样，而开发者也无需针对不同的浏览器开发多个版本的网站。分析人士认为，微软此举是为了向开发者示好，同时避免监管和法律方面的麻烦。去年底，浏览器开发商Opera已经向欧盟提起诉讼，指控微软浏览器不支持通用网络标准，微软终于放下了一贯的嚣张跋扈，心平气和地与竞争者走在了同一起跑线上。IE7中有一个兼容模式可以让显示不正常的for IE6网页正常排列,而在IE8中,这一功能将再进一步。
IE8将为网页开发人员提供选择机会,开发者可以自由选择相应的Web标准以使得Web页面在任何情况下都可以正常显示.这一切只需要在HEAD标签中添加一些小标签就可以搞定,之后浏览器就会自动识别并切换渲染网页的方法,保证了最大的兼容性。
可喜的是,我们看到微软正在向标准靠近,尽管之前的不规范让标准化变得如此艰难。
对网页开发人员来说绝对是个好消息。跨游览器开发难度又进一步降低了。希望IE8能尽快普及。
标准兼容模式将成为IE8的默认渲染引擎。这意味着不管用户使用什么浏览器，看到的网站都将一样，而开发者也无需针对不同的浏览器开发多个版本的网站。分析人士认为，微软此举是为了向开发者示好，同时避免监管和法律方面的麻烦。去年底，浏览器开发商Opera已经向欧盟提起诉讼，指控微软浏览器不支持通用网络标准，微软终于放下了一贯的嚣张跋扈，心平气和地与竞争者走在了同一起跑线上。IE7中有一个兼容模式可以让显示不正常的for IE6网页正常排列,而在IE8中,这一功能将再进一步。
IE8将为网页开发人员提供选择机会,开发者可以自由选择相应的Web标准以使得Web页面在任何情况下都可以正常显示.这一切只需要在HEAD标签中添加一些小标签就可以搞定,之后浏览器就会自动识别并切换渲染网页的方法,保证了最大的兼容性。
可喜的是,我们看到微软正在向标准靠近,尽管之前的不规范让标准化变得如此艰难。
对网页开发人员来说绝对是个好消息。跨游览器开发难度又进一步降低了。希望IE8能尽快普及。
Tags: IE8下载
一名网站设计师的自我修养
作者:adminlaoa 日期:2008-03-05
作为一名网页设计师，首先要具备审美的能力，而网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来（其区别是动态网页的制作是平面设计不能达到的，它是一种审美方式的延伸），所以平面设计上的审美的观点在网页设计上非常实用。如对比、均衡、重复、比例、近似、渐变以及节奏美、韵律美等等，以及色彩的搭配显示出的轻快活泼的美，这些都能在网页上显示出来，反映设计师高超的审美能力。因此作为一名网页设计师，要使自己的网页具有美感，不具备审美能力是不行的。这要求设计师平时多多的积累，在仔细的观察的基础上多分析美的来源，并灵活的将这种理解了的美在自己的作品中表现出来。只有这样才能使自己的审美能力达到一定的高度。而我们经常看到一些网页里用的基本几何形体错综复杂，用色花里胡哨，让人目不暇接，真有一种“乱花渐欲迷人眼”的感觉，但是我们得到了什么呢？美的享受？当然没有，有兴趣得到更多的信息吗？首先自己就讨厌，怎么还谈得上感兴趣？这是一种典型的失败，一味的追求显眼、追求吸引人，这种做法取得的效果适得其反。当然并不是页面做得好看，具有美感网页就一定让人感兴趣，这也建立在一定好的内容的基础上，假如什么内容都没有，也是不能吸引人的。只是网页的界面设计应该还是要以布局的美为标准，有规律可循，这也是网页设计师的责任。
网页设计师的素质应该全部是技术方面的吗？君不见招聘的广告一概为这样：招网页设计师xx名，具备素质精通PhotoshopCorldraw,Frontpage,Dreamweaver,Firework,Flash.会Css,Html,Asp,SQL者优先。这是一种只追求技术忽视美感的做法势必导致一批粗制滥造的网页。我们也同样可以从网页制作的失败上看到这样的阴影，就是一些充斥着动态与交互，但是页面颜色和布局都是随心所欲，乱七八糟。这样得不到好的效果。由此也有人指出网络速度慢是由网页设计师造成的，我想? 程度上是有一定的道理，但是应该说是由一些不合格的网页设计师造成的，好的网页设计师应该是合理的利用技术，在不影响美或者是尽量不影响的条件下，找到一个结合点做出美观而又实用的网页。才能算一个好的网页设计师。
网页设计师的素质应该全部是技术方面的吗？君不见招聘的广告一概为这样：招网页设计师xx名，具备素质精通PhotoshopCorldraw,Frontpage,Dreamweaver,Firework,Flash.会Css,Html,Asp,SQL者优先。这是一种只追求技术忽视美感的做法势必导致一批粗制滥造的网页。我们也同样可以从网页制作的失败上看到这样的阴影，就是一些充斥着动态与交互，但是页面颜色和布局都是随心所欲，乱七八糟。这样得不到好的效果。由此也有人指出网络速度慢是由网页设计师造成的，我想? 程度上是有一定的道理，但是应该说是由一些不合格的网页设计师造成的，好的网页设计师应该是合理的利用技术，在不影响美或者是尽量不影响的条件下，找到一个结合点做出美观而又实用的网页。才能算一个好的网页设计师。
近期学会的一点DIV+CSS兼容技术
作者:adminlaoa 日期:2008-03-03
1不同浏览器兼容
#main { width: 120px; background:#00CC00; } /* FireFox */
*html #main { width: 80px; background: #999999} /* ie6 fixed */
*+html #main { width: 60px; background: #0066FF} /* ie7 fixed, 注意顺序 */
main { width: 120px; background:#00CC00; } /* FireFox */
_#main { width: 80px; background: #999999} /* ie6 fixed */
>#main { width: 60px; background: #0066FF} /* ie7 fixed, 注意顺序 */
-------------------------------------------------------------------
2清除浮动
1在需要清除末尾html加上<br/>,如何在样式表里加上:br{clear:both;}
2直接在HTML里加入:<br clear="all" />
3直接在HTML里加入<div style="clear:both"></div>
3选择符使用
如 class/id="mian"
在mian层里可能有元素:p,h1,img,table,td,tr,ul,li,a
即可书写:#main/.main p,h1,img,table,td,tr,ul,li,a，dl,dt,dd{样式代码}注意：最好不要用于布局层
------------------------------------------------------------------
4优化技巧
导航 图片展示 新闻列表 即可使用<ul><li>文本/图片</li></ul>
-------------------------------------------------------------------
5网站注释书写规范
网站新闻：news/根据页面属性内容来命名注释
html注释方法:<!--新闻页面导航->
----------------------------------------------------------------
6浏览器网站DIV+CSS分析结构软件：Web Developer Toolbar
关于Web Developer Toolbar 使用教材
http://www.demoseo.com/DemoSeo/Web-Developer-Toolbar.html
以上的一些方法，只是自己肤浅对此技术的小总结，希望同行者提出意见，以便相互进步，另外关于Web Developer Toolbar 这个工具的中文简体版我找很久才找到，网上很难下载到，所以顺便提供下载地址有兴趣的朋友可以研究研究，是个不错学习DIV+CSS的工具。
#main { width: 120px; background:#00CC00; } /* FireFox */
*html #main { width: 80px; background: #999999} /* ie6 fixed */
*+html #main { width: 60px; background: #0066FF} /* ie7 fixed, 注意顺序 */
main { width: 120px; background:#00CC00; } /* FireFox */
_#main { width: 80px; background: #999999} /* ie6 fixed */
>#main { width: 60px; background: #0066FF} /* ie7 fixed, 注意顺序 */
-------------------------------------------------------------------
2清除浮动
1在需要清除末尾html加上<br/>,如何在样式表里加上:br{clear:both;}
2直接在HTML里加入:<br clear="all" />
3直接在HTML里加入<div style="clear:both"></div>
3选择符使用
如 class/id="mian"
在mian层里可能有元素:p,h1,img,table,td,tr,ul,li,a
即可书写:#main/.main p,h1,img,table,td,tr,ul,li,a，dl,dt,dd{样式代码}注意：最好不要用于布局层
------------------------------------------------------------------
4优化技巧
导航 图片展示 新闻列表 即可使用<ul><li>文本/图片</li></ul>
-------------------------------------------------------------------
5网站注释书写规范
网站新闻：news/根据页面属性内容来命名注释
html注释方法:<!--新闻页面导航->
----------------------------------------------------------------
6浏览器网站DIV+CSS分析结构软件：Web Developer Toolbar
关于Web Developer Toolbar 使用教材
http://www.demoseo.com/DemoSeo/Web-Developer-Toolbar.html
以上的一些方法，只是自己肤浅对此技术的小总结，希望同行者提出意见，以便相互进步，另外关于Web Developer Toolbar 这个工具的中文简体版我找很久才找到，网上很难下载到，所以顺便提供下载地址有兴趣的朋友可以研究研究，是个不错学习DIV+CSS的工具。
揭开HTML 5工作草稿的神秘面纱
作者:adminlaoa 日期:2008-02-15
万维网联盟(W3C)发布了HTML 5规格说明书的草稿 ,这是自HTML 4在十多年前发布以来的第一个主要的修订版.在这期间,随着开发者逐渐将自己的应用程序移植到Web之上,它已经从一个主要的静态媒体发展为互动的应用程 序,具有丰富的媒体内容.HTML 5的目的就是要反映出这样的变化.
新增的特性充分地考虑了应用程序开发人员,因此,HTML 5引入了大量的新的Javascript API.可以利用这些内容与对应的HTML元素相关联,它们包括:
1/二维绘图API,可以用在一个新的画布(Canvas)元素上以便呈现图像、游戏图形或者其他运行中的可视图形.
2/一个允许web应用程序将自身注册为某个协议或MIME类型的API.
3/一个引入新的缓存机制以支持脱机web应用程序的API.
4/一个能够播放视频和音频的API,可以使用新的video和audio元素.
5/一个历史纪录API,它可以公开正在浏览的历史纪录,允许页面在加上它之后更好的在AJAX应用程序中实现对后退按钮的支持.
6/跨文档的消息传递,它提供了一种方式,使得文档可以互相通信而不用考虑它们的源域,7/在某种程度上,这样的设计是为了防止跨站点的脚本攻击.
8/一个支持拖放操作的API,用它可以与draggable特性相关联.
9/一个支持编辑操作的API,用它可以与一个新的全局contenteditable特性相关联.
10/一个新的网络API,它支持web应用程序在本地网络上互相通信,并在它们的源服务器上维持双向的通信.
新增的特性充分地考虑了应用程序开发人员,因此,HTML 5引入了大量的新的Javascript API.可以利用这些内容与对应的HTML元素相关联,它们包括:
1/二维绘图API,可以用在一个新的画布(Canvas)元素上以便呈现图像、游戏图形或者其他运行中的可视图形.
2/一个允许web应用程序将自身注册为某个协议或MIME类型的API.
3/一个引入新的缓存机制以支持脱机web应用程序的API.
4/一个能够播放视频和音频的API,可以使用新的video和audio元素.
5/一个历史纪录API,它可以公开正在浏览的历史纪录,允许页面在加上它之后更好的在AJAX应用程序中实现对后退按钮的支持.
6/跨文档的消息传递,它提供了一种方式,使得文档可以互相通信而不用考虑它们的源域,7/在某种程度上,这样的设计是为了防止跨站点的脚本攻击.
8/一个支持拖放操作的API,用它可以与draggable特性相关联.
9/一个支持编辑操作的API,用它可以与一个新的全局contenteditable特性相关联.
10/一个新的网络API,它支持web应用程序在本地网络上互相通信,并在它们的源服务器上维持双向的通信.
最近的做的东东
作者:laoa 日期:2007-12-10
你读到第几句时心痛了
作者:laoa 日期:2007-08-02
IE6 IE7 FF 分别支持hack
作者:laoa 日期:2007-05-13
ie6,ie7,ff 三个浏览器设置不同宽度和高度的方法
作者:laoa 日期:2007-05-11
div+css兼容问题解决方案
作者:laoa 日期:2007-05-11
之前找了几个不同版本的可独立运行的IE浏览器，正好拿来试试页面的兼容性问题。不试不知道，在IE6和FF中没问题的页面在IE5和IE5.5中乱成一团，一直听说IE5是WEB标准制作的一个“钉子户”，现在不得不相信了。
既然有问题，那就找找解决的方法咯，在网上一搜，相关的文章还是不少的，觉得最直接的方法还是“IE条件注释”，很方便的就能为IE的不同版本写样式。但这样就得为每个版本写一个样式，不利于文件的优化。
找了一些相关的CSS HACK后，觉得应该可以把IE5/IE5.5/IE6/FF的HACK写到一起的，经过测试，终于找到了一个不错的方法，下面我们来看看怎么实现：
既然有问题，那就找找解决的方法咯，在网上一搜，相关的文章还是不少的，觉得最直接的方法还是“IE条件注释”，很方便的就能为IE的不同版本写样式。但这样就得为每个版本写一个样式，不利于文件的优化。
找了一些相关的CSS HACK后，觉得应该可以把IE5/IE5.5/IE6/FF的HACK写到一起的，经过测试，终于找到了一个不错的方法，下面我们来看看怎么实现：
Tags: div+css兼容问题解决方案
