DISEÑO VISUAL EN ACCION

El diseño es quizás lo mas importante al momento de publicar una información. Del buen diseño depende que el usuario sea a traido por su apariencias y se pueda aprovechar al máximo la información del sitio.

Aprenda a contar una historia.
Las historias permiten al usuario ilustrarse sobre el contenido y quizás la procedencia del mismo.

Que el estilo coincida con el contenido
Es importante que el diseño coincida con la información del sitio. Se debe ser cuidadoso en elegir que colores y que apariencia debe llevar el sitio para que no pierda el objetivo de informar.

http://wemcotoday.com/wp-content/uploads/2010/09/Fotolia_9747389_XS.jpg

"Recuerde que un buen diseño no se produce de repente o sin trabajo. Es una evolución de éxitos y fracasos".

TIPOS DE SITIOS WEB EDUCATIVOS

El tipo de sitio educativo, por supuesto, depende de exactamente cuál es el objetivo del sitio. Algunos sitios de educación puede clasificar como personales o como de negocio o sitios comerciales, esto en función del contenido del sitio. Estos sitios pueden ser grandes o pequeños y pueden ser simples o complejos.

SITIOS WEB INSTRUCTIVOS
Para se clasificado como instructivos, un sitio debe incluir:
1. Un resultado esperado.
2. Estrategias de instrucción
3. Materiales didácticos y actividades.
4. Evaluación de aprendizaje y/o retroalimentación.
Una estrategia de instrucción es una técnica pedagógica diseñada para facilitar el aprendizaje a través de una combinación de maestro y alumno.

¿QUÉ ES HTML?

HTML es un lenguaje para describir páginas web.

 HTML significa Hyper Text Markup Language (Lenguaje de Marcas de Hipertexto)
 HTML no es un lenguaje de programación, es un lenguaje de marcas.
 Un lenguaje de marcas es un conjunto de etiquetas de marcado.
 Las etiquetas de marca describen como el texto debe ser mostrado en un navegador web
.

¿QUE ES CSS?

 CSS significa Cascading Style Sheets (Hojas de Estilo en Cascada)
 Los estilos definen cómo mostrar los elementos HTML
 Los estilos normalmente se almacenan Hojas de Estilo
 Los estilos se añadieron a HTML 4.0 para resolver un problema
 Las Hojas de Estilo externas le pueden ahorrar una gran cantidad de trabajo
 Las Hojas de Estilo en externas se almacenan en archivos CSS
 Múltiples definiciones de estilo serán aplicados en cascada

Las hojas de estilo CSS permiten que los sitios web se ajusten a las necesidades de los usuarios, brindandoles opción de cambiar su apariencia sin necesidad de hacer modificaciones a la estructura ni a la información misma.



Todos los principales navegadores soportan Hojas de Estilo en Cascada.

LAS HOJAS DE ESTILO PUEDEN SALVAR MUCHO TRABAJO

Hojas de estilos definen cómo los elementos HTML se van a mostrar, al igual que la etiqueta de la fuente y el color en el atributo HTML 3.2. Los estilos normalmente se guardan en archivos .css externos. Hojas de estilo Exteriores le permiten cambiar la apariencia y el diseño de todas las páginas de su Web, sólo con la edición de un único documento CSS

PRINCIPIOS DEL DISEÑO WEB

PLANEACIÓN, ORGANIZACIÓN Y DIAGRAMAS DE FLUJO

PLANEACIÓN

Una buena planeación es importante. Crear una lista que contenga los contenidos es un buen inicio; algo que se vio en la introducción al storyboard.
Planear implica:
1. Definir las tareas a realizar
2. Saber cuánto tiempo va a tomar desarrollarlas
3. Saber cuánto dinero va a costar
4. Saber si se cuenta con el equipo y conocimientos necesarios
5. Saber si se cuenta con un equipo de trabajo



http://www.google.com.co/imgres?imgurl=http://www.icsemgsm.com/icsem/images/stories/Imagenes/PlaneacionEstrategica3.jpg&imgrefurl=http://www.icsemgsm.com/icsem/index.php%3Foption%3Dcom_content%26view%3Darticle%26id%3D59%26Itemid%3D67&usg=__8C9qScaLzlvbvBAJvIEdS-cmNbs=&h=325&w=325&sz=17&hl=es&start=9&zoom=1&um=1&itbs=1&tbnid=qRGPazFhtqOguM:&tbnh=118&tbnw=118&prev=/search%3Fq%3Dplaneacion%26um%3D1%26hl%3Des%26client%3Dopera%26rls%3Des-LA%26channel%3Dsuggest%26tbm%3Disch&ei=Pp31Tb7RMsfXgQfi_6yYDQORGANIZACIÓN

Organizar la información es algo más clasificar esa misma información en categorías. En el corazón de cada proyecto de diseño hay preguntas muy importantes cargadas de valor:

"¿Con que prioridad se debe organizar este material?"
"¿Qué necesita saber la audiencia sobre este tema?" Y
"¿Qué quieren ellos hacer con la información?"

Se tiene que ver y entender qué tipo de producto se va a crear, si es totalmente nuevo, o se basa en otro producto como resultado: informes anuales, folletos, Web; productos donde fácilmente usted puede encontrar una muy buena estructura y no hay necesidad de organizar el contenido.

EL FLUJOGRAMA

Un diagrama de flujo es una representación gráfica que muestra el flujo entre las partes de un programa, entre las personas en una organización, o las páginas de una presentación. Los elementos que se usan en un flujograma están representados por iconos simples (círculos, rectángulos, diamantes) para permitir al espectador centrarse y prestar atención en la forma en que el usuario se moverá a través de los pasos de un proceso. Un diagrama de flujo indica las secuencias y los puntos decisión, así como la puesta en marcha y parada de puntos. Es más fácil de comprender visualmente las relaciones en un diagrama de flujo que en una descripción verbal, por lo que tales diagramas nos ayudan a evitar dejar pasos por fuera de un proceso. Los diagramas de flujo representan la forma cómo funcionan las cosas, también logran determinar que está al alcance del usuario y que no.