404页面制作详解

要了解网站404错误页面制作步骤,首先要了解什么是404错误页面。

所谓404错误页面就是链接指向的网页不存在,网页URL生成规则改变、网页文件更名或移动位置、导入链接拼写错误等,导致原来的URL地址无法访问,当Web 服务器接到类似请求时,会返回一个404 状态码。

为什么要制作404页面?

目的是:告诉浏览者其所请求的页面不存在或链接错误,同时引导用户使用网站其他页面或自动跳转到网站页面而不是关闭窗口离开,其实就是为了一个用户体验。

怎样制作404错误页面?

制作404页面代码,不会制作404错误页面的人也可以借鉴以下代码:

<html>

<head>

<meta http-equiv="Content-Language" content="zh-cn">

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>亲!您的访问出错,马上回来!</title>

<meta http-equiv="refresh" content="5; URL=http://www.wuyouseo.com/">

</head>

<body>

<h1 align="center">

<p align="center"> <img src="http://wuyouseo-wordpress.stor.sinaapp.com/uploads/2012/06/404_2.jpg" alt="404页面制作详解" width="381" height="46"></p>

<p align="center"> </p>

<p align="center"> </p>

<h1 align="center"><a href="http://blog.sina.com.cn/feiniaoseo">回到首页</a></h1>

</body>

</html>

注意:这个上面的图片地址,必须是网络地址,如果是本地图片,是打不开图片的!!

复制这些代码到Dreamweaver 软件,保存为html页面或者htm页面(具体的格式要根据自己的后台要求来做)

怎么样上传刚制作好的404页面?

1、点击“设置404页面”按钮;

2、将您设计的404页面取名为404.htm;

3、通过FTP软件上传覆盖\HttpErrors\404.htm

404页面制作详解

上传后,随便输入自己网站的不存在页面,验证结果如下:

404页面制作详解

学会

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: