MULTIMEDIA

&
PAGINAS WEB

Sección: G613P6
Introducción
'Multimedia' es un término muy utilizado que hace referencia a las obras, o en nuestro caso
a los sistemas informáticos, que usan múltiples medios de expresión para mostrar
información. En los años 90 fue un concepto que tuvo mucha repercusión social, y aunque
hoy día se utiliza menos es porque es tan habitual encontrar aplicaciones que combinan
texto, imagen, sonido, vídeo, etc. que lo consideramos la manera natural de interactuar con
ellas. Según la RAE, multimedia es todo aquello que está destinado a la difusión por varios
medios de comunicación combinados, como texto, fotografías, imágenes de video o sonido.
Tomando esta definición como base se podría decir que un profesor escribiendo en la
pizarra acompañado de la explicación por medio de la voz es multimedia; o también se
podría decir que es multimedia un periódico físico combinando imágenes con el texto de
sus hojas. Sin embargo, esta página se centrará en la multimedia digital, es decir, utilizada
mediante soportes tecnológicos como ordenadores, móviles, tablets, etc.

2
Multimedia!
Es un sistema que utiliza más de un medio de
comunicación para transmitir, administrar o
presentar información, combinando texto,
imagen, animación, sonido y vídeo.

3
 RESEÑA
HISTÓRICA
DE LA MULTIMEDIA

4
1945
Vannevar Bush propuso que las computadoras deberían usarse como
soporte del trabajo intelectual de los humanos. Diseño una máquina
llamada MEMEX (MEMory EXtension) que permitiría el registro, la
consulta y la manipulación asociativa de ideas y eventos acumulados
en nuestra cultura.
Memex, se quedó en una idea visionaria y nunca se desarrollo pero
influyó definitiva menteen el concepto de hipertexto e internet.

1965
Ted Nelson, acuñó el concepto de “hipertexto” al crear un sistema de
almacenamiento y recuperación de datos al que llamo "Xanadú”.
Nelson concebía las computadoras como máquinas de “media”, y
buscó una generación de media que superara las limitaciones del papel.
Proponía cruzar y conectar toda la información disponible y almacenada
mediante enlaces de texto.

5
 1983
Se desarrolla Intermedia, que fue un programa de creación hypertextual para
plataformas UNIX. Incorpora gráficos en color y un sistema de navegación.

1986
Bil Atkinson desarrolla Apple Hypercard, el primer programa de autor
para creaciones hypertextuales distribuido masivamente, por lo que
contribuye a la expansión generalizada del hipertexto.

1987
Se comenzó con juegos de video operados por monedas y software de
computadoras de entretenimiento.

1992
La tecnología de multimedia toma auge en los videojuegos, cuando se
integran: audio(música, sonido estereo y voz), video, gráficas, animación y
texto al mismo tiempo. Además, comienza la expansión masiva de la www.

6
MULTIMEDIA
EN LA ACTUALIDAD
• CD’s Interactivos
• Web 2.0 (Blogs, redes sociales, Youtube, Microblogging).
• Sitios Web interactivos
• Realidad aumentada
• Podcast
• Televisión digital
• Mensajería instantánea y video conferencias.
7
 ARCHIVO CSS
CSS son las siglas de Cascading Style
Sheets, en español Hojas de estilo en
Cascada. Es un lenguaje utilizado
para especificar la presentación de
documentos en una página web y se
almacena en archivos nombrados
con la extensión CSS.

8
 ARCHIVO HTML
Es un archivo de texto que tienen la
extensión html o htm, este tipo de
archivo se puede abrir con un editor de
textos para editar el código o con un
navegador de Internet para visualizar la
página resultado del código HTML
escrito.

9
Componentes
de una Página
Web.
La página web y su constitución Lo
que define el diseño de una página
web es la forma de organizar los
elementos que la componen. Hay
miles de formas diferentes, pero
son pocas las que funcionan y
adquieren el sentido que
necesitamos para nuestro trabajo.

10
Básicamente, las páginas web se componen y
estructuran de la siguiente manera:

Contenedor Logotipo Navegación

Dentro de este contenedor Acá es dónde debemos Que importante es la
estarán todos los dejar la imagen de la navegación y el menú que
elementos del sitio; empresa, que identificará la contiene. El menú
módulos, contenidos, la marca en todo el sitio. horizontal, siempre tiene a
imágenes, etc. mano lo más importante
. del sitio web.
.
Contenido Flooter Espacio Negativo.
Lo más importante y Localizado al final del sitio, También llamado espacio
fundamental de una buena abajo, generalmente blanco, es todo lo que no
página. Lo que mantiene al dejamos ahí información tiene información de
visitante cautivo e de Copyright y legales o ningún tipo, pero que
interesado. menús secundarios. cumple un rol
importantísimo para la
web.
11
 Tipos de Paginas Web
ESTÁTICAS
Este tipo de páginas se caracterizan porque
muestran una información permanente en la
que el usuario no puede interactuar con la
página excepto para leer el contenido.
DINÁMICAS
En las webs dinámicas los contenidos
pueden ser modificados por parte de los
usuarios que las visitan y se les permite crear
o modificar el aspecto de la misma a través
de la misma navegación con formularios,
texto, imágenes, vídeos.
12
Diferencia entre los tipos
de PÁGINAS WEB?

13
DIFERENCIA ENTRE LOS TIPOS DE PÁGINAS WEB

Una web estática es un archivo de texto

HTML que despacha el servidor hacia el
ESTÁTICA navegador, por lo que requiere menor
procesamiento del lado servidor, ya que solo
necesita localizar el archivo HTML, leerlo y
despacharlo al navegador.

Las páginas web dinámicas son generadas

en el servidor por la ejecución del lenguaje
DINÁMICA Script sobre el cual se encuentran
programadas y el resultado es una salida
HTML despachada al navegador.

14
 Aplicaciones para la creación de PÁGINAS WEB:
Adobe Dreamweaver.
Es un editor para crear
páginas web de alta calidad.
.
MAGIX Web designer 11.
Posee una edición básica
de imágenes, integración
con redes sociales.
WEBSITE X5 Evolution. Avanquest WebEasy
Professional.
Es un poco menos
complejo que Es un editor WYSIWYG, es
Dreamweaver y mas para usuarios principiantes,
economico, y viene con cuenta con módulos para
diseños de plantillas redes sociales.
incluidos .
Jimbo. Wix.
Es un editor visual que Este editor posee diseños
posee una versión gratuita espectaculares,
además de dominio, aplicaciones propias y la
cuentas de correo, opción de añadir
widgets, entre otros. animaciones, entre otros.
15
Muchas Gracias!
Por su Atención

Realizado por:
Keitel Torres.
Yonathan Moreno.
Genesis Quintero.
Sección: G613P6
16