CUADERNILLO DE PRÁCTICAS
UNIVERSIDAD INTERAMERICANA PARA EL DESARROLLO
CUADERNILLO DE
PRÁCTICAS
Aplicaciones Educativas WEB
CUADERNILLO DE PRÁCTICAS P Á G I N A 2 |
Aplicaciones Educativas Web
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 3 |
Aplicaciones Educativas Web
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.
4 hrs. con el docente en el
aula
Teórica con apoyo
digital
El estudiante refuerza los
contenidos conceptuales
a través de herramientas
tecnológicas utilizando la
plataforma de aprendizaje
UNID.
2 hrs. en el aula y 2 hrs.
en el CTC
Teórico-práctica El estudiante adquiere
conocimientos en el aula
y desarrolla sus
habilidades al utilizar
algún software comercial.
2 hrs. en el aula y 2 hrs.
en el CTC
Práctica El estudiante aplica sus
conocimientos y
desarrolla sus habilidades
en el uso de algún
software comercial.
4 hrs. en el CTC
CUADERNILLO DE PRÁCTICAS P Á G I N A 4 |
Aplicaciones Educativas Web
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
X
9 Software para la
elaboración de páginas web
X
10 SEGUNDO PARCIAL
11 Hipervínculos X
12 Marcos X
13 Publicación X
14 EVALUACIÓN FINAL
CUADERNILLO DE PRÁCTICAS P Á G I N A 5 |
Aplicaciones Educativas Web
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 6 |
Aplicaciones Educativas Web
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 7 |
Aplicaciones Educativas Web
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: Distinguir las características de las páginas, sitios y
portales de internet para diferenciarlos con mayor
precisión.
Tema 1. Introducción
1.1. Páginas, sitios y portales
Software a emplear: Word
CUADERNILLO DE PRÁCTICAS P Á G I N A 8 |
Aplicaciones Educativas Web
ACTIVIDADES EN
EL CTC
INSTRUCCIONES
Revisión de
vídeo
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 de
lecturas
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-portales-
cual-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 9 |
Aplicaciones Educativas Web
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 10
|
Aplicaciones Educativas Web
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 11
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC
Realización de lectura 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.
Identificación de
características
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.
Elaboración de un ensayo 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 12
|
Aplicaciones Educativas Web
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 13
|
Aplicaciones Educativas Web
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: Diseñar el fondo de una página web acorde a las
características educativas que requiera presentar.
Tema 2. HTML
2.1 Fondos
Software a emplear: Editor de texto
CUADERNILLO DE PRÁCTICAS P Á G I N A 14
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Realización de lectura 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.
Modificando el Fondo 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.
Imagen como fondo 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 15
|
Aplicaciones Educativas Web
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 16
|
Aplicaciones Educativas Web
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: Utilizar correctamente distintos formatos en HTML.
Tema 2. HTML
2.2 Formatos
Software a emplear: Editor de texto
CUADERNILLO DE PRÁCTICAS P Á G I N A 17
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Participación en el Foro de
Discusión.
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.
Aplicación de etiquetas 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 18
|
Aplicaciones Educativas Web
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 19
|
Aplicaciones Educativas Web
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 20
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Recopilación de imágenes 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.
Inserción de imágenes 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 21
|
Aplicaciones Educativas Web
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
resultados:
<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 resultados:
<img src="imagen.GIF"Alling=”Left”>
<img src="imagen.GIF"Alling=”Right”>
CUADERNILLO DE PRÁCTICAS P Á G I N A 22
|
Aplicaciones Educativas Web
12. Utilizar las etiquetas siguientes y verificar los
resultados:
<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 23
|
Aplicaciones Educativas Web
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 24
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Selección de información 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
resultados:
<TR>
<TD> Columna1 </TD> <TD> Columna2 </TD>
</TR>
3. Utilizar las siguientes etiquetas y verificar los
resultados:
<TABLE>
<TR>
<TD>
Fila1,Columna1
</TD>
<TD>
Fila1,Columna2
</TD>
CUADERNILLO DE PRÁCTICAS P Á G I N A 25
|
Aplicaciones Educativas Web
</TR>
<TR>
<TD>
Fila2,Columna1
</TD>
<TD>
Fila2,Columna2
</TD>
</TR>
</TABLE>
4. Utilizar las etiquetas siguientes y verificar los
resultados:
<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 26
|
Aplicaciones Educativas Web
Fila1,Columna2
</TD>
</TR>
<TR>
<TD>
Fila2,Columna1
</TD>
<TD>
Fila2,Columna2
</TD>
</TR>
</TABLE>
5. Utilizar las siguientes etiquetas y verificar los
resultados:
<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 27
|
Aplicaciones Educativas Web
</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
resultados:
<TABLE>
<CAPTION> Titulo de la tabla </CAPTION>
... Código de la tabla ...
</TABLE>
8. Utilizar las siguientes etiquetas y verificar los
resultados:
CUADERNILLO DE PRÁCTICAS P Á G I N A 28
|
Aplicaciones Educativas Web
<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
resultados:
<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 29
|
Aplicaciones Educativas Web
resultados:
<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
resultados:
<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
resultados:
<TABLE>
<TR>
CUADERNILLO DE PRÁCTICAS P Á G I N A 30
|
Aplicaciones Educativas Web
<TD NOWRAP> Texto </TD>
</TR>
</TABLE>
13. Utilizar las siguientes etiquetas y verificar los
resultados:
<TABLE CELLSPACING="10"
BORDER="1">
... Código de la tabla ...
</TABLE>
14. Utilizar las siguientes etiquetas y verificar los
resultados:
<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 31
|
Aplicaciones Educativas Web
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 32
|
Aplicaciones Educativas Web
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: Construir una página web con contenido educativo,
identificando la mejor opción para tal fin.
Tema 4. Herramientas para creación de páginas web
4.1 Software para creación de páginas web
Software a emplear: Software
seleccionado
CUADERNILLO DE PRÁCTICAS P Á G I N A 33
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Selección de software 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.creadores-
paginasweb.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 34
|
Aplicaciones Educativas Web
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 35
|
Aplicaciones Educativas Web
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: Construir una página web con características
educativas, utilizando etiquetas HTML.
Tema 4. Herramientas para creación de páginas web
4.1 Software para creación de páginas web
Software a emplear: Software
seleccionado
CUADERNILLO DE PRÁCTICAS P Á G I N A 36
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Elaboración de una página
Web utilizando HTML.
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.
Participación en el Foro de
Discusión
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 37
|
Aplicaciones Educativas Web
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: Manipular diferentes etiquetas de HTML a fin de
incluir en la página web educativa que se construyó
hipervínculos.
Tema 4. Herramientas para creación de páginas web
4.6 Hipervínculos
Software a emplear: Editor de texto
CUADERNILLO DE PRÁCTICAS P Á G I N A 38
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Uso de hipervínculos 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 resultados:
<a href="file:///drive:/directory/index.html"> ... </a>
5. Utilizar la siguiente etiqueta y verificar los
resultados:
<a name="vínculo_interno"> ... </a>
6. Utilizar la siguiente etiqueta y verificar los
resultados:
<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 39
|
Aplicaciones Educativas Web
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 40
|
Aplicaciones Educativas Web
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 41
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Utilización de marcos 1. Con los archivos obtenidos de la práctica anterior,
hacer uso de las etiquetas siguientes y verificar los
resultados:
<FRAMESET rows="80,*">
<frame name="alto" src="top.htm">
<frame name="central" src="central.htm">
</FRAMESET>
2. Utilizar las siguientes etiquetas y verificar los
resultados:
<FRAMESET rows="80,*">
<frame name="central" src="central.htm">
<frame name="alto" src="top.htm">
</FRAMESET>
3. Utilizar las siguientes etiquetas y verificar los
resultados:
<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
resultados:
<frameset cols="120,*">
<frame name="sx" src="sx.htm">
CUADERNILLO DE PRÁCTICAS P Á G I N A 42
|
Aplicaciones Educativas Web
<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
resultados:
<frameset cols="75%,25%">
<frameset rows="20%,80%*">
<frame name="alto" src="top.htm">
<frame name="central" src="central.htm">
</frameset>
<frame name="dx" src="dx.htm">
</frameset>
6. Utilizar las siguientes etiquetas y verificar los
resultados:
<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 43
|
Aplicaciones Educativas Web
resultados:
<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
resultados:
<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 44
|
Aplicaciones Educativas Web
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 45
|
Aplicaciones Educativas Web
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: Valorar la importancia del buen diseño de una
página web con contenido educativo.
Tema 5. Reportes y publicación
5.3 Publicación
Software a emplear: Software
seleccionado
CUADERNILLO DE PRÁCTICAS P Á G I N A 46
|
Aplicaciones Educativas Web
ACTIVIDADES EN EL CTC INSTRUCCIONES
Diseño de una página
educativa web
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 47
|
Aplicaciones Educativas Web
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.
Top Related