网站404页面制作流程

 时间:2024-10-13 20:45:54

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

网站404页面制作流程

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

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

网站404页面制作流程

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

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

网站404页面制作流程

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

网站404页面制作流程
网站404页面制作流程

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

网站404页面制作流程

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

网站404页面制作流程
  • 脚上脱皮是怎么回事怎么办
  • Axure原型工具如何将日期输入框设置成默认日期
  • 酷记事本如何开启界面跳转动画
  • 关于html内嵌video的一些参数设置
  • www浏览器app怎么启用脚本功能?
  • 热门搜索
    壮族三月三手抄报 手抄报感恩的心 四年级手抄报图片大全 数学知识手抄报 感恩主题手抄报 舌尖上的年味手抄报 关于语文的手抄报图片 传染病手抄报 国学经典手抄报资料 手抄报简单