海阔凭鱼跃,天高任鸟飞!

天高任鸟飞

       

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

作者:     目录: CSS+HTML & 酷站赏析     发表: 2009年12月02日

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

标签:

3 个评论

  1. 任鸟飞说道:

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

  2. 左手烟说道:

    图片很酷,差距很大。

  3. kevin说道:

    很好的文章,谢谢分享。

发表评论