post image

Cách tạo trang 404 Error Page

Trước hết bạn cần tạo một trang .htaccess trước đã.

1. Mở Notepad và copy đoạn code sau
ErrorDocument 404 /404.html
2. Nhấn Ctrl-S để lưu file lại ở ô File Name: bạn điền .htaccess

3.Tại ô Save as Type, nhấn vào mũi tên thả xuống và chọn All Files

4. Nhấn Save

5. Mở tiếp Notepad và tạo một file có tên là 404.html với nội dung tuỳ bạn

6. Upload 2 file này gồm .htaccess và 404.html vào thư mục gốc.

Dòng “ErrorDocument 404″ chỉ cho Apache server biết rằng khi nào nó không tìm được file nó cần trong thư mục của nó, nó sẽ sử dụng file được chỉ định từ trước.

Một file .htaccess ở thư mục gốc là đủ để hiển thị trang báo lỗi 404 cho toàn bộ trang web. Nhưng nếu bạn muốn có những trang báo lỗi khác nhau cho từng thư mục con, bạn có thể tải file .htaccess lên thư mục con đó. File .htaccess này sẽ override những file .htaccess ở thư mục gốc.

404 page error

Sau khi đã có 2 file .htaccess và 404.html, bạn upload cả 2 files này lên host và sau đó mở trình duyệt để kiểm tra xem nó có hoạt động hay không bằng cách gõ vào trình duyệt một trang mà bạn biết chắc không có trên host. Khi trang 404 của bạn đã hiện ra, bạn xem các đường link của nó có hoạt động như bạn đã làm từ trước không.

Chú ý: Bởi vì trang báo lỗi 404 có thể được đọc từ thư mục gốc hoặc các thư mục con của nó, thậm chí cả thư mục CGI-BIN. Do vậy khi đưa đường link vào trang báo lỗi 404, hình ảnh và logo. Bạn phải sử dụng URL đầy đủ mà không phải dạng tương đối

Ví dụ:

Top Post

Thay vì

Top Posts

Nói chung chúng ta nên hạn chế tối đa các đường link hỏng trên trang web, nhưng nếu chúng có xảy ra, chúng ta phải cố gắng hết sức để giữ chân người đọc mà phải vất vả lắm mới mời được họ đến. Nhìn chung người đọc khá dị ứng với trang báo lỗi mặc định, mỗi khi thấy nó là họ chỉ có nhấn nút Back và không đọc tiếp trang của bạn nữa.

«

»

  1. apologize says:

    gửi anh Demon và BQT, em xin phép đưa ra 1 yêu cầu.
    các anh có thể làm tuts về url rewrite giống như các anh đã làm để ẩn url thực của izwebz.com “http://www.izwebz.com/design-usability/how-to-create-404-error-page/”
    sử dụng .htaccess để em và các bạn đọc tham khảo thêm được không…
    em xin cám ơn trước!

  2. À anh ơi bửa nào a làm CLip hướng dẫn comment như thế này được không? hi nhiều người đang tìm lắm đó…

  3. Thank anh nhiều! Hi trước giờ e biết có 1 trang như thế nhưng mà không biết nó tên “404.html” hi… có gì ghé web e chơi…Newbie nên a thông cảm hihi…

  4. demenntk says:

    Sao mình làm như vậy mà không được. Host của mình không có thư mục www, chỉ có thư mục gốc là httpdocs thôi. Mình upfile file .htaccess và file notfound.html lên cùng thư mục httpdocs nhưng không được.

  5. Huỳnh Tấn Phú says:

    Anh ơi cái này có sử dụng với localhost được không?. Em thử thì ra thế này đây.
    Server error!

    The server encountered an internal error and was unable to complete your request. Either the server is overloaded or there was an error in a CGI script.

    If you think this is a server error, please contact the webmaster.

    Error 500

    localhost
    6/27/2011 5:48:15 PM
    Apache/2.2.14 (Win32) DAV/2 mod_ssl/2.2.14 OpenSSL/0.9.8l mod_autoindex_color PHP/5.3.1 mod_apreq2-20090110/2.7.1 mod_perl/2.0.4 Perl/v5.101

  6. BET BONG says:

    An choi chi 90 trieu 1 dem ma` kho^ng co ha`ng, Xem o day http://betbong.com/?cat=60

  1. BB
  2. BB
  3. BB

arrow

Lưu ý khi post comment:

  • Không "bóc tem" topic
  • Dùng lời lẽ có văn hoá và lịch sự
  • Xem trang FAQs trước khi hỏi
  • Bạn có thể dùng thẻ HTML như:<strong>, <em>, <a>
  • Đặt code trong thẻ [php],[html],[javascript],[css]

Chọn kiểu gõ: Tự động TELEX VNI Tắt