Archive | 八月, 2007

你不觉得我太有才了吗?

  告诉大家一个好消息:水中月要写长篇小说啦!!!!
  嘿嘿,水中月有点新鲜事就爱显摆显摆,你们就当乐呵听听。
  最近突然心血来潮想写一个剧情篇,主人公、配角、男女双方的朋友家庭以及反方人物都已经拟定好了,剧情也有眉目了,就差开始构画细节问题了,嘻嘻,希望我这次能够成功~~~我所谓的成功就    是在网上发布然后看浏览量如何了,要是好的话我就会拿到出版社问一下是否能够出书虽然有点白日做梦,但还是想幻想一下,不管成功与否,水中月都会努力的,请你们支持水中月,这样我才会有前进的动力,A-ZA!!!!!!
  写这篇小说只是我业余的一小部分,因为我还有更重要的事情等着我做,那就是学习学习再学习!!还是得把自己的专业学好,这样才会有更好的发展。
  在朋友店里走了会模特步,又跳了一会舞,感觉真不错,跳的也真不错,完全是自由发挥,她们都说我太有才了,我也这么觉得,太不要face了,自嘲一下~~~~

Tags:

两情若是久长时,又岂在朝朝暮暮?

。“两情若是久长时,又岂在朝朝暮暮?”一首相传已久,脍炙人口的古诗,道出了牛郎织女千年不变的爱情故事,现代的人们依旧 羡慕他们两位的爱情,每阅此诗词,无不感人,顿生凄美之情。现传牛郎织女这天会在鹊桥上相会,数不尽的绵绵情话,道不尽的甜言蜜语……动人的爱情 故事,感人的传说,这个就是中国情人节的由来。爱情,永远是人类的主题之一!今天,你为他准备了什么?你有在黄瓜架下听牛郎与织女的谈话吗?你有许下愿望吗?
相信我的朋友过得都不错,现在都沉浸在爱窝里了吧
 

Tags:

什么是CSS hack

 
由于不同的浏览器,比如Internet Explorer 6,Internet Explorer 7,Mozilla Firefox等,对CSS的解析认识不一样,因此会导致生成的页面效果不一样,得不到我们所需要的页面效果。
这个时候我们就需要针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到我们想要的页面效果。
这个针对不同的浏览器写不同的CSS code的过程,就叫CSS hack,也叫写CSS hack。
CSS Hack的原理是什么
由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CSS。
比如 IE6能识别下划线_和星号*,IE7能识别星号*,当不能识别下划线_,而firefox两个都不能认识。等等
书写顺序,一般是将识别能力强的浏览器的CSS写在后面。下面如何写里面说得更详细些。
如何写CSS Hack
比如要分辨IE6和firefox两种浏览器,可以这样写:

<style>  
div{  
    background:green; /* for firefox */  
    *background:red;  /* for IE6 */  
}  
</style>  
<div>我在IE6中看到是红色的,在firefox中看到是绿色的。</div>  <style> div{ background:green; /* for firefox */ *background:red; /* for IE6 */ } </style> <div>我在IE6中看到是红色的,在firefox中看到是绿色的。</div>
解释一下:上面的css在firefox中,它是认识不了后面的那个带星号*的东东是什么的,于是将它过滤掉,不予理睬,解析得到的结果是:div{background:green},于是理所当然这个div的背景是绿色的。在IE6中呢,它两个background都能识别出来,它解析得到的结果是:div{background:green;background:red;},于是根据优先级别,处在后面的red的优先级高,于是当然这个div的背景颜色就是红色的了。
 
CSS hack:区分IE6,IE7,firefox

区别不同浏览器,CSS hack写法:
区别IE6与FF:
       background:orange;*background:blue;
区别IE6与IE7:
       background:green !important;background:blue;
区别IE7与FF:
       background:orange; *background:green;
区别FF,IE7,IE6:
       background:orange;*background:green !important;*background:blue;
注:IE都能识别*;标准浏览器(如FF)不能识别*;
IE6能识别*,但不能识别 !important,
IE7能识别*,也能识别!important;
FF不能识别*,但能识别!important;

IE6
IE7
FF

*


×

!important
×

另外再补充一个,下划线”_“,IE6支持下划线,IE7和firefox均不支持下划线。于是大家还可以这样来区分IE6,IE7,firefox: background:orange;*background:green;_background:blue; 注:不管是什么方法,书写的顺序都是firefox的写在前面,IE7的写在中间,IE6的写在最后面。附:CSS的各种浏览器兼容一栏表

Tags:

关于超链接的下划线

关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,大家都知道,把握一个原则即可:“让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击。”;但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解。
不妨分几个场景讨论一下:
1. 导航区域,潜意识我会去点击。
即便有下划线也是个“古老形式”的摆设,所以一般没有下划线;好的设计不仅满足点击,还满足视觉的层级关系。

2. 整页全是链接,下划线成了可有可无的表现。
象新浪、搜狐首页都是可以点击的,所以下划线的有无意义也就不大,猫扑在首页设计中就去掉了可有可无的下划线。(下图自上而下依次为:新浪、搜狐、猫扑。)

3. 可以点击吗?别让我去猜!
看下面的设计抓图,只有Google和百度的设计我没有疑惑,其他两个的设计我要自己去猜。

 
4. 在超链接和文本混排的情况下,下划线更容易让我们去点击。

5. 独立超链接,不加下划线不足以“明示”。

6. 需要特别突出显示的链接,必要的时候使用“伪按钮”。
关于伪按钮的问题,臭鱼在其接受伪按钮已阐述的比较明确,在此不再赘述。
说明:大家根据具体的环境而定,目的是让超链接更容易被潜意识的点击,避免过多的尝试和思考而浪费浏览者更多的时间。
附:超链接的作用罗嗦一下基本概念,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。
超链接的基本分类:

按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。
                                                                                                                     出处:奇遇

Tags:

为什么写博客都要想个标题啊!!

  闲着无聊,写篇日志吧……
  前两天看老徐的博客,以前只是听朋友说起老徐的博客访问量很高,而且写的很好,自已也看了几篇没觉得什么。那天把老徐的博客书拿回家看了看,顿时从心里喜欢上了徐静蕾,她是一个很有才气很有休养、很有内涵的一位当代女性,对她是越来越敬佩,也是我学习的榜样。要做腹有诗书气自华的魅力女人,做一个喜悦的人。
  韩寒和老徐比起来,我更喜欢老徐,认为韩寒的一些想法我不认同,这只是个人认为。
  最近迷上看电影了,特喜欢好莱坞大片,看了特刺激,很精彩。中国的电影还是不行,剧情不好,演的也不好,用一个词来形容就是:墨迹……
  哎~又感觉到自己在变懒,在这样下去不行,没有压力就不上进,所以要时刻给自己制造压力,让压力产生动力,使自己增长速度快些。当然,也不能经常处于这种高温状态,也得劳逸相结合,要让自己的活的精彩,有意义,别到老了的时候后悔,没有遗憾的青春才是最美的。(哎,又在给自己找理由,无语了……)
  看别人活得那么潇洒,那么精彩,在看看自己处于的状态,未免有些失落,想要有所收获必须付出努力,“若要人前显贵,必要人后受罪”,就是这个道理。
----------------------------------------
  哥哥的房钥匙拿到手了,妈妈也松了口气,不用在为儿子操心了,我也替哥哥高兴。现在房价是越来越高,一天一个变化,哎~这老百姓以后的日子可怎么过啊  
  
 

Tags:

用JS实现一个页面两份样式表

  今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果,具体方法如下:
  第一步:在连接样式表的元素里定义一个id,例如<link href=”1.css” rel=”stylesheet” type=”text/css” id=”css”>,我定义的id是css。
  第二步:写一个js函数,代码如下:
<script type=”text/javascript”>function change(a){  var css=document.getElementById(“css”);  if (a==1)  css.setAttribute(“href”,”1.css”);  if (a==2)  css.setAttribute(“href”,”2.css”);}</script>
这个函数的code可以放在页面的任何地方。
  第三步:为改变页面的样式表的连接添加一个函数的触发事件,代码如下:
<a href=”#” onClick=”change(1)”>1.css</a><a href=”#” onClick=”change(2)”>2.css</a>
  该效果在IE和FF下均测试通过,相信大家看完后因该非常明了,利用这个方法我们可以让浏览者自己选择需要显示的样式表,比如年老者可以选择一个字体较大的样式表。这里需要注意的两点是:  一、在这个例子中函数名function后面的名字不能为links或者link,如果为links或者link,样式表将不被改变,具体什么原因我也不大清楚,可能是javascript的保留字符。  二、另外如果是改变整个页面的样式,你需要在样式表文件里定义body的高度为100%
  如果你觉得这篇文章写的不错欢迎你推荐给你的朋友

Tags:

设计师在项目中应该学会的一些事情

产品需求不明确的情况下先行设计如果产品经理对某一块功能还不清晰,可以先从设计上给出一些方向性的指导。如果产品经理的一些功能说明书还未给出,也可以先通过沟通了解去需求,先行设计。不要过度设计与适当适量过渡设计过度设计就是做了很多这个版本或者未来几个版本都暂不能实现的设计。过渡设计就是由于一些技术原因实现不了最好的设计,只能做一些折中的设计。过度设计会给项目造成很大的压力和一些不必要的浪费,过渡设计则会适当的缓轻项目的压力。设计成果、思路文档化在项目中,我们的设计稿、设计思路都记录在文档中,一方面保存了设计理由,一方面使项目各个成员都能方便的了解设计方案和理由。同时,如果在版本检查中也能够将检查出的问题文档化,很方便跟踪和记录。学会沟通主要有会议沟通、当面沟通等方式。沟通时应该注意使用合作友善的态度,同时还要抛弃信仰大战,寻找合适的沟通语言。控制情绪情绪会影响团队氛围;情绪会影响设计质量;情绪会影响周围同事;情绪会影响部门以及个人形象。耐心细心检查版本检查是一个需要耐心细心的工作,需要从头到尾一遍一遍的过。遗漏一点都可能对版本质量造成影响,对产品的形象有影响重视规范的作用重视规范的作用可以使得沟通顺畅,使得做的东西更加专业。项目初期就应该形成一定交互、视觉等规范,使开发在开始阶段就有章可循。

Tags:

[2007.08.03] 今天心情不是很好

                                                                                                                                                                                       威海今天外面下着小雨,我的心里也在下雨,可见老天爷也在为我哭泣
眼泪止不住的流下来,不知道什么时候才会过去,才会解脱.好希望被拯救,
难道这是我20-21岁中间的坎吗,我真的好希望好起来.工作没有起色,生活上没有变化.
外表跟同事打打闹闹的,其实心里并不好受,一切都只是在做戏罢了。
一直想得到别人的认可,想跟着大众脚步,让身边的人喜欢我  …………………
现在主要是好好工作,好好学习,技术硬了,什么都好说,努力奋斗,像<<女人不哭>>女主角学习.没有什么事情会难倒你.
最后想说一句:相见不如怀念……

Tags:

position:absolute 与 z-index 对层次结构影响

不使用 position 这种情况下每一层都遵循 HTML 定位规则,其中的 left,right,top,bottom 定位信息对其无效,z-index 也不会发挥作用因为没有层叠的情况出现. 2. 使用 absolute 如两个绝对定位对象的 z-index 属性具有同样的值,那么将依据它们在HTML文档中声明的顺序层叠. 2.1 未使用 z-index 这种情况下,依据它们在HTML文档中声明的顺序层叠,因为 z-index 在未设置的情况下,默认为 0 . <div id = “001″ style=”top:10; left:30; width:100px ;height:50px; border:1px solid #999; background:green; position:absolute;”>001</div> <div id = “002″ style=”top:40; left:40; width:100px ;height:50px; border:1px solid #999; background:red; position:absolute;”>002</div> <div id = “003″ style=”top:80; left:50; width:100px [...]

Tags: