PROGRAMACIÓN DE UNIDAD DIDÁCTICA Nº 7: DISEÑO DE PÁGINAS WEB 1. INTRODUCCIÓN Desde que los ordenadores dejaron de ser dispositivos aislados (sin conexión entre ellos) y se comenzaron a generalizar tanto la instalación de redes locales como la conexión a internet, el acceso a la información y el intercambio de ésta han aumentado enormemente. En un principio, los usuarios intercambiaban mensajes entre ellos; posteriormente, imágenes; hoy existe una circulación masiva de información pública y privada de todo tipo. Para que todo el mundo pueda tener acceso a la información pública, es necesario respetar algunas reglas o pautas que lo garanticen. Lo primero, lógicamente, es que los usuarios dispongan de los medios físicos de acceso (equipos informáticos, puestos públicos de consulta, etc.), y que la información que deseen puedan verla y utilizarla con independencia del software que se utilice; para ello, debe estar en un formato que sea reconocido por múltiples aplicaciones o programas. 2. OBJETIVOS DIDÁCTICOS 1. Analizar páginas web según distintos criterios. (Objetivos generales de área 3, 7, 8, 9) 2. Crear páginas web utilizando un editor de páginas web. (Objetivo general de área 7) 3. Crear, gestionar y publicar un sitio web. (Objetivos generales de área 7, 9) 4. Integrar la información textual, numérica y gráfica obtenida de cualquier fuente para elaborar contenidos propios y publicarlos en la web. (Objetivos generales de área 6, 9) 5. Utilizar medios que posibiliten la interacción (formularios, encuestas, bitácoras, etc.) y formatos que faciliten la inclusión de elementos multimedia. (Objetivo general de área 5) 3. COMPETENCIAS - Crear páginas web con tablas, textos, imágenes, animaciones, vídeos, enlaces, etc. - Interpretar y expresar con claridad y precisión informaciones, datos y argumentaciones. - Usar responsablemente las TIC como medio de comunicación interpersonal. - Perseverar ante las dificultades que surjan en el desarrollo de un proyecto. - Utilizar los recursos que ofrece el ordenador como forma de expresión artística. 4. CRITERIOS DE EVALUACIÓN - Reconoce los principales formatos estándar de intercambio de información: pdf, rtf, etc. - Desarrolla contenidos para la red aplicando estándares de accesibilidad en la publicación de la información. - Reconoce un documento escrito en lenguaje HTML, y es capaz de comparar la visualización del documento en el navegador con su código correspondiente. 1
- Crea páginas web sencillas, con la ayuda de programas específicos como NVU o Dreamweaver. - Crea páginas web que contienen tablas, imágenes, hipervínculos y mapas imagen. - Publica contenidos y gestiona un sitio web constituido por varias páginas enlazadas. 5. CONTENIDOS 5.1. CONCEPTOS: (Relacionados con el bloque de contenidos 3. Decreto 112/2007, de 20 de julio) - Accesibilidad e intercambio de información. - Consorcio para la web, W3C. Iniciativa para la accesibilidad, WAI. Pautas de accesibilidad, WCAG. - Intercambio de información. - Tipos de formato. - Empleo de formatos estándar de intercambio de datos. - Editores de páginas web. - Documentos HTML. Sitio web. - Análisis de una página web preexistente. - Interés en consultar páginas web ya existentes, con objeto de mejorar tanto en forma como en contenido las que el usuario diseñe en el futuro. - Creación de páginas web con NVU. - Creación del sitio web local. Entorno de trabajo. - Agregar texto. Cambiar los colores. Insertar y modificar tablas. Insertar y modificar imágenes. - Trabajo con varias páginas web. - Comprobar las páginas creadas. - Hiperenlaces. Insertar un enlace como texto. Insertar un enlace como imagen. Especificar el destino de un enlace. - Diseño e incorporación de tablas en una página web. - Integración y organización de elementos textuales, numéricos, sonoros y gráficos en estructuras hipertextuales. - Interés en la creación de páginas web propias. - Creación de páginas web con Dreamweaver. - Entorno de trabajo. Modos de edición. - Crear un documento. Modificar las propiedades de la página. Guardar y comprobar un documento. - Insertar y modificar tablas. Insertar y modificar imágenes. - Agregar hiperenlaces. Enlazar a un correo electrónico. - Trabajar con marcos y hojas de estilo. - Incluir elementos multimedia e interactivos: vídeos, imagen de sustitución, botones flash, barra de navegación. - Administración de un sitio web. 2
- Alojar las páginas vía FTP. Administrar un sitio web con NVU. Administrar un sitio web con Dreamweaver. - Publicación y mantenimiento de un sitio web. - Responsabilidad en la publicación y el uso de los contenidos que se incluyen en las páginas web. 5.2. PROCEDIMIENTOS: - Diseño y configuración de un sitio web. - Creación de páginas web con tablas, textos, imágenes, animaciones y vídeos. - Aplicación de técnicas diversas para la creación de páginas web. - Empleo de enlaces para acceder a distintos documentos: páginas web, pdf, imágenes - Creación de páginas con marcos. - Comprobar, guardar y publicar páginas web. 5.3. ACTITUDES: - Adquisición de hábitos de trabajo adecuados: orden, precisión, claridad, limpieza, planificación. - Perseverancia en la búsqueda de soluciones a un problema que nos surge mientras realizamos un trabajo. - Empleo de estrategias diferentes para superar una dificultad. - Confianza en las propias capacidades al afrontar las actividades que se plantean en la unidad. - Actitud crítica ante los problemas de internet y de las comunicaciones globales, sobre todo en cuestiones de seguridad: virus informáticos, correo electrónico no deseado, etc. 6. ACTIVIDADES DE APRENDIZAJE 6.1. DE INICIACIÓN / MOTIVACIÓN: para averiguar los conocimientos previos del alumnado respecto al tema que se tratará en la unidad. - El profesor realizará unas preguntas que los alumnos contestarán oralmente y debatiremos en clase: Crees que todos los programas pueden trabajar con los mismos formatos, cuando se guarda información en un archivo? Conoces algunos de los formatos utilizados para las páginas web? Sabes qué ventajas tienen los formatos estándar, a la hora de intercambiar información? Cómo crees que consiguen los documentos HTML, que no pueden almacenar imágenes, que al ser abiertos en un navegador se visualicen imágenes junto al texto? 3
6.2. DE DESARROLLO: después de que el profesor haya explicado los diferentes contenidos que aborda la unidad, se pedirá al alumnado que realice una serie de actividades prácticas que faciliten el aprendizaje de los conceptos desarrollados en el tema. En otras ocasiones, las actividades planteadas serán realizadas por el alumnado sin explicación previa del profesor, de manera que se le obligue a buscar soluciones posibles a los problemas que le surjan. - Exposición teórica y posterior e inmediata aplicación práctica de cada uno de los conceptos que incluye el tema: tipos de formato, concepto de página web, editores de páginas, - Crea una carpeta en tu disco de trabajo, con el nombre, Web aficiones, para utilizarla como sitio local. - Copia la carpeta recursos, con todos sus archivos, que se encuentra en el CD-ROM del libro de texto, a la carpeta Web aficiones. - Escribe en un documento nuevo el texto que se propone y modifica. - Guarda el documento con el nombre index.htm. - Agrega un nuevo documento e inserta en él una tabla con 3 filas y 2 columnas, especificando su ancho como el 100% de la página y sin borde. - Escribe un texto e inserta las imágenes que se proponen. - Finaliza la creación de la página sugiero.htm y comprueba su aspecto en tu navegador web. - Abre el documento index.htm y crea un enlace a la página sugiero.htm. - Abre la página sugiero.htm y crea un enlace a la página index.htm con la imagen que se te había propuesto anteriormente. - Guarda las modificaciones realizadas en las páginas y comprueba que los enlaces funcionan correctamente. - Configura en un editor de páginas web tu sitio local teniendo en cuenta: En el caso Dreamweaver, éste se configura junto al sitio remoto. En el caso de NVU, hay que definir un nuevo sitio, cuya dirección URL será la carpeta del disco duro. - Reformular las preguntas que se plantearon al inicio del tema, para volver a debatir sobre los conceptos que planteamos y comprobar el grado de adquisición de conocimientos, después de haber trabajado el tema. 6.3. DE EVALUACIÓN: para comprobar que los ejercicios realizados con anterioridad han servido para alcanzar los aprendizajes programados. - Crea una nueva página web, rafting.htm, en la que vas a insertar una imagen de sustitución (Dreamweaver) que deberás definir con las dos imágenes de rafting existentes en la carpeta recursos. - Crea la página surf.htm, con el texto (surf.txt), las imágenes y el video que encontrarás en la carpeta recursos. - Crea ahora la página enlaces.htm, cuyo contenido será una imagen y una barra de navegación constituida por botones (3 botones por cada deporte con el texto de color blanco, rojo o negro). 4
- Comprueba el funcionamiento de todas las páginas creadas. 7. METODOLOGÍA Los principios metodológicos sobre los que basaré el desarrollo de esta unidad son: - Motivación, a través de las actividades específicas comentadas en el apartado anterior. - Diversidad, teniendo en cuenta el ritmo de aprendizaje distinto y las dificultades concretas que puedan encontrar los alumnos a lo largo de la unidad, para lo que estableceré diferentes niveles de profundización, atendiendo siempre a los mínimos establecidos, y los criterios de evaluación formulados. - Participación. Animando a intervenir en los debates de iniciación y finalización del tema, y proponiendo grupos de trabajo que se encargarán de buscar bibliografía y preparar exposiciones breves para el resto de la clase sobre los contenidos objeto de estudio. - Inducción. Facilitando y valorando que sean los propios alumnos quienes investiguen y traten de aportar soluciones a los problemas que puedan surgirles en momentos concretos del proceso de aprendizaje. - Exposición. Explicando determinados conceptos necesarios para la comprensión y adquisición de nuevos conocimientos, cuando considere que este sistema puede favorecer el aprendizaje del alumnado. - Globalización e interdependencia. Se conseguirá con el coloquio final del tema, en el que, además de comprobar qué han aprendido, haremos posible que se relacionen todos los contenidos tratados, y las posibilidades de aplicación a otras asignaturas o áreas. 8. RECURSOS - Hardware y software a disposición del alumnado y del profesor en el aula 3 de informática, de acuerdo con la relación que anteriormente se hizo en el apartado recursos con los que cuenta el centro para trabajar el área. - Libro de texto - Cuaderno de clase - Pen driver de utilización personal para el alumnado. 9. EVALUACIÓN DE LA UNIDAD La evaluación de la unidad se realizará teniendo en cuenta: - La participación del alumnado en los debates y discusiones programadas, así como el nivel e interés de sus intervenciones. - Su aportación al trabajo en equipo. - El seguimiento y correcta realización de las actividades preparadas para trabajar la unidad. - La realización de un ejercicio escrito, en el que el alumno demostrará sus conocimientos teóricos sobre los diferentes aspectos trabajados en la unidad. 5
- La correcta realización de las actividades de evaluación propuestas. - La presentación del cuaderno de clase. - Un breve cuestionario de autoevaluación de su trabajo en la unidad. - Un breve cuestionario sobre el interés del tema trabajado, el nivel de dificultad de los contenidos tratados y la metodología utilizada por el profesor. 6