Este documento presenta un seminario-taller sobre el desarrollo de proyectos multimedia. El seminario cubrirá temas como los elementos del diseño web, la terminología del diseño web, y los modelos de diseño de sitios web. Los estudiantes aprenderán a crear sitios web utilizando HTML y herramientas como FrontPage y Photoshop. El documento también proporciona información general sobre Internet, como direcciones URL, dominios y protocolos.

1. Desarrollo de Proyectos
Multimedia
Seminario – Taller
Dra. Lyudmyla Yezers´ka

2.  Objetivos:
 Que el alumno domine los elementos que
intervienen en la composición del diseño
de un sitio web
 Que el alumno maneje la terminología
propia del diseño web
 Que el alumno desarrolle una cultura
profesional sobre los distintos modelos
de diseño de sitios web

3. ¿Que significa “El proyecto multimedia”?
 Proyectos off-line
 Proyectos on-line
 http://interproyect.wetpaint.com/page/Galeria+multimedia

4. Contenidos
 Introducción
 Definiciones
 Aspectos generales de diseño hipermedia
 Principios generales y arquitectura de un
sitio web
 Diseño de documentos HTML
 Lenguaje HTML
 Creación de sitios web

5.  Planteamiento y desarrollo de un proyecto
de contenido
 Plan de un proyecto de contenido
 Tipos de sitios web
 Elaboración de un Proyecto informativo
 Manejo de Editor Front Page
 Composición del proyecto
 Manejo de software de retoque Photoshop
 Publicación y promoción del Proyecto

6. Intorducción - INTERNET
 El nombre de internet se deriva de Internacional
Network of Computers.
 “Red informática mundial, descentralizada, formada
por la conexión directa entre computadoras u
ordenadores mediante un protocolo especial de
comunicación” (RAE)
 Internet es más que una tecnología, es “un medio de
comunicación, de interacción y de organización social”
(Castells).
 Todos los servicios que ofrece Internet son llevados a
cabo por miles de ordenadores que están
permanentemente encendidos y conectados a Internet

7. La transmisión de información en red
 Para conectarse a la red desde un ordenador, el
usuario precisa, en principio de 3 elementos:
dirección IP, Conexión y Proveedor de acceso:
 IP (Internet Protocol) – dirección del ordenador
conestado a la Red (ej. 157.192.63.45)
 Conexión (MODEM, ADSL, cable, Wi-Fi)
 Proveedor – empresa que proporciona IP y servicio
de conexión (ej. Telefónica)
 La información expuesta en internet se encuentra
almacenada en servidores – ordenadores conectados
permanentemente a internet.
 Servidores proporcionan una determinada información a
los usuarios y tiene su dirección IP.

8. Transmisión de información a
través de internet
USUARIO
Proveedor INTERNET
de acceso
Servidores Web

9. Aplicaciones de Internet
• Primeros servicios
 Telnet (conexión remota)
 Correo electrónico
 FTP (transferencia de ficheros)
 Menús jerárquicos de información (GOPHER)
• Servicios tradicionales
 Grupos de noticias (Usnet, News groups)
 Listas de Interés
 Conversaciones on-line ( IRC, Chat)
 Telaraña mundial World Wide Web ( WWW )
• Actuales en desarrollo
 Transmisión de audio y video en tiempo real
 Incorporación de realidad virtual al WWW

10. Servicio Web
 La web es un sistema de publicación y
distribución electrónica de información
basada en Hipertexto que permite la
presentación de información multimedia.
 En web se utilizan tres nuevos recursos:
 HTML (Hyper Text Markup Language), un
lenguaje con el que se escriben las páginas;
 HTTP (Hypertext Transfer Protocol), un protocolo
de transferencia, igual para todos los
ordenadores que componen la red de redes
 Programa llamado Web-browser o navegador

11.  Para simplificar el proceso de identificación se
han desarrollado dos aplicaciones
complementarias:
 El protocolo URL (Universal Resource
Locator) – dirección del servidor que alberga
el sitio web.
 La estructura de las principales direcciones
DNS (Domain Name System) – simplifica el
proceso de identificación de datos.
 Dichas aplicaciones traducen la dirección IP
(216.143.65.54) a URL (www.elmundo.es)

12. Direcciones Electrónicas
 Para acceder a un sitio web debemos
escribir su nombre en la barra de
direcciones.
 Nombre de un servicio en internet
consiste de 2 partes:
 Identificador de protocolo – tipo de
servicio (ej: http://)
 Dirección electrónica (URL)

13. Los protocolos
 http:// - acceso por la World Wide Web
 https:// - acceso a un servidor seguro
 ftp:// - acceso por ftp para transferencia de
archivos
 news:// - acceso a los grupos de noticias News
 mailto://- acceso al servicio de correo electrónico
 gopher://- busqueda de páginas con menús
jerárquico
 telnet://- acceso como terminal de un ordenador
remoto

14. Dirección electrónica URL
 nodo.dominio
 Nodo – dirección del servidor
 Dominio – datos adicionales de
tipo de empresa y país.
Ej: www.upiura.udep.edu.pe
www.elcomercioperu.com.pe
www.fcom-udep.net

15. Dominios
 .com – comercial
 .net – instituciones relacionados con internet
 .gov – instituciones gubernamentales
 .edu – educativos
 .mil – militares
 .int – internacionales
 .org – sin animos de lucro
 .es – España
 .fr – Francia
 .ru - Rusia

16. World Wide Web
 WWW proporciona una
interfaz gráfica por la
que es fácil desplazarse
para buscar documentos
en Internet. Páginas Web
como los vínculos entre
ellos componen una red
de información. El Web
permite saltar mediante
un “hipervinculo” de una
página a otra.
 “Explorar” significa
seguir los hipervinculos
entre páginas.

17. HTML - lenguaje de marcación de
hipertexto
 HTML es un lenguaje diseñado para estructurar textos y
presentarlos en forma de hipertexto. Se trata de un
conjunto de etiquetas que sirven para definir la forma en la
que presentar el texto y otros elementos de la página.
 Hipertexto – es un texto común con la posibilidad adicional
de poder relacionarse con otros documentos a través de
vínculos.
 Para publicar en internet necesitaremos construir unos
documentos hipertexto, o hipermedia, con sus
correspondientes archivos de imagen o video y colocarlos
en unos ordenadores que son servidores de páginas web.
Los archivos tiene extención .html
 Para crear una página web se utiliza:
 Un editor de textos (bloc de notas)
 Navegador

18. Diseño de comunicación digital
 Se exploran las posibilidades expresivas, estéticas
y comunicativas del lenguaje audiovisual en
soportes digitales, buscando nuevos modos narrativos
para organizar información audiovisual de forma no
lineal.
 Diseño digital significa:
Concebir proyectos de comunicación que utilicen
eficazmente todo el potencial de los medios
interactivos.
 Crear comunicación para medios digitales exige
plantearse las consecuencias comunicativas de esa
determinación tecnológica. La comunicación digital ha
diluido las fronteras entre los medios.

19. Características de comunicación digital
 Multimedialidad
 Hipertextualidad
 Interactividad
 Inmediatez

20.  Multimedialidad – es la posibilidad de crear contenidos
utilizando la variedad de códigos existentes:
textos, fotografías, sonidos, vídeos, infografías animadas
y dibujos interactivos; que permite presentar los hechos
de manera más real, simulando la percepción
multidimencional que tienen las personas.
 Hipertexto - es un modo de leer y escribir siguiendo un
procedimiento más próximo al proceso de razonamiento
humano: por asociación de ideas.
 En Internet, las informaciones se configuran por capas que
aparecen en pantalla en función de los nodos y enlaces activados.
 La navegación es una expresión metafórica que se refiere a la
acción y efecto de explorar un hipertexto.

21. Niveles de profundidad de la noticia:
1: título o flash de la noticia.
2: entradilla o resumen básico de la
información
3: información completa
4: consulta multimedia y el acceso a
historias complementarias o relacionadas
5: la posibilidad de manifestar su opinión
mediante foros, chats o simples
recomendaciones.

22.  Interactividad – es la capacidad de que el
usuario interaccione con la información que le
presenta el cibermedio (RAE).
 Esta capacidad depende de la estructuración de
la información proporcionada por el diseño.
 Interactividad con el emisor
 Interactividad con la información
 Interactividad con otros usuarios (P2P)
 Interactividad de transmisión
 Inmediatéz -ruptura de periodicidad-
posibilidad de actualizar permanentemente la
información.

23. Pasos
 Planificación:
 Pensar un tema
 Estructura de los contenidos:
 Secciones del sitio
 Árbol del sitio
 Esquema de una página
 Contenidos (textos, imágenes)
 Diseño en HTML
 Alojar sitio web en un servidor
 Promoción
 Actualización