diseño web

Diseno web

El Diseno web es una actividad que consiste en la planificacion, diseno e implementacion de sitios web y paginas web. No es simplemente una aplicacion del diseno convencional sobre Internet ya que requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad, arquitectura de la informacion y la interaccion de medios como el audio, texto, imagen y video.

El Diseno web es la comunicacion textual (contenidos) existente en Internet una faceta visual, sino que obliga a pensar una mejor estructuracion de los mismos en este soporte. La union de un buen Diseno web con una jerarquia bien elaborada de contenidos aumenta la eficiencia de la web como canal de comunicacion e intercambio de datos, que brinda posibilidades como el contacto directo entre el productor y el consumidor de contenidos, caracteristica destacable del medio Internet.

El Diseno web ha visto amplia aplicacion en los sectores comerciales de Internet especialmente en la World Wide Web. Asimismo, a menudo la web se utiliza como medio de expresion plastica en si. Artistas y creadores hacen de las paginas en Internet un medio mas para ofrecer sus producciones y utilizarlas como un canal mas de difusion de su obra.
Diseno web aplicado.

El diseno de paginas Web es una amplia area de aplicacion del diseno grafico en la cual se integran conocimientos propios del diseno como son la composicion, el uso de color y la tipografia con conocimientos tecnicos del medio como son los lenguajes HTML (HiperText Markup Language) y CSS (Cascading Style Sheets), asi como conocimientos sobre usabilidad, accesibilidad y organizacion de un sitio web.

El diseno de paginas web trata basicamente de realizar un documento con informacion hiperenlazado con otros documentos y asignarle una presentacion para diferentes dispositivos de salida (en una pantalla de ordenador, en papel, en un telefono movil, etc).

Estos documentos o paginas web pueden ser creadas:
creando ficheros de texto en HTML.
utilizando un programa WYSIWYG de creacion de paginas.
utilizando lenguajes de programacion del lado del servidor para generar la pagina web.

Para el diseno de paginas web debemos tener en cuenta dos etapas:
La primera es el diseno visual de la informacion que se desea editar. En esta etapa se trabaja en el papel distribuyendo el texto, los graficos, los vinculos 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 prediseno sobre el papel. Esto facilitara tener un orden claro sobre el Diseno web.

La segunda, una vez que se tiene este boceto se pasa a 'programar' la pagina web. Para esto, y fundamentalmente para manejar los vinculos entre documentos, se creo el lenguaje de marcacion de hipertexto o HTML. Los enlaces que aparecen subrayados en este documento y otros de Wikipedia son ejemplos de hipertexto, puesto que al pulsar sobre ellos conducen a otras paginas con informacion relacionada.

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 ningun tipo de formato y con extension .html o .htm). Aprender HTML es relativamente facil, asi que es sencillo crear paginas web de este modo. Esta era la unica manera de generarlas hasta que aparecieron, a mediados de 1996, algunos editores visuales de HTML, como MS FrontPage y Macromedia Dreamweaver. Con estas herramientas no es absolutamente necesario aprender HTML (aunque si aconsejable), con lo cual el desarrollador se concentra en lo mas importante, el Diseno web del documento.

Todo esto teniendo en cuenta el nivel de programacion en el Diseno web de las aplicaciones y del impacto visual que se quiere generar en el usuario.

Un correcto Diseno web implica conocer como se deben utilizar cada una de la etiquetas permitidas en HTML, es decir, hacer un uso correcto de este lenguaje dentro de los estandares establecidos por la W3C y en lo referente a la web semantica. Debido a la permisibilidad de algunos navegadores web como Internet Explorer, esta premisa original se ha perdido. Por ejemplo, este navegador permite que no sea necesario cerrar las etiquetas del marcado, utiliza codigo propietario, etc. Esto impide que ese documento web sea universal e independiente del medio que se utilice para ser mostrado.

La web semantica, por otra parte, aboga por un uso logico de las etiquetas segun el significado para el que fueron concebidas. Por ejemplo se utilizara la etiqueta <P> para marcar parrafos, y <TABLE> para tabular datos (nunca para disponer visualmente los diferentes elementos del documento). En su ultima instancia, esto ha supuesto una autentica revolucion en el Diseno web puesto que apuesta por separar totalmente el contenido del documento de la visualizacion.
De esta forma se utiliza el fichero HTML unicamente para organizar y estructurar la informacion y las hojas de estilo CSS para indicar como se mostrara dicha informacion en los diferentes medios (como por ejemplo, una pantalla de ordenador, un movil, impreso en papel, leida por un sintetizador de voz, etc...). Por logica, esta metodologia beneficia enormemente la accesibilidad del documento.

Tambien existen paginas dinamicas, las cuales permiten mayor interactividad entre la web y el visitante, proporcionandole herramientas dinamicas tales como buscadores, chat, foros, sistema de encuestas, etc. y poseen de un panel de control de administracion de contenidos. Este permite crear, actualizar y administrar cantidades ilimitadas de contenido en la misma.