INSTITUTO UNIVERSITARIO DE TECNOLOGÍA INDUSTRIAL “RODOLFO

LOERO ARISMENDI”
I.U.T.I.R.L.A.
EXTENSIÓN BARCELONA
DISEÑO GRÁFICO

Profesora: Realizado por:

Miguel Salazar. Sergio Subero, C.I 25.509.171
Sección D1SA
 INDICE
1-Introducción……………………………………………………………………… 3
2- Desarrollo………………………………………………………………………..4-14
2.1- Historia del Diseño Web…………………………………………………….4-5
2.1.1-Generaciones del Diseño Web…………………………………………....5-6
2.1.2- Primera Generación……………………………………………………….5-6
2.1.3- Segunda Generación……………………………………………………...7
2.1.4- Tercera Generación………………………………………………………..7-8
2.1.5- Cuarta Generación…………………………………………………………8-9
2.2-¿Qué es HTML específicamente?............................................................9
2.3-Diseño Web en Móviles………………………………………………………10
2.4- Carácteristicas del Diseño web…………………………………………….11
2.5-¿Diseño Web Adaptativo? …………………………………………………..11
2.5.1-Ventajas del diseño web adaptativo ……………………………………..12
2.5.2-Desventajas del diseño web adaptativo……………………………….…13
2.6-¿Cuántas páginas existen en la actualidad?............................................13
2.7- Diseño web en Latinoamerica………………………………………………14
3- Conclusión………………………………………………………………………15
4-Bibliográfia……………………………………………………………………….16
 INTRODUCCIÓN

El texto en cuestión ofrece una investigación de tipo documental, tomando como

tema central el desarrollo del diseño web y su proyección en la humanidad, se
hace la presentación histórica del término en donde se mencionan sus primeros
colaboradores los cuales promueven la amplitud y evolución de las páginas web.
También se hace mención en el ámbito histórico en cuanto a las generaciones que
se han ido produciendo a lo largo de los últimos años, esto se presenta en forma
cronológica manteniendo de esta manera un orden de fechas e ideas con respecto
a la época en cuestión. Se reseña la definición del término “HTML” y su objeto de
creación web. Un punto importante el cual se explica en la investigación es
desarrollo del diseño web móvil para luego inmediatamente definir lo que es el
diseño web adaptativo el cual se encuentra directamente enlazado con el punto
anterior, en este mismo segmento también se presenta las ventajas y desventajas
del diseño web adaptativo, sopesando en una balanza todas las posibilidades y
obstáculos que el mismo presenta en su correcto desarrollo. Ya como clímax del
texto se hace la presentación de un dato curioso en donde se menciona el número
de páginas web que existen a nivel global; y ya como anticlímax se presenta un
punto relacionado directamente con la comunidad latina puesto que se explica
brevemente la presencia del diseño web en América Latina.
Historia del Diseño Web.
El primer servidor web fue puesto en línea en agosto de 1991, pero Internet nació
en los años 70, época en la cual no era tan rápido, sin embargo las transmisión de
datos e información entre computadoras era bastante eficiente, lo que lo llevó a
ser utilizado por científicos, médicos, educadores, el gobierno y principalmente
militares para transferir información eficiente dentro de un grupo especificado.

En los años 90 fue presentado al público, Mosaic, un programa explorador

gratuito, Mosaic fue el primer navegador comercial que permitió el acceso del
público a los contenidos en línea.

Fue diseñado por Marc Andeesen y Eric Bina, corría originalmente en el sistema
Unix. En 1994 se puso a disposición de otros sistemas operativos como Mac,
Windows y Amiga OS, el navegador web del Mosaic.

Durante los años 90, el mundo aún se conectaba a Internet a través de las líneas
telefónicas. Los archivos se veían en lenguaje de hipertexto HTML y todos podían
acceder a los documentos y archivos de la red al estar en línea. Los primeros
sitios web tenían gran cantidad de texto, colores limitados y gráficos en disposición
lineal solamente, estos sitios son conocidos como sitios de primera generación.

Primera Página Web

Estas primeras versiones de HTML eran pensadas más para una comunicación
funcional que para el entretenimiento, además no se hubieran podido cargar
gráficos de alta definición en esa época y mucho menos video, debido a que aún
era demasiado lenta la velocidad de conexión.
Es por esto que los primeros sitios fueron creados para que la transferencia de
datos fuera optimizada a pesar de la lenta conexión de ese entonces.

Navegador Mosaic creado por Marc Andeesen y Eric Bina

Humanos en 1990.

Generaciones del Diseño Web

Primera Generación.

Bernd Pollermann tenía 30

años cuando comenzó a
trabajar como físico en el
centro de investigaciones
nucleares CERN, en
Ginebra.
“Fui al CERN sobre todo porque me fascinaba la idea de poder trabajar en un
centro europeo de investigaciones”, dice Pollermann.

Señor Bernd Pollermann

En los años 1980, los investigadores usaban Internet, desarrollado en Estados

Unidos, en “news groups” o para el envío de mensajes electrónicos. Navegar no
era posible, porque no había hiperenlaces y los desarrolladores solo podían
intercambiar datos a través de servidores FTP.

En su equipo, dice Bernd Pollermann, trabajaba el británico Tim Berners-Lee.

Berners-Lee era experto en hipertexto y su tarea era desarrollar software para la
física de alta energía Pero otra idea lo fascinaba más: se preguntaba por qué
partes de hipertexto debían estar almacenadas necesariamente en la misma
computadora. “Entonces resolvió cambiarlo”, dice Pollermann. El 20 de diciembre
de 1990, Berners-Lee puso en línea la primera página web del mundo:
http://info.cern.ch/hypertext/WWW/TheProject.html, que contiene información y
anécdotas sobre el surgimiento de las páginas web. Fue el nacimiento de la World
Wide Web, Tim Berners-Lee está considerado su creador.

Pollermann desarrolló con un equipo uno de los primeros buscadores, XFIND.

“Tenía problemas para encontrar cosas”, dice. En esa época trabajan en el CERN
investigadores de 60 países. Sin las websites, resalta Pollermann, Internet no
podría haberse impuesto. El éxito definitivo vino luego con el desarrollo de
navegadores tales como Firefox, Explorer, Mozilla y buscadores tales como
Altavista y Google, que simplificaron tanto Internet, que todos pudieron usarlo.
Antes de que el CERN autorizara el uso de la World Wide Web para todos, en
1993, también se interesaron por la nueva tecnología los investigadores de DESY,
el centro de aceleración de partículas de Hamburgo, socio del CERN. Thomas
Finnern, ingeniero del DESY, creó en fase de prueba un servidor y una página
web para enlazar el CERN con el DESY.

El 20 de diciembre de 1990 fue puesta en línea la primera página web del mundo,
en el centro de investigaciones nucleares CERN.

Segunda Generación.
Entre los años 1992 y 1994 los desarrolladores empezaron a agregar sus propios
fragmentos de código HTML, lo cual empezó a extender bastante la primera
versión del lenguaje de hipertexto, así, para evitar mayores confusiones, se dio
origen al HTML 2. Con la una velocidad de conexión más rápida y diseñadores
web con más capacidades y opciones de HTML. El código se vuelve más
complejo y con más cantidad de gráficos.

Un avance notorio que se da en el diseño web es cuando se empiezan a utilizar

algunos iconos en vez de palabras, las páginas empiezan a tener imágenes de
fondo, aparece el uso de banners en vez de cabecera, el uso de botones, y la
organización de textos por medio de menús y listados, aparecen monitores y
tarjetas gráficas que mejoran el color y la resolución, mejorando la calidad del
diseño.

Tercera Generación.
En 1995 surgieron muchas más etiquetas HTML y con esto se dio origen a HTML
3. Los diseñadores tienes muchas más opciones y posibilidades a la mano como
tablas y hojas de estilo CSS, ese mismo año surge el controvertido navegador de
Microsoft, Internet Explorer.

En la tercera etapa empieza a destacarse el trabajo de los diseñadores web, las

paginas se diseñan de acuerdo a las necesidades de las mismas, el diseño
empieza a adecuarse a las funciones de las mismas, aparecen las páginas de
publicidad y venta de productos y servicios lo que permite que el diseño web
se expanda y sea utilizado por más personas.

Cuarta Generación.

Los sitios web de hoy en día se denominan sitios web de cuarta generación.
Aparte del lenguaje HTML que es básicamente la parte de la estructura, los
diseñadores web tienen una variedad de lenguajes, posibilidades y caminos que
elegir como por ejemplo Javascript, PHP, XML, CSS y ASP y Flash, que por su
código cerrado es cada vez menos común.

HTML 5. es la quinta revisión del lenguaje HTML y es la que se utiliza

actualmente, HTML 5 presenta solución a muchos problemas y errores de sintaxis
que se presentaban en HTML 4 y XHTML 1.1, que fueron sus lenguajes
predecesores, HTML 5 intenta definir una estandarización entre la sintaxis de
HTML y XHTML.

HTML 5 además añade nuevas características en su sintaxis, por ejemplo, la

integración de gráficas SVG y las nuevas etiquetas : video , audio y canvas, esto
hace más sencilla la integración de contenido multimedia sin ningún tipo de
plugins.

¿Qué es HTML específicamente?

HTML es un lenguaje de marcado que se utiliza para el desarrollo de páginas de
Internet.

EL HTML se encarga de desarrollar una descripción sobre los contenidos que

aparecen como textos y sobre su estructura, complementando dicho texto con
diversos objetos (como fotografías, animaciones, etc).

Es un lenguaje muy simple y general que sirve para definir otros lenguajes que
tienen que ver con el formato de los documentos. El texto en él se crea a partir
de etiquetas, también llamadas tags, que permiten interconectar diversos
conceptos y formatos.
Diseño Web en Móviles
En los últimos años, el creciente aumento tanto en el consumo, como en la
producción de teléfonos y dispositivos móviles, hasta el punto que hay ya casi dos
celulares por ser humano en el mundo, esto ha hecho crecer el uso de internet
móvil, debido a esto el mercado ha reaccionado hasta hacer casi indispensable
que los sitios web estén optimizados para mostrarse en móviles.

En la actualidad cualquier persona puede tener un portal en Internet, el diseño

web integra diariamente todas las aplicaciones y elementos multimedia de última
generación. Hoy en día la mayoría de los portales web pueden verse desde
cualquier dispositivo que se conecte a Internet, acercando mucho más a los
usuarios, lo que les permite estar conectados casi todo el tiempo.

El diseño web para dispositivos móviles hace que todo sea más conveniente,
responde a las dos claves para una mejor experiencia web, usabilidad y
accesibilidad.

Con estas nuevas tendencias, también llega la del diseño web adaptable a
diferentes tamaños de pantallas, la navegación se hace más fácil y las gráficas y
textos se ajustan a la pantalla del dispositivo en el que cargue la página
e pueden visualizar.

No hay dos páginas iguales, debido a que con las grandes posibilidades
tecnológicas que tenemos hoy en día, lo diseñadores web pueden experimentar
ahora con videos, gráficos, imágenes, infografías, animaciones y juegos. Además
el diseño web se vuelve integrativo junto con sus disciplinas asociadas como el
posicionamiento seo o search engine optimization, la estrategia digital junto con
el marketing online y la optimización y marketing en social media se hacen vitales
para poder ser más competitivos y efectivos a la hora de alcanzar clientes
potenciales y alcanzar buenas posiciones en los motores de búsqueda y las redes
sociales más visitadas. La experiencia web llega hoy en día a ser divertida e
interactiva. El diseño de páginas web ya no es un mero instrumento de
comunicación.
Características del Diseño Web.
Estas son algunas de las características que no pueden faltar en una página web
si se desea lograr su optimización y un posicionamiento eficaz en los buscadores:

 Se debe diseñar una página innovadora, dinámica y clara. Para cumplir con
este objetivo es importante utilizar tecnologías web que permitan una rápida
indexación de la página en Internet. Esto facilita la tarea de los motores de
búsqueda tanto de Google, de Yahoo como de cualquier otro buscador.

 Se debe prestar atención a los contenidos. El mensaje debe llegar, al

público, de manera clara y sencilla. Para ello es importante utilizar palabras
claves que aludan a cierto producto o servicio, y además ayude a la labor
de los motores de búsquedas.

 Las palabras claves son determinantes para una correcta indexación por lo
tanto se debe ser muy rigurosos en su elección.

 El diseño de las páginas web debe ser creativo. Un diseño pobre y poco
atractivo hará que la página sea un más de tantas y no alcance los primeros
lugares de los buscadores.

 El factor económico es muy importante a la hora del diseño de páginas

web. Esto se debe que el presupuesto del que se disponga será
determinante a la hora de decidir si la tarea de diseñar la página en manos
del diseñador o se desvían los gastos hacia cierta empresa.

¿Diseño Web Adaptativo?

Los internautas se conectan cada vez más a menudo desde su teléfono móvil o su
tableta, por lo que los sitios web deben saber adaptarse a las nuevas modalidades
de conexión. Cada terminal tiene características y resoluciones de pantalla propias
que hacen que la visualización de un sitio web sea diferente.

Esto implica repensar el enfoque de creación de un sitio web para anticipar mejor
las diferentes limitaciones relacionadas a cada soporte. El diseño web adaptativo
es actualmente una solución ineludible si se quiere conservar su presencia en la
web y cualquiera que sea el soporte de navegación usado por el cibernauta.
Ventajas del Diseño Web Adaptativo.
 Esta técnica permite ofrecer más reactividad al sitio web que se adapta a
las diferentes resoluciones de pantallas disponibles.

 Esta técnica permite universalizar la visualización de un sitio web utilizando

las nuevas reglas y las propiedades de CSS 3 (media Queries, micro
formatos, etc.), aceptadas por la gran mayoría de los navegadores.

 Las columnas y las imágenes se ajustan, se redimensionan y se desplazan

automáticamente según lo exige la resolución de pantalla. Esta técnica
permite una ergonomía óptima salvaguardando intacta la calidad de la
información del sitio web.

 El diseño web adaptativo es una solución estratégica a largo plazo porque

permite responder a una búsqueda de manera más rápida visualizando sólo
los elementos más pertinentes a los internautas móviles.

 Con el diseño web adaptativo ya no hay preocupación por la redirección de

los enlaces.

 Una vez implementado el diseño web adaptativo, sólo hay poco

mantenimiento que realizar y el costo de desarrollo es más interesante que
un sitio móvil especializado.

 Con el diseño web adaptativo se tiene la seguridad de un URL único, ideal

para las campañas de promoción. Es ventajoso en el sector comercial.

 El enlace único con el sitio web original permite al soporte móvil respetar la
misma estructura de información que el sitio web completo reduciendo el
tiempo necesario de adaptación al nuevo formato.

 El sitio web se visualiza automáticamente en función de la pantalla sin

preguntar al usuario de qué manera desea navegar. Por supuesto, la
versión clásica del sitio queda disponible para los usuarios acostumbrados
a la visualización original.
Desventajas del Diseño Web Adaptativo.
 La mayoría de las veces, los usuarios se encuentran en la obligación de
descargar de manera inútil un código HTML/CSS.

 Las imágenes son a menudo simplemente alargadas y redimensionadas

provocando un impacto negativo en el tiempo de descarga.

 El diseño web adaptativo no permite ajustar fácilmente los títulos, las

descripciones y otros contenidos en los teléfonos móviles.

 El desarrollo del sitio web adaptativo exige más tiempo.

 Obliga a una descarga de todos los elementos que constituyen la página

pudiendo ocasionar un rendimiento menor.

 Existen definitivamente más dificultades en cargar el contenido de un sitio

web adaptativo que el contenido de un sitio móvil especializado.

¿Cuantas Páginas Web Existen en la Actualidad?

El número de sitios web asciende en la actualidad a más de 1.000 millones y sigue
aumentando a ritmo acelerado.

Internet ha festejado sus 25 años a principios de 2014 y el contador de

internetlivestats.com indicaba el miércoles poco antes de las 00:00 GMT que la
red contaba con más de 1.060 millones de sitios
Diseño Web en Latinoamérica.

El diseño web en América Latina

parece estar por detrás de los
estándares modernos y sin duda
podría ser mejor. Muchas páginas,
inclusive las de grandes empresas,
carecen de ciertas características
que otorgan seriedad y
confiabilidad al usuario.

Pero hay algo aún peor, y es que

en el momento en el que vivimos,
los ordenadores han pasado a
segundo plano y la mayoría de la
navegación se hace desde
teléfonos móviles.

Muchas páginas web en Latinoamérica aún no se adaptan a este sistema; lo que

ocasiona que al abrir estos sitios web en plataformas móviles, el diseño no
responda al explorador y se muestre de manera incorrecta.

Para evitar que esto suceda, existe el diseño web adaptable (o RWD, responsive
web design). El cual permite crear un diseño web único que responda de manera
automática a la plataforma y explorador que esté utilizando el usuario.
 Conclusión.
Luego de realizar la investigación correspondiente de la materia en cuestión he
logrado conocer un aspecto relacionado a mi carrera universitaria, el cual no había
alcanzado percibir del mundo digital hasta ahora, mi horizonte de conocimiento se
expande gracias a la satisfactoria búsqueda histórica del tema, en donde he
podido concluir que pequeñas personas con condiciones de ambiente correctas y
ayuda adecuada pueden producir ideas capaces de cambiar literalmente la
estructura en que el ser humano se comunica, favoreciendo de esta forma a los
sistemas de autogestión web más eficientes y veloces, los cuales tienen la
capacidad de almacenar datos de vital importancia. Estos pioneros creacionistas
del diseño web han desarrollado algo maravilloso y la humanidad ha forzado la
evolución de este invento a tal punto que dependemos en muchísimos aspectos
de la vida del desarrollo web, sin este la manera en que se podría transmitir
información sería totalmente distinta, inclusive cabría la posibilidad de continuar en
la actualidad con prácticas arcaicas de la informática las cuales fueron usadas en
los años 90.

El aspecto que más me ha llamado la atención de este tema y donde puedo

obtener muchos beneficios a nivel profesional lo di a conocer en el segmento
como “Diseño Web Movil” en donde casi de manera infinita se podría desarrollar
páginas web totalmente versátiles a cualquier dispositivo las cuales irían de la
mano con el diseño web adaptativo para su correcto uso, este aspecto me es muy
cercano debido a que en la actualidad existen más celulares que seres humanos
en el planeta y esto me lleva a pensar “¿Es que acaso en el futuro nuestra
forma de vida se podrá practicar completamente por medios desarrollados a
base de un diseño web?” Esta pregunta un poco utópica abre un abanico de
posibilidades a la imaginación humana.

Por último quiero resaltar el lento pero consistente desarrollo web que se da en
Latinoamérica, si permitimos quedarnos atrasados en este aspecto tecnológico
guardándonos en diseños obsoletos estamos dejando que nuestro continente se
sume en una sima rodeada de alimañas del antaño, debido a esto es importante
avanzar y promover siempre el carácter creativo y revolucionario de la tecnología
en nuestro hemisferio, y más aún en nuestro propio país, es lamentable decir “no
he podido obtener casi nada relevante con respecto Venezuela en el diseño
Web”, me doy cuenta que no tenemos por los momento una relevancia a nivel
internacional sin embargo, existen empresas que se encargan del desarrollo web
de páginas desde su nacimiento hasta su uso, las cuales hacen vida en el país,
pero son pocas y contables, por esto principalmente es importante la promoción y
divulgación del tema en las universidades en donde se impartan carreras afines al
diseño, informática y desarrollo web, para de esta forma alimentar la creatividad
de estudiantes capaces de crear genialidades tecnológicas con el uso y
administración adecuada de los recursos que se posean.
 WEBGRAFÍA.
https://www.dweb3d.com/blog/historia-del-diseno-web/

https://www.exabyteinformatica.com/uoc/Disseny_grafic/Diseno_grafico/Diseno_gr
afico_(Modulo_1).pdf

http://www.qualitynet.es/faq/tipos-dise%C3%B1o-web.htm#avanzado

https://lavidaenunpixel.com/diseno-web-en-latinoamerica/

http://www.avendanodesign.com/

https://paginaswebvenezuela.com/

https://latindesigner.net/

https://es.wikipedia.org/wiki/Erwise

https://www.luismaram.com/cuatro-caracteristicas-del-buen-diseno-web/

https://iiemd.com/diseno-web/caracteristicas-diseno-web

https://www.ondamediaplan.com/que-es-y-para-que-sirve-un-buen-diseno-web/