利用.htaccess自定义404错误页面

404错误页面是指在服务器找不到指定的页面时。由服务器返回的错误信息显示页面,404错误页面可以自定义成自己喜欢的样式。

为了提高用户体验以及留住潜在的用户(因国内的电信运营商往往将无效网页转到运营商网站的页面),越来越多的设计者开始关注404错误页面的设计,着重体现的美工设计及导航功能。

下面给一个国外网站404错误页面的截图供借鉴。

404-page-design

Apache+php环境下自定义404页面的方法:

  1. 制作404.html。和普通.html文件制作方法一样。
  2. 制作.htaccess文件,利用记事本编辑,将文件保存成(不包含引号) “.htaccess”,代码如下面所示。
  3. 上传404.html 和.htaccess 到服务器。

 <Files .htaccess>
order allow,deny
deny from all
</Files>
ErrorDocument 404 /404.htm

备注:

  • ErrorDocument 404 /404.htm(根据自定义404页面所在的位置而定)
  • 如果404.html的小于512字节的话,那么IE会认为这个错误页面不够“友好”,会忽视掉的,所以404页面文件的大小一定要大于512B。

.htaccess代码说明:

  • <Files .htaccess>
    order allow,deny
    deny from all
    </Files>这段代码表明拒绝用户下载这个文本文件。
  • ErrorDocument 404 /404.htm 这段代码指出 404(该页不存在)错误页面的位置。

下面列一些超酷国外网站404错误页面。

404-page-design-2

 

404-page-design-3

 

404-page-design-4

 

404-page-design-5

标签:
除非注明,本博客文章均为原创,转载请以链接形式标明本文地址
原创文章如转载,请注明:转载自 任鸟飞网页设计 [ http://www.renniaofei.com/ ]
本文链接地址: http://www.renniaofei.com/design/404-error-page-design/
引用通告地址 Trackback URL:直接在本文链接地址后添加 trackback/
本文短网址: http://bit.ly/cE0Imj
任鸟飞

任鸟飞网页设计网创办者 主要关注网页设计,网站建设,图形图像设计。 Twitter @renniaofei QQ:29900684

3 条评论

  1. kevin 十二月 2nd, 2009   6:43 下午

    很好的文章,谢谢分享。

  2. 左手烟 一月 4th, 2010   8:40 上午

    图片很酷,差距很大。

  3. 任鸟飞 一月 19th, 2010   6:32 上午

    请注意这个语句 ErrorDocument 404 /404.htm。
    ErrorDocument 404 是一个整体。后面的/404.html是路径及文件名。

留下评论

:wink: :-| :-x :twisted: :) 8-O :( :roll: :-P :oops: :-o :mrgreen: :lol: :idea: :-D :evil: :cry: 8) :arrow: :-? :?: :!: