Collage Web

De Gleducar, http://www.gleducar.org.ar

Este artículo está incluido en el CD educativo Actividades con Software Libre, realizado y publicado por Gleducar en el año 2004. Puedes acceder a mas actividades y recursos del mencionado CD en este enlace.

Tabla de contenidos 1 Collage Web 1.1 Niveles educativos: 1.2 �rea curricular específica 1.3 Expectativas de logro: 1.4 Contenidos conceptuales: 1.5 Contenidos procedimentales: 1.6 Contenidos Actitudinales: 1.7 Pasos de la didáctica: 1.8 Previo a la clase 1.9 En la clase 1.10 Evaluación: 1.11 Recursos 1.12 Sinopsis

Collage Web

Niveles educativos:

EGB2 y EGB3

�rea curricular específica

Informática

Expectativas de logro:

• Que los alumnos se familiaricen con el lenguaje HTML que está "detrás" de las páginas de Internet, de modo intuitivo.
• Que los alumnos aumenten la valorización del trabajo grupal.

Contenidos conceptuales:

• Páginas de Internet - Lenguaje UNIQ4bf52c776a057070-tooltip-64b98ec0c9f54b700000001-QINU - Código fuente

Contenidos procedimentales:

• Reconocer lenguaje HTML y su taxonomía.
• Identificar algunas partes del lenguaje en las páginas y recombinarlas, observando los resultados producidos por esas modificaciones.

Contenidos Actitudinales:

• Curiosidad, perder el miedo y desmitificar la tecnologia.
• Investigar por ensayo y error.
• Intercambiar información en equipo.

Pasos de la didáctica:

Previo a la clase

El docente deberá seleccionar un conjunto de sitios interesantes y bajarlos con el WinHTTrack, o un conjunto de páginas que pueden grabarse desde el mismo navegador Mozilla Firefox]. Este conjunto será el material incial con el que trabajarán los alumnos.

En la clase

• Dividir en grupos de alumnos por cada PC.
• Enseñarles Nociones básicas de HTML: Es necesario que los alumnos conozcan básicamente como se estructura el lenguaje porque sino pueden cortar y pegar cualquier parte de la página. Una opción para esto sería lo siguiente: tomar una página de ejemplo no muy compleja en su estructura. Primeramente identificar sus partes: como el encabezado (head) y el cuerpo (body), como así también ir explicando el concepto de tag, pero no complicarlos tanto sino explicarle que cada parte tiene un tag de comienzo y de fin.

Con el editor web Amaya (Descargas), si se selecciona una parte de la misma, se puede ver el html y la parte seleccionada aparece resaltada la línea y de esta manera se puede analizar muy bien y fácil el código.

• Trabajo de los alumnos: Darles el material para que puedan trabajar. Los alumnos deberán crear nuevas paginas HTML como un collage combinando pedazos de HTML, imágenes, etc. obtenidos del material provisto.

Promover la interacción entre los grupos para que vean unos lo que están haciendo los otros grupos e intercambiar la información.

Evaluación:

Continua. Según el grado de internalización de la mecánica de trabajo y consecusión de los resultados planteados.

Final. De las páginas logradas analizando los resultados obtenidos.

Recursos

WinHTTrack, Mozilla Firefox, Amaya

Sinopsis

La idea es armar collages con distintas "piezas" de HTML recortadas y pegadas de sitios tomados de Internet. A cada paso los alumnos podrán ir viendo sus páginas-collage resultantes y modificándolas a su gusto por ensayo y error, sin necesidad conocer los detalles del lenguaje HTML. También se puede incentivar el intercambio de información y pedazos de código "lindo" entre distintos alumnos y grupos.