¿Quiere poner una página de bienvenida en su página web? Las páginas de bienvenida son una excelente manera de marcar su sitio web. Este instructivo asume que conoces bastante HTML y CSS, y podría ser útil si también conoces algo de JavaScript básico.
Pasos
Paso 1. Cree su página de esquema
Podrías usar un CSS externo (hoja de estilo en cascada), pero en este ejemplo vamos a utilizar un hoja de estilo interna. Entonces necesitas comenzar con tus etiquetas básicas:
¡Bienvenido!
Paso 2. Complete la CSS y la información del título en la sección
Obviamente, necesitará cambiar los valores para que se adapten a sus necesidades:
¡Bienvenido!
cuerpo {color de fondo: #DCDCDC}
Omitido …
Nota:
Es posible que desee agregar una propiedad CSS para las fuentes.
Paso 3. Agregue el script para pasar a la página de inicio
Esta sección es opcional y simplemente puede omitirla si no desea que continúe automáticamente.
Omitido …
window.onload = tiempo de espera;
tiempo de espera de la función () {
window.setTimeout ("redirect ()", 5000)}
function redirect () {
window.location = "Inicio.htm"
regreso}
Omitido …
Omitido …
Notas:
El número 5000 medio
Paso 5. segundos. Cambie esto por tiempos más cortos o más largos. Cambie el nombre del archivo de redireccionamiento por el nombre de su página de inicio.
Paso 4. Agrega un título
Este probablemente debería ser el nombre de su sitio web, y debería incluirlo en etiquetas para que sea más fácil de encontrar para los motores de búsqueda.
Paso 5. Agrega una imagen
Esto debería demostrar de qué se trata su sitio. De nuevo, puede utilizar el
etiqueta.
Omitido …
Notas:
Este paso asume que ha guardado la imagen del título en la misma carpeta que la .htm archivo, y que se llama "splashimage.jpg". Puede agregar posicionamiento CSS si prefiere que la imagen esté en otro lugar de la pantalla, como el centro.
Paso 6. Agregue un botón
Este botón será una forma para que los visitantes accedan a la página de inicio más rápido. Cuando hacen clic en él, se mueven inmediatamente a la página de inicio. Alternativamente, podría simplemente proporcionar un enlace a la página de inicio.
Omitido …
Nota:
Puedes cambiar el "valor" elemento para cambiar el texto que se muestra en el botón.
Paso 7. Agrega algo de texto
Esto podría ser lo que quieras. Por lo general, es una especie de saludo de "Gracias por visitar" o "Creado por …".
Omitido …
¡Gracias por su visita!
Notas:
Aquí es donde podría usar CSS para el texto. Podrías usar un encabezado (
) en su lugar si lo desea.
Paso 8. ¡Ahora tienes una página de bienvenida que funciona
¡Ahora es el momento de mejorarlo usando CSS y ponerlo en marcha!
Video: al utilizar este servicio, es posible que cierta información se comparta con YouTube
Consejos
- Agregue todo el contenido que desee, pero no lo haga demasiado ocupado.
- Puede agregar sonidos y video si lo desea, pero esto supondrá un tiempo de carga prolongado para algunas personas.
- Si no sabe mucho sobre HTML o CSS, puede utilizar un editor guiado como Blogger para simplificar este proceso.
