DISEÑO WEB

El diseño web es aquella actividad consistente en planificar, diseñar, mantener y crear

páginas web. Se aleja del termino mas tradicional del diseño en cuanto a que engloba
una gran variedad de aspectos diferentes, como pueden ser el diseño de la interfaz, el
diseño del material grafico o incluso la experiencia del usuario con el sitio.
Es la principal disciplina a tener en cuenta a la hora de montar una web.
En la actualidad, es una de las disciplinas mas demandadas y uno de los puntos en los
que se hace mayor hincapié dentro de cualquier empresa. La presencia en internet es
fundamental, y el diseño es uno de los puntos mas determinantes en este plano.
El diseño web sirve para ofrecer a los usuarios una experiencia adecuada, suave y
atractiva a la hora de moverse por una pagina en internet. Es algo capaz de transmitir la
imagen de una marca y su mensaje, a la vez que muestra el grado de compromiso de
una firma por la buena experiencia de sus consumidores.
Para el diseño de pagina web debemos tener en cuenta tres etapas.
1. El diseño visual de la información que se desea editar. En esta etapa se trabaja
distribuyendo el texto, los gráficos, los vínculos a otros documentos y otros
objetos multimedia que se consideren pertinentes. Es importante que antes de
escribir la pagina web se realice un boceto o prediseño. Esto facilitara tener un
orden claro sobre el diseño
2. Estructura y relación jerárquica de las páginas del sitio web. Para esto, y
fundamentalmente para manejar los vínculos entre documentos, se creo el
lenguaje de marcación de hipertexto o HTML.
3. Posicionamiento en buscadores o SEO: consiste en optimizar la estructura del
contenido para mejorar la posición en que aparece la pagina en los motores de
búsqueda web por una o varias palabras claves.
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 códigos propietarios, etc.
Esto impide que este documento web sea universal e independiente del medio que se
utilice para ser mostrado
El diseño web debe seguir unos requerimientos mínimos de accesibilidad web que haga
que sus sitios web o aplicaciones puedan ser visitados por el mayor número de personas
 Mosaic fue el primer navegador de uso comercial que permitía el acceso a contenidos
en línea. En estos primeros años de la década de los 90 las conexiones a Internet eran
tan lentas que el diseño de páginas web era prácticamente inexistente. Los sitios se
componían principalmente de texto, los colores eran limitados y el uso de tipografías,
animaciones o vídeo eran cosa de ciencia ficción.
Sin embargo, ya se utilizaba el lenguaje de hipertexto HTML, que había nacido años
atrás teniendo como objetivo un tipo de comunicación funcional más que de
entretenimiento. Las primeras páginas web se crearon pensando en una óptima
transferencia de datos.

En 1991 el creador de la Word Wide Web (WWW), el inglés Tim Berners-Lee, subió a

Internet la primera página a través de su computadora, que también fungió como el
primer servidor (se encontraba en el CERN y fue puesto en línea el 6 de agosto de
1991).

Por otro lado, el diseño Web Adaptable, o en inglés, Responsive Web Design, es una
técnica de diseño y maquetación web que se ha impuesto en los últimos tiempos. Surge
de la necesidad de visualizar el mismo contenido de la página web en diferentes
dispositivos como teléfonos móviles, tabletas y ordenadores de sobremesa.
El objetivo es conseguir que el contenido de la web se adapte al tamaño de la pantalla,
de modo que el usuario final pueda leer de forma cómoda, sin tener que hacer muchos
movimientos de scroll
. Google distingue 3 maneras de adaptar una web para diferentes dispositivos.

 Diseño web adaptable

 Contenido servido dinámicamente
 Usar diferentes URL’s para cada versión
De estas 3 formas, para Google la recomendada es usar diseños adaptables, ya que te
permite usar el mismo código HTML, además de usar también la misma URL, por lo
que se lo ponemos más fácil a Google.

El diseño web adaptable ha sido una gran tendencia por mucho tiempo, incluso antes de
que Mashable declarara el 2013 como el año del diseño web adaptable. Si esto se
combina con el aumento en el uso de dispositivos móviles con pantallas de diferentes
tamaños, es fácil entender por qué la red no deja de hablar sobre esto.

Ahora, el desarrollo web es un término que define la creación de sitios web para

Internet o una intranet. ... Idealmente un desarrollador web debería conocer, además de
al menos un lenguaje de programación y el manejo DHTML .

Creación web
El lenguaje básico que se debe conocer para la creación de páginas web es el HTML,
aunque las herramientas gráficas para el diseño web ayudan mucho en esta tarea. Un
ejemplo de aplicaciones para el desarrollo web es Dreamweaver (Ver Editores Web).

Luego, existen otros lenguajes de programación que aumentan el poder de las páginas

web, algunos destacables son: PHP, ASP y JavaScript (DHTML).

Para aumentar las funcionalidades de un sitio web, también pueden

incorporarse: Flash, Shockwave, Java applet, CGI, SVG, ActiveX, cookies, etc.

Finalmente, la incorporación de una base de datos puede simplificar muchas tareas a la

hora de desarrollar ciertos sitios web.

Antes de adentrarnos en temas más avanzados debemos conocer a que nos referimos
cuando hablamos de diseño o desarrollo web. Estos conceptos muchas veces se usan
como sinónimos, pero no lo son.

Si bien El diseño web es el proceso de planificación, diseño, implementación y

mantenimiento de sitios web. Es un proceso complejo que no solo consiste en que
nuestra página web “se vea bien”. Pues no está centrado solo en el aspecto visual, sino
que también toma en cuenta aspectos como la semántica web, experiencia de usuario,
prototipado, navegabilidad, diseño adaptativo o responsive, optimización para motores
de búsqueda (SEO) etc.

Por otro lado El desarrollo web es el proceso que ofrece funciones y características en
la creación de sitios web, usando tecnologías de software del lado del servidor y
del cliente, lenguajes de programación, bases de datos y navegadores web a fin de
realizar determinadas tareas o mostrar información.  Por ejemplo, la creación de un
registro, funciones para comercio electrónico y sistemas de administración basados en
web.