RSS

Sitio sobre Brasil 2014

13 Jun

HTML

Les comparto el trabajo que hicieron mis alumnos de 4to año de secundaria sobre el mundial. Diseñaron un sitio Web “desde cero”, escribiendo ellos mismos el código HTML y CSS, con información de todas las selecciones y todos los estadios.

Comparado con un diseño profesional, es obviamente muy pobre, pero estoy personalmente muy contento por cómo se motivaron y cómo trabajaron; quedando un resultado final bastante aceptable.

Enlace: http://escuelapadrejose.com.ar/mundial

CSS y asistente

Los chicos, después de haber estudiado CSS y HTML, hicieron su investigación, guiada por algunas preguntas sobre los países y las selecciones. Luego, plasmaron el resultado de la investigación en páginas HTML, cuyo código escribieron directamente.

Después de eso, yo le di un formato uniforme a todos los archivos HTML (en realidad, cargué los datos en una Base de Datos, para que las páginas se armen dinámicamente con contenidos distintos, pero sean todas iguales).

Una vez que estaban todos los archivos HTML listos, hicieron una hoja de estilo CSS para darle formato al sitio. Escribieron también el código directamente, con ayuda de esta herramienta.

Me falta ahora hacer que, al azar, se cargue uno cualquiera de los estilos CSS para que todos puedan ver su trabajo en la Web. Será tarea para este fin de semana.

Si a alguien le interesa el código fuente, me lo pide y se lo mando. Para hacer otros trabajos sobre el mundial, puede resultarles útil la Base de Datos que utiliza el sitio. Pueden descargarla.

 
Deja un comentario

Publicado por en 13/06/2014 en Educación

 

Etiquetas: , , , , ,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

 
A %d blogueros les gusta esto: