Elaborado por: Ing. Lorena Jaramillo Ibarra-2017

1. MULTIMEDIA I
Internet y WWW: estructura y estética gráfica de las páginas Web

2. Historia del Internet
 Internet ha supuesto una revolución sin precedentes en el mundo de la
informática y de las comunicaciones.

3. Historia del Internet
 Antes de la creación de Internet, la única forma de comunicarse digitalmente era
por medio del telégrafo inventado en 1840, emitía señales eléctricas que viajaban
por cables conectados entre un origen y un destino. Utilizaba el código Morse para
interpretar la información.

4.  En 1958 a través del Ministerio de Defensa los Estados Unidos crearon la Advanced
Researchs Projects Agency (ARPA), formada por 200 científicos y un presupuesto
bastante significativo.
 En 1967 se había realizado el suficiente trabajo como para que se publicara el plan de
conectar ordenadores en una red, a la que le llamaron ARPANET.
 En 1971 ya tenían conectados 23 ordenadores.
Historia del Internet

5.  De 23 computadoras conectadas se pasó a 40 y se empezó con la iniciativa de
crear otras redes como las siguientes:
 En 1974: Telenet, versión comercial de ARPANET
 En 1979: Usenet, Sistema abierto centrado en email
 En 1981: Bitnet, Conectaba las universidades americanas mediante IBM
 En 1982: Eunet, Conectaba Reino Unido, Escandinavia y Holanda
 Finalmente ARPANET adoptó el protocolo de conexión TCP/IP y es cuando arranca
la Internatinal Net – INTERNET.
Cómo pasamos de ARPANET a INTERNET?

6. TCP/IP… ¿Qué significa?
 TCP/IP: Protocolo de control de transmisión/Protocolo de Internet
 Es un conjunto de protocolos que permiten la comunicación entre los ordenadores
pertenecientes a una red.

7. WWW: World Wide Web
 Es una red de “sitios” que pueden ser buscados y mostrados con un protocolo
llamado HyperText Transfer Protocol (HTTP).
 Los científicos dedicados a desarrollar aplicaciones para internet quisieron ver la
manera de buscar y mostrar fácilmente documentación a través de Internet, y
crearon el World Wide Web
 En 1991 esta tecnología fue presentada al público a pesar de que el crecimiento en
su utilización no fue bueno, a finales de 1992 solamente se contaba con 50 sitios
web en el mundo, y en 1993 creció a 150.

8. ¿Qué nos ofrece el Internet?
 Correo electrónico
 Navegadores
 Chat
 Buscadores
 Wikipedia
 Comercio electrónico
 Entretenimiento
 ……..

9. Terminología básica para conocer…
 Servidor: Máquina conectada a Internet que -entre otros servicios- ofrece
albergue para páginas web haciendo que estén accesibles desde cualquier punto
de Internet.
 Sitio web: Página principal y sus otras páginas, gráficos, documentos, multimedia
y otros archivos asociados que se almacenan en un servidor Web o en el disco
duro de un equipo.
 Página web: Documento realizado en HTML y que es parte de un sitio Web.
Aparte del HTML se pueden utilizar otros lenguajes complementarios como PHP,
ASP, Javascript.
 HTML: (Lenguaje de marcado de hipertexto) Lenguaje estándar de marcas
empleado para documentos del World Wide Web.

10.  Hipervínculo: Al hipervínculo se le suele llamar "enlace web" o "link". Un
hipervínculo es una conexión de una página a otro destino como, por ejemplo,
página o una ubicación diferente en la misma página. El destino es con
otra página Web, pero también puede ser una imagen, una dirección de correo
electrónico, etc.
 Un hipervínculo puede ser texto o una imagen. lenguaje de programación: Lenguaje
el que está desarrollada una página web.
 Ejemplos:
 www.utn.edu.ec
 Listado Séptimo Nivel.
Terminología básica para conocer…

11.  URL: (Universal Resource Location / Localizador de recursos universal) Cadena que
proporciona la dirección de Internet de un sitio
 El tipo más común de dirección URL es http://.
 Ejemplos:
 http://www.utn.edu.ec
 http://www.google.com
 Editor: Programa utilizado para crear páginas web sin la necesidad de tener que aprender
el lenguaje.
 Ejemplos:
 Adobe Muse CC
 FrontPage 2000
 Macromedia Dreamweaver.
Terminología básica para conocer…

12. PAGINAS WEB
 Una página web está compuesta por uno o varios documentos html
relacionados entre sí mediante hipervínculos (enlaces). Además estos
documentos pueden contener otros elementos como pueden ser
imágenes, sonidos, animaciones multimedia, aplicaciones

13.  El desarrollo de páginas Web propone la incorporación de distintos conocimientos
tanto estéticos como funcionales, siendo parte importante de estos la composición
y diagramación, el uso del color, la tipografía, así como tecnologías multimedia
para facilitar la información a transmitir, lenguajes de etiquetado como el HTML.
 La interfaz web son elementos gráficos que permiten al usuario acceder a los
contenidos, navegar e interactuar. Para lograr que un usuario se quede y vuelva, el
diseño de la interfaz es importante.
INTERFAZ

14. Simplicidad y Coherencia
 La simplicidad con que se desarrolle esta interfaz es crucial para determinar que
un usuario se sienta satisfecho y desee regresar a un sitio.
 También es importante que la relación que exista entre los diferentes elementos
que componen el sitio, como títulos, subtítulos, enlaces, menús, etc., sea coherente.
Todos los elementos que permitan al usuario identificar y navegar deben ser
coherentes con el cometido que desempeñan, de forma que la comprensión y
búsqueda de los contenidos sean accesibles por el usuario sin que deba realizar
complejos razonamientos.

15. Calidad del diseño y estabilidad funcional
 La primera impresión que un usuario recibe de un sitio web es extremadamente
importante, por lo que el diseño debe ser cuidado en extremo, de forma tal que
logremos convencerlo de que se trata de un sitio ordenado, cuidado y profesional.
 Lo mismo sucede con el funcionamiento del sitio. Nada más desagradable que
encontrarse con un sitio donde abundan los mensajes de error, tiene enlaces rotos,
formularios que no funcionan, etc. La funcionalidad del sitio debe permanecer
siempre en o cercana al cien por ciento. El usuario debe tener claro que siempre
que realiza una acción, esta tiene la respuesta que desea.

16. EJEMPLOS
 www.utn.edu.ec
 www.pichincha.com
 www.epn.edu.ec
 www.mercadolibre.com.ec
 www.amazon.com

17.  Diseñar es mucho más que simplemente ensamblar, ordenar,
o incluso editar; es agregar valor y significado, iluminar,
simplificar, clarificar, modificar, dignificar, dramatizar,
persuadir, y quizás hasta entretener.
Paul Rand

18. Diseño de Interfaces gráficas
 Para el diseño de Interfaces gráficas se deberá tener en cuenta varias apreciaciones
y definiciones que darán realce a nuestro trabajo… a continuación ingresaremos a
conocer más sobre este tem