Carlos Antonio Aguirre carlos99ayala@yahoo.com carlos.aguirre@utec.edu.

sv

www.iglesiadedios.org.sv

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

Es una actividad que consiste en la planificacin, diseo e implementacin de sitios web.

Deben tenerse en cuenta aspectos tales como: navegabilidad, interactividad, usabilidad, arquitectura de la informacin y la interaccin de medios como el audio, texto, imagen y vdeo.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

El diseo de pginas Web es una amplia rea de aplicacin del diseo grfico en la cual se integran conocimientos propios del diseo como son la composicin, el uso de color y la tipografa con conocimientos tcnicos del medio como son los lenguajes HTML (HiperText Markup Language) y CSS (Cascading Style Sheets), as como conocimientos sobre usabilidad, accesibilidad y organizacin de un sitio web.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

ETAPAS ETAPA 1

La primera es el diseo visual de la informacin que se desea editar. En esta etapa se trabaja en el papel distribuyendo el texto, los grficos, los vnculos a otros documentos y otros objetos multimedia que se consideren pertinentes. Es importante que antes de trabajar sobre el computador se realice un bosquejo o pre diseo sobre el papel. Esto facilitar tener un orden claro sobre el diseo.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

ETAPAS ETAPA 2
En esta segunda, ya con el bosquejo se pasa a 'programar' la pgina web. Por ello se cre el lenguaje de marcacin de hipertexto o HTML El HTML consta de una serie de etiquetas que estructuran el texto y son presentados en forma de hipertexto por agente de usuario o navegadores Esto se puede hacer con un simple editor de textos (debe guardarse como texto plano, sin ningn tipo de formato y con extensin .html o .htm) A mediados de 1996, aparecen algunos editores visuales de HTML, como MS FrontPage y Macromedia Dreamweaver.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

Limitantes en el Diseo Web

En primer lugar, las pginas web se deben descargar de un servidor web remoto por medio de Internet, por lo que el ancho de banda de las conexiones de los usuarios va a ser un factor clave en la velocidad de visualizacin Ancho de Banda Cantidad de informacin o de datos que se puede enviar a travs de una conexin de red en un perodo de tiempo dado. Los elementos grficos, dependiendo del tamao de la imagen y del formato en que se guarde, suelen traducirse en ficheros de bastante peso. Esto origina que las pginas que contienen en su diseo muchas imgenes, o pocas pero de gran tamao, tarden mucho tiempo en ser descargadas desde el servidor web y presentadas en la ventana del ordenador del usuario, que no suele ser muy paciente.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

Limitantes en el Diseo Web Estudios realizados demuestran que el tiempo mximo de aguante de una persona que espera la descarga de una pgina suele ser de unos 10 segundos, pasados los cuales prefiere abandonar nuestro sitio web y buscar otro ms rpido Por lo tanto, el nmero de elementos grficos que podemos introducir en una pgina web queda bastante limitado, teniendo que buscar alternativas mediante el uso imaginativo de fuentes y colores.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

Limitantes en el Diseo Web

Los navegadores, son otra limitante.

La ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolucin empleada por el usuario en su monitor) y con unas capacidades de interpretacin de colores que varan mucho segn el ordenador usado, el sistema operativo, el monitor y la tarjeta grfica.
Los navegadores existentes en el mercado tienen una forma particular de presentar el contenido de las pginas. Para intentar solventar estas diferencias, el diseador web debe trabajar a la vez con varios navegadores, diseando sus pginas de tal forma que la interpretacin de ellas sea similar en todos, lo que impone nuevas limitaciones al diseo.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

La resolucin de pantalla

Las aplicaciones encargadas de presentar las pginas web son los navegadores (browsers), entre los que cabe destacar por su importancia y difusin Internet Explorer, Netscape Navigator y Opera.

La interfaz de un navegador, en su modo estndar, presenta al usuario una o ms barras superiores (de mens, de direccin, etc.), una barra inferior (la barra de estado) y un espacio principal, la ventana, en el que son presentadas las pginas web. Existen dos tipos de pantallas diferentes. Tamao absoluto: es el tamao "real" de la ventana del monitor, medido generalmente en pulgadas. Depende del monitor. Resolucin o tamao relativo : viene determinada por el nmero de pixels que se muestran en la ventana del monitor, siendo el pxel la unidad mnima de informacin que se puede presentar en pantalla, de forma generalmente rectangular. Depende de la tarjeta grfica.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

La resolucin de pantalla

La importancia de la resolucin de pantalla sobre la forma de ser visualizadas las pginas web en la ventana del navegador es muy importante. A mayor resolucin se dispone de ms puntos de informacin para presentar los elementos en pantalla, pero estos puntos son ms pequeos, con lo que los elementos de la interfaz (textos, imgenes, objetos de formulario, etc.) se ven ms pequeos.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

Consejo Si diseamos una pgina para una resolucin dada, ocupando toda la ventana del navegador, aquellos usuarios que la visualicen a resoluciones menores no tendrn espacio en pantalla para contener toda la pgina, por lo que se vern obligados a usar las barras de desplazamiento del navegador. Por el contrario, aquellos usuarios que la visualicen a resoluciones mayores tendrn demasiado espacio en pantalla para tan poca pgina, por lo que les quedar bastante espacio vaco, sin contenidos.

 Carlos Antonio Aguirre | carlos99ayala@yahoo.com

RESUMEN
En esta clase hemos considerado que es el diseo web? y que se necesita para construir un sitio web exitoso