Kiosk Guias de aprendizaje

Debo crear un sistema
o ser esclavo
del de otro hombre
William Blake inglés 1757 - 1827

Serie lectura

El diseño de páginas Web

Principios básicos

Existen muchas herramientas tools que le permitirán crear, de una forma fácil y sencilla páginas web eficientes. No obstante, si es usted un principiante en el diseño de páginas web, le ser? de ayuda lo siguiente:

  • Comprender las páginas web eficaces
  • Ajustar su idea al proceso de diseño.
  • ?Disfrutar con el diseño de su página web!

Existen 4 formas de crear una página web:

  • HTML: a standard or sistema de edición de textos con "tags" que dan formato a la página. Se puede enseñar como el lenguaje de programación de Internet.
  • Editor HTML: HomeSite y BBEdit ofrecen herramientas y "shortcuts" para editar y formatear páginas web usando el formato HTML.
  • Un sistema de gestión de contenidos (en inglés Content Management System, abreviado CMS) es un programa que permite crear una estructura de soporte para la creación y administración de contenidos, principalmente en páginas web, por parte de los participantes (Wikipedia)
  • WYSIWYG (What you see is what you get):
    Editor que usa la tecnología "Lo que usted ve es lo que obtiene" como Expression Web o Pagemill que cran páginas/sitios web sin conocer el lenguaje HTML--ventaja de trabajar directamente sobre el servidor (no necesita transferir los archivos una vez acabados)

Sumario de diseño:

  • Determine a quién est? destinada su página
    • motive a su audiencia: trátelos con respeto y ofrézcales la posibilidad de comunicación con usted
    • Establezca unos claros objetivos de diseño y cuantificables.
    • Incluya contestaciones, agradecimientos, reacciones y comentarios sobre esfuerzo y el éxito de su página, e incluya textos de ayuda para aquellos que no obtienen la información que esperaban.
  • Contenido
    • Defina y centre el contenido de su página web
    • Emplee un lenguaje simple y comprensible para los destinatarios internacionales
    • Fomente el scanning de conceptos importantes
    • Incorpore espacios en blanco
    • priorice su información, como en un resumen.
  • Navegación:
    • simple
    • clara
    • layered (site maps)
    • organizada (piense en los "resúmenes" )
  • Inclusión de imágenes:
    El desarrollo de una página Web empieza por su texto y la estructura.
    Después de desarrollar la estructura básica, se debe analizar el contenido de tal forma que podamos decidir que tipo de ilustración queda mejor, si un gráfico o una foto.

    Principios:

    • elija un fondo y un color de texto de gran contraste
    • use la opción "safe palette" del navegador para que haya coherencia entre la plataforma y el navegador.
    • sea coherente con el formato del texto:
      • evite los cambios de color
      • evite
        cursivas (dificultad de lectura )
        cambios de color,
        subrayado (se confunde con los links)
      • evite textos demasiado largos
    • evite los fondos con texturas que no permitan una fácil lectura;
    • use imágenes simples, simbiótica, reducidas (pequeñas) e inmóviles para ilustrar el contenido
    • evítelos gráficos "dancing dogs" que no hacen mas que moverse pero que no aportan ningún contenido
    • los formatos de archivos gráficos son: comprimidos (.jpg) fotografías y dibujos (.gif)
Vea también:

Teniendéxito en Cursos de Educación a Distancia | Netiquette |
Un racimo mapa Aprendizaje en línea |
Webtruth: La evaluación y la comprensión del contenido de un sitio web |
Principios básicos en el diseño de páginas web |
Escribir páginas eficaces para el Web | Aprendizaje Cooperativo o de colaboración

Traducida al español por Joaquín Selva-Pérez. Valencia. Spain (Marzo 2000)