lunes, 6 de marzo de 2017

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 eficacesAjustar 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 resumen en el cuaderno sobre la lectura "El diseño de páginas Web". 
2. Buscar el significado de las palabras subrayadas. Relacionar los significados con el tema.
3.  Realizar un mapa conceptual con las ideas principales usando las siguientes herramientas en linea (Puede utilizar programas como examTime, mindmaps, bubbls, entre otros.)



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