lunes, 9 de noviembre de 2026

Mi primera página web

Buenos días:

vamos a trabajar con html5 para la creación de nuestra primera página web.

FORMACIÓN

Para conocer lo básico de HTML utilizaremos los apuntes del Compañero Jesús Núñez González

Apuntes Html


TAREA

Descripción de la tarea

Crear un sitio web de tres páginas sobre una mujer contemporánea del ámbito STEM de España o Latinoamérica, destacando su biografía, trayectoria profesional, logros e impacto social.




Se valorará la creación de perfiles que aún no estén publicados en Wikipedia, por lo que no solo se aceptan perfiles de mujeres muy relevantes, sino mujeres del entorno local que trabajan en ámbitos STEM,  con trayectoria profesional en STEM o estudiantes del centro que desarrollan proyectos tecnológicos relevantes (por ejemplo, en programas como Technovation, MujeresTech, etc.), que están trabajando para conseguir un entorno digital más humano, ético y equitativo, alineado con los valores y necesidades de las personas.
 

Ejemplo de web

Si queréis ampliar conocimientos solicitarme acceso a la siguiente documentación:

Ampliación de HTML5: libro

ESTRUCTURA Y CARACTERÍSTICAS DE LA PÁGINA WEB

1. Estructura de la página

  • Cada documento debe incluir: <!DOCTYPE html>, html, head, title y body. 

  • Cada página tendrá un título diferente en la pestaña del navegador. 

2. Encabezados

  • 1 etiqueta h1.

  • Al menos 2 etiquetas h2.

  • Al menos 2 etiquetas h3.

3. Párrafos

  • Mínimo 8 párrafos con información redactada y organizada.

4. Imágenes

  • Al menos 3 imágenes.

  • Todas con atributo alt.

  • Al menos una con width y/o height definidos.

5. Vídeo

  • Incluir al menos un vídeo relacionado con la profesional elegida. 

6. Listas

  • Una lista ordenada (ol).

  • Una lista desordenada (ul).

  • Mínimo 4 elementos en cada lista.

7. Tabla

  • Mínimo 3 columnas y 4 filas de datos.

  • Debe incluir encabezados mediante th.

  • Debe tener bordes visibles y se recomienda color de fondo en la cabecera. 

8. Enlaces externos

  • Al menos 3 enlaces externos.

  • Uno de ellos debe abrirse en una nueva pestaña mediante target="_blank".

9. Navegación entre páginas

  • Las tres páginas deben quedar conectadas mediante enlaces internos.

10. Etiquetas semánticas

  • Uso obligatorio de header, nav, main y footer.

11. Pie de página

  • Incluir nombre del autor, curso y fecha.

Reto extra

  • Listas anidadas

  • Tablas con rowspan o colspan

  • Mapas con iframe

  • Formularios

  • Audio

  • Etiquetas article, section y aside

Objetivo de aprendizaje

Comprender cómo se estructura una página web utilizando únicamente HTML antes de empezar a trabajar con CSS. 

SUBIR LA PÁGINA A GITHUB

Os dejo este manual para subir la página a github

 Manual para subir la página web


 

EJEMPLOS DE MUJERES EN STEAM

Para decidir sobré que científica o investigadora española realizo la web os dejo unos enlaces:



 BUSCADORES DE PERSONAS:

Para conocer el trabajo de las personas tenemos páginas que nos lo facilitan. 

USO RESPONSABLE DE IA

En esta tarea queda totalmente prohibido el uso de la IA para la creación de contenido.
Solamente se podrá usar para autoevaluar nuestro trabajo.
En el caso de su uso, será necesario publicar en la entrada del blog correspondiente, la captura o el informa de evaluación creado por la IA, que plataforma se ha utilizado y qué versión.