1

Diseo Web
Informtica y Convergencia Tecnolgica

Soto Garca Daniel Andrs

CUN Corporacin Unificada Nacional de Educacin Superior

Facultad de ingeniera de sistemas
Carrera Ingeniera de sistemas Grupo 30137
Bogot D.C
2016

Tabla de contenido
INTRODUCCIN .................................................................................................................................. 3
LA WEB Y SU EVOLUCION ............................................................................................................... 4
CREACION DEL INTERNET ............................................................................................................... 5
(ARPA)................................................................................................................................................ 5
INTERNET ............................................................................................................................................. 5
TIM BERNERS LEE .......................................................................................................................... 6
HTTP ....................................................................................................................................................... 6
HTML...................................................................................................................................................... 6
LA WEB 1.0 ............................................................................................................................................ 6
LA WEB 2.0 ............................................................................................................................................ 7
CMS ........................................................................................................................................................ 7
DISEO WEB ........................................................................................................................................ 7
HTML5.................................................................................................................................................... 8
HTML4 ..................................................................................................................................................... 8
CSS3 ........................................................................................................................................................ 9
SU APLICACIN. ..................................................................................................................................... 10
Para qu sirve? ................................................................................................................................. 10
Cmo funciona?............................................................................................................................... 10
cmo influye el diseo web en la educacin? ................................................................................. 10
cmo influye el diseo web en la vida social? ................................................................................ 11
cmo influye el diseo web en los negocios? .................................................................................. 11
Conclusin ............................................................................................................................................. 12
Bibliografa............................................................................................................................................. 13

INTRODUCCIN
El objetivo principal de este informe es dar a conocer la importancia y el cambio que ha
experimentado el cambio tecnolgico con el pasar de los aos y como el arte grfico ha influido de
manera significativa sobre este impacto y cambio que constantemente se est dando. Adicional a eso
se estara mostrando la ventaja y la incorporacin a la vida social a como la conocemos hoy en da
siendo una gran fuente de informacin y que con base en eso a la fecha el diseo web como ha
llegado a ser un gran enganche para los usuarios.

LA WEB Y SU EVOLUCION
La World Wide Web (WWW o simplemente la "Web") es un medio global de
informacin cuyos usuarios pueden interactuar a travs de computadoras con conexin a
Internet. la Web es un servicio que opera sobre la Internet, como tambin lo hace el correo
electrnico. La historia de Internet data de un tiempo significativamente anterior a la historia
de la Word Wide Web.
Distintas personalidades en todo el mundo han dado su granito de rea para que la web sea lo
que tenemos actualmente y con base en eso su crecimiento en los ltimos aos ha sido
gigantesco tanto que su evolucin desde el inicio ha tenido grandes avances pero vamos por el
inicio.
Aqu presento la evolucin del diseo web a travs de 7 etapas.
1990 - 1994. Sitios web basado en texto
1995 - 1997. Sitios web basado en tablas
1998 - 1999. El ascenso del Flash
2000 El xito del CSS
2000 - 2005. El ascenso del Java script
2006 - 2009. Web 2.0
2010 - Ahora. La web digital
Fuente: www.blog.pucp.edu.pe/ux

CREACION DEL INTERNET

(ARPA)
Agencia de Proyectos Agencia de Proyectos de Investigaciones avanzadas, es la
agencia responsable de la creacin de nuevas tecnologas para uso militar . Fue creada en
1958 como consecuencia tecnolgica de la llamada Guerra Fra y de la que surgieron los
fundamentos de ARPANET, red que dio origen a Internet.
La agencia, denominada en su origen simplemente como ARPA, cambi su denominacin en
1972, conocindose en lo sucesivo como DARPA, por sus siglas en ingls. DARPA fue
responsable de dar fondos para desarrollar muchas tecnologas que han tenido un gran
impacto en el mundo: satlites, robots, redes de ordenadores (empezando con ARPANET,
que despus se desarroll como Internet), as como NLS, el cual fue tanto un sistema de
hipertexto como un precursor de la interfaz grfica de usuario contempornea.
En 1990 arpa se desmantela y aparece, Mil net e internet
INTERNET
Internet es una red de computadoras, formada a su vez por muchas redes
independientes, que se pueden comunicar unas con otras, intercambiar mensajes y compartir
informacin en forma de archivos su funcionamiento va desde la consulta de informacin
hasta la compartir distintos archivos con fines educativos, formativos, de investigacin,
entretenimiento o empresarial, desde que naci su uso e implementacin ha dado grandes
avances tanto cultural como empresarial.

TIM BERNERS LEE

Sir Timothy "Tim" John Berners-Lee, KBE es un cientfico de la computacin
britnico, conocido por ser el padre de la Web. Estableci la primera comunicacin entre un
cliente y un servidor usando el protocolo HTTP (Hyper text Mark up Language) en
noviembre de 1989.
HTTP
Sistema basado en hipertexto, que permite clasificar informacin de diversos tipos conocido
como la gran informacin de diversos tipos, conocido como la gran telaraa mundial
HTML
-

Un formato hipertextual y hipergrfico para publicar d t ocumentos en la red.

Creado para cifrar codificar y visualizar documentos

Incluye formatos, layout y estructura de un documento web.

LA WEB 1.0
La web primitiva, la del siglo 20, era aquella que se caracteriza principalmente por ser
unidireccional y realizada sobre contenidos estticos. Las primeras pginas que vimos en
Internet publicaban contenidos de texto que, una vez publicados, no se actualizaban salvo que
el "webmaster" modificase dichos contenidos y volviese a subir la web de nuevo a internet.
La web 1.0 tena un carcter principalmente divulgativo, y empezaron a colgarse de internet
documentos e informacin principalmente cultural. Poco a poco las empresas empezaron a
tomar parte y las primeras webs de empresa surgieron, con diseos muy pobres (no haba
herramientas, ni tecnologa, ni conexin suficiente como para hacerlo mejor) y contenidos que
rpidamente quedaban anticuados al ser complejo actualizarlos.

LA WEB 2.0
Este blog nace como soporte del curso organizado por el CAP de Alcorcn Utilizar
ms Internet. Podrs acceder a los contenidos del curso y a enlaces y recursos relacionados
con la temtica del mismo.
Cuando nos referimos al trmino web 2.0 nos referimos a una serie de aplicaciones y pginas
de Internet que proporcionan servicios interactivos en red dando al usuario el control de sus
datos.
As podemos decir que los propulsores de la aproximacin a la Web 2.0 creen que el uso de la
web est orientado a la interaccin y redes sociales, que pueden servir contenido creando
webs interactivas y visuales. Es decir, los sitios Web 2.0 actan ms como puntos de
encuentro, o webs dependientes de usuarios, que como webs tradicionales.
CMS
Sistema de gestin de contenidos bsicamente su uso es la creacin y administracin
de contenidos principalmente de pginas web, consiste en una interfaz controla diferentes
bases de datos que en donde se aloja contenido y adicional permite su manejo independiente
de sus datos y diseo web.
DISEO WEB
El mundo crese exponencialmente y con eso su comercio y que ms que la web para
dar a conocer los productos, bienes o servicios, una gran compaa le est apostando al
mejoramiento web y gracias a esto se crean nuevos accesos y distintas ideas de un diseo que
de la mano con la funcionalidad.

HTML5
HTML5 es un lenguaje markup (de hecho, las siglas de HTML significan Hyper Text
Markup Language) usado para estructurar y presentar el contenido para la web. Es uno de los
aspectos fundamentales para el funcionamiento de los sitios, pero no es el primero. Es de
hecho la quinta revisin del estndar que fue creado en 1990. A fines del ao pasado, la W3C
la recomend para transformarse en el estndar a ser usado en el desarrollo de proyectos
venideros. Por as decirlo, qu es HTML5 est relacionado tambin con la entrada en
decadencia del viejo estndar HTML 4, que se combinaba con otros lenguajes para producir
los sitios que podemos ver hoy en da. Con HTML5, tenemos otras posibilidades para
explotar usando menos recursos. Con HTML5, tambin entra en desuso el formato XHTML,
dado que ya no sera necesaria su implementacin.

HTML4
fue declarado el lenguaje oficial de la web en el ao 2000, y tom una dcada para
comenzar a implementar el desarrollo de su nueva revisin. Esta nueva generacin de HTML,
se dice, pronto dominar el desarrollo en internet, pero introduce algunos cambios
importantes que veremos dentro de algunas lneas. Por ende, para los desarrolladores de sitios
web es importante conocer las ventajas de HTML5, considerando que algunas entidades se
estn moviendo en esta direccin. No solamente Google con su navegador Chrome, hace unos
aos, sino tambin Adobe hace unos meses, que removi el soporte de Flash para Android
para dar paso a la llegada de HTML5.
Volviendo a qu es HTML5. Se trata de un sistema para formatear el layout de
nuestras pginas, as como hacer algunos ajustes a su aspecto. Con HTML5, los navegadores
como Firefox, Chrome, Explorer, Safari y ms pueden saber cmo mostrar una determinada
pgina web, saber dnde estn los elementos, dnde poner las imgenes, dnde ubicar el

texto. En este sentido, el HTML5 no se diferencia demasiado de su predecesor, un lenguaje

del cual hablamos hace algunos meses en nuestra gua bsica de HTML. La diferencia
principal, sin embargo, es el nivel de sofisticacin del cdigo que podremos construir usando
HTML5.
HTML Se concibi como lenguaje de hipertexto, su funcionalidad principal era hacer
pginas web de manera de que tuviera un fcil acceso para los usuarios. Lo que se hizo con
HTML5 fue liberar su estructura al pblico para que se diera una versin mucho ms
actualizada y llevadera con un sinfn de interactividad con la cual los mismos usuarios pueden
generar sus estilos diferentes de diseo eso de la mano de CSS3
CSS3

CSS son las siglas de Cascading Style Sheets - Hojas de Estilo en Cascada, que es un
lenguaje que describe la presentacin de los documentos estructurados en hojas de estilo para
diferentes mtodos de interpretacin, es decir, describe cmo se va a mostrar un documento
en pantalla, por impresora, por voz (cuando la informacin es pronunciada a travs de un
dispositivo de lectura) o en dispositivos tctiles basados en Braille.

10

SU APLICACIN.
Para qu sirve?

CSS es una especificacin desarrollada por el W3C (World Wide Web Consortium)
para permitir la separacin de los contenidos de los documentos escritos en HTML, XML,
XHTML, SVG, o XUL de la presentacin del documento con las hojas de estilo, incluyendo
elementos tales como los colores, fondos, mrgenes, bordes, tipos de letra..., modificando as
la apariencia de una pgina web de una forma ms sencilla, permitiendo a los desarrolladores
controlar el estilo y formato de sus documentos.
Cmo funciona?
El lenguaje CSS se basa en una serie de reglas que rigen el estilo de los elementos en
los documentos estructurados, y que forman la sintaxis de las hojas de estilo. Cada regla
consiste en un selector y una declaracin, esta ltima va entre corchetes y consiste en una
propiedad o atributo, y un valor separados por dos puntos.
cmo influye el diseo web en la educacin?
Hoy en da el conocimiento es algo importante para la sociedad, dicen que los nios
son el futuro de un pas y cuando se tiene el conocimiento a la mano es de manera interactiva
la forma en la que se puede aprender, no solo yendo a una escuela se adquiere el
conocimiento, actualmente la tecnologa nos trae un sinfn de informacin de la cual puede
que mucho sea basura pero tambin se tienen ventajas sobre ciertos conocimientos que se
adquieren en estos sitios, en el entorno web es una manera mas entretenida de aprender, hoy
en da la creatividad va de la mano con el saber ya que esto genera nuevas ideas e innovacin
organizacional, los jvenes de hoy en da nacen con un chip programado lo cual les facilita de
manera significativa el acceso al mundo digital.

11

cmo influye el diseo web en la vida social?

Constantemente las telecomunicaciones han dado de que hablar y lo que se busca con
esto es acortar distancias y que las personas estando en cualquier parte del mundo puedan
interactuar entre ellas, el internet es un gran acortado de distancias y esto se hace gracias al
entorno que se maneja haciendo posible que personas estando a millas de distancia se puedan
conectar y ver ya sea por medio de aplicaciones o desde una pgina web, la manera de
comunicarse anteriormente no ha cambiado solo ha mejorado, antes se enviaban cartas que
demoraban das en llegar a su destinatario, ahora esto tarda como mucho un minuto,
dependiendo de la conexin del usuario, pero todo esto ha sido gracias al mejoramiento de las
tecnologas ya que el constante crecimiento de estas hace que todo vaya avanzando de manera
significativa, y esto no se poda quedar atrs.
cmo influye el diseo web en los negocios?
Los negocios no se podan quedar atrs, constantemente y ahora el comercio
electrnico est teniendo ms auge que anteriormente, esto porque ya lo que es la seguridad
informtica y los catlogos de ventas web hacen que el usuario prefiera sentarse 20 minutos a
ver qu es lo que quiere en una tienda virtual que tener que perder toda una tarde buscando
que es lo que quiera para que al final vuelva al mismo lugar a comprar lo que necesita, gracias
a esto no solo personas del comn estn generando sus comprar por internet, sino que tambin
grandes empresas hacen sus negocios por esta plataformas y ciertamente todo entra por los
ojos, as que todo debe estar estticamente presentable y que adicional a esto de manera
psicolgica envuelva a sus clientes teniendo los colores dependiendo de lo que
categricamente este ofreciendo as que es algo importante tener en cuenta esto si se genera
un comercio va web.

12

Conclusin
Aunque la informacin es ms extensa bsicamente es como un abrebocas al gran
mundo tecnolgico al cual nos estamos sumergiendo y que gracias a ello poco a poco se ha
ido inculcando en la sociedad la forma mas sencilla de acceder a estos portales de aprendizaje
e innovacin, dando puerta abierta a personas emprendedoras que aplicando sus
conocimientos y su creatividad tienen un gran poder de convencimiento a sus manos y si se
implementa de la mejor forma posiblemente tendr un gran auge en su vida y en la vida de
cientos o millones de personas que son usuarios de infinidad de portales web.

13

Bibliografa
http://es.slideshare.net/percynegrete/evolucin-del-diseo-web. (2012). Evolucion del diseo web.
http://www.internetsociety.org/. (2016). LA WEB.
http://www.w3schools.com/html/html5_intro.asp. (s.f.). HTML5.
https://es.wikipedia.org/wiki/Diseo_web. (2013). Diseo web.
https://es.wikipedia.org/wiki/Internet. (2016). Internet.