網站404頁面製作流程?

在網站優化中,我們網站中難免會存在一些錯誤連結,導致使用者在開啟這個連結時,所在頁面沒有存在相關提示資訊,導致使用者的流失或者網站的的跳出率增加,所以在我們優化網站時,我們會給使用者一個有提示的錯誤頁面,幫助使用者重新回到我們網站,簡稱網站404頁面。

工具/原料

404圖片

404HTML檔案

FTP

方法/步驟

就以一站網的404頁面為例吧,首選我們開啟網站首頁:www.1zhanw.com ,在域名後面隨意舒服一個字母,這時我們網站就會出現一個錯誤提示頁面,如下圖所示:

網站404頁面製作流程

製作網站404頁面我需要準備一些資料,html檔案,圖片,還有404頁面的設計風格,資料準備好之後,下面我們一起來製作一下404頁面吧。

首先我們需要建立一個新的資料夾,命名為404頁面,在404資料夾裡面我們建立一個新的html檔案,另外再把我們準備好的圖片放在404頁面資料夾中,如下圖所示:

網站404頁面製作流程

建立好之後,我們就需要根據自己的風格設計出漂亮的404頁面了。

寫好404html檔案中的程式碼後,我們就需要在html檔案中呼叫同在一個目錄下的圖片了,也就是我們事先準備好的圖片,因為圖片和404html檔案在同一個目錄,所以我們的圖片路徑直接寫圖片名稱,如下圖:

網站404頁面製作流程

在完全製作準備好404頁面後,我們就需要把404資料夾中的內容上傳到網站裡面,利用軟體,FTP進行傳輸資料,404html我們上傳到網站的根目錄下面,圖片我們也可以上傳到根目錄下面,但為了方便管理,我們統一把圖片放到網站的images資料夾中,如下圖所示:

網站404頁面製作流程

網站404頁面製作流程

我把圖片放在images檔案中嗎,我們就需要對404html檔案程式碼中的圖片路徑進行修改,圖片路徑就是我們放在images圖片的路徑,如下圖:

網站404頁面製作流程

到了這裡,網站404頁面製作也就結束了,但我們需要注意一點哦,我們上傳好所有資料之後,我們需要登入網站後臺,把網站進行更新快取,這樣我們才能在網站中看到我們所製作的404頁面哦。

網站404頁面製作流程

注意事項

圖片路徑一定要修改成圖片存放的那個地址才能正確顯示

編寫程式碼利於專業的程式碼編輯器進行編輯

相關問題答案