Principios básicos
en el diseño de páginas Web

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 3 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. 
• WYSIWYG (What you see is what you get): Editor  que usa la tecnología "Lo que usted ve es lo que obtiene" como  FrontPage o Pagemill que cran páginas/sitios web sin conocer el lenguaje HTML.  FrontPage tiene la 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) 

Traducida al español por Joaquín Selva-Pérez. Valencia. Spain  (Marzo 2000)
http://www.uv.es/~selva

Retroalimentación para mejorar esta página
(Por favor especifique cuál página)

Study Guides
http://www.iss.stthomas.edu/studyguides

Study Guides and Strategies fue creado y es mantenido por Joseph Landsberger, Academic Web Services, Universidad de St. Thomas (UST), St Paul, MN, USA.

Se concede permiso para copiar libremente, adaptar, imprimir, transmitir y distribuir Study Guides en entornos educacionales no-comerciales para el beneficio de los alumnos. En la WWW, sin embargo, por favor enlace aquí , en lugar de poner su propia página ya que las páginas frecuentemente se modifican y mejoran teniendo en cuenta la investigación pedagógica. No hace falta pedir el enlace. Se reciben con agradecimiento más traducciones.