精彩专题推荐:建站之入门课 建站之必修课 建站之关键课 网站价值所在 流量提高专题 css+div 标准 个人网站打造全过程
返回建站学首页
导航:
建站首页 | 网站设计 | 网站开发 | 网站运营 | 网页软件 | 建站指南 | 搜索优化 | 图像处理 | 视频教程 | 书籍教程 | 建站专题
当前位置:首页>网站设计>网页技巧>正文

太有创意了!看看这些让人称绝的404错误页面


来源:pchome 时间:07-03-28 点击: 点击这里收藏本文

  在http规则中用404来表示某个页面不能访问,一般来说,网站的404错误页面都是IIS或APACHE默认的页面,千篇一律,非常单调。由于可以自己订制,于是后来就衍生出了许多个性化的奇趣版的404错误页面。笔者在此就拿一些国内外的比较好的创意来为大家介绍一下。

 

一、404页面上的Flash创意

1.Flash游戏的选材上堪称绝!

推荐指数:★★★★★

  笔者在数码社区发现了下面这个Flash游戏,或许很多人进入到这个页面的时候都以为自己是正在访问一个游戏网站,其实不然,笔者进入的是数码社区的404错误页面。这个页面让人有一种耳目一新的感觉,这就是一种创意。

  游戏操作步骤:首先点击“开始”启动游戏,然后点击迷宫马路上的有方向的箭头,于是小车便会按照用户的意思前进,祝你成功走出迷宫!  

点击访问Flash出处站点

  这个404错误页面的成功之处不仅仅在于其采用了Flash这种形式,而更在于其选取的这个游戏。国外网站通常将“Lost”这个单词放在他们的404错误页面中,可以译为“迷失方向”,而这个小小的Flash游戏正把这个意境表现得淋漓尽致了。

  同时也正如网友的评论所述:“个性化的错误页面,干净的网页设计,漂亮的错误图片,以及诚恳的文字提示,但终究无法与访客互动起来。 而这个非常简单的Flash游戏却成功了,它还可以让访客在错误之际来玩把游戏轻松一下。”

  2.蛤蟆提醒出错记--淋漓尽致表现404

  推荐指数:★★★★★

  最近笔者闲来无聊,经常在网上瞎逛,逛逛逛,逛多了,自然就有新奇的发现啦!来,一起看看看看“蛤蟆提醒出错记”!

点击全屏观看 

  笔者推荐读者“点击全屏观看”该Flash那样会看到更好的效果。

  (1)图1中的这蛤蟆好像也是通人性的,跳出来之后还指着“error 404”提醒访问者出错拉!

蛤蟆提醒出现404错误

图1 蛤蟆提醒出现404错误

  (2)如图2,“走开吧!”,这是蛤蟆见访问者没有反应后拿出来的标语牌,蛤蟆都开始没有耐心了,看来它的脾气也不太好。

“走开”标语

图2 “走开”标语

  (3)用户还是不肯离开的时候,蛤蟆肯定在想:“这家伙真是笨蛋,还不肯走,再给你个下马威”。于是蛤蟆这回搬出一块大的“广告牌”上面白纸黑字写着:你要访问的页面无法找到啊!

你要访问你页面无法找到

图3 你要访问你页面无法找到

  (4)“孺子不可教也,走人了,甭理他了,回家睡觉去”,蛤蟆走人了,蛤蟆让你吃闭门羹了。

蛤蟆回家睡觉了,不再理访问者

图4 蛤蟆回家睡觉了,不再理访问者

二、打字机器人式的404

推荐指数:★★★★★

  平日里,大家都应该对机器人这个字眼比较熟悉,在网络上有发帖机器人,有IM工具上的聊天机器人……。这里的机器人则是自动应答式的,当你不小心进入到这个页面的时候,它就开始打字了。在下图中无法将这个效果展示出来,请点击访问该创意的页面出处,看看这种效果。

机器人效果图

机器人效果图,无法展示具体效果,点击访问该创意的页面出处

四、不同的访问时间,不同的404页面——智能404?

推荐指数:★★★★☆

  如图8、9,这两张图都来自同一个网站的同一个错误页面,为什么这图的风格却如此大的差异呢?图8让众多男士流鼻血,图9却是让人摸不着头脑。下面就让笔者来揭开其神秘的面纱吧!

  如图10(笔者从其网站上下载下来的),有个黑线在不断地移动,这一定是有什么蹊跷了,其实这条黑线就是用来标示你访问时间的。

  当你刷新页面,或者点击页面中的“Again”时,页面的反应时间就决定了所展示的图片,也就是说这图片是随时间调用的。笔者多说无益,有兴趣的读者就访问Andreas room,去看更多的让你流鼻血的图片吧!哈哈

流鼻血的哦

图8 流鼻血的图哦,更多的精彩等你去发掘(点击访问页面出处)

与上图毫无关联的图片

图9 与上图毫无关联的图片

图10 不断移动的小黑线

9 7 3 1 2 4 8 :

  把此文章收藏到:          
广而告之
文章搜索
  • Google JZxue.Com

关于我们 | 联系我们 | 友情链接 | 网站地图
Copyright © 2005 - 2006 建站学 All rights reserved.