微软献给寂寞的程序员们的YY大片(最终话)

1. 超长的页面下载时间。
如果页面下载时间超过30秒，很难有用户会喜欢你的网站。
2.无限制的使用flash及图片。
无可否认,适当的用一些图片及flash,可以增加网站的生动性,增加视觉冲击力.但无限制的使用flash及图片.会造成页面文件超大,占用浏览者的cpu资源,并且不利于页面更新及搜索引擎对网站的抓取。
3.网站页面过长。
你认为有多少浏览都有兴趣看你网页中最下面的内容? 不要拿自己来作比喻,因为99%以上的人才刚学会上网。
在王建硕的一篇文章中提到."1995年Jakob Neilson做的互联网用户调查，美国的用户在1994年的时候，只有10%的用户会拖动浏览器右边的滚动条，而绝大多数，90%的用户，打开一个网站，只看浏览第一屏看到的内容，就以为看到了全部，而不会向下滚动。"
现在中国也有这样的人.而且为数不少.在一个网站的首页,能看到第三屏内容的人只有10%以下一个过长的网站很容易引起浏览者的视觉疲劳,更何况大部分浏览者很有可能已经被前两屏的内容吸引到别的页面去了。
4. 不友好的导航。
不友好的导航是最影响用户操作的, 不能让用记很方便的找到自己想到的内容.用户来到一个页面不知如何返回上一页,不知道当前页面是在哪个栏目下的.这样的网站很可能用户来了一次就不会再来了。
5.过期的信息。
很久不更新的信息,很容易让浏览者感到反感,而且在心中也会对你这个网站的品牌形象大打折扣。
6.死连接或连接错误。
这个就不说了,这是最基本的错误,但是好些还有这样的错误,包括新浪这种大网站。
7.孤立的页面。
用户不知用什么方法返回首页.这种情况往往是出现在信息提示页或内容调查的结果页上。
8. 页面没有视觉差异。
页面没有视觉差异,页面设计很"平"缺少"层次感",缺少视觉冲击力和亮点.或者视觉冲击力突出的并不是网站的主体内容.这是没有经验的设计师设计大型网站时最容易犯的错误。
把一大堆信息铺天盖地的展示到浏览者的眼前,你认为他会记住多少? 页面设计要吸引并引导浏览者来观看你想推广的内容或产品.当然对网页"层次感"的设计平不是简单的用一些纯度高的颜色来实现,要根据页面的环境及周边元素综合考虑. 就象在一个黑板中画一个白点很明显,但在一个白板上画一个白点就看不清楚了。
9.链连没有标准的表现形式。
现在很多刚上网站的人还只认为有带下画线的文字才是链接. 网站要有统一标准的链接表现形式,并且要和没有连接的文字有区别.要让浏览者很方便的认出哪些是连接的文字。
如果是图片加的连接要在图片下标出"点击图片见大图",图片一定要加"alt"属性。
"更多"要用中文写最好不要"more"或者标点符号代替。
10.过多的运用新技术。
所谓新技术,就是只有少数人掌握的技术,虽然有可能他的视觉效果很好,功能很强大,但过多的运用新技术,就意味着你准备抛弃99%的用户。
11. 缺少互动的内容。
缺少互动的内容,缺少网友的参与.不能让网友表达情感和思想,注定这个网站只是个死网站。
12. 过复杂的文件目录及文件名。
过复杂的文件目录及文件名,不利用搜索引擎对页面的拾取,并且也不利于浏览者的记忆.几乎100%的人输入网址时会用到IE的缓存.目录和文件过于复杂,排在IE缓存很靠下的地方,你当然被第二次访问的机率小的多。
不要说什么用收藏夹.你以为会有超过一半的人会用收藏夹吗?而且象我这种收藏夹过于庞大的人,想在收藏夹里找一个网址也是比较不容易的。
13. 使用框架。
不建议使用框架.不为什么,就因为搜索引荐不喜欢. 连google的广告计划中,对有框架的代码都是单独的。
14.恶意插件，恶意弹出窗口。
15.页面中不要过多的用"_blank"。
过多的弹出新窗口，会大量占用计算机的资源，影响浏览者的浏览速度。

阅读全文 »|=TOP=

Posted by 火恋の神父 on 02月 12th, 2009 :: Filed under 技术交流
Tags :: Flash, google, 下载, 代码, 广告, 情感, 推广, 更新, 环境, 用户体验, 设计, 链接

给Windows目录加口令的特殊方法

windows系统目录是windows操作系统的重要目录，当我们访问这个目录时，系统会提示你这个目录的重要性，如果需要进入，只需要单击“显示文件”就可以大摇大摆地走进去了。如果我们给windows目录增加一个进入口令，只有那些口令输入正确的人才能进入，这样，你的windows目录不是安全多了，而且一些不愿让别人看到的文档也可以放到里面。
　　给windows目录加口令，我们需要借助windows目录中一个特殊文件：超文本模板文件folder.htt。另外我们再编写一个html文档用来进行口令输入错误时的提示。
　　下面，我们先来修改一下folder.htt，用记事本打开windows目录中的folder.htt文档（注意它是一个隐藏文件，如果你在windows目录中找不到它，可以在我的电脑窗口中单击“查看”菜单中的“文件夹选项…”，再单击“查看”标签，在高级设置中选中“显示所有文件”就可以了。），在文档内容最后的语句前面加入如下vbscript代码：
<script language="vbscript">
function kouling()
　　dim pass
　　pass=prompt("对不起，这是重要的系统目录，请您正确输入管理口令才能进入：","")
　　if pass="abc" then www.firelove.com.cn
　　else
　　alert "对不起，您的口令错误！"
　　navigate "file://c:\program files\error.html"
　　end if
　　end function
　　kouling()
</script>
　　然后保存一下文件。　　先不要测试，各位看到代码中的navigate "file://c:\program files\error.html"一句了吗，我们还需要建立一个error.html文档，用以进行错误提示。下面是这个文档最简单的代码，其核心内容是放置一个可以返回c盘根目录的按钮：
<html>
<head><title>出错了!</title>
</head>
对不起，您无权访问windows系统目录!
<input type="button" value="返回" name="button"/>
<a href="http://www.firelove.com.cn" target="_blank">似梦似醒二十年</a>

</html>
　　将这段代码保存为error.html文档，并存放于c:\program files\下。
　　好了，让我们测试一下吧！当你打开c盘欲进入windows目录时，首先会弹出一个让你输入口令的对话框，输入口令abc（你也可以在folder.htt中将pass变量改为其他密码），才可以进入。如果不输入或输入错误，则直接打开页面“error.html”给以提示，单击页面中的返回按钮又会返回到c盘根目录了。

阅读全文 »|=TOP=

Posted by 火恋の神父 on 12月 14th, 2008 :: Filed under 技术交流
Tags :: UE, 代码

给页面加上Loading效果最简单实用的办法

虽然现在的GMail已经看不到这个效果，但之前那个可爱的深红色Loading仍然让许多人喜爱。我也将这款效果融入了awflasher的WordPress主题TES中：

其实我的方法非常简单，也可以说没什么技术含量，甚至还不支持IE6，但据我长期的观察，确实非常实用的。Analytics的统计数据表明，加入了这一效果之后，用户的“平均停留时间”的确有所提高。可见，一个“正在加载”让许多用户都有更多的耐心等待，而不会因为屏幕空白太久而不耐烦地离开。
最近，又有不少朋友留言询问这个Loading的实现原理。这里我就分享一下：
首先，在页面的最上部输出一个Loading文字，比如“正在加载”，用div标签包含，并给它一个id，比如loading：
[quote]
正在加载
[/quote]
你可以直接放到页面的标签后面，亦可以用script.write输出（如果你有SEO洁癖的话）
然后，在你的样式表中，对这个loading设定一个简单的样式：
[quote]#loading{z-index:1;padding:5px 0 5px 9px;
background:#c44;left:0;top:0;width:90px;
color:#fff;position:fixed}[/quote]
接下来，在你标签闭合之前，将这个loading隐藏掉就可以了。最简单的方法是输出一段标记：
[quote]document.write('
#loading{display:none}');
[/quote]
如果你有jQuery之类的JavaScript库，就更方便了，例如jQuery可以使用：
$('#loading').hide()
这样，当页面完全加载完毕之后，loading就隐掉了。对于WordPress博客，如果你对页面代码没有太苛刻的洁癖，我个人建议把一些重量的JavaScript库都放到这段loading之后引入。这样在浏览器端，你的“Loading”会飞快地出现，用户会觉得你的服务器响应非常迅速。然而，如果你从各种不同的域名下先加载几百kb的JavaScript库，估计用户在你的“Loading”出现之前就已经关闭页面了。
最后，希望这个老土的技巧能帮到你：）
本文来自：http://www.awflasher.com/blog/archives/1589

阅读全文 »|=TOP=

Posted by 火恋の神父 on 11月 21st, 2008 :: Filed under 技术交流
Tags :: DIV, Flash, Javascript, SEO, UE, 主题, 代码, 技巧, 样式表

十个技巧助你解决CSS兼容问题

一、针对firefox ie6 ie7的css样式
　　现在大部分都是用!important来hack，对于ie6和firefox测试可以正常显示，但是ie7对!important可以正确解释，会导致页面没按要求显示！找到一个针对IE7不错的hack方式就是使用“*+html”，现在用IE7浏览一下，应该没有问题了现在写一个CSS可以这样：
#abc { color: #333; } /* Moz */
* html #abc { color: #666; } /* IE6 */
*+html #abc { color: #999; } /* IE7 */
那么在firefox下字体颜色显示为#333，IE6下字体颜色显示为#666，IE7下字体颜色显示为#999。
二、CSS布局中的居中问题
　　主要的样式定义如下：
body {TEXT-ALIGN: center;}
#center { MARGIN-RIGHT: auto; MARGIN-LEFT: auto; }
　　说明：首先在父级元素定义TEXT-ALIGN: center;这个的意思就是在父级元素内的内容居中；对于IE这样设定就已经可以了。
　　但在mozilla中不能居中。解决办法就是在子元素定义时候设定时再加上“MARGIN-RIGHT: auto;MARGIN-LEFT: auto; ”
　　需要说明的是，如果你想用这个方法使整个页面要居中，建议不要套在一个DIV里，你可以依次拆出多个div，只要在每个拆出的div里定义MARGIN-RIGHT: auto;MARGIN-LEFT: auto; 就可以了。
三、盒模型
#box{
;
//for ie6.0- w\idth:500px;
//for ff+ie6.0
}
#box{
>//for ff
;
//for ff+ie6.0
width /**/:500px;
//for ie6.0-
}
四、浮动ie6产生的双倍距离
#box{ float:left; ; margin:0 0 0 [...]

阅读全文 »|=TOP=

Posted by 火恋の神父 on 11月 17th, 2008 :: Filed under 技术交流
Tags :: css, DIV, Javascript, 代码, 技巧, 解决, 设计, 链接

CSS浏览器兼容问题其他解决方案

从网上收集了IE7,6与Fireofx的兼容性处理方法并整理了一下.对于web2.0的过度,请尽量用xhtml格式写代码,而且DOCTYPE 影响 CSS 处理,作为W3C的标准,一定要加 DOCTYPE声名.
CSS技巧
1.div的垂直居中问题 vertical-align:middle; 将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容不要换行
2. margin加倍的问题设置为float的div在ie下设置的margin会加倍。这是一个ie6都存在的bug。解决方案是在这个div里面加上 display:inline; 例如：相应的css为 #IamFloat{ float:left; margin:5px; /*IE下理解为10px*/ display:inline;/*IE下再理解为5px*/}
3.浮动ie产生的双倍距离 #box{ float:left; width:100px; margin:0 0 0 [...]

阅读全文 »|=TOP=