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 crean 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 esta 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)

ACTIVIDADES

1.  Realizar un mapa conceptual sobre la lectura "El diseño de páginas Web" (Puede utilizar programas como CmapsTools, examTime,  entre otros.)

2.  Buscar el significado de las palabras subrayadas.  Relacionar los significados con el tema.

Enviar el desarrollo de esta actividad al correo infotecn13@gmail.com