Entregables por Sesión - HTML y CSS
SESIÓN 1 - ¿Qué es una web?
Curso: 1º Bachillerato
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. ¿Qué elementos ves en la mayoría de las webs?
- Título: ____________
- Imagen: ____________
- Texto: ____________
- Enlaces: ____________
2. ¿Para qué sirve el lenguaje HTML?
3. ¿Qué tipo de web te gustaría crear?
SESIÓN 2 - Estructura básica HTML
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. Crea tu primera estructura HTML básica:
<html>
<head>
<title>____________________</title>
</head>
<body>
<h1>____________________</h1>
<p>___________________________</p>
<p>___________________________</p>
</body>
</html>
2. ¿Qué dificultades has tenido?
SESIÓN 3 - Imágenes y enlaces
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. Inserta una imagen local: <img src="________________">
2. Inserta una imagen desde Internet:
3. Crea un enlace a una página que te guste:
<a href="________________">Nombre del enlace</a>
4. ¿Qué te ha resultado más fácil? ¿Y más difícil?
SESIÓN 4 - Planificación de tu web
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. Tema de mi web:
2. Secciones que tendrá:
- ____________
- ____________
- ____________
3. ¿Qué imágenes usarás?
- ____________
4. ¿Qué enlaces vas a incluir?
- ____________
Dibuja un esquema o mapa de tu web: (espacio libre para dibujo o adjunto aparte)
SESIÓN 5 - Desarrollo HTML cooperativo
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. ¿Qué parte del HTML has creado tú?
2. ¿Qué han hecho tus compañeros?
3. ¿Qué problemas habéis resuelto juntos?
Adjunta el archivo [Link]
SESIÓN 6 - Introducción al CSS
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. Color de fondo aplicado: ___________
2. Color del texto: ___________
3. Tipo de letra usado: ___________
Prueba el siguiente código:
<style>
body {
background-color: ___________;
color: ___________;
font-family: ___________;
}
</style>
SESIÓN 7 - Estilizando mi web
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. ¿Qué estilos has aplicado a los títulos?
2. ¿Y a los párrafos?
3. ¿Te gusta cómo ha quedado tu web? ¿Qué cambiarías?
SESIÓN 8 - Diseño de tarjetas/secciones
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. Crea una sección con diseño de tarjeta:
- Color de fondo: __________
- Borde: __________
- Espaciado: __________
2. ¿Con quién has trabajado esta parte?
3. ¿Qué has aprendido hoy?
SESIÓN 9 - Revisión y mejora
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. Grupo que ha revisado tu web:
2. Feedback recibido:
- Lo mejor: __________
- A mejorar: __________
3. Cambios realizados tras la revisión:
SESIÓN 10 - Presentación final y reflexión
Curso: 3º o 4º de ESO
Unidad Didáctica: Diseña tu Primera Web con HTML y CSS
Nombre del alumno/a: ____________________________
1. ¿Qué parte de la web presentaste tú?
2. ¿Qué opinan los demás de tu web?
3. Reflexión final:
- Lo que más me ha costado:
- Lo que más me ha gustado:
- Lo que he aprendido:
Adjunta tu web final ([Link] + [Link]) y/o URL si está publicada.