UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO CUADERNILLO DE PRÁCTICAS Aplicaciones Educativas WEB CUADERNILLO DE PRÁCTICAS
Introducción Las posibilidades que brindan las tecnologías de la información y la comunicación para innovar en las estrategias de enseñanza - aprendizaje son múltiples, por lo que es de suma importancia que los involucrados en los procesos educativos las conozcan; en la medida en que tengas claras estas posibilidades, harás de sus aplicaciones verdaderas herramientas de aprendizaje. Es básico que el uso de tales aplicaciones sea pertinente, de forma tal que se obtengan materiales didácticos, adecuados a las necesidades de docentes y alumnos y que correspondan a los contextos en los que se encuentran inmersos. En la medida en la que se logre la obtención de tales materiales, se estará contribuyendo a elevar la calidad de la educación en nuestro país en todos los niveles. CUADERNILLO DE PRÁCTICAS P Á G I N A 2
Organización de las Materias En el modelo académico UNID existen cuatro tipos de materias: TIPO DE MATERIA DESCRIPCIÓN LUGAR EN QUE SE IMPARTE Teórico en el aula El estudiante asimila los contenidos conceptuales. Teórica con apoyo El estudiante refuerza los digital contenidos conceptuales a través de herramientas tecnológicas utilizando la plataforma de aprendizaje UNID. Teórico-práctica El estudiante adquiere conocimientos en el aula y desarrolla sus habilidades al utilizar algún software comercial. Práctica El estudiante aplica sus conocimientos y desarrolla sus habilidades en el uso de algún software comercial. 4 hrs. con el docente en el aula 2 hrs. en el aula y 2 hrs. en el CTC 2 hrs. en el aula y 2 hrs. en el CTC 4 hrs. en el CTC CUADERNILLO DE PRÁCTICAS P Á G I N A 3
Organización del cuatrimestre El cuatrimestre se encuentra ordenado en 14 semanas, en base a éste se efectúa una planeación de las diferentes sesiones para la práctica correspondiente a esta materia de Aplicaciones Educativas Web. Planeación de la práctica NÚM. SEMANA NOMBRE PRÁCTICA FECHA AULA CTC 1 Páginas, sitios y portales X 2 Navegadores X 3 Fondos X 4 Formatos X 5 PRIMER PARCIAL 6 Imágenes X 7 Tablas X 8 Software para la elaboración de páginas web 9 Software para la elaboración de páginas web 10 SEGUNDO PARCIAL 11 Hipervínculos X 12 Marcos X 13 Publicación X 14 EVALUACIÓN FINAL X X CUADERNILLO DE PRÁCTICAS P Á G I N A 4
Programa de estudio: NOMBRE DE LA ASIGNATURA (1) Aplicaciones Educativas WEB CICLO, ÁREA O MÓDULO (2) CLAVE DE LA ASIGNATURA (3) IN08 OBJETIVO(S) GENERAL(ES) DE LA ASIGNATURA (4) El alumno diseñará una aplicación educativa basada en Web, con base en los fundamentos pedagógicos y metodológicos a través de herramientas informáticas. TEMAS Y SUBTEMAS (5) 1. INTRODUCCIÓN 1.1. La World Wide Web 1.2. Páginas, sitios y portales 1.3. Formatos 1.4. Requerimientos 1.5. Navegadores 2. HTML 2.1. Fondos 2.2. Formatos CUADERNILLO DE PRÁCTICAS P Á G I N A 5
2.3. Vínculos 2.4. Imágenes 3. DISEÑO 3.1. Estructura 3.2. Menús y mapas de navegación 3.3. Fondos y temas 3.4. Marcos y tablas 3.5. Vínculos 3.6. Imágenes, audio, animaciones, video 4. HERRAMIENTAS PARA CREACIÓN DE PÁGINAS WEB 4.1. Software para creación de páginas web 4.2. Herramientas 4.3. Trabajo con HTML 4.4. Formato y estilo en texto 4.5. Imágenes y multimedia 4.6. Hipervínculos 4.7. Tablas 4.8. Marcos 5. REPORTES Y PUBLICACIÓN 5.1. Reportes en pantalla 5.2. Reportes impresos 5.3. Publicación 5.4. Pruebas y evaluación CUADERNILLO DE PRÁCTICAS P Á G I N A 6
Semana 1 Páginas, sitios y portales Número de la práctica: 1 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Tema Software a emplear: Distinguir las características de las páginas, sitios y portales de internet para diferenciarlos con mayor precisión. 1. Introducción 1.1. Páginas, sitios y portales Word CUADERNILLO DE PRÁCTICAS P Á G I N A 7
ACTIVIDADES EN INSTRUCCIONES EL CTC Revisión vídeo de 1. Reflexionar sobre las características de los portales, sitios y páginas web; distinguir diferencias entres los elementos. 2. Llenar las dos primeras columnas del instrumento para la revisión del vídeo. 3. Revisar el video Diferencia de un sitio web y una página web, (s.a.) (2011) recuperado el 29 de junio de 2012, de http://www.youtube.com/watch?v=qi9lzu-m7ws 4. Concluir el llenado del instrumento de revisión de video. Realización lecturas de Ubicar en el Glosario de Nuevas Tecnologías de la Comunicación y la Información de Avogrado, M. (2007, febrero). Razón y palabra. México: ITESM. Recuperado el 29 de junio de 2012, de: http://www.razonypalabra.org.mx/comunicarte/2007/febrero.html los términos: página, sitio, portal. Realizar la lectura Sociedad de la Información de Peña, M.A., (2011, 9 marzo). Uruguay. Recuperado el 29 de junio de 2012, de http://infoius.blogspot.mx/2011/03/paginas-web-y-portalescual-es-la.html y toma nota de los aspectos más importantes. Elaboración de Elaborar una tabla en la que se presenten las características de CUADERNILLO DE PRÁCTICAS P Á G I N A 8
tabla de características y resumen. páginas, sitios y portales web, así como ejemplos de los mismos. Anexar a la tabla anterior, un párrafo en el que se describa si las páginas, sitios y portales presentan una secuencia. Enviar al profesor, el producto obtenido. INSTRUMENTO PARA LA REVISIÓN DE VIDEO LO QUE SÉ LO QUE QUIERO SABER LO QUE AHORA SÉ EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de los elementos en la tabla elaborada por los alumnos. Deberá considerar también el instrumento de revisión del video. CUADERNILLO DE PRÁCTICAS P Á G I N A 9
Semana 2 Navegadores Número de la práctica: 2 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Identificar las características principales de diferentes navegadores, con el fin de poder determinar sus mejores aplicaciones. Tema 1. Introducción 1.5 Navegadores Software a emplear: Navegadores; Word CUADERNILLO DE PRÁCTICAS P Á G I N A 10
ACTIVIDADES EN EL CTC Realización de lectura Identificación de características Elaboración de un ensayo 1. Realizar la lectura Navegadores y Exploradores Web, características y comparaciones, de norfipc. Ideas, consejos, soluciones prácticas Para el uso de tu PC y la Navegación en Internet. recuperado el 28 de junio de 2012, de: http://norfipc.com/internet/navegadores-web.html; identificar las principales características de cada navegador. 1. Verificar los requerimientos e instalar dos navegadores con los que nunca se haya trabajado. 2. Con el navegador que habitualmente se trabaja, acceder a la página Educar.org, (s.a., s.f.) Recuperado el 29 de junio de 2012, de http://www.educar.org/ Navegarla e ingresar específicamente a las secciones: Lecciones y Guías, Mapas de América (Mapamundi interactivo forzosamente), Crucigramas y sopas, Deportes y Americanismos. Tomar nota de los tiempos de acceso y los pops identificados. 3. Realizar el mismo ejercicio anterior con los dos navegadores instalados. Tomar las notas indicadas. 1. Escribir un ensayo en el que se sustente por qué es importante elegir un navegador acorde a las características de las actividades que desarrollamos CUADERNILLO DE PRÁCTICAS P Á G I N A 11
habitualmente. EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de los elementos plasmados en el ensayo. Deberá considerar que el ensayo debe presentar Introducción, desarrollo y conclusiones. CUADERNILLO DE PRÁCTICAS P Á G I N A 12
Semana 3 Fondos Número de la práctica: 3 Sede: Materia: Aplicaciones Educativas Web Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Tema Software a emplear: Diseñar el fondo de una página web acorde a las características educativas que requiera presentar. 2. HTML 2.1 Fondos Editor de texto CUADERNILLO DE PRÁCTICAS P Á G I N A 13
ACTIVIDADES EN EL CTC Realización de lectura Modificando el Fondo Imagen como fondo INSTRUCCIONES 1. Realizar la lectura El Fondo, (s.a.) (1998). Trad. Benavidez, C. Recuperado el 28 de junio de 2012, de http://www.sidar.org/recur/desdi/traduc/es/css/colors.html; en sus puntos 14.2 y 14.2.1 tomar nota de las etiquetas a utilizar. 1. Modificar con diferentes colores el fondo de una pantalla, utilizando primero la etiqueta <body bgcolor= #RRGGBB >, es decir, el número RGB que corresponde al color y en segundo lugar la etiqueta <body bgcolor= Blue >, es decir, con el nombre del color en inglés. Determinar si existe alguna diferencia entre ambas etiquetas. 2. Aplicar la etiqueta en los diferentes navegadores que se están trabajando y verificar las posibles diferencias. 3. Imprimir la página con los códigos utilizados. 4. Imprimir la pantalla con el fondo que se considere mejor. 1. Elegir alguna imagen en formato GIF o JPEG. 2. Determinar si la imagen se utilizará desde un archivo en la computadora o desde su sitio en internet. 3. Utilizar la etiqueta <body background="fondo1.jpg">, considerando la ruta en la que se encuentre la imagen; comprobar en los distintos navegadores la apariencia. 4. Verificar lo que sucede con el uso de estas imágenes. Determina en qué casos pueden ser utilizados. CUADERNILLO DE PRÁCTICAS P Á G I N A 14
5. Ingresar a las siguientes páginas y analizar la posibilidad de utilizar los fondos ahí presentados; establecer por qué se utilizarían tales fondos. 7. Imprimir el código a utilizar en los dos ejercicios anteriores. 6. Imprimir dos ejemplos del fondo: uno con el fondo en mosaico y otro con fondo continuo, aplicadas en dos navegadores diferentes. EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la impresión de los códigos utilizados y las pantallas de los fondos aplicados. Debe considerar que existen múltiples posibilidades: color sólido, matizado o degradado; texturas variadas; fotografías escaneadas, imágenes elaboradas en la computadora, etc., sin perder de vista que éste no es el momento para tomar la decisión sobre el fondo a utilizar, pero que al final deberá presentar objetivos pedagógicos, así como una función expresiva dentro de la web, al convertirse en elementos de identificación en la estructura general de la página web, facilitando al usuario su navegación. CUADERNILLO DE PRÁCTICAS P Á G I N A 15
Semana 4 Formatos Número de la práctica: 4 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Tema Software a emplear: Utilizar correctamente distintos formatos en HTML. 2. HTML 2.2 Formatos Editor de texto CUADERNILLO DE PRÁCTICAS P Á G I N A 16
ACTIVIDADES EN EL CTC Participación en el Foro de Discusión. Aplicación de etiquetas INSTRUCCIONES 1. Participar en el Foro de Discusión bajo el cuestionamiento: Por qué es importante utilizar distintos formatos en una página?; Interactuar con, por lo menos, otro estudiante. 1. Utilizar las siguientes etiquetas en un texto, con sentido lógico y con una extensión de dos cuartillas: <B>... </B> <I>... </I> <TT>... </TT> <STRIKE>... </STRIKE> <BIG>... </BIG> <SMALL>... </SMALL> <SUB>... </SUB> <SUP>... </SUP> <U>... </U> 2. Imprimir la pantalla de la hoja de códigos con el texto incluido (realizado en la primera actividad) y enviarla al profesor. 3. Desplegar en dos navegadores el texto anterior, para verificar como luce en pantalla. 4. Imprimir la pantalla del texto ejemplificado en dos navegadores y enviarlo al profesor. 5. Incluir en el texto las siguientes etiquetas: <FONT SIZE 6 >... </FONT> (Hacer cambios con el CUADERNILLO DE PRÁCTICAS P Á G I N A 17
número indicado) <BASEFONT SIZE= 6 >... </BASEFONT> (Verificar qué sucede con el uso de las etiquetas anteriores. <FONT COLOR= GREEN >...</FONT> Utilizar cambios de color en inglés (negro, blanco, azul marino, violeta, rojo, amarillo, azul, marrón). 6. Imprimir la pantalla del texto con el código y enviarla al profesor. 7. Desplegar en dos navegadores el texto anterior para verificar cómo luce en pantalla. 8. Imprimir la pantalla del texto ejemplificado en dos navegadores, incluyendo comentarios relacionados con las diferencias percibidas en ambas pantallas, así como la pertinencia del uso de cada navegador para la construcción de páginas web educativas y enviarlo al profesor. EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la participación en el Foro de Discusión, así como del cuestionamiento inicial y de la interacción entre alumnos; además, revisará las impresiones con los comentarios que ha recibido de los alumnos. CUADERNILLO DE PRÁCTICAS P Á G I N A 18
Semana 6 Imágenes Número de la práctica: 5 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Clasificar distintas etiquetas para manejar idóneamente imágenes en HTML. Tema 2. HTML 2.4 Imágenes Software a emplear: Editor de texto CUADERNILLO DE PRÁCTICAS P Á G I N A 19
ACTIVIDADES EN EL CTC Recopilación de imágenes Inserción de imágenes INSTRUCCIONES 1. Recopilar imágenes que puedan ser utilizadas para el texto de la práctica cuatro. Recordar que deben estar guardadas en formato GIF o JEPG. 1. Utilizar en el texto, de la práctica anterior, la siguiente etiqueta: <img src="img.gif"> 2. Inmediatamente después de la etiqueta anterior, utilizar la etiqueta que a continuación se presenta y verificar el resultado: <h2>práctica</h2> 3. Utilizar en el texto la siguiente etiqueta: <h2> <img src="img.gif">práctica</h2> 4. Imprimir la hoja de códigos en la pantalla y enviarla al profesor a través de la plataforma. 5. Desplegar el texto con imagen en dos navegadores, imprimir la pantalla y enviarla al profesor. 6. Utilizar en el texto las siguientes etiquetas y CUADERNILLO DE PRÁCTICAS P Á G I N A 20
verificar los resultados. <p> <img src="imagen.gif"> </p> <center> <img src="imagen.gif"> </center> 7. Desplegar el texto en dos navegadores; imprimir las pantallas y enviarlas al profesor. 8. Utilizar las siguientes etiquetas y verificar los <img src="imagen.gif"alling= Top > <img src="imagen.gif"alling= Middle > <img src="imagen.gif"alling= Bottom > 9. Determinar la etiqueta que se utilizará. 10. Desplegar el texto en dos navegadores; imprimir las pantallas y enviarlas al profesor. 11. Insertar en el texto, en distintas partes, las siguientes etiquetas y verificar los <img src="imagen.gif"alling= Left > <img src="imagen.gif"alling= Right > CUADERNILLO DE PRÁCTICAS P Á G I N A 21
12. Utilizar las etiquetas siguientes y verificar los <br clear=left> <br clear=right> <br clear=all> <img align=left vspace=35 hspace=35> <img align=lright vspace=35 hspace=35> 13. Determinar la mejor apariencia del texto; desplegar el texto en dos navegadores, imprimir las pantallas y enviarlas al profesor. Participación en Foro de Discusión 1. Participación en Foro de Discusión bajo el siguiente cuestionamiento: Por qué es importante tener un buen manejo de las imágenes en una página WEB? EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la revisión de las impresiones que envían los alumnos, mismas que deben incluir las etiquetas señaladas; complementará la evaluación con la revisión de la participación en el foro de discusión de acuerdo al cuestionamiento señalado, así como la interacción entre los alumnos. CUADERNILLO DE PRÁCTICAS P Á G I N A 22
Semana 7 Tablas Número de la práctica: 6 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Construir tablas dentro de páginas web, considerando su uso educativo. Tema 3. Diseño 3.4 Marcos y Tablas Software a emplear: Editor de Texto CUADERNILLO DE PRÁCTICAS P Á G I N A 23
ACTIVIDADES EN EL CTC Selección de información INSTRUCCIONES 1. Buscar información cuyo contenido se considere idóneo para ser presentado en tablas. Es básico proporcionar la fuente para verificar que el formato origen no se presente en tabla. 2. Enviar al profesor la información. Construcción de tablas 1. Utilizar las siguientes etiquetas y verificar el resultado: <TABLE> <TR> </TR> <TR> </TR> </TABLE> 2. Utilizar las siguientes etiquetas y verificar los <TR> <TD> Columna1 </TD> <TD> Columna2 </TD> </TR> 3. Utilizar las siguientes etiquetas y verificar los <TABLE> <TR> <TD> Fila1,Columna1 </TD> <TD> Fila1,Columna2 </TD> CUADERNILLO DE PRÁCTICAS P Á G I N A 24
</TR> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> </TR> </TABLE> 4. Utilizar las etiquetas siguientes y verificar los <TABLE BORDER="5"> <TR> <TH> Encabezado1 </TH> <TH> Encabezado2 </TH> <TH> Encabezado3 </TH> </TR> <TR> <TD> Fila1,Columna1 </TD> <TD> CUADERNILLO DE PRÁCTICAS P Á G I N A 25
Fila1,Columna2 </TD> </TR> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> </TR> </TABLE> 5. Utilizar las siguientes etiquetas y verificar los <TABLE BORDER="5"> <TR> <TH> Encabezado1 </TH> <TH> Encabezado2 </TH> <TH> Encabezado3 </TH> </TR> <TR> <TD> Fila1,Columna1 CUADERNILLO DE PRÁCTICAS P Á G I N A 26
</TD> <TD> Fila1,Columna2 </TD> <TD> <BR> </TD> </TR> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> <TD> </TD> </TR> </TABLE> 6. Determinar las diferencias entre las etiquetas utilizadas en el punto 4 y en el punto 5. 7. Utilizar las etiquetas siguientes y verificar los <TABLE> <CAPTION> Titulo de la tabla </CAPTION>... Código de la tabla... </TABLE> 8. Utilizar las siguientes etiquetas y verificar los CUADERNILLO DE PRÁCTICAS P Á G I N A 27
<TABLE> <CAPTION ALIGN="top"> <BIG> <B> Tabla de ejemplo </B> </BIG> </CAPTION> <TR> <TD> Fila1,Columna1 </TD> <TD> Fila1,Columna2 </TD> <TR> <TD> Fila2,Columna1 </TD> <TD> Fila2,Columna2 </TD> </TABLE> 9. Utilizar las etiquetas siguientes y verificar los <TABLE ALIGN="left">...Código de la tabla... </TABLE> 10. Utilizar las etiquetas siguientes y verificar los CUADERNILLO DE PRÁCTICAS P Á G I N A 28
<TABLE BORDER="1"> <TR ALIGN="right" VALIGN="bottom"> <TD> Celda1 </TD> <TD> Celda2 </TD> <TD ALIGN="left" VALIGN="top"> Celda3 </TD> </TR> </TABLE> 11. Utilizar las siguientes etiquetas y verificar los <TABLE> <TR> <TD WIDTH="50" HEIGHT="50"> <IMG SRC="img.gif" WIDTH="100" HEIGHT="100"> </TD> </TR> </TABLE> 12. Utilizar las siguientes etiquetas y verificar los <TABLE> <TR> CUADERNILLO DE PRÁCTICAS P Á G I N A 29
<TD NOWRAP> Texto </TD> </TR> </TABLE> 13. Utilizar las siguientes etiquetas y verificar los <TABLE CELLSPACING="10" BORDER="1">... Código de la tabla... </TABLE> 14. Utilizar las siguientes etiquetas y verificar los <TABLE CELLPADDING="10" BORDER="1" ALIGN="LEFT">... Código de la tabla... </TABLE> 15. Construir una tabla, mínimo de 3 columnas y 5 filas con la información recabada inicialmente; incluir por lo menos dos imágenes. 16. Desplegar la tabla en dos navegadores; imprimir las pantallas, complementándolas con su punto de vista, en relación a la importancia de manejar información utilizando tablas, específicamente en páginas web educativas y enviarlas al profesor. CUADERNILLO DE PRÁCTICAS P Á G I N A 30
EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la revisión de la tabla elaborada, que incluya las etiquetas especificadas, los requisitos mínimos, así como los comentarios relacionados con la importancia del uso de esta posibilidad. CUADERNILLO DE PRÁCTICAS P Á G I N A 31
Semana 8 Software para la elaboración de páginas web Número de la práctica: 7 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósito a desarrollar: Tema Software a emplear: Construir una página web con contenido educativo, identificando la mejor opción para tal fin. 4. Herramientas para creación de páginas web 4.1 Software para creación de páginas web Software seleccionado CUADERNILLO DE PRÁCTICAS P Á G I N A 32
ACTIVIDADES EN EL CTC Selección de software INSTRUCCIONES 1. Revisar la información contenida en el Cuadro comparativo de creadores de páginas web; (s.a., s.f.) Creadores de Páginas web. Recuperado el 29 de junio de 2012, de http://www.creadorespaginasweb.com/creadores-de-paginas-web/ Identificar las características, posibilidades y requerimientos de cada opción. 2. Seleccionar un software que haga de HTML y otro que no lo requiera. 3. Determinar, de los navegadores que se han revisado, dos para ser utilizados, tanto con el software que utilice HTML como el que no lo utiliza. Elaboración de una página web con un software que no utilice HTML 1. Elaborar una página web, desarrollando un tema educativo, mínimo de 5 páginas, en la que se haga uso de: - Formato para títulos y texto - Imágenes en diferentes posiciones - Tabla de 3 columnas y 5 filas que incluya títulos, texto, imagen y borde. 2. Desplegar el contenido en los dos navegadores seleccionados, imprimir las pantallas y enviarlas al profesor. 3. Participar en el Foro de Discusión, bajo los CUADERNILLO DE PRÁCTICAS P Á G I N A 33
siguientes cuestionamientos: Cuál navegador brinda las mejores opciones para construir páginas web educativas?, Por qué? EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la revisión de las pantallas impresas, así como su participación en el foro de discusión, considerando el contenido del mensaje, así como la interacción entre los alumnos. CUADERNILLO DE PRÁCTICAS P Á G I N A 34
Semana 9 Software para la elaboración de páginas web Número de la práctica: 8 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Tema Software a emplear: Construir una página web con características educativas, utilizando etiquetas HTML. 4. Herramientas para creación de páginas web 4.1 Software para creación de páginas web Software seleccionado CUADERNILLO DE PRÁCTICAS P Á G I N A 35
ACTIVIDADES EN EL CTC Elaboración de una página Web utilizando HTML. Participación en el Foro de Discusión INSTRUCCIONES 1. Elaborar una página web utilizando etiquetas HTML, desarrollando un tema educativo, mínimo de 5 páginas, en la que se haga uso de: - Formato para títulos y texto - Imágenes en diferentes posiciones - Tabla de 3 columnas y 5 filas que incluya títulos, texto, imagen y borde. 2. Desplegar el contenido en los dos navegadores seleccionados, imprimir las pantallas y enviarlas al profesor. 1. Participar en el Foro de Discusión bajo el siguiente cuestionamiento: Qué importancia tiene poder elaborar páginas web educativas, con particularidades, utilizando comando HTML? EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la revisión de las pantallas impresas y completará la evaluación al considerar la participación del alumno en el foro de discusión, bajo el cuestionamiento establecido y dada la interacción con otros compañeros. CUADERNILLO DE PRÁCTICAS P Á G I N A 36
Semana 11 Hipervínculos Número de la práctica: 9 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Tema Software a emplear: Manipular diferentes etiquetas de HTML a fin de incluir en la página web educativa que se construyó hipervínculos. 4. Herramientas para creación de páginas web 4.6 Hipervínculos Editor de texto CUADERNILLO DE PRÁCTICAS P Á G I N A 37
ACTIVIDADES EN EL CTC Uso de hipervínculos INSTRUCCIONES 1. A partir de la información que se ha trabajado en la práctica anterior, buscar información en otros sitios de internet que pueda complementar el texto y/o las imágenes. 2. Con las direcciones de internet localizadas, utilizar la etiqueta siguiente en el texto adecuado y verificar el resultado: <a href="http://...html"></a> 3. A partir de la información contenida en la página que se desarrolló en la práctica anterior, dividir en diferentes archivos para trabajar con hipervínculos. 4. Con la información dividida en archivos, utilizar la siguiente etiqueta y verificar los <a href="file:///drive:/directory/index.html">... </a> 5. Utilizar la siguiente etiqueta y verificar los <a name="vínculo_interno">... </a> 6. Utilizar la siguiente etiqueta y verificar los <a href="url/nombre_archivo.html#vínculo_interno">... </a> 7. Una vez hecho lo anterior, determinar su uso óptimo dentro de la página web. 8. Comprimir los archivos obtenidos y enviarlos al profesor. CUADERNILLO DE PRÁCTICAS P Á G I N A 38
Participación en el Foro de Discusión 1. Participar en el Foro de Discusión bajo el siguiente cuestionamiento: Cómo se determina el uso óptimo de las etiquetas para crear hipervínculos? EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la revisión de los archivos recibidos de los alumnos, considerando que incluyan las etiquetas establecidas. De igual manera se certificará la participación en el foro de discusión, incluyendo la interacción entre los alumnos. CUADERNILLO DE PRÁCTICAS P Á G I N A 39
Semana 12 Marcas Número de la práctica: 10 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Identificar la importancia de utilizar marcos en las páginas web. Tema 4. Herramientas para la creación de páginas web 4.8 Marcos Software a emplear: Editor de texto CUADERNILLO DE PRÁCTICAS P Á G I N A 40
ACTIVIDADES EN EL CTC Utilización de marcos INSTRUCCIONES 1. Con los archivos obtenidos de la práctica anterior, hacer uso de las etiquetas siguientes y verificar los <FRAMESET rows="80,*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> </FRAMESET> 2. Utilizar las siguientes etiquetas y verificar los <FRAMESET rows="80,*"> <frame name="central" src="central.htm"> <frame name="alto" src="top.htm"> </FRAMESET> 3. Utilizar las siguientes etiquetas y verificar los <frameset rows="100,*"> <frame name="alto" src="top.htm"> <frameset cols="150,*"> <frame name="sx" src="sx.htm.htm"> <frame name="central" src="central.htm"> </frameset> 4. Utilizar las siguientes etiquetas y verificar los <frameset cols="120,*"> <frame name="sx" src="sx.htm"> CUADERNILLO DE PRÁCTICAS P Á G I N A 41
<frameset rows="20%,60%,20%,*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> <frame name="bajo" src="basso.htm"> </frameset> </frameset> </frameset> 5. Utilizar las siguientes etiquetas y verificar los <frameset cols="75%,25%"> <frameset rows="20%,80%*"> </frameset> </frameset> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> <frame name="dx" src="dx.htm"> 6. Utilizar las siguientes etiquetas y verificar los <frameset cols="75%,25%"> <frameset rows="20%,80%*"> <frame name="alto" src="top.htm"> <frameset cols="20%,80%*"> <frame name="sx" src="sx.htm"> <frame name="central" src="central.htm"> </frameset> </frameset> <frame name="dx" src="dx.htm"> </frameset> 7. Utilizar las siguientes etiquetas y verificar los CUADERNILLO DE PRÁCTICAS P Á G I N A 42
<frameset cols="75%,25%"> <frameset rows="20%,80%*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> </frameset> <frameset rows="24%,76%"> <frame name="top" src="top2.htm"> <frame name="dx" src="dx.htm"> </frameset> </frameset> 8. Utilizar las siguientes etiquetas y verificar los <frameset cols="25%,75%"> <frameset rows="80%,20%"> <frame name="alto" src="top.htm"> <frame name="bajo" src="basso.htm"> </frameset> <frame name="central" src="central.htm"> </frameset> 9. De acuerdo a la información contenida en la tabla elaborada en la práctica 7, seleccionar un marco para presentar la información. 10. Desplegar el uso de las etiquetas elegidas en un navegador; imprimir la pantalla y enviarla al profesor. Participación en el Foro de Discusión 1. Participar en el foro de discusión bajo el siguiente cuestionamiento: Qué aspectos determinan el uso de Marcos? CUADERNILLO DE PRÁCTICAS P Á G I N A 43
EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la revisión de impresión enviada por los alumnos, considerando que incluya los parámetros establecidos. Además debe considerar la participación en el Foro de Discusión, incluyendo la realimentación entre los alumnos. CUADERNILLO DE PRÁCTICAS P Á G I N A 44
Semana 13 Publicación Número de la práctica: 11 Sede: Materia: Aplicaciones Educativas WEB Fecha de la práctica: Generalidades de la práctica Propósitos a desarrollar: Tema Software a emplear: Valorar la importancia del buen diseño de una página web con contenido educativo. 5. Reportes y publicación 5.3 Publicación Software seleccionado CUADERNILLO DE PRÁCTICAS P Á G I N A 45
ACTIVIDADES EN EL CTC Diseño de una página educativa web INSTRUCCIONES 1. Determinar, con base en las prácticas realizadas anteriormente, cuál es el navegador óptimo. 2. Elaborar una página web, en la que se desarrolle el tema de la importancia de considerar aspectos didácticos como el manejo del color, tamaño de texto y efectos especiales, a fin de contribuir al aprendizaje de conceptos. La página web deberá presentar manejo de: - Marcos - Tablas -. Hipervínculos (internos y externos) -. Tamaño y color de letra correspondiente a títulos, subtítulos y desarrollo. - Imágenes 3. Comprimir los archivos creados y enviarlos al profesor. Participación en el Foro de Discusión 1. Participar en el foro de discusión bajo el siguiente cuestionamiento: Cómo influye en el aprendizaje el diseño de la página web? EVALUACIÓN DE LA PRÁCTICA El profesor evaluará la práctica a partir de la revisión de la página elaborada por CUADERNILLO DE PRÁCTICAS P Á G I N A 46
los alumnos, considerando que incluya aspectos solicitados. Además debe tomar en cuenta la participación en el Foro de Discusión, incluyendo la realimentación entre los alumnos. CUADERNILLO DE PRÁCTICAS P Á G I N A 47