Introducción

En este trabajo podemos ver todo lo relacionado al diseño web ya sea

sus etapas, fundamentos, los tipos que hay, su construcción, su
utilidad, su tecnología.

El cual es muy importante ya que permite que nos comuniquemos

virtualmente con cualquier persona del mundo sin tener que implicar el
contacto físico, no solo eso ya también nos permite compartir
nuestros conocimientos, experiencias e incluso buscar cualquier tipo
de información que necesitemos, también podemos ver videos,
escuchar música entre muchas utilidades más que nos proporciona.
 Diseño Web

El diseño web es una rama específica del diseño, con una corta,
pero muy dinámica historia, cuya importancia profesional y
consideración social está todavía en proceso de desarrollo y
consolidación.

El diseño web también es una de las disciplinas tecnológicas que

ha evolucionado rápidamente en esta última década y se ha hecho
en una de las áreas de mayor oportunidad dentro de una
industria.

Esta ha visto amplia aplicación en los sectores comerciales de

Internet especialmente en la World Wide Web.

Un diseño web bien elaborada de contenidos aumenta la

eficiencia de la web como canal de comunicación e intercambio de
datos.
 Diseño Web Aplicado

Para que el diseño resulte eficaz, hay que tomar en cuenta la

información obtenida en la fase de captación de necesidades,
además de los gustos, requisitos y preferencias del cliente. La
creatividad será responsabilidad del equipo de diseño, que
presentará diferentes propuestas gráficas basadas en la
estructura definida previamente en la fase de creación de los
wireframes. Entre ellas, todo el equipo involucrado en el proyecto
web tendrá que escoger una de ellas.

En esta etapa, la accesibilidad, la usabilidad, y el equilibrio

armónico entre estética y funcionalidad son aspectos que
condicionan el diseño, pero que no tienen por qué limitarlo.

Entre los beneficios que una empresa o cualquier negocio que

podemos obtener al proporcionar un buen diseño web son:

• Al tener una página se obtendrá una segunda puerta de

acceso hacia la empresa.

• Es como un anuncio enorme que trabaja las 24 horas los 7

días de la semana.

• Amplía su mercado desde un nivel local hasta un nivel

nacional o internacional.

• Promueve la comunicación con sus clientes y proveedores

• Posibilidad de encontrar nuevos clientes

• Generar una buena imagen para los clientes.

 Etapas

En el desarrollo de un sitio web hay seis etapas clave.

1- Investigación

Lo primero que hay que hacer es un análisis y una revisión del contexto
en el que nos movemos. Por ejemplo: mirar sitios similares, buscar un
estilo que nos identifique y que por supuesto nos guste y con el que
nos sintamos cómodos.

2- Planificación

Cuando se planifica un sitio Web, se deben considerar varios factores:

la audiencia y sus necesidades, el objetivo para el que se crea, los
temas y contenidos que le gustaría cubrir, el nombre del sitio, la
disponibilidad del nombre de dominio y registrarlo, lo que otros sitios
han hecho, etc.

3- Arquitectura del sitio y contenido

Pensemos qué vamos a contar y cómo vamos a contarlo. Debemos crear

un mapa de la arquitectura del sitio para demostrar visualmente cómo
se organiza el contenido y la estructura del sitio.

4- Diseñar, construir y hacer pruebas

Es la etapa del diseño web: tipos de letras, colores, plantillas,

imágenes, títulos, etc. En esta etapa se empieza a probar el sitio web.

5- Operar, mantener y evaluar: En esta etapa el sitio Web se

encuentra constante mantenimiento para posibles mejoras. Se procura
obtener informes sobre el rendimiento, para asegurar que el sitio
Web sea un éxito.

6- Marketing

Una vez que la web se publica hay que ponerse manos a la obra y hacer
marketing.
 Fundamentos

Todos sabemos intuitivamente qué hace lucir mal a un sitio web:

demasiados efectos de bordes, iconos e imágenes cursis, diseño
recargado. Estos inconvenientes son fácilmente corregidos diseñando
con fundamentos de diseño en mente los mismos principios usados
tanto por diseñadores profesionales como por artistas. Los mejores
sitios web incorporan forma y funcionalidad. De hecho, los sitos bien
diseñados son vistos como más creíbles de acuerdo a un estudio de
Stamford y son normalmente más fáciles de usar.
 Tipos de página web

Entre los tipos de diseño web que hay son:

Según su construcción:

Estáticas: este tipo de páginas web están compuestas por archivos

que contienen código HTML, es por medio de este que se pueden
mostrar las imágenes, textos, videos y todos aquellos contenidos que
componen a la página en sí. Los archivos que constituyen a la página
web son almacenados en el servidor de Hosting, cuyo formato es
también en HTML.

Dinámicas: en estas páginas, en cambio, los contenidos son

modificados continuamente ya que esto queda en manos de quienes las
visitan. La información de estas páginas está guardada en bases de
datos de las cuales los usuarios extraen aquello que les interese. Estas
páginas se caracterizan entonces por ser sus usuarios quienes
modifican el diseño y los contenidos, se las puede actualizar muy
fácilmente, ya que no es necesario ingresar al servidor para esto.

Según su tecnología:

En HTML: estas páginas están construidas con lenguaje HTML, por lo

que se requiere tener conocimientos de este para hacerlas. Un
defecto de estas páginas es que son estáticas, además ofrecen muy
poco, por lo que no son recomendables para ventas y marketing. La
ventaja que ofrecen es que son muy fáciles de construir, con
conocimientos básicos de diseño, alcanza.

En Flash: estas páginas se construyen utilizando el software Flash, de

Adobe, que permite la realización de animaciones, efectos, sonidos y
movimientos. Para que los usuarios puedan visualizarlas, es necesario
contar con los plug-in requeridos. Para realizarlas sí es necesario
tener conocimientos en profundidad sobre el software, otra
desventaja, es que las páginas hechas con Flash son muy pesadas, por
lo que el tiempo de descarga puede prolongarse.
En lenguaje del servidor: estas se hacen en lenguaje PHP, Ruby, ASP,
entre otros. Para desarrollar esta clase de páginas también es
necesario tener conocimientos avanzados sobre el lenguaje a utilizar.
Son ideales para interactuar con los usuarios y para el área de
marketing.
 Cuadro Comparativo

Diferencia entre el diseño web y desarrollo web

Diseño web Desarrollo web

Un buen diseñador web tendrá Un desarrollador web de buena

las habilidades de diseño gráfico voluntad tiene excelentes
y una buena comprensión de la habilidades de programación y
comercialización. es capaz de utilizar una amplia
gama de herramientas de
programación.
Los diseñadores Web utilizan el Los desarrolladores web utilizan
software como Photoshop, Flash una serie de herramientas de
y Fireworks. También tendrán un programación como ASP,
buen conocimiento de la Javascript, XML y SQL. Estas
tipografía, teoría del color y la son sólo algunas de las
accesibilidad web. herramientas más conocidas
El diseño web determina la En contraste, el desarrollo web
apariencia y la percepción de un se encarga de las funciones y
sitio web. Comprende el diseño, características de un sitio web.
la navegación y la gama de Abarca la programación de la
colores del sitio web. “parte de atrás” de un sitio web.
El diseño web tiene más que ver Un diseñador web hará que un
con la estética y la experiencia sitio web sea fácil de usar y que
del usuario que con las se ajuste al propósito para el
funciones. que fue creado.
 Conclusión

En conclusión, el diseño web es muy importante ya que mediante un

buen diseño web una empresa puede dirigirse a un sector muy
concreto de la población, centrando su atención en su posible mercado
o, por el contrario, abrir las posibilidades a todos los niveles
educativos, culturales, geográficos, etc.

por lo tanto, el diseño de una web es el primer pilar que se debe

reforzar para conseguir una buena imagen de marca y, por lo tanto,
reputación en el medio online. La primera impresión es la que cuenta y
los usuarios son cada vez más exigentes.
 Infografía

1. https://es.wikipedia.org/wiki/Dise%C3%B1o_web
2. http://idesweb.es/temario/que-es-el-desarrollo-web
3. http://www.newclick.es/etapas-diseno-web-creacion-diseno-
web.php
4. http://www.netronycs.com/etapas_del_diseno_web.html
5. https://www.websa100.com/blog/consigue-un-diseno-web-
equilibrado-con-estos-7-principios/
6. https://es.slideshare.net/raymarq/fundamentos-diseo-web
7. https://medium.com/grupo-carricay/cu%C3%A1les-son-los-
tipos-de-dise%C3%B1os-web-que-existen-db873007b0c5
8. https://www.somoswaka.com/blog/2017/02/tipos-paginas-web/
9. http://www.innovarweb.com/clases-o-tipos-de-paginas-web/