Universidad Iberoamericana, campus Mexicali

Maestría en Desarrollo Urbano, área SIG

Asignatura: Portafolio Visual de Proyectos
Mtro. Edgar Rodríguez Llerenas
Alumno: Jesús Obed Douriet Leyva

REPORTE DE LECTURA.

Tema (s) Diseño Web.

Conceptos Página Web. Una página Web es un soporte de información estructurada en
relacionados. formato digital. Es decir, una página Web es uno o varios bloques de
información, ya sea textos, fotos, diagramas, gráficas, elementos multimedia,
canciones, etc. Bien estructurados y dispuestos para que sean entendibles por
sus visitantes. Hasta hace poco las páginas webs no eran más que puntos de
información, donde el usuario no podía interactuar, tan solo leer, oír, y extraer
información. Internet ha evolucionado hacia las webs 2.0.1

Web 2.0. El termino Web 2.0 (2003–presente) está comúnmente asociado con
un fenómeno social, basado en la interacción que se logra a partir de diferentes
aplicaciones Web, que facilitan el compartir información, la interoperatividad, el
diseño centrado en el usuario y la colaboración en la World Wide Web. Un sitio
Web 2.0 permite a sus usuarios interactuar con otros usuarios o cambiar
contenido del sitio Web, en contraste a sitios Web no-interactivos donde los
usuarios se limitan a la visualización pasiva de información que se les
proporciona.2

W3C. El World Wide Web Consortium, abreviado W3C, es un consorcio

internacional que produce recomendaciones para la World Wide Web. Está
dirigida por Tim Berners-Lee, el creador original de URL (Uniform Resource
Locator, Localizador Uniforme de Recursos), HTTP (HyperText Transfer
Protocol, Protocolo de Transferencia de HiperTexto) y HTML (Lenguaje de
Marcado de HiperTexto) que son las principales tecnologías sobre las que se
basa la Web.3

LECTURA/RESUMEN:

¿Qué es el Diseño Web?

El diseño Web es una actividad que consiste en la planificación, diseño e implementación de
sitios y páginas Web. No es simplemente una aplicación del diseño convencional, ya que
requiere tener en cuenta cuestiones tales como navegabilidad, interactividad, usabilidad,
arquitectura de la información y la interacción de medios como el audio, texto, imagen y vídeo.4

1
Cerotec.net. estudios. ¿Qué es el diseño Web?
http://www.cerotec.net/NOTICIAS-DISENO/Que-es-el-diseño-web/35/
CONSULTA: 17-MAY-10

2
Wikipedia: La enciclopedia libre. Web 2.0
http://es.wikipedia.org/wiki/Web_2.0
CONSULTA: 17-MAY-10

3
Wikipedia: La enciclopedia libre. W3C
http://es.wikipedia.org/wiki/W3C
CONSULTA: 17-MAY-10

4
Wikipedia: La enciclopedia libre. Diseño Web.
http://es.wikipedia.org/wiki/Dise%C3%B1o_web
CONSULTA: 17-MAY-10
Una página Web no es un diseño gráfico estático, sino que contiene diferentes elementos que
tienen la capacidad de interaccionar con el usuario, como menús de navegación, enlaces,
formularios, etc. Además, una página aislada no existe, sino que forma parte de un conjunto de
páginas inter-relacionadas entre sí (el sitio Web), que deben presentarse al usuario con el mismo
“estilo”, aunque su funcionalidad sea muy diferente.5

Historia.
ViolaWWW es considerado como el primer
navegador gráfico de la historia, precursor del
popular navegador Mosaic, que a posteriori se
convertiría en el primer referente clásico de la
tecnología World Wide Web.6

Mosaic fue el segundo navegador gráfico disponible

para visualizar páginas Web, fue creado en el NCSA
en enero de 1993 por Marc Andreessen (el cual
desarrolló parte del código, como la posibilidad de
acceso a páginas en disco mediante protocolo file://)
y Eric Bina. La primera versión funcionaba sobre
sistemas Unix, pero fue tal su éxito que en agosto
del mismo año se crearon versiones para Windows
y Macintosh.7
Interfase del navegador ViolaWWW ►

Posteriormente, gracias a la aparición del W3C y basándose en los primeros modelos de diseño
Web, se evoluciona a diseños con imágenes de fondo, utilización de íconos en lugar de palabras,
además aparecen componentes como monitores a color y tarjetas gráficas con mayor capacidad,
lo cual en conjunto generó una notable mejora en el diseño Web.

Otro elemento relevante fue la aparición de Macromedia Flash (Programa de diseño y

animación), lo cual revolucionó la concepción del diseño Web. En este punto el diseño se enfocó
bajo criterios de objetivos específicos (Venta de productos, servicios, comunidades, noticias,
etc.) y empiezan a aparecer las páginas que ayudan al usuario a realizar búsquedas.

Posteriormente la utilización de multimedia hace posible una serie de oportunidades para

cualquier tipo de usuario, de esta manera se da pie a la innovación de última generación, con la
aparición de televisión vía Web.

5
Luciano Moreno. desarrollosweb.com: Manuales>Curso práctico de diseño Web.
El diseño Web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio
donde se presentan las páginas: Internet. Conocemos las características fundamentales del diseño en la Web.
http://www.desarrolloweb.com/articulos/1278.php
CONSULTA: 17-MAY-10

6
Wikipedia: La enciclopedia libre. ViolaWWW.
http://es.wikipedia.org/wiki/ViolaWWW
CONSULTA: 17-MAY-10

7
Wikipedia: La enciclopedia libre. Mosaic.
http://es.wikipedia.org/wiki/Mosaic
CONSULTA: 17-MAY-10
Fases del Diseño Web.
Las fases del diseño Web están condicionadas por el tipo de proyecto y su magnitud, sin
embargo existen tres fases básicas, las cuales pueden aplicar para cualquier proyecto.
Análisis y definición de diseño Web. (Diseño visual)
En esta fase se estudia la imagen que debe tener la página Web, en función del o los objetivos
establecidos, en este punto generalmente se elaboran bosquejos en papel, que posteriormente
se aterrizan en una primera versión de la página.

Creación de la página Web de acuerdo al diseño establecido. (Escritura)

Una vez establecido el diseño, se procede a la implementación del diseño, establecimiento de
ligas, encabezados, menús, animaciones, imágenes, etc.

Programación de navegación de la página Web. (Funcionalidad)

Una vez teniendo el diseño y la estructura de la página, el siguiente paso es programar la
navegación y funcionalidad adecuada de la presentación de la página Web.

Adicionalmente se establece el posicionamiento en buscadores, lo cual consiste en optimizar la

estructura del contenido para mejorar la posición en que aparece la página en determinada
búsqueda.8

OPINIÓN PERSONAL Y CONCLUSIÓN:

Evidentemente el diseño Web va más allá que el simple diseño de un cartel o folleto, como lo
pudiera abordar el diseño gráfico, sin embargo el primero se apoya fundamentalmente en éste
último para su elaboración. Sin embargo las implicaciones de llevar a cabo un diseño Web son
mucho más complejas, ya que participan temas de programación, arquitectura de datos,
mercadotécnica, estadística, etc.

También resulta interesante el analizar el diseño Web a través de su historia, como una
evolución que en conjunto con otras áreas como la informática, específicamente los programas
enfocados al diseño de páginas Web, han revolucionado la manera de visualizar la información
en el Internet, hasta el grado de volverse un campo importante de trabajo y negocio virtual.

La popularidad y hasta cierto punto la cotidianidad del Internet, así como la libertad de
interacción con el usuario, ha permitido que el diseño Web se elabore por parte del mismo
usuario y ya no precisamente de un especialista, esto gracias al uso de programas más
amigables y sencillos de usar, lo cual permite que aún sin nociones de programación y/o
conocimientos profesionales de diseño, el usuario sea capaz de generar sus propios diseños y
aplicaciones Web.

Finalmente cabe decir que la revolución electrónica y la competitividad informática nos ha llevado
a contar con herramientas cada vez más simples y con mejor calidad de presentación, para
facilitar el trabajo, ahorrar tiempo y obtener mejores resultados al momento de diseñar un sitio
Web, del cual hasta cierto punto, depende nuestra imagen, producto o servicio en particular.

8
Wikipedia: La enciclopedia libre. Diseño Web.
http://es.wikipedia.org/wiki/Dise%C3%B1o_web
CONSULTA: 17-MAY-10
REFERENCIAS Y FUENTES CONSULTADAS:
TT. Techtástico: Tecnología y más que eso.
¿Qué es el Diseño Web?
http://techtastico.com/post/%C2%BFque-es-el-diseno-web/
CONSULTA: 17-MAY-10

Wikipedia: La enciclopedia libre.

Diseño Web.
http://es.wikipedia.org/wiki/Dise%C3%B1o_web
CONSULTA: 17-MAY-10

Luciano Moreno. desarrollosweb.com: Manuales>Curso práctico de diseño Web.

El diseño Web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio
donde se presentan las páginas: Internet. Conocemos las características fundamentales del diseño en la Web.
http://www.desarrolloweb.com/articulos/1278.php
CONSULTA: 17-MAY-10

Cerotec.net. estudios
¿Qué es el diseño Web?
http://www.cerotec.net/NOTICIAS-DISENO/Que-es-el-diseño-web/35/
CONSULTA: 17-MAY-10

Wikipedia: La enciclopedia libre.

Web 2.0.
http://es.wikipedia.org/wiki/Web_2.0
CONSULTA: 17-MAY-10

Wikipedia: La enciclopedia libre.

W3C.
http://es.wikipedia.org/wiki/W3C
CONSULTA: 17-MAY-10

Wikipedia: La enciclopedia libre.

ViolaWWW.
http://es.wikipedia.org/wiki/ViolaWWW
CONSULTA: 17-MAY-10

Wikipedia: La enciclopedia libre.

Mosaic.
http://es.wikipedia.org/wiki/Mosaic
CONSULTA: 17-MAY-10

Hooping.net: Negocios Web.

Historia del Diseño Web.
http://www.hooping.net/faq-historia-diseno-web.aspx
CONSULTA: 17-MAY-10