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

web

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