网站域名的指向(网站多个域名)

  第一: 一般搜索引擎不会由于你多一个域名指向而惩罚.包括百度.经由一段时间,一般的搜索引擎都能根据自身的规则来识别两个网站为统一个网站. 这样它们会选择一个域名做为主域名,另一个域名则忽略.输入该域名在搜索引擎查询时,搜索引擎会自动将其转到另一域名.
  第二: 建议你最好两个域名不要解析到统一网站.由于这样可能会带来的后果是:
  不同的搜索引擎以为你的主域名不同.可能到时百度会以为你是.com.cn而Google则以为是.com.百度和google的不同步,会对你日后的网站改进后搜索引擎优化带来不利因素.
好比你交换连接的时候就很矛盾,到底是.com好仍是.com.cn好呢? 假如你两者都考虑则铺张了资源,分散了精力.
  所以你最好继承保持.com.cn这个网站. 而针对.com重新开通一个空间,上面放一个简朴的网页,这个页面跟.com.cn的网站一模一样都可以. 或者采用能避免搜索引擎惩罚的技术直接将.com.cn该页面跳转到.com.cn也可以.
  还有一种守旧的方法是将.com这个域名解析到.com.cn这个域名的网址,而不是解析到ip地址.也不要对.com绑定任何空间.以后假如需要使用.com的域名,只需要重新对其开通独立空间,搜索引擎便可再收录.com域名.

网站运营的开发需要考虑的16项原则

1,你不可能满足所有的用户。
2,如果一个蠢方法有效,那它就不是一个蠢方法。
3,别忘了你的产品是由最年轻的程序员在最短的时间内开发出来的,所以,问题总是无法避免。
4,如果某个产品创意,只有你一家这么做,那一定是错误的方向。
5,没有任何产品开发,运营计划在实践中能继续顺利执行。
6,所有预期5个月才会到来的瓶颈总是3个月内就会遇到。
7,重要的事总是简单的。
8,简单的事总是难以做到。
9,一般情况下,你除了时间外什么都不缺。
10,关键用户的意志应该获得优先考虑。(不一定是大多数的)
11,当用户为你免费生产内容的时候,别忘了,同时也在生产垃圾和风险。
12,需要两个人彼此协助才能完成的任务,通常不会按时完成。
13,资金,设备,人才总是在你最需要的时候,找不到。
14,你为产品增加的任何功能都可能反而损害产品的竞争力---什么都不做也一样。
15,唯一比竞争对手还可怕的是内部开发,运营人员虚妄的想法。
16,正常用户的行为是可以预测的,但是互联网上却充斥着各种各样的玩家。

让百度重新收录的方法

突破页数限制:一些搜索引擎答应每个用户天天或每周提交的网页数目是有限制的。例如,Altavista天天答应10页;HotBot答应天天50页;Excite答应每周25页;Infoseek答应天天50页(但使用e-mail注册,没有页数限制)。请留意,这并不是说,搜索引擎天天或每周只能为你登录以上页数,而只是答应你提交的页数。还不明白?那就举个例吧,对于Excite而言,每周只答应你提交25页,假如你的网站有1000页,那该怎么办呢?就提交25页即可!余下的Excite会自己检查到,并将编入索引中。假如你强行突破这个限制,那么,搜索引擎就会以为你在作弊,反而不予注册。
>
>  上面这些条款似乎很明显、很轻易区分,但有时我们却可能不知不觉犯上。例如,你有一个网页,背景是白色,在这个网页上,你设计了一个表格,其背景为蓝色、文字为白色,这种设计应该说也是完全正常的,但假如你到搜索引擎Infoseek去注册,它却不理你。为什么呢?它以为你在作弊!在Infoseek看来,表格中的白色文本,实际是置于白色的网页背景上,也就是说,网页文本与背景颜色相同,这就符合“鬼页法”的作弊特征。而这一点,可能你自己根本没有意识到。还有一例,有时因设计需要,或者网站已迁移到其它地方,通常我们会用到网页重定向,但对于Infoseek等搜索引擎而言,这也是不可容忍的作弊行为。另外,Infoseek等搜索引擎还要求,不要在多个网页上布置指向同一个网页的链接。例如,很多人喜欢在各个网页放上“返回主页”的链接,实在就属于这种情况。这种司空见惯的设计,居然也被看成作弊,真是太苛刻了。不过,对此Infoseek在真正执行时,似乎也并不是很严格,一些这样设计的网页,它照样登录了(你也碰碰运气?)。总体上说,这些限制都是为了对付真正的作弊者,使搜索引擎的检索结果更加正确有效,但事实上,的确也错怪了一些好人。假如万一你碰上这种情况怎么办,搜索引擎到底会怎样处罚你呢?
>
>  跟不少网主一样,笔者以前对此不甚了解,以为自己的某个网页违项,会导致整个网站被***。实在,事实并非如此!由于运作搜索引擎的人也知道,有时他们搜索引擎判定的“作弊”,实际是一种正常正当的设计,只是由于搜索引擎自身还不够“聪明”,无法正确判定是故意作弊,还是偶然偶合。所以,他们通常不会由于某网页象在作弊,就拒绝登记整个网站,而只是对有违规嫌疑的网页进行处罚——降低排名或不予登记,而其它的正当网页不会受到影响。此时,你只需将这个网页修改,并重新注册即可。除非你有意作弊,肆无忌惮违反上述多项规则,或者由于你提交的大量垃圾网页,对搜索结果造成明显不良影响,那么,你的整个网站将被永远踢出门外。当然,也有个别搜索引擎(如HotBot)政策更加宽松,甚至对故意作弊者,也没有永远拒绝登记的规定。只要它以为你没有攻击或侵害到它,一般不会删掉你整个网站的索引,不过,这个标准把握在人家手里,劝你还是别去试它的耐性。
>
>  作为一名网主,明白了哪些行为是作弊,你就应该在答应范围内,去探索如何获得较高排名,以增大网站访问量,让尽可能多的人知道你的产品、服务或了解你本人,只有这样,成功注册才有实际意义。
>
>  使百度有效收录
>
>  百度喜欢结构简单的网页,具有复杂结构的网页可能无法顺利登录百度。您在进行网页设计时应尽量:
>
>  1. 给每个网页加上标题
>
>  网站首页的标题,建议您使用您的网站名称或公司名称,其它网页的标题建议与每个网页内容相关,内容不同的网页不用相同的标题。
>
>  2. 不要把整个网页做成一个Flash或是一张图片
>
>  百度是通过识别网页源代码中的汉字来熟悉每一个网页的。假如您的整个网页是一个Flash或一张图片,百度在网页中找不到汉字,就有可能不收录您的网页。
>
>  3. 不对网页做重定向
>
>  重定向的网页可能不轻易登录百度。
>
>  4.不在网页中使用Frame(框架结构)
>
>  5.不在网页中使用过分复杂的JavaScript   站长快车为您提供论坛和网站的采集发帖软件,使您的网站快速达到一流的网站和论坛效果,摆脱人工繁重的逐日工作量,大大进步效率,节约本钱。

>
>  某些Java Script的内容对于搜索引擎是不可见的,所以不能被识别和登录。
>
>  5.静态网页能更顺利登录百度,动态天生的网页不轻易登录百度
>
>  ·假如您的网页url中含有如asp、?等动态特征,网页就可能被以为是动态网页。
>
>  ·假如您的网站中有很多网页必须做成Frame结构或动态网页,那么建议您至少把网站首页做成简单的网页,并且对网站内的一些重要网页,在首页加上链接。
>
>  6. 不要对搜索引擎进行作弊
>
>  作弊的网站不能登录百度,即使登录后也随时可能被删除。
>
>  作弊网站定义
>
>  对搜索引擎作弊,是指为了进步在搜索引擎中展现机会和排名的目的,欺骗搜索引擎的行为。
>
>  以下行为都可能被以为是作弊:
>
>  · 在网页源代码中任何位置,故意加入与网页内容不相关的关键词;
>
>  · 在网页源代码中任何位置,故意大量重复某些关键词。即使与网页内容相关的关键词,故意重复也被视为作弊行为;
· 在网页中加入搜索引擎可识别但用户看不见的隐藏文字。无论是使用同背景色文字、超小字号文字、文字隐藏层、还是滥用图片ALT等方法,都属于作弊行为;
>
>  · 故意制造大量链接指向某一网址的行为;
>
>  · 对同一个网址,让搜索引擎与用户访问到不同内容的网页(包括利用重定向等行为);
>
>  · 作弊行为的定义是针对网站而不是网页的。一个网站内即使只有一个网页作弊,该网站也被以为是有作弊行为;
>
>  · 有链接指向作弊网站的网站,负连带责任,也会被以为是作弊(但是,作弊网站上链接指向的网站,不算作弊)。
>
>  作弊网站害处
>
>  根据网页的作弊情况,会受到不同程度的惩罚:
>
>  · 较稍微的惩罚,是系统在给网页排名时略为降低该网页的排名;
>
>  · 较常见的惩罚,是作弊网站的某些关键词(或所有关键词)的排名降到其它任何网站之后;
>
>  · 较严厉的惩罚,对于作弊行为和后果特别恶劣的网站,将从百度中消失;
>
>  · 特别补充,含恶意代码或恶意插件等用户极端反感内容的网页,固然不是作弊,但只要用户投诉,一经确认也会被百度拒绝收录;
> = = = = = = = = = = = = = = = = = = = =

>Google官方确认AdSense有助于网页收录
>
>Google的网页收录的其中一种途径是通过Googlebot的爬行来实现的,也就是说,Google派出它自己的网络蜘蛛,主动去抓取有价值的网页内容。类似地,Google的AdSense也有自己的bot,它的名字为MediaBot。它会自动去到放置了AdSense广告代码的网页,然后对网页内容进行分析,以投放与网页内容相关的广告。但一直以来都有一个争论,那就是到底AdSense的MediaBot与Googlebot有什么区别?MediaBot在判定广告相关网页的时候,会不会也对这个网站在Google收录及排名等方面有一定的好处呢?也就是说,投放了AdSense广告,会不会有助于改善自己的网站的Google收录及排名呢?
>
>  根据SEJ的消息,Google的一名高级工程师及主管Matt Cutts已经正式确认,AdSense派出来的MediaBot在抓取网页内容后,会把部分结果提交至BigDaddy的数据库里。Matt解释说,这是由于两种bot都在不断地抓取网页,因此为了节省资源,MediaBot会帮Googlebot完成部分网页抓取工作。但Matt同时也给出警告,假如你的网站提供给MediaBot的内容与提供给Googlebot的内容完全不同,那么你就会“有麻烦”。由于Google会以为你在作弊。
>
>  我以为从Matt给出的讯息里可以证实,在网站上投放了AdSense的广告,的确是有助于你的网站被Google收录。比如,收录得更快更多。但并不一定会进步你的网站排名。有这方面经验的朋友应该会想到其它办法,从Matt的话出发。
>来自幻灭的麦克风
搜索引擎原理-网络蜘蛛和ROBOTS
>搜索引擎原理-网络蜘蛛和ROBOTS
>
>一、网络蜘蛛基本原理
>
>  网络蜘蛛即Web Spider,是一个很形象的名字。把互联网比喻成一个蜘蛛网,那么Spider就是在网上爬来爬去的蜘蛛。网络蜘蛛是通过网页的链接地址来寻找网页,从网站某一个页面(通常是首页)开始,读取网页的内容,找到在网页中的其它链接地址,然后通过这些链接地址寻找下一个网页,这样一直循环下去,直到把这个网站所有的网页都抓取完为止。假如把整个互联网当成一个网站,那么网络蜘蛛就可以用这个原理把互联网上所有的网页都抓取下来。
>
>  对于搜索引擎来说,要抓取互联网上所有的网页几乎是不可能的,从目前公布的数据来看,容量最大的搜索引擎也不过是抓取了整个网页数目的百分之四十左右。这其中的原因一方面是抓取技术的瓶颈,无法遍历所有的网页,有很多网页无法从其它网页的链接中找到;另一个原因是存储技术和处理技术的题目,假如按照每个页面的均匀大小为20K计算(包含图片),100亿网页的容量是100×2000G字节,即使能够存储,下载也存在题目(按照一台机器每秒下载20K计算,需要 340台机器不停的下载一年时间,才能把所有网页下载完毕)。同时,由于数据量太大,在提供搜索时也会有效率方面的影响。因此,很多搜索引擎的网络蜘蛛只是抓取那些重要的网页,而在抓取的时候评价重要性主要的依据是某个网页的链接深度。
>
>  在抓取网页的时候,网络蜘蛛一般有两种策略:广度优先和深度优先。

Yahoo给出的34条网站加速方法

  Yahoo给出的包括Yslow规则(22条)的34条 详细说明 ,通过这此规则对自己页面进行一次全面的分析优化,可以提高你网站的加载速度。

  1.Minimize HTTP Requests 减少HTTP请求

  图片、CSS、script、flash等等这些都会增加http请求数,减少这些元素的数量就能减少响应时间。把多个JS、CSS在可能的情况下写进一个文件,页面里直接写入图片也是不好的做法,应该写进CSS里,利用 CSS sprites 将小图拼合后利用background来定位。

  2.Use a Content Delivery Network 利用CDN技术

  CDN 确实是好东西,8过服务器提供商的这项服务一般是要收费的,我以前买的国内空间是有这个的但是我当时根本不知道啥用,现在没了。。。

  3.Add an Expires or a Cache-Control Header 设置头文件过期或者静态缓存

  浏览器会用缓存来减少http请求数来加快页面加载的时间,如果页面头部加一个很长的过期时间,浏览器就会一直缓存页面里的元素。不过这样如果页面里的东西变动的话就要改名字了,否则用户端不会主动刷新,看自己衡量了~ 这项可以通过修改.htaccess文件来实现。

  4.Gzip Components Gzip压缩

  Gzip格式是一种很普遍的压缩技术,几乎所有的浏览器都有解压Gzip格式的能力,而且它可以压缩的比例非常大,一般压缩率为85%。压缩没压缩,可以到 这里 做下测试。

  5.Put Stylesheets at the Top 把CSS放顶部

  让浏览者能尽早的看到网站的完整样式。

  6.Put Scripts at the Bottom 把JS放底部

  网站呈现完毕后再进行功能设置,当然这些JS要在你的加载过程中不影响内容表现。

  7.Avoid CSS Expressions 避免CSS Expressions

  CSS表达式很可怕,这个只被IE支持的东西执行时候的运算量非常大,你移动一下鼠标它都要进行重计算的,但有时候为了做浏览器的兼容必须要用到这个    IE6去死去死!~

  8.Make JavaScript and CSS External 将JS和CSS外链

  前面讲到了缓存这个事情,一些较为公用的JS和CSS,我们可以使用外链的形式,譬如我就是从Google外链来的Jquery文件,如果我的浏览者在浏览别的使用了这个外链文件的网站时已经下载并缓存了这个文件,那么他在浏览我的网站的时候就不需要再进行下载了!~

  9.Reduce DNS Lookups 减少DNS查找

  貌似是要减少网站从外部调用资源,我的Google分析和picasa的外链图片都算在里面了。

  10.Minify JavaScript and CSS 减小JS和CSS的体积

  写JS和CSS都是有技巧的,用最少的代码实现同样的功能,减少空白,增强逻辑性,用缩写方式等等,当然也有不少工具也能够帮你实现这一点。

  11. Avoid Redirects 避免重定向

  再写入链接时,虽然“http://www. today-s-ooxx. com”和“http://www. today-s-ooxx. com/” 仅有一个最后的“/”只差,但是结果是不同的,服务器需要花时间把前者重定向为后者然后进行跳转,这个要自己注意,也可以在Apache里用Alias 或者mod_rewrite或者DirectorySlash解决。

  12. Remove Duplicate Scripts 删除重复脚本

  重复调用的代码浏览器并不会识别忽略,而是会再次运算一遍,这当然是大大的浪费。

  13. Configure ETags 配置ETags

  搞不清楚咋回事,总之我是在. htaccess里把它删除了。

  14. Make Ajax Cacheable 缓存Ajax

  Ajax是实时响应的,在浏览器接收到新的数据前,旧的数据被缓存,这样能够更好的提高效率。

  15. Flush the Buffer Early 尽早的释放缓冲

  当用户进行页面请求时,服务器端需要花费200到500毫秒时间来拼合HTML,将写在head与body之间,释放缓冲,这样可以将文件头先发送出去,然后再发送文件内容,提高效率。

  16. Use GET for AJAX Requests 用GET方式进行AJAX请求

  Get 方法和服务器只有一次交互(发送数据),而 Post 要两次(发送头部再发送数据)。

  17. Post-load Components 延迟加载组件

  最先加载必须的组件进行页面初始化,然后再加载其他,YUI Image Loader 是很好的例子。

  18. Preload components 预加载组件

  提前加载以后可能用到的东西,和延迟加载并不冲突,它的目的是为后续请求提供更快的响应,参见Google首页上的CSS sprites应用。

  19. Reduce the Number of DOM Elements 减少DOM元素数量

  复杂的页面结构意味着更长的下载及响应时间,更合理更高效的使用标签来架构页面,是好的前端的必备条件。

  20. Split Components Across Domains 跨域分离组件

  页面组件多个来源可以增大你的平行下载量,但注意不要过多,超过2-4个域名会引起上面说到的DNS查找浪费。

  21. Minimize the Number of iframes 减少iframe数量

  需要更有效的利用 ifames。

  iframe 优点:有利于下载缓慢的广告等第三方内容,安全沙箱,并行下载脚本

  iframe 缺点:即使为空也会有较大资源消耗,会阻止页面的onload,非语义

  22. No 404s 不要出现404页面

  站点本身里(非搜索结果)出现404页面,无意义的404页面会影响用户体验并且会消耗服务器资源。

  23. Reduce Cookie Size 减小Cookie

  Cookie在服务器及浏览器之间的通过文件头进行交换,尽可能减小Cookie体积,设置合理的过期时间,能够很好的提高效率。

  24. Use Cookie-free Domains for Components 对组件使用无Cookie的域名

  对静态组件的Cookie读取是一种浪费,使用另一个无Cookie的域名来存放你的静态组件式一个好方法,或者也可以在Cookie中只存放带www的域名。

  25. Minimize DOM Access 减少DOM的访问次数

  JS访问DOM是很慢的,尽量不要用JS来设置页面布局。

  26. Develop Smart Event Handlers 开发灵活的事件处理句柄

  DOM树上过多的元素被加入事件句柄的话,反应效率肯定会低,YUI事件工具有一个 onAvailable 方法可以帮助你灵活的设置DOM事件句柄

  27. Choose < link >over import 使用< link >而非 import

  在IE中使用@import就和在页面底部用< link >一样,我们前面说要把< link >放顶部的。

  28. Avoid Filters 避免过滤器的使用

  如果需要Alpha透明,不要使用AlphaImageLoader,它效率低下而且只对IE6及以下的版本适用,用PNG8图片。如果你非要使用,加上_filter以免影响IE7+用户。

  29. Optimize Images 优化图片

  将你的GIF转为PNG8会是个减小体积的好办法,另外有很多方法处理你的JPG及PNG图片以达到优化效果。

  30. Optimize CSS Sprites 优化CSS Sprites

  在CSS Sprites中竖直并尽量紧凑的排列图片,尽量将颜色相似的图片排在一起,会减小图片本身的大小及提高页面图片显示速度。

  31. Don’t Scale Images in HTML 不要在HTML中缩放图片

  图片要用多大的就用多大的,1000X1000的图片被width=”100″ height=”100″以后,本身的KB数是不会减少的。

  32. Make favicon. ico Small and Cacheable 缩小favicon. ico的大小并缓存它

  站点的浏览器ICO应该不是经常换吧,那就长时间的缓存它,并且最好控制在1K以下。

  33. Keep Components under 25K 保证组件在25K以下

  iPhone不能缓存25K以上的组件,并且这还是要在被压缩前。

  34. Pack Components into a Multipart Document 将组件打包进一个多部分的文档中

  就好像在邮件中加入附件一样,一个HTTP请求就够了,但是这一技术需要确保你的代理支持,iPhone就不支持。

网站更新之二次修改

二次修改,也是更新的一种,但在修改前一定要了解是否被收录,排名怎么样。

1、如果没有收录,也就是搜索引擎还没有爬过这篇文章,在收录前改多少次对它来说都是一篇新文章;

2、如果收录了,但排名不太好,你可以修改一下,改动程度也可以相对大些,但还是建议不要改标题;

3、如果排名还算理想,这时改动就是细心了,不能有较大的改动,否则一有不慎就会导致排名的下降,改一下文章的个别句子,加几个关键词还是可以的,标题就不能改了。

网站如何优化?

01明确内容
如果你想成为一个网站设计者,并正想建一个网站的话,首先应该考虑网站的内容,包括网站功能和你的用户需要什么。你的整个设计都应该围绕这些方面来进行。

02抓住用户
如果用户不能够迅速地进入你的网站,或操作不便捷,网站设计就是失败的。不要让用户失望而转向你的对手的网站。

03优化内容
内容是核心。大约在两年以前,企业网站就像一本广告册子,更槽糕的是,网站使用了大量的图片,似乎要几个世纪才能下载完。
Chanels网站(http://www.channels.co.uk” www.channels.co.uk)在设计的某些方面是成功的,但是内容太贪乏,并且要花很长时间才能找到所要的东西,因此不能算是一个成功的网站。

04快速下载
没有什么比要花很长时间下载页面更槽糕的了。作为一条经验,一个标准的网页应不大于60K,通过56K调制解调器加载花30秒的时间。有的设计者说网页加载应在15秒内。

05网站升级
时刻注意网站的运行状况。性能很好的主机随着访问人数的增加,可能会运行缓慢。但是,如果你不想失去访问者的话,一定要仔细计划好你的升级计划。

06坚持基本原则
即使你不懂HTML语言,你只需购买一个有版权的所见即所得的网页设计工具,如Adobe PageMill或Microsoft FrontPage Express,就可以创建一个看起来很合理的网站。但是,在设计时,这些软件包虽然不需要HTML,却使网站速度下降。
为了成功地设计网站,你必须理解HTML是如何工作的。大多数的网站设计者建议网络新手应从有关HTML的书中去寻找答案,用Notepad制作网页。

07学习HTML
用HTML设计网站,可以控制设计的整个过程。但是,如果你仅仅是网站设计的新手,你应该寻找一个允许修改HTML的软件包。HomeSite4是一个很好的Web设计工具。在设计过程中,HomeSite4能帮助你学习HTML。它还允许你切换到所见即所得的模式,以便你在把网站发送到Web之前,预览你的网站。

08用笔画一个网站的框架
圣人云:笔比剑更强大。在用计算机之前,用笔画一个网站的框架,显示出所有网页的相互关系。计划好你的用户如何以最少的时间浏览你的网站。

09“在计算机上永远也找不到好的方案”。——专家忠告

10网站地图
许多设计者把他们的网站地图放在网站上,这种做法,却是弊大于利。绝大部分的访问者上网是寻找一些特别的信息,他们对于你的网站是如何工作的,并没有兴趣。如果你觉得你的网站需要地图,那很可能是需要改进你的导航和工具条。

11“睁大你的眼睛,留意所有的事情。
对最不相关的东西的观察可以得到最好的灵感。观察一个站点的结构和设计。理解站点结构的关键元素,确保你的设计是围绕站点浏览进行的。” ——专家忠告

12点击规则
听说过3次点击规则吗?对于小型网站,在你的主页上,没有任何一条信息,需要点击次数超过3次的。对于大型网站,使用导航和工具条来改善操作。

13特殊字体的应用
虽然你可以在你的HTML中使用特殊的字体,但是,你不可能预测你的访问者在他们的计算机上将看到什么。在你的计算机里看起来相当好的页面,在另一个不同的平台上看起来可能非常糟糕。一些网站设计员喜欢使用来定义特性,这虽然允许你使用特殊的字体,但是仍需要一些变通的方法,以免你所选择的字体在访问者的计算机上不能显示。级联风格表CSS有助于解决这些问题,但是只有最新版的浏览器才支持CSS。

14“使用切合实际的简便的命名规则。” ——专家忠告

15检查错别字
好的拼写是人们一生中重要的技能。但是遗憾的是,许多设计者都缺少这种技能。确保你拼写正确,并且格外注意平常容易误写的错别字。

16避免长文本页面
在一个站点上有许多只有文本的页面,是令人乏味的,且也浪费Web的潜力。如果你有大量的基于文本的文档,应当以Adobe Acrobat格式的文件形式来放置,以便你的访问者能离线阅读。

17不要使用卷滚条
人们厌恶在网上使用卷滚条。Trouble网站(http://www.Trouble.co.uk” www.Trouble.co.uk)是一个典型的设计很差的网站。它基于一个浮动的架构,为了阅读所有的文本,浏览者不得不使用卷滚条。

18专家最喜爱的Web设计工具
1.Adobe Photoshop
2.Macromedia Flash
3.Adobe Illustrator
4.Adobe ImageRead
5.Dreamweaver
6.Macromedia Fireworks
7. Allaire Homesites
8.Microsoft Notepad
9. Macromedia Director
10. Lightwave
11. Macromedia Freehand
12.其它:Adobe Acrobat Exchange,Allaire ColdFusion,BBEdit,HTMLValidator等。

19网站介绍
你应当有一个很清晰的网站介绍,告诉访问者你的网站能够提供些什么,以便访问者能找到想要的东西。但是,许多设计者都没有这样做。有效的导航条和搜索工具使人们很容易找到有用的信息,这对访问者很重要。告诉访问者你所提供的正是他们想要的信息。

20“网站一旦发布,网站设计的优点和缺陷全都公布于世。没有什么法使你能够比从自己的错误、倾听其他人的建议和用户反馈意见中学到多的东西。”——专家忠告

21闪烁让人头痛
通过使用标识可以吸引访问者对你的主页特殊部分的注意,但这也让你的访问者头痛。如果你想使访问者再次光顾你的网站,就少用此方法。

22背景颜色
背景颜色也会产生一些问题,可能会使网页难于阅读。你应当坚持使用白色的背景和黑色的文本,另外还应当坚持使用通用字体。

23向前和向后按钮
应当避免强迫用户使用向前和向后按钮。你的设计应当使用户能够很快地找到他们所要的东西。绝大多数好的站点在每一页同样的位置上都有相同的导航条,使浏览者能够从每一页上访问网站的任何部分。

24“坚持你的信念。严格遵守各种规则。避免想当然。绝不停止学习” ——专家忠告

25点击记数器
不要轻易考虑在你的网站上放置一个醒目的点击记数器。你设计网站是为了给访问者提供服务,而不是推销你自己认为重要的东西。大多数浏览者认为计数器毫无意义,它们很容易被做假,浏览者也不想看广告。如果你显示你的网站是多么受欢迎,你最好提供一个链接,显示访问日志。

26不要用框架
与记数器一样,框架在网页上越来越流行。在大多数网站上,在屏幕的左边有一个框架。但是设计者立刻就发现,在使用框架时产生了许多的问题。使用框架时如果没有17英寸的显示屏几乎不可能显示整个网站。框架也使得网站内个人主页不能够成为书签。也许更重要的是,搜索引擎常常被框架混淆,从而不能列出你的网站。

27去掉图像
在浏览器中即使去掉了图像功能,也要保证访问者能够在你的网站上获得满意的效果。对于那些使用ISDN连接并且关掉了图像功能的访问者,还能获得好的网页加载性能。可以通过在网页底部提供另外的链接和使用替代文字,而不是图像来满足访问者的需要。

28重复使用图像
一些网站由于使用大量不重复的图像而错过了使用更好的技巧的机会。在创建商标时,在网页上多次使用同样的图像是一个好的方法,并且一旦它们被装入,以后重新载入就会很快。

29避免使用过大的图像
不要使用横跨整个屏幕的图像。避免访问者向右滚动屏幕。占75%的屏幕宽度是一个好的建议。

30“避免使用炫耀的技巧。” ——专家忠告

31选择使用Flash动画
许多使用比较慢的计算机的访问者发现动画图标很容易耗尽系统资源,使网站的操作变得很困难,因此,应该给用户一个跳过使用Flash动画的选择。

32尽量少使用Flash插件
虽然许多Web设计者认为Flash功能很强大,并且Netscape5.0将支持Flash,在使用时不必再下载任何插件。
但是,最好还是取消使用Flash做各接口的想法。

33让用户先预览小图像
如果不得不放置大的图像在网站上,就最好使用Thumbnails软件,把图像的缩小版本的预览效果显示出来,这样用户就不必浪费金钱和时间去下载他们根本不想看的大图像。

34动画与内容应有机结合
确保动画和内容有关联。它们应和网页浑然一体,而不是干巴巴的。动画并不只是Macromedia Director等制作的东西的简单堆积。

35慎用声音
声音的运用也应得到警惕。内联声音是网页设计者的另一个禁地。因为过多地使用声音会使下载速度很慢,同时并没有带给浏览者多少好处。首次听到鼠标发出声音可能会很有趣,但是多次以后肯定会很烦人。使用声音前,应该仔细考虑声音将会给你带来什么。

36少用Java和AxtiveX
在网页上应尽量少使用Java和AxtiveX。因为并不是每一种浏览器都需要使用它,只有那些Netscape和Explorer的早期版本的使用者才需要它。另外Mac在处理Java时也存在问题,过分地使用Java,会使Mac崩溃。

37设计成功的网站
http://www.bmw.co.uk” www.bmw.co.uk ——内容和关联性很好
http://www.yugop.com” www.yugop.com ——图形下载很快
http://www.comicrelief.org.uk” www.comicrelief.org.uk ——设计简单明了
http://www.dreamcast-europe.com” www.dreamcast-europe.com http://www.newsunlimited.co.uk” www.newsunlimited.co.uk
http://www.newbeetle.com” www.newbeetle.com
http://www.swoon.com” www.swoon.com http://www.viaduct.co.uk” www.viaduct.co.uk

38慎用插件
在Web设计中,如果依赖于一些特别的插件,会减少网站的吸引力。如果访问者没有所要求的插件,将不得不到其它站点去下载,这样访问者有可能就不会返回了。

39使用著名的插件
如果网站上有声音或视频,要保证使用者通过使用某个知名的插件,能够听到或看到。许多站点使用QuickTime、RealPlay和Shockwave插件。因为,许多访问者并不愿意浪费很多时间和金钱去下载可能仅使用一次的插件。

40使用先进技术
跟上新的技术。Web技术的进步绝不会停止,所以应花一些时间来研究新产品和开发技术。

41自己创建图像和声音
使用你自己创建的或从某个商业网站上下载的图像和声音。在制作商业网站时,应该花足够的资金来创建图形,以增强公司的宣传。——专家忠告

43平台的兼容性
要为用户着想,必须最少在一台PC和一台Mac机上测试你的网站,看看兼容性如何。

44用软件分析工具找错
使用软件分析工具检查HTML。软件分析工具Doctor HTML能够帮助检查HTML中的任何问题。如果你有许多网页需要检查,可选用软件分析工具。在网址http://www.weblint.org/validation.html” www.weblint.org/validation.html中,你能够找到更多有效的HTML工具。

45避免错误链接
网站中可能与其它一些有用的站点作了链接。但是,如果在你的网页上有链接,一定要经常检查它们,保证链接有效。链接的网站可能很多,但不要链接到与你的内容无关的网站上。

46给观众成熟的东西
如果网站没有完成,就不要发送到Web上。所有好的网站都是在幕后完成之后再发布的。

47在搜索引擎上登记网站
任何一个人发现你的网站的机会都很少,除非你把你的网站在主要的搜索引擎上进行登记。

48设计一个留言板
浏览者愿意把时间花在好的网站上,所以最好有一个留言本,这能激励访问者再次回到你的网站,还有助于扩充网站内容。

49测试网站
在你的网站正式发布之前,必须进行有用的测试。在设计网站时要使用最新的软件,但是不要忘了人们并不会使用最新的浏览器,所以要照顾到以前的浏览器。在上载网站时还要测试所有的链接和导航工具条。

50“尽你所能反复测试所设计的网站,直到你不能发现新的东西为止”——专家忠告

51演示即将发布的网站
在网站正式运行之前,让人演示它。演示中人们会告诉你所设计的网站是否容易使用。

52动画点缀
网页上的动画最多只用一个。

53“倾斜的按钮看起来不会太好,最好不要使用。”——专家忠告

54内容组织
在开始创建新的网页前,仔细考虑网站内容的组织。决定好想让访问者浏览的内容,然后设计导航系统。

55“空白万岁”
注意留空白。不要用图像、文本和不必要的动画GIFs来充斥网页,即使有足够的空间,在设计时也应该避免使用。

56“利用空白去吸引注意力。
为了吸引眼球,Web设计者使用各种方法, 比如:闪烁、旋转等,但是利用空白会吸引更多的注意力。”——专家忠告

57图像压缩
为了保持小的图像,可以使用类似GIF向导的程序,它能自动对图像进行压缩。先声明图像的大小
在图像显示之前最好能详细说明图像大小属性,可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

58设计失败的网站
http://www.boo.com” www.boo.com
——在它上面找一件T恤衫要花一个小时;
——给顾客承诺的服务太多,但真正实现的太少;
——二年以前的设计水平,忽视了顾客的需要;
http://www.miniheroes.co.uk” www.miniheroes.co.uk
——不吸引人,主页太雷同
http://www.saturn.com” www.saturn.com
——设计太差
http://www.e13.com.” www.e13.com.
——没有新意
http://www.song.com.” www.song.com.
——导航不知所云

59图像大小属性
可以在IMG标签中保存这个属性。这可以使网页显得很流畅,因为浏览器可以在图像被下载之前在屏幕上显示整个网页。

60用户注册
如果能知道谁浏览了网站以及是怎样浏览网站的,那么就能得到大量有用的信息。但是,要求访问者在浏览网站之前进行注册,这样做是要冒风险的,因为这将赶走一批不愿意注册的人。获得信息的另一种方法是进行有奖竞猜或金钱奖励,让用户能主动填一些信息反馈表。

61使网站具有交互功能
在网站上提供一些回答问题的工具,使得访问者能从网站上获得交互的信息。

62图片更新
尽可能经常更换网站上的图片,人们更愿意点击的是图片而不是文本。

63在网站上提供游戏
游戏是很好的交互工具,它是使访问者能再次光顾网站的好方法。

64挑选工具软件
仔细选择Web设计工具。保证使用自己最想要的、自我感觉最好的软件。

65使用最新版本的软件
尽量使用Web设计软件的最新版本,还应当能被授权进行免费或便宜的

互联网上宁夏企业走得太慢

  宁夏.com被拍卖了,ningxia.com被浙江某个人注册拍卖6万元!ningxia.net被加拿大人注册,还不知道要多少钱!ningxia.org被国外注册、Helanshan.com被香港人注册、nxtravel.com 被香港人注册、xixia.com也被香港人注册了……
  看到这些,我们难道不该反省?宁夏人是到了应该好好保护自己网上资源的时候了。
  易赛得作为宁夏的一家域名注册服务提供商,在四年前就保护注册了关于西夏的所有域名,可是还是晚了一步,最好也是价值最大的一个xixia.com域名被香港一家注册机构注册,对方要价也是天价!
  也许宁夏现在并不需要此类域名,但是随着网络的应用深度增加,在未来这些域名将是宁夏的宝贵资源,虽然古老的西夏文化遗址在宁夏,国家投入几千万来保护西夏文化遗产。但是要将这些文化传播出去,网络是最佳的途径。域名是网络传播的一个重要基础标志,名不正则言不顺。所以宁夏的企业应该知道域名的重要性。
  近来,根据在国际互联网(Internet)上的检索资料显示,我国大量知名企业 、驰名商标和其它特定称谓的国际互联网络域名已被他人抢先注册。目前仍有相当多的企业和机构尚没有认识到自己域名的珍贵性,对本应属于自己的域名已被他人注册的事还全然不知。
  域名,是一个企业或机构在互联网上的名字标识,是在互联网上进行相互联络的网络地址,或称之为企业电子商标。它是企业进入国际互联网必不可少的身份证明,也是企业建立自己互联网站的第一步。一个企业如果想在互联网上出现,只有通过注册域名,才能在互联网上确立自己的一席之地。
域名有以下重要特性:
  标识性,域名具有类似于产品商标和企业标识物的作用。企业域名若被他人抢注,就相当于商标被抢注一样,对企业的国际交流、产品市场拓展、企业形象等方面造成巨大的潜在威胁。
  唯一性,由于国际域名在全世界是唯一注册的,因此在全世界范围内,如果一个域名被注册,其他任何机构都无权再注册相同的域名。
  必要性,域名除了标识企业的形象外,也是企业在互联网络中建立自己的网站的第一步,更是必不可少的一步。
  随着国际互联网在世界范围的蓬勃发展,网络的应用渗透到社会生活的各个方面,成为未来人们生活和工作的基本环境。大量的企业开始应用互联网络开展业务,由此开始了注册符合自己企业特征的网络域名的争夺战。我国大量的知名企业、商标和特定称谓等被他人抢先注册,为我国企业和机构将来通过国际互联网开展业务带来严重障碍,在众多方面造成不应有的经济和信誉上的损失。保护域名资源,能有效防止有些注册机构或个人利用抢注的域名对我国企业进行敲诈的不法行为。

Medicine for your IE6/PNG headache!

Medicine for your IE6/PNG headache!
DD_belatedPNG is free software under the MIT License.
Please familiarize yourself with known issues.
You might also enjoy DD_roundies.

————————————————————————————————————————

What?
This is a Javascript library that sandwiches PNG image support into IE6 without much fuss.

You can use PNGs as the SRC of an element or as a background-image property in CSS.

If you attempt the latter, you will find that, unlike with vanilla usage of AlphaImageLoader, background-position and background-repeat work as intended.

As a bonus, “fixed” elements will respond to a commonly used set of Javascript style assignments, as well as the A:hover pseudo-class.

————————————————————————————————————————

Table of Contents
How?
Usage
Alternative Usage
Technical Summary
Known Issues
Supported Browsers
To-Do List
License
Credits
Download
Donate
Changelog
Examples
CSS Background Properties
Javascript Animation
Clickable Elements
Support
Pseudo Class Support
Contact / Comments

————————————————————————————————————————

How?
Long story short, this uses Microsoft’s implementation of VML instead of Microsoft’s AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known about this.

————————————————————————————————————————

Usage
The intended implementation is pretty easy:

Download a copy of the DD_belatedPNG Javascript file – please do not hotlink mine, I am on a shared host.
Refer to it in your document (second line of the example code a few bullets down).
In another script node, add function calls to DD_belatedPNG.fix().
fix() requires one argument: a text string representing a CSS selector.
Here is an example:
As of 0.0.3a, you can roll a bunch of CSS selectors into one argument, just like how you’d do a selector group in a CSS file: fix(’.example1, .example2, img’);

————————————————————————————————————————

Alternative Usage
Due to popular demand, here is some documentation for how to “fix” elements on a pick-and-choose basis.

Refer to the DD_belatedPNG script as noted earlier.
Call DD_belatedPNG.fixPng( yourElement ), with the sole argument being an HTMLDomElement instead of a CSS selector.

————————————————————————————————————————

Technical Summary
(Based on the normal usage approach)

Invoking DD_belatedPNG.fix() adds a line of CSS to the document via DOM.
The selector of this CSS is provided by the first argument for fix, which should be a string (such as #content div).
The declaration of this CSS is an MSIE-proprietary behavior – basically a Javascript expression bound to elements on the fly, without walking through a NodeList collection.
The content of the behavior executes a function with each matched element as its sole argument.
The first duty of this function is to reset its own style.behavior to no longer have a value; allowing behaviors to continue unchallenged is a recipe of for CPU-eating disaster.
The function then examines the element’s dimensions, location, and styles using offsetWidth, offsetHeight, offsetLeft, offsetTop, and currentStyle
Using the above information, a VML node is constructed and prepended (insertBefore) to the element.
The VML node is absolutely positioned to follow behind the element like a lost little puppy. It copies the matched element’s z-index.
To support various positioning and repeat background properties, some of the VML element gets a style.clip rectangle.

————————————————————————————————————————

Known Issues
You cannot use ‘body’ as the CSS selector argument for the fix() function. The VML is positioned using sibling DOM relationships! You cannot create a previousSibling of

Medicine for your IE6/PNG headache!

DD_belatedPNG is free software under the MIT License.
Please familiarize yourself with known issues.
You might also enjoy DD_roundies.


This is a Javascript library that sandwiches PNG image support into IE6 without much fuss.

You can use PNGs as the SRC of an <IMG/> element or as a background-image property in CSS.

If you attempt the latter, you will find that, unlike with vanilla usage of AlphaImageLoader, background-position and background-repeat work as intended.

As a bonus, “fixed” elements will respond to a commonly used set of Javascript style assignments, as well as the A:hover pseudo-class.


Table of Contents


Long story short, this uses Microsoft’s implementation of VML instead of Microsoft’s AlphaImageLoader filter. I stumbled upon the notion that PNG images show up correctly in a VML fill element while working on DD_roundies. Thereafter, some Googling revealed that a few people had already known about this.


The intended implementation is pretty easy:

  • Download a copy of the DD_belatedPNG Javascript file – please do not hotlink mine, I am on a shared host.
  • Refer to it in your document (second line of the example code a few bullets down).
  • In another script node, add function calls to DD_belatedPNG.fix().
  • fix() requires one argument: a text string representing a CSS selector.
  • Here is an example: <!—[if IE 6]>
    <script src=“DD_belatedPNG.js”></script>
    <script>
       /* EXAMPLE */
       DD_belatedPNG.fix(’.png_bg’);
      
       /* string argument can be any CSS selector */
       /* .png_bg example is unnecessary */
       /* change it to what suits you! */
    </script>
    <![endif]—>

  • As of 0.0.3a, you can roll a bunch of CSS selectors into one argument, just like how you’d do a selector group in a CSS file: fix(’.example1, .example2, img’);


Due to popular demand, here is some documentation for how to “fix” elements on a pick-and-choose basis.

  • Refer to the DD_belatedPNG script as noted earlier.
  • Call DD_belatedPNG.fixPng( yourElement ), with the sole argument being an HTMLDomElement instead of a CSS selector.


(Based on the normal usage approach)

  • Invoking DD_belatedPNG.fix() adds a line of CSS to the document via DOM.
  • The selector of this CSS is provided by the first argument for fix, which should be a string (such as #content div).
  • The declaration of this CSS is an MSIE-proprietary behavior – basically a Javascript expression bound to elements on the fly, without walking through a NodeList collection.
  • The content of the behavior executes a function with each matched element as its sole argument.
  • The first duty of this function is to reset its own style.behavior to no longer have a value; allowing behaviors to continue unchallenged is a recipe of for CPU-eating disaster.
  • The function then examines the element’s dimensions, location, and styles using offsetWidth, offsetHeight, offsetLeft, offsetTop, and currentStyle
  • Using the above information, a VML <DD_belatedPNG:rect/> node is constructed and prepended (insertBefore) to the element.
  • The VML node is absolutely positioned to follow behind the element like a lost little puppy. It copies the matched element’s z-index.
  • To support various positioning and repeat background properties, some of the VML element gets a style.clip rectangle.


  • You cannot use ‘body’ as the CSS selector argument for the fix() function. The VML is positioned using sibling DOM relationships! You cannot create a previousSibling of <body>, so trying to do so fails (badly). As an alternative, you can wrap the contents of the <body> element with a wrapper element, and apply the background style and fix function to that instead. It is not a question of getting it to work, it is a question of performance.
  • <TR> and <TD> elements do not play nicely yet. Do not attempt.
  • This script does not address background-position: fixed; functionality.
  • “Fixed” <IMG/> elements must take on visibility:hidden;, and thus become unclickable. I see no workaround other than using clear pixel GIF replacements, and that is code that I am not going to write.
  • <INPUT type=“image”/> nodes are not supported. The node with the original PNG SRC must take on visibility:hidden;
  • The “clickable elements” example boasted in this document may fail when combined with an alpha (opacity) filter. I don’t know of a workaround yet.
  • Testing for PNG image presence is done by Javascript string search. If you have a URL that doesn’t end in .png, you’re not in luck. I suppose I could add a ‘force’ option – let me know if you need it.

Found something wrong? Send me bugs!


This is intended solely for Internet Explorer 6. Use the script with conditional comments.


  • Find bugs.
  • ???
  • Profit!
  • Test for memory leaks.
  • This item will always persist: find performance improvements.


DD_belatedPNG is free software under the MIT License.

The License shall remain addressable at this URL:
http://dillerdesign.com/experiment/DD_belatedPNG/#license

Copyright © 2008 Drew Diller

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the “Software”), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED “AS IS”, WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.


My thanks to Jonathan Snook for pointing out something else I had written was almost there for good PNG support.


↓0.0.8a.js (Uncompressed, ~12Kb)

↓0.0.8a-min.js (Compressed, ~7Kb)


Any donations are sincerely appreciated, and help reduce the occurrence of glares from my wife when I am staying up past her bedtime writing software.


  • 0.0.8a / 2009.06.30 (source.js / packed.js)
    • “DD_belatedPNG is undefined” error should occur less often now.
    • Auto-cleansing of VML artifacts when printing (or performing a print-preview) – thanks to R锟絤i Pr锟絭ost!
    • Allowing CSS padding of <IMG/> elements in strict rendering mode.
    • Stricter adherence to JSLint.
    • Switched to YUI Compressor for packed copy of lib.
    • No JS error messages in Firefox (et al), if you choose to not include the lib through conditional comments.
  • 0.0.7a / 2009.01.01 (source.js / packed.js)
    • New feature: alpha filter value copying (in other words: opacity support, allows fades to happen for instance).
    • Bug fix: saying fix(‘img’); froze IE6 in less than a second. Basically the size-finder images weren’t being protected from them being matched and “fixed” (and they would, in turn, ask for more elements to be appended to the document – INFINITE LOOP).
    • Notice: some under-the-hood function names changed because I got sick of typing long ones.
    • Performance improvement: matched elements won’t get “fixed” if a PNG src or background image isn’t detected. This means you can be lazy.
    • Performance improvement: according to Fiddler2, images get cached correctly — most of the time. I believe there is still an issue to solve related to latency.
    • Performance improvement: appending “size finder” images to the document in a more intelligent, less greedy, as-needed basis.
    • <IMG/> support kinda sucked, but no one reported it. Improved it anyway.
  • 0.0.6a / 2008.12.14 (source.js / packed.js)
    • Edges of fixed elements are no longer fuzzy (except for floated elements, and only sometimes, and it goes away on mouseover… weird) – the one pixel gap problem has been mostly solved. Few people noticed, but it bugged me, and was VERY hard to fix.
  • 0.0.5a / 2008.12.12 (source.js / packed.js)
    • Hopeful memory improvement: now setting DD_belatedPNG to null in an onbeforeunload listener.
    • Hopeful memory improvement: various VML manipulation methods used to be copied onto each matched element. Figured out how to just have them in the DD_belatedPNG namespace and keep everything working properly. Should have done this initially.
  • 0.0.4a / 2008.12.11 (source.js / packed.js)
    • James O’Brien suggested applying a large negative top to the dummy “size finder” images, in case one of them is very large, to prevent them from rendering an unnaturally tall page.
    • Very small change: added onfocus and onblur event handlers for anchors.
  • 0.0.3a / 2008.12.10 (source.js / packed.js)
    • <IMG/> support! A clear pixel gif is not required, I simply copy the matched image’s border styles and set visibility:hidden;. You can also be lazy about img.width and img.height attributes.
    • Removed the top/left 1px fudging of the image-filled rectangle (it wasn’t visible enough to warrant the added complexity).
    • R锟絤i Pr锟絭ost submitted a patch for when an element’s border is not set.
    • Fixed a bug in which elements that spanned the entire width of the page were causing an “Infinite Scrollbar.”
    • You can now roll multiple selectors into one call to fix (the change in JS simply does a split, by comma), like DD_belatedPNG.fix(’.thing, .something_else’);
  • 0.0.2a / 2008.12.09 (source.js / packed.js)
    • After observing some offset misalignment and layering issues, each matched element and its parent is now forced into receiving hasLayout.
    • If a z-index is specified on the matched element, it is now copied to the VML.
  • 0.0.1a / 2008.12.07 (source.js / packed.js)
    • Initial release.


CSS Background Properties

Use these fields to change background properties.

The last field is a text field and will accept ‘red’ or ‘#F00’ or ‘#FF0000’.



Javascript Animation

Click on me.

Clickable Elements

Since AlphaImageLoader is not used, this approach doesn’t appear to suffer from any of that filter’s known layering issues.

You can click elements to your heart’s content!

Be wary, mixing in an opacity filter may UNDO this beneficial feature!

Radios work as well:


<IMG/> Support

No pixel GIFs!


A:hover Psuedo-Class Support

Run your mouse over these:

psuedo class


There is a blog post about this at dillerdesign.wordpress.com.

Otherwise, you can email me.