PLANEACION DEL SITIO WEB



Una de las herramientas basicas para la elaboracion de un sitio web, es la creacion de DIAGRAMAS,LOS GUIONES Y WIREFRAMES:
DIAGRAMAS DE FLUJO:es una representación gráfica que desglosa un proceso en cualquier tipo de actividad a desarrollarse tanto en empresas industriales o de servicios y en sus departamentos, secciones u áreas de su estructura organizativa. estos sirven para representar la estructura y el flujo de navegacion del sitio.El uso de diagramas de flujo puede resultar de lo más interesante para representar de forma gráfica diferentes procesos.

Resultado de imagen
GUIONES: tienen la funcion de indicar el momento en el cual se mostrara determinada informacion dentro de la pagina web.

WIREFRAMES: esquema de página o plano de pantalla, es una guía visual que representa el esqueleto o estructura visual de un sitio web.​ Elwireframe esquematiza el diseño de página u ordenamiento del contenido del sitio web, muestran un esquema visual de una pagina web, se establece el contenido y comportamiento de las diferentes paginas, es mucho mas detallado.
Resultado de imagen


JERARQUIA DE PAGINAS: La jerarquía visual es un elemento visual importante en cualquier proyecto de diseño web. Dice a las personas dónde mirar y qué cosas en la pantalla o material impreso son las más importantes. La jerarquía da a los lectores un sentido de cómo leer material, desde el inicio hasta el final, usando pistas visuales.
Resultado de imagen para que es una jerarquía de paginas


Comentarios

Publicar un comentario

Entradas populares de este blog

Códigos de color RGB

Códigos de Color RGB RGB es un modelo de color basado en la  síntesis aditiva , con el que es posible representar un color mediante la mezcla por adición de los tres colores de luz primarios. El modelo de color RGB no define por sí mismo lo que significa exactamente rojo, verde o azul, por lo que los mismos valores RGB pueden mostrar colores notablemente diferentes en distintos dispositivos que usen este modelo de color. Aunque utilicen un mismo modelo de color, sus espacios de color pueden variar considerablemente.  Colores básicos:       Color Nombre HTML / CSS Código hexadecimal #RRGGBB Código decimal (R, G, B) Negro 000000 (0,0,0) Blanco #FFFFFF (255,255,255) rojo # FF0000 (255,0,0) Lima # 00FF00 (0,255,0) Azul # 0000FF (0,0,255) Amarillo # FFFF00 (255,255,0) Cian / Aqua # 00FFFF (0,255,255) Magenta / fucsia # FF00FF (255,0,255) Plata # C0C0C0 (192, 192, 192) Gris # 808080 (128,128,128) Granate # 800000 (128,0,0) Aceituna # 808000 (128,128,0) Verde #
Leer más

EVALUACION

¿De que color son el fondo y el texto?     el fondo es gris y el texto amarillo ¿Cual es el tag que determina el color de los links?    <body bgcolor> #FF9999 ¿Para que sirve el tag <blockquote>?   para ordenar el parrafo ¿Que pasa si en vez de cerrar 3 veces el tag <blockquote>, solo se cierra una vez?    nada mas se extiende todo el texto ¿Que ocurre si haces un clic sobre la palabra "escribeme", al final del documento?    se abre el correo y le puedes mandar un msj a alguien ¿Cuales son los nombres y las extenciones de los tres documentos a lo9s que se liga desde el menu que has creado? https://www.spotify.com/mx/ https://myaccount.google.com/?pli=1 https://login.live.com/login.srf?wa=wsignin1.0&rpsnv=13&ct=1507730156&rver=6.7.6643.0&wp=MBI_SSL_SHARED&wreply=https:%2F%2Fmail.live.com%2Fdefault.aspx&lc=2058&id=64855&mkt=es-US&cbcxt=mai
Leer más

Imagenes de fondo

Imagen
Configurar los archivos 1 Crea una carpeta para guardar tu archivo HTML y la imagen de fondo.  Crea una carpeta en tu computadora y ponle un nombre que te permita identificarla fácilmente. Puedes ponerle el nombre que quieras, pero como vas a trabajar con HTML, es mejor que te acostumbres a elegir nombres cortos y de una sola palabra a tus archivos y carpetas. 2 Coloca la imagen de fondo en la carpeta HTML.  Busca la imagen que quieras usar como fondo y guárdala en tu carpeta HTML. . 3 Crea un archivo HTML.  Abre un editor de texto y crea un nuevo archivo. Guarda ese archivo con el nombre  index.html . 1 Copia y pega el siguiente código HTML estándar.  Selecciona y copia el código que se muestra a continuación y luego pégalo en el archivo index.html abierto. <!DOCTYPE html> < html > < head > < title > Título de la página < / title > < style > body { background-image: ur
Leer más