aplicaciones educativas web - by...

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.



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



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



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



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



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



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






http://infoius.blogspot.mx/2011/03/paginas-web-y-portales-cual-es-la.html





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

|


Semana 2

Navegadores


Sede:




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


|


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

http://norfipc.com/internet/navegadores-web.html

http://www.educar.org/

http://www.educar.org/


|


habitualmente.


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.


|


Semana 3

Fondos


Sede:

Materia: Aplicaciones Educativas Web



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


|


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.

http://es.tldp.org/Manuales-LuCAS/doc-curso-html/doc-curso-html.pdf

http://www.sidar.org/recur/desdi/traduc/es/css/colors.html


|


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.


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.


|


Semana 4

Formatos


Sede:




Propósitos a desarrollar: Utilizar correctamente distintos formatos en HTML.

Tema 2. HTML

2.2 Formatos



|



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


|


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.


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.


|


Semana 6

Imágenes


Sede:




Propósitos a desarrollar: Clasificar distintas etiquetas para manejar

idóneamente imágenes en HTML.

Tema 2. HTML

2.4 Imágenes



|



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


|


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”>


|


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?


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.


|


Semana 7

Tablas


Sede:




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


|



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>


resultados:

<TR>

<TD> Columna1 </TD> <TD> Columna2 </TD>

</TR>


resultados:

<TABLE>

<TR>

<TD>

Fila1,Columna1

</TD>

<TD>

Fila1,Columna2

</TD>


|


</TR>

<TR>

<TD>

Fila2,Columna1

</TD>

<TD>

Fila2,Columna2

</TD>

</TR>

</TABLE>


resultados:

<TABLE BORDER="5">

<TR>

<TH>

Encabezado1

</TH>

<TH>

Encabezado2

</TH>

<TH>

Encabezado3

</TH>

</TR>

<TR>

<TD>

Fila1,Columna1

</TD>

<TD>


|


Fila1,Columna2

</TD>

</TR>

<TR>

<TD>

Fila2,Columna1

</TD>

<TD>

Fila2,Columna2

</TD>

</TR>

</TABLE>


resultados:

<TABLE BORDER="5">

<TR>

<TH>

Encabezado1

</TH>

<TH>

Encabezado2

</TH>

<TH>

Encabezado3

</TH>

</TR>

<TR>

<TD>

Fila1,Columna1


|


</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.


resultados:

<TABLE>

<CAPTION> Titulo de la tabla </CAPTION>

... Código de la tabla ...

</TABLE>


resultados:


|


<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>


resultados:

<TABLE ALIGN="left">

...Código de la tabla...

</TABLE>



|


resultados:

<TABLE BORDER="1">

<TR ALIGN="right"

VALIGN="bottom">

<TD>

Celda1

</TD>

<TD>

Celda2

</TD>

<TD ALIGN="left"

VALIGN="top"> Celda3 </TD>

</TR>

</TABLE>


resultados:

<TABLE>

<TR> <TD WIDTH="50"

HEIGHT="50">

<IMG SRC="img.gif"

WIDTH="100"

HEIGHT="100">

</TD>

</TR>

</TABLE>


resultados:

<TABLE>

<TR>


|


<TD NOWRAP> Texto </TD>

</TR>

</TABLE>


resultados:

<TABLE CELLSPACING="10"

BORDER="1">


</TABLE>


resultados:

<TABLE CELLPADDING="10"

BORDER="1"

ALIGN="LEFT">


</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.


|



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.


|


Semana 8

Software para la elaboración de páginas web


Sede:




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


|



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

http://www.creadores-paginasweb.com/creadores-de-paginas-web/





|


siguientes cuestionamientos: ¿Cuál navegador brinda

las mejores opciones para construir páginas web

educativas?, ¿Por qué?


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.


|


Semana 9

Software para la elaboración de páginas web


Sede:




Propósitos a desarrollar: Construir una página web con características

educativas, utilizando etiquetas HTML.


4.1 Software para creación de páginas web


seleccionado


|



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.


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?


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.


|


Semana 11

Hipervínculos


Sede:




Propósitos a desarrollar: Manipular diferentes etiquetas de HTML a fin de

incluir en la página web educativa que se construyó

hipervínculos.


4.6 Hipervínculos



|



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.


|



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?


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.


|


Semana 12

Marcas


Sede:




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


|



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>


resultados:

<FRAMESET rows="80,*">



</FRAMESET>


resultados:

<frameset rows="100,*">


<frameset cols="150,*">

<frame name="sx" src="sx.htm.htm">


</frameset>


resultados:

<frameset cols="120,*">

<frame name="sx" src="sx.htm">


|


<frameset rows="20%,60%,20%,*">



<frame name="bajo" src="basso.htm">

</frameset>

</frameset>

</frameset>


resultados:

<frameset cols="75%,25%">

<frameset rows="20%,80%*">



</frameset>

<frame name="dx" src="dx.htm">

</frameset>


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>



|


resultados:


<frameset rows="20%,80%*">



</frameset> <frameset rows="24%,76%">

<frame name="top" src="top2.htm"> <frame

name="dx" src="dx.htm">

</frameset> </frameset>


resultados:


<frameset rows="80%,20%">


<frame name="bajo" src="basso.htm">

</frameset>


</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.


Discusión

1. Participar en el foro de discusión bajo el siguiente

cuestionamiento: ¿Qué aspectos determinan el uso

de Marcos?


|



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.


|


Semana 13

Publicación


Sede:




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


seleccionado


|



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.


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?


El profesor evaluará la práctica a partir de la revisión de la página elaborada por


|


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.

aplicaciones educativas web - by...

Documents