Thursday, 16 October 2025

PRIMER SITIO WEB DE PRÁCTICAS - Página Index -

Organiza bien todos tus documentos html de las prácticas realizadas en una misma carpeta y crea carpetas independientes para imágenes, audios y vídeos.

Guarda en esa misma carpeta la hoja de estilos. Aplica algunos estilos más para unificar los títulos, los tipos de letra, etc...

Escribe la etiqueta de enlace a la hoja de estilos en el encabezado de todas las prácticas:

Crea una nueva página que llames index.html que será la página principal desde donde se podrá acceder a todas las prácticas. Repasa los enlaces relativos que utilizaste en la práctica 4. 


Coloca en cada práctica una imagen con una flecha o una casita, que sirva de enlace a la página INDEX


Completa tu página index.html con una imagen creada con inteligencia artificial en la que aparezca un estudiante que se parezca a ti trabajando con html y css en un ordenador.

Al pinchar sobre la imagen se debe abrir en una pestaña nueva la imagen en grande!!

Además, escribe una introducción sobre todo lo que has aprendido hasta ahora, explicando algunas de las principales ETIQUETAS HTML y los TIPOS DE SELECTORES CSS.

Y además, otra cosita ;-) ... para que yo pueda ver vuestra hoja de estilos, al final de la página principal, inserta un enlace a tu archivo .css

ACTUALIZA TODO EN TU HOSTING 
Y ASEGÚRATE QUE TIENES BIEN EL ENLACE EN TU BLOG!!

 En la página index, añade también un pie <footer> con tu nombre y fecha:


Y en la hoja de estilos aplica este código cambiando los colores si lo deseas:



No comments:

Post a Comment