多语言展示
当前在线:693今日阅读:84今日分享:32

网站404页面制作流程

在网站优化中,我们网站中难免会存在一些错误链接,导致用户在打开这个链接时,所在页面没有存在相关提示信息,导致用户的流失或者网站的的跳出率增加,所以在我们优化网站时,我们会给用户一个有提示的错误页面,帮助用户重新回到我们网站,简称网站404页面。
工具/原料
1

404图片

2

404HTML文件

3

FTP

方法/步骤
1

就以一站网的404页面为例吧,首选我们打开网站首页:www.1zhanw.com ,在域名后面随意舒服一个字母,这时我们网站就会出现一个错误提示页面,如下图所示:

2

制作网站404页面我需要准备一些资料,html文件,图片,还有404页面的设计风格,资料准备好之后,下面我们一起来制作一下404页面吧。

3

首先我们需要建立一个新的文件夹,命名为404页面,在404文件夹里面我们建立一个新的html文件,另外再把我们准备好的图片放在404页面文件夹中,如下图所示:

4

建立好之后,我们就需要根据自己的风格设计出漂亮的404页面了。

5

写好404html文件中的代码后,我们就需要在html文件中调用同在一个目录下的图片了,也就是我们事先准备好的图片,因为图片和404html文件在同一个目录,所以我们的图片路径直接写图片名称,如下图:

6

在完全制作准备好404页面后,我们就需要把404文件夹中的内容上传到网站里面,利用软件,FTP进行传输数据,404html我们上传到网站的根目录下面,图片我们也可以上传到根目录下面,但为了方便管理,我们统一把图片放到网站的images文件夹中,如下图所示:

7

我把图片放在images文件中吗,我们就需要对404html文件代码中的图片路径进行修改,图片路径就是我们放在images图片的路径,如下图:

8

到了这里,网站404页面制作也就结束了,但我们需要注意一点哦,我们上传好所有数据之后,我们需要登录网站后台,把网站进行更新缓存,这样我们才能在网站中看到我们所制作的404页面哦。

注意事项
1

图片路径一定要修改成图片存放的那个地址才能正确显示

2

编写代码利于专业的代码编辑器进行编辑

推荐信息