En este video hay algo que no hemos visto es como crear una página 404 una página 404 es cuando alguien
entra a una sección de tu sitio web que no existe.
Supongamos que en la parte superior escribimos cualquier cosa aquí y damos Enter vemos que nos va a
marcar un error y nos va a decir que esta o RL No fue encontrada en el servidor.
El problema de no mostrar una página 404 es que puede mostrar por ejemplo aquí cosas como carpetas o
alguna otra información entonces siempre es buena idea además es lo recomendado que en caso de que alguien
escriba algo que no sea válido lo redirecciona a una página 404 de un error ahora si damos clic aquí
adelante vemos que nos dice que el 404 encontró un error mientras quería imprimir el error document.
A qué se refiere esto.
Vamos a abrir Hatoum y aquí la clave es este archivo que es el punto HT Acces va a ser un archivo no
lo hemos tocado pero tienen bastante código.
Puedes ver que son bastantes líneas son casi mil líneas de código.
Entonces todas estas líneas son diseñadas fueron hechas por los creadores de HTML5 boiler plate y ellos
se encargan de tener la configuración adecuada.
Sin embargo en lo que nos hace falta es lo que es el error document haz una búsqueda o navega hasta
la línea 88 y busca este error document.
Este es el que cambiar podemos ver que dice rooteo document lo dice 404 y lo dice diagonal 404 punto
HTML.
Cuando redirecciona es utilizando errors document necesitas toda la web del sitio web entonces aquí
lo único que hay que hacer es seleccionar esto cortarlo y pegarlo aquí.
Voy a eliminar este diagonal y guardamos cambios para que este error document funcione necesita la web
completa que incluya HTTP 2 puntos Diagonal Diagonal.
Si terminas de trabajar con tu proyecto recuerda que esta línea una vez que decidas por ejemplo ya migrar
a un sitio como HTTP 2 puntos Diagonal Diagonal site puntocom necesitas venir y modificar este archivo
de otra forma.
Va a redireccionar al local Jost pero es importante decir que siempre debe de llevar el error document.
La R.L completa ahora si hacemos de nuevo la prueba y damos clic hacia adelante recargamos aquí vemos
que ya no redirecciona al 404 punto HTML que es este que está aquí y en los archivos vas a encontrar
ese 404.
Todos esos estilos están aquí y el texto también está aquí.
Ahora usualmente vas a ver que aquí dice Staël y vienen los estilos.
Usualmente se recomienda tener los estilos en esta carpeta o en este archivo ya que si alguien pone
aquí arriba una web diferente cosas así puede ser o puede causar problemas entonces se recomienda escribir
los estilos de forma lineal.
Como aquí los tenemos entonces si vemos aquí vemos que SPG not found.
Si damos un poco de scroll ese texto está abajo entonces aquí lo vamos a cambiar por Página no encontrada
y podemos agregarle más cosas.
Por ejemplo si yo guardo cambio si recargo vemos que ya lo modifica.
Tenemos este texto también aquí este lo voy a eliminar también y vamos a poner algo así como puedes
volver al sitio presionando aquí vamos a poner un enlace que enlace a índex punto PHP y aquí lo voy
a poner aquí aquí adentro.
Aquí de esta forma se hace cargo y vemos que esa página no encontraba puedes volver al sitio presionando
aquí damos clic aquí nos lleva al índex ahora podemos personalizarlo más que se vean más como nuestro
sitio web aquí por ejemplo podría poner una imagen y M.G. y enlazará y Emecé el logo apuntó SVG.
Y poner aquí el logotipo CDL webcam y recargar y vemos que nada más aparece la barra no se ve el texto
podemos escribir un poco de CSS y volvemos a nuestro proyecto vamos a escribir fuera del Kairi para
que lo apliquen todos.
Entonces voy a poner un enlace.
Primero voy a darle estilo al enlace puedes ver que el enlace viene en color como morado entonces iba
a poner color y color que iba a poner F 9 4 y F 9 4 9 1 a guardar los cambios y recargamos a hacer color
naranja si quieres lo puedes eliminar la linea con tags de Coronation Nong eso lo va a eliminar y ya
se ve el color naranja normal ahora quiere el body podríamos poner un Bagram color background color
y voy a poner color 3 3 3 que es un color gris oscuro y no que Página no encontrada y puedes volver
etcétera.
Aquí esto es un H1B podríamos cambiarlo puedes ver que 15 color 5 5 5 podremos ponerle como FC para
que sea un color blanco y también si quieres puedes modificar este color de abajo que es el párrafo
entonces aquí podríamos copiar y pegar éste.
Obviamente esta es una página 404 muy sencilla pero es mejor tener una página 404 aunque sea así de
sencilla a no tener nada.
Ahora si buscas inspiración para una página 404 puedes buscar en Google 404 Reyes vas a encontrar muchísimos
ejemplos de páginas 404 puedes utilizar imágenes de fondo o colores.
Cualquier cosa puede ser utilizada una página 404 lo que pueda ayudar a tener una mejor experiencia
de usuario en lugar de imprimiera que el error que vimos anteriormente en el que decía que había un
error en el servidor.
Entonces puedes buscar alguna página 404 aplicarla a tu proyecto y hacer que esto se vea un poco mejor.
Así que si es como habilitar una página 404 en tu proyecto utilizando HTML5 Boiler Plait.