浅谈用户注册表单

作者:纯真 2008年08月04日 星期一 23点15分 Tags: ,

我刚进入5gsns的时候,我真不知道怎么玩,我是通过白鸦的博客过去的,之前也没有怎么去玩过这类的网站。对于sns网站还算是陌生,不过还好网站右边都有帮助向导。我进去后没有去看内容就注册了,由于经常有关注白鸦的博客,所以对于他推荐的网站,自认为都是和行业相关的。由于抱着“随便看看”的心态去注册,于是在注册的时候,个人资料只填了下博客(对我有帮助)和邮箱,其它的都是随便填的,在选吧里也是随便选几个,反正不是必填项的都是跳过,能省则省。
在5gsns发的第一个话题如何让中国的互联网也重视版权,之后看了下查看次数,发现一会就有几十人访问,这时觉得网站很活跃。玩了一两天后,发现里面基本上讨论的都是IT互联网方面的知识,而且会员都很活跃,当然也有像AV女优等内容,很多用户来加我为好友(这里不排除是5gsns内容人员),个人主页每天几百的点击量。于是开始完善资料,选吧也认真的根据个人情况去完善,自己觉得需要填的都填了。

弃暗投明,默认浏览器IE改为Firefox

作者:纯真 2008年07月27日 星期日 15点21分 Tags: , , , ,

以前一直都在用傲游的浏览器,但是最近假死的现象严重,动不动就自动关闭浏览器。IE7说实话实在是不怎么好用, 老提示脚本错误,我也不清楚怎么回事。
前几天由于电脑出问题,于是重装系统后,改用了Firefox浏览器上网,发现Firefox浏览器速度很快,之前有人说,但自己一直没怎么感觉到,有可能是自己之前用的很少,只有做测试的时候才会用。
用了几天觉得速度和稳定性都很好,不像傲游经常再现假死的现象。还有就是觉得Firefox浏览器的下载功能比IE好用的,之前IE浏览器用单线程下载时会出现文件没有下载完就提示下载完成(这点不知道是浏览器本身问题还是机器问题),速度也相比IE要快些。IE浏览器用单线程下载的时候,万一机器死机或者浏览器假死,如果要继续下载的话又得重新找下载链接,而Firefox在死机后,可以从工具选项中选择下载(Ctrl+J)列表,这样而不用去重新查找下载链接。
当然不是说以后就不用IE了,由于目前IE的浏览器使用率还是高于Firefox,做为一名网页设计从业人员,所以没办法不用IE,只能说在正常浏览网页的时候改用Firefox为默认浏览器。

细线表格的处理

作者:纯真 2008年07月26日 星期六 23点23分 Tags:

在HTML中,我们设置border=”1″ 时,表格边框实际大小是2px,那如果我们要做成1px的细线表格要怎么办?以前在做1px的表格的时候,我会用表格背景颜色,然后再用另一种颜色设计单元格的背景,再把表格间距设置成1px,这样就能达到我们的1px表格了,如下例:
<table align=”center” bgcolor=”#f90″ border=”0″ cellpadding=”0″ cellspacing=”1″ width=”80%”>
<tr>
<td bgcolor=”#ffc”></td>
<td bgcolor=”#ffc”></td>
<td bgcolor=”#ffc”></td>
</tr>
<tr>
<td bgcolor=”#ffc”></td>
<td bgcolor=”#ffc”></td>
<td bgcolor=”#ffc”></td>
</tr>
<tr>
<td bgcolor=”#ffc”></td>
<td bgcolor=”#ffc”></td>
<td bgcolor=”#ffc”></td>
</tr>
</table>
这种方法虽然可以实现,但是页面里的代码多了很多,而且要控制局部也相对麻烦些。
下面的这种方法及其简单,html代码也减少了很多,结构更加的清晰。

A里定义了背景图片,但不能使多个A显示成一行

作者:纯真 2008年06月29日 星期日 13点44分 Tags: , ,

css代码:
a{
width:69px;
height:26px;
background:url(button_add.gif) no-repeat top left;
color:#000;
font-weight:700;
text-align:center;
text-decoration:none;
line-height:29px;
display:block;
}

HTML代码
<div><a href=”#” mce_href=”#”>新增</a><a href=”#” mce_href=”#”>修改</a></div>
上例两个A变成了列表形式,由于用了块级display方式来处理,但不用块级方式,A里定义的背景图没办法显示,只有用display:block来使它以块级的方式显示才正常显示。但其它问题也由此而来,两个A没办法显示在同一行。因此用display:inline-block来解决,但是IE里是可以正常,FF下就不行,由此自己只有用以下方法来解决。
a{
float:left;
*float:none;
width:69px;
height:26px;
background:url(button_add.gif) no-repeat top left;
color:#000;
font-weight:700;
text-align:center;
text-decoration:none;
line-height:29px;
display:block;
*display:inline-block;
}

以上解决方法,觉得不是很理想,对于FF下还要做其它清除浮动相关修改。
蓝色理想讨论贴:http://bbs.blueidea.com/thread-2867392-1-1.html

firefox 3.0宽度默认值改变了?

作者:纯真 2008年06月20日 星期五 22点50分 Tags: ,

近期对网站进行了,结构性的优化及布局,从table改成了“WEB标准”,之前测试通过IE6、IE7、FF2其它的浏览器就没有测试过。由于同事使用了最新版的FF3.0,今天他发现网站在firefox3.0下全乱了,原本之前都很好的页面,全部有些乱了。
自己根据自己的经验,查找了一下代码#special h2{
float:left;
background:url(images/titleBg.gif) no-repeat 0 -25px;
}于是在里面加了width:100%,测试好了。
目前由于没有找到FF3.0在新版本中,增加了那些东西及对那些做了调整,所以今天遇到这个问题,觉得现在FF把默认宽度给改了,改成了多少?以前应该默认是100%吧!
这个问题自己还不是很明白,期待大家一起交流讨论!

用伪类:hover实现提示效果

作者:纯真 2008年05月28日 星期三 22点10分 Tags: ,

在实现鼠标停在某元素上,会出现提示信息,以前我们太多是采用javascript脚本代码来实现。
看了怿飞的IE中伪类:hover的使用及BUG,我用CSS来实现同样的效果,看下例:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://www.w3.org/1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>返回蓝色理想首页</title>
<style>
* {
 margin:0;
 padding:0;
}
div {
 margin:100px;
 list-style:none;
}
div img {
 border:0;
}
div a {
 color:#fff;
 text-decoration:none;
 position:relative;
 display:block;
}
div span {
 font-size:12px;
 display:none;
}
div a:hover {
background:;
}
div a:hover span {
 padding:2px;
 background:#ffc;
 color:#000;
 font-size:12px;
 border-width:1px 2px 2px 1px;
 border-color:#000000;
 border-style:solid;
 position:absolute;
 top:-30px;
 left:0;
 display:block;
}
</style>
</head>
<body>
<div> <a href=”#” mce_href=”#” title=”"><img src=”http://case.blueidea.com/img/common/logo.gif” alt=”" /><span>返回蓝色理想首页</span></a>
</div>
</body>
</html>

对acronym、abbr标签的理解

作者:纯真 2008年05月23日 星期五 21点32分 Tags: , ,

acronym从字义上理解,是取首字母的缩写词,abbr是缩写,在应用过程中,两个标签看起来差不多,但个人觉得还是有区别的。看下面的例子:
Internet Explorer
<acronym title=”IE”>Internet Explorer</acronym>
Cascading Style Sheets
<acronym title=”css”>Cascading Style Sheets</acronym>
photoshop
<abbr title=”ps”>photoshop</abbr>
coreldraw
<abbr title=”cd”>coreldraw</abbr>
中华人民共和国
<abbr title=”中国”>中华人民共和国</abbr>

这两个标签在我们平时工作中很少使用,在一些网站也很少看到它们的身影,几乎被我们所遗忘。
IE6不支持abbr标签,IE7与FF有支持,其它浏览器未测试。

好看是建立在好用的基础之上

作者:纯真 2008年05月06日 星期二 21点26分 Tags: ,

前面说过内容比“漂亮”更重要,在保证内容的重要性之上去增强视觉效果,这样才能使产品更具有吸引力。
在03年的时候,自己买了第一部手机,当时选择了TCL其中的一款,选择的理由是手机很“漂亮”。但几个月用下来,使我很恼火,产品实在是让我太失望了。

腾讯:请把QQ身份验证的功能去掉吧

作者:纯真 2008年04月30日 星期三 22点19分 Tags: ,

对于QQ身份验证的功能真是烦透了,我是用ADSL,没办法有固定的IP,每重新启动电脑或重新链接一次,IP都会改变一次。但就是这样,我每次重新开QQ的时候,我必须要根据QQ提示的身份验证进行验证操作,那几个如果视力不好就看不清的字母(还好我还没近视),有时候输入一直提示错误,对于这个功能我没有觉得它给我带来方便,我只觉得它给我带来麻烦,要不是自己的一些朋友只会用QQ的话,我真的不想用了。
改进建议:

把这个功能去掉
不要用记录IP的方式,至少不要让我在同一台机器上使用,都要进行身份验证
可以设置成永远都不要进行身份验证,那怕是真的有人盗号(因为是自己做的选择)

想念“珊瑚虫”的日子,它让我不会被烦人的广告及身份验证所干扰,给我更多的方便,可惜!

衣服”漂亮”固然重要,但模特身材更重要

作者:纯真 14点03分 Tags: ,

在T型台上的模特们经常穿着各式各样的时装,但不同的人穿着同一件的衣服,有的很漂亮,有得穿在身上就觉得别扭。这里原因不是衣服的问题,而是与模特们的体形、肤色及身高都有关系,所以得根据模特的特征去量体裁衣,这样才能更显示出衣服的美。如果把网站视觉效果形容成模特的衣服,那内容就是模特的身材。