web

718 views

Published on

web docente

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
718
On SlideShare
0
From Embeds
0
Number of Embeds
53
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

web

  1. 1. Diseño de sitios web pedagógicos Profesora: Beatriz Cortés
  2. 2. <ul><li>Subordinar el diseño y la programación del web al control del usuario. </li></ul><ul><li>Tratar de lograr un todo armónico entre el fondo de las páginas y el contenido que se muestra. </li></ul><ul><li>Crear un índice en la página inicial o Home. </li></ul><ul><li>Desarrollar ilustraciones en correspondencia con el contenido de la página. </li></ul><ul><li>Emplear sólo los gráficos animados necesarios </li></ul>Recomendaciones para el diseño de web docentes
  3. 3. <ul><li>Paso 1 </li></ul><ul><li>Seleccionar el módulo y analizar las necesidades. </li></ul><ul><li>Determinar el tópico/tema del módulo. </li></ul><ul><li>Clasificar el porqué y para qué se va a elaborar ese módulo. </li></ul><ul><li>Identificar las características y conocimientos previos de los destinatarios. </li></ul>¿Qué y a quién enseñaremos?
  4. 4. <ul><li>Paso 2 </li></ul><ul><li>Planificar didácticamente el módulo. </li></ul><ul><li>Establecer los objetivos de aprendizaje. </li></ul><ul><li>Seleccionar y organizar los contenidos. </li></ul><ul><li>Planificar las actividades. </li></ul><ul><li>Elaborar los criterios y ejercicios de evaluación. </li></ul>Diseño Pedagógico
  5. 5. <ul><li>Paso 3 </li></ul><ul><li>Elaborar el árbol o esquema del módulo (realizar una representación gráfica en papel de las páginas web y enlaces entre los componentes que configurarán el material). </li></ul><ul><li>Decidir la información que se presentará en cada pantalla o página y redactarla. Cada página se archivará como un fichero o archivo independiente. </li></ul>Planificar el web
  6. 6. <ul><li>Paso 4 </li></ul><ul><li>Decidir y desarrollar los aspectos formales de las páginas (fondos, iconos, ...) para un entorno de presentación. </li></ul><ul><li>Establecer los enlaces hipertextuales (internos y externos al módulo). </li></ul><ul><li>Incorporar íconos de enlaces y activarlos. (Gifts) </li></ul><ul><li>Determinar los colores, imágenes , etc, que se adapten al contenido en cuestión. </li></ul><ul><li>Probar en un navegador (Internet explorer, Netscape) y revisar los posibles fallos . </li></ul>Preparar el diseño
  7. 7. Importancia del mapa de navegación <ul><li>Muchas páginas web son una adaptación de los libros de textos, con una organización lineal de la información. </li></ul><ul><li>El mapa de navegación debe organizar la información con un enfoque constructivista </li></ul>
  8. 13. http :// www.cybergeography.org / spanish / web_sites.html

×