Diseño Web VS Desarrollo Web.

En primer lugar, cuando se habla de desarrollo web, mucha gente lo confunde o lo mezcla con

el diseño web. Que quede claro desde un principio que son actividades distintas, que en un

proyecto web deberían ser realizadas por personas diferentes, pero es muy normal que en

proyectos web pequeños realizados por una o dos personas, el diseño y el desarrollo web

pueden ser realizados por la misma persona.

Vamos a ver las diferencias que existen entre el diseño y el desarrollo web.

El diseño web se refiere al diseño visual de un sitio web o de una página web y con frecuencia

implica el diseño de los elementos gráficos de la página. En el diseño se tienen en cuenta

elementos gráficos como la tipografía, los colores, los tamaños y las proporciones.

El diseño se suele realizar con una herramienta gráfica como Adobe Photoshop o GIMP, y

proporciona el marco para la presentación y el comportamiento de la página. El producto final

del diseño web no suele contener código.

El diseño de la página (puede ser una simple imagen en formato PNG, por ejemplo) es utilizado

por el mismo diseñador o por otra persona como base para el código de la página web. El

diseño de la página se divide (se trocea) en partes que se pueden representar mediante código

(HTML + CSS), o se convierten en elementos puramente gráficos.

La persona que realiza el diseño de un sitio web, se le suele llamar “el diseñador”.

El desarrollo web se refiere a la programación necesaria para construir una aplicación o sitio

web. Se suele dividir en dos partes que pueden estar conectadas, la parte cliente y la parte

servidor que funcionan de forma independiente y emplean tecnologías distintas, aunque

muchas veces también interactúan, por lo que también se habla de programación de la parte

clienteservidor.

Para el desarrollo de la parte cliente, los conocimientos que se necesitan tener son por un lado

HTML y CSS para la creación de las páginas web, y por otro lado JavaScript y el DOM para la

programación de la parte cliente.

El desarrollo de la parte servidor se refiere a la programación necesaria para construir el "back

end" de un sitio web. El "back end" es la parte del sitio web que no ven los visitantes de un sitio

web, pero que es necesario para poder presentar la información correcta en el formato correcto

a los visitantes.

En el desarrollo de la parte servidor se emplean lenguajes de script como PHP, ASP,

ASP.NET, JSP, Perl y Coldfusion para acceder a una base de datos y recuperar la información

necesaria para visualizar una página web. Por tanto, el desarrollo web también cubre el diseño

y desarrollo de las bases de datos. Y como una aplicación web está al alcance de cualquiera,

también es necesario tener en cuenta la correcta seguridad del producto final.

La persona que realiza el desarrollo web, se le suele llamar “el desarrollador”.

El siguiente gráfico extraído de la Wikipedia resume las principales tecnologías que se han

empleado y se emplean en la actualidad en el desarrollo web.

Por un lado, tenemos las tecnologías del lado del cliente, entre las que destacan HTML, CSS y

JavaScript.

Por otro lado, tenemos las tecnologías del lado del servidor, entre las que destacan CGI, PHP,

ASP y JSP. Podemos ver que todas estas tecnologías surgieron a mediados de los años

noventa y su uso continúa hasta la actualidad.

 Un diseñador web necesita intuición, creatividad e imaginación, mientras que un desarrollador web necesita lógica, pensamiento lineal y técnica. Un diseñador web necesita una titulación en diseño gráfico, bellas artes o producción multimedia, mientras que un desarrollador web necesita experiencia en programación.

Recuerda que el curso “Introducción al desarrollo web” está disponible en la dirección

idesweb.es.

AVISO IMPORTANTE

Este documento, su texto y gráficos e imágenes, puede ser utilizado bajo una licencia Creative Commons de tipo

Atribución, NoComercial.

En caso de utilizarse este material o de la creación de un derivado, la atribución se debe

respetar citando la fuente como “Actívate, Google España 2016” y expresamente, si es posible, mediante un enlace

activo a http://google.es/activate . Revisado, enero 2016.