HIPERTEXTO

 En informática, es el nombre que recibe el

texto que en la pantalla de un dispositivo
electrónico conduce a otro texto relacionado
 La forma más habitual de hipertexto en
documentos es la de hipervínculos o
referencias cruzadas automáticas que van a
otros documentos
 Si el usuario selecciona un hipervínculo el
programa muestra el documento enlazado
 Definiciones
• Hipertexto es la presentación de
información como una Red de nodos
enlazados a través de los cuales los
lectores pueden navegar libremente en
forma no lineal. Permite la coexistencia de
varios autores, desliga las funciones de
autor y lector, permite la ampliación de la
información en forma casi ilimitada y crea
múltiples rutas de lectura.
• Inter-relacionar (enlazar) piezas de
información y utilizar esos enlaces para
acceder a otras piezas de información
relacionadas.
• El hipertexto es una colección o una Red
de nodos que están Inter-relacionados o
enlazados. Un sistema de Hipertexto le
permite a un autor crear los nodos y los
enlaces entre ellos, y permite al lector
recorrerlos; esto es, navegar de un nodo a
otro utilizando esos enlaces.
• Es importante mencionar que el
hipertexto no esta limitado a datos
textuales
• Podemos encontrar imágenes del
elemento especificado, sonido o
vídeo referido al tema
• Con un programa (software) que se
usa para leer los documentos de
hipertexto llamado “navegador” o
"browser“
• Cuando seguimos un enlace decimos
que estamos navegando por la Web
De nodos: son las partes del hipertexto
que contienen información accesible para
el usuario
De enlaces: son las uniones o vínculos
que se establecen entre nodos y facilitan
la lectura secuencial o no secuencial por
los nodos del documento
De anclajes: son los puntos de activación
de los enlaces
• Cualidad que permite, mediante los
enlaces, conexiones interdocumentales e
intradocumentales
• Es la característica esencial del hipertexto
hasta el punto de que podemos decir que:
SITIO WEB
• ¿Qué se espera al tener un sitio Web?
• La complejidad de los objetivos determinará
• la navegación
• el contenido
• la apariencia
• la funcionalidad del sitio
• Definir quién lo va a visitar, porque:
• La gente usa diferentes navegadores
• Se conecta a diferentes velocidades
• Pueden no tener todos los plugins Multimedia
requeridos
• Organizar cuidadosamente el sitio desde el
principio
• Las páginas no deben crearse sin antes pensar en
la jerarquía a la que pertenecen
• Tener una idea del estilo en general que desea que su
sitio web tenga:
• formal,
• informal,
• con una particular inclinación artística, etc.
• Es importante anticipar estos aspectos:
• imágenes,
• animaciones,
• menús,
• formularios,
• elementos dinámicos, etc.
FUNCIONALIDAD DEL SITIO WEB
• Aumento considerable de las visitas
• Acelerar la distribución y la gestión de información
precisa
• Proporcionar una fácil navegación a los usuarios con
bajos niveles educativos
• Proporcionar contenido alternativo para los usuarios
conectados a través de un ancho de banda limitado
• Ofrecer alternativas de navegación a personas con
distintas discapacidades
• Es importante para los visitantes ver una página
estructurada
• Se muestra la información con facilidad y
coherencia
• También ayuda a los usuarios a encontrar
información concreta
 Página de Inicio

Quiénes Somos

Nuestra Visión
El uso adecuado de los menús
colocados estratégicamente, ya sea en Productos y
el lado izquierdo, en la parte superior Servicios

o al final de la página, ofrece un breve Nuestros

resumen de su contenido. Proveedores
Se recomienda incluir al menos tres
rutas claramente evidentes para Bolsa de Trabajo
llegar a todos los contenidos
importantes que forman la página Contáctenos
principal.
Hipertexto e
Hipermedia
Más allá de la Página Impresa… “El ser humano está
predispuesto
naturalmente a
escuchar,
recordar y contar
historias. El
Los procesadores de texto, los programas de dibujo y la problema, para los
mayoría de las demás aplicaciones actuales son WYSIWYG profesores, los
(lo que ve [en pantalla] es lo que obtiene [en la página padres, los líderes
impresa]). Pero WYSIWYG no siempre es una característica políticos, los amigos

Hipertexto e Hipermedia
necesaria o deseable. Si un documento no va a imprimirse, no y las
es preciso que se estructure como un documento de papel. Si computadoras, es
nos queremos centrar en la relación de ideas y no en el diseño tener historias más
interesantes que
de la página, lo mejor es dedicarnos a otra clase de documento:
contar.”
un superdocumento dinámico con referencias cruzadas que se
beneficie de todas las capacidades interactivas de la — Roger Schank et
computadora. al., en Tell Me A
Story: Narrative
Desde que en 1945, el asesor científico del Presidente and Intelligence
Roosevelt, Vannevar Bush, fuera el primero en escribir sobre
un sistema interactivo de referencias cruzadas, pioneros de la
computación como Doug Engelbart y Ted Nelson (que
acuñaron el término hipertexto) han impulsado la tecnología
hacia esa visión. Esos viejos esfuerzos se conocieron como
hipertexto porque permitían que la información textual se
enlazara de forma no secuencial. Los medios de texto
convencionales, como los libros, son lineales o secuenciales:
están diseñados para leerse de principio a fin. Un documento
hipertexto contiene enlaces que pueden dirigir rápidamente al
lector a otras partes del documento o a otros documentos
relacionados.
El hipertexto se ganó la atención pública por primera vez en
1987, cuando Apple introdujo HyperCard, un sistema
hipermedia que podía combinar texto, números, gráficos,
animación, efectos de sonido, música y otros medios en
documentos hiperenlazados. (En función de cómo se utilice, el
término hipermedia podría ser sinónimo de multimedia 1
interactiva.) Actualmente, millones de usuarios de Windows y
Macintosh utilizan hipertexto de forma frecuente al consultar
archivos de ayuda online, y cuando los usuarios de
 computadoras de bolsillo y de Tablet PC navegan por libros electrónicos (ebooks) con
capacidades hipermedia. Pero el semillero más grande de la actividad del
hipertexto/hipermedia es la World Wide Web, donde los enlaces de hipertexto
conectan documentos por toda Internet.
Pero a pesar de su popularidad, no es probable que el hipertexto reemplace pronto a
los libros en papel. Los usuarios web y otros que utilizan el hipertexto tienen varias
quejas legítimas:

 Los documentos hipermedia pueden desorientar al lector y que éste se pregunte

qué es lo que se ha perdido. Cuando está leyendo un libro, siempre sabe dónde
está y dónde ha estado. Esto no es necesariamente cierto en la hipermedia.
 Los documentos hipermedia no siempre tienen los enlaces donde los lectores
quieren. Los autores hipermedia no pueden crear todas las posibles conexiones
entre sus documentos, por lo que algunos lectores se ven frustrados porque no
pueden ir fácilmente de «aquí» hasta «allí».
Hipertexto e Hipermedia

 Los documentos hipermedia contienen a veces enlaces «perdidos»,

especialmente en la Web, donde incluso una página conocida puede desaparecer
en cualquier momento sin dejar rastro.
 Los documentos hipermedia no permiten añadir notas en los márgenes, resaltar
el texto o doblar las esquinas de las páginas para marcar pasajes clave. Algunos
documentos hipermedia ofrecen controles para crear «marcadores» y campos de
texto para añadir notas personales, pero no son tan amigables y flexibles como
las herramientas de marcado en papel tradicionales.
 El hardware hipermedia puede resultamos pesado. A la mayoría de las personas
les resulta mucho más cansado leer una pantalla de computadora que unas
páginas impresas, aunque la tecnología de las pantallas modernas, como
Microsoft ClearType, parece reducir este problema. Muchas personas se quejan
de que los periodos largos mirando fijamente una pantalla producen vista
cansada, dolor de cabeza, de espalda y otras dolencias. No siempre es fácil
sentarse bajo un árbol o acurrucarse en una silla con una computadora
conectada a la Web, aunque los portátiles y los Tablet pe están haciendo posible
la computación «en cualquier parte-en todas partes».

El arte de la hipermedia todavía se encuentra en la infancia. Todo nuevo arte necesita

un tiempo para desarrollarse. ¿Cómo pueden escribir los escritores unas líneas
argumentales eficaces si no conocen el camino que tomarán sus lectores a través de sus
historias? Ésta es sólo una de las cientos de preguntas a las que se enfrentan los
autores de hipermedia. A medida que el arte madure, los avances en el diseño de
software y hardware se encargarán de muchos de estos problemas. Incluso hoy, los
documentos hipermedia proporcionan extensas referencias cruzadas, flexibilidad y
búsqueda instantánea de palabras que simplemente no son posibles con los medios en
2 papel.
Casi todas las páginas web están creadas mediante un lenguaje llamado HTML
(Lenguaje de marcado de hipertexto, HyperText Markup Language). Un
documento fuente en HTML es un fichero de texto que incluye códigos para describir
el formato, la disposición y la estructura lógica de un documento hipermedia. HTML
no es WYSIWYG (Lo que se ve es lo que se obtiene, What You See Is What You Get);
los códigos HTML incluidos en el documento hacen que el aspecto del mismo no sea
nada claro y que no tenga nada que ver con lo que aparecerá después en pantalla. Sin
embargo, estos códigos permiten que un navegador web convierta un documento
HTML en una página visible. Ya que es un fichero de texto, un documento HTML
puede transmitirse fácilmente desde un servidor web a la máquina de un cliente
situada en cualquier parte del mundo.

Publicación en la Web
Es posible crear una página web mediante cualquier editor de texto; lo único que
necesita es escribir los comandos HTML junto con el resto del texto. Sin embargo, esto
no es preciso. Existen muchos programas, como Microsoft Word, PowerPoint y
FileMaker Pro, capaces de convertir características de formateo básicas como estilos de
caracteres, indentación y justificación en códigos HTML. Por otro lado, es posible

Hipertexto e Hipermedia
encontrar software de creación web, como Macromedia Dreamweaver, Adobe GoLive y
Microsoft FrontPage, que trabajan del mismo modo que los programas de autoedición.
Con ellos, es posible situar texto y gráficos del modo que más le guste, y el programa
será el que se encargue de convertir todo esto en un documento HTML que tenga una
aspecto similar a la hora de mostrarlo en un navegador. De todos estos programas, los
mejores son capaces incluso de administrar sitios web completos mediante
herramientas capaces de automatizar cambios repetitivos de datos, aplicar estilos de
formateo en varias páginas y comprobar los enlaces erróneos. Algunos tienen incluso
opciones para conectarse a grandes bases de datos a través de las cuales se puede
cambiar rápidamente el contenido.
Una vez completado el documento HTML, es preciso «subirlo» a un servidor web
antes de que sea visible. Muchos ISP ofrecen espacio en sus servidores como parte de
sus servicios de suscripción; otras empresas alquilan este espacio web a personas y
organizaciones. Por defecto, la mayoría de páginas tienen URL que incluyen los
nombres de dominio del ISP o servidor web, como
hltp://hometown.aol.com/shjoobedeboplindex.htm. Muchas empresas,
organizaciones y personas individuales pagan una cuota anual a empresas de registro
de nombres de dominio para conseguir nombres que sean sencillos de recordar para
los usuarios. Muchos nombres de dominio personalizados incluyen el nombre de la
empresa o de alguno de sus productos, como por ejemplo, http://www.prenhall.com o
http://www.computerconfluence.com.
Son muchas las personas que publican comentarios políticos, imágenes y documentos
similares sin utilizar HTML o un software de creación web estándar. En lugar de ello,
emplean software diseñado específicamente para documentos Weblog, o blog. Los
blogs se publican en servidores web utilizando sencillas interfaces de usuario que
3
aíslan al usuario de los detalles técnicos como direcciones de servidores FTP y URL.
Incluso ofrecen plantillas de diseño personalizadas que permiten que los usuarios
modifiquen sus sitios web sin tener el más mínimo conocimiento de HTML. Algunos
proveedores de software blog, como Blogger.com de Google, incluso almacenarán su
 blog de forma gratuita con tal que a usted no le importe promocionar sus productos.
En la actualidad, los blogs están revolucionando la publicación web ofreciendo la
potencia de las herramientas de publicación personal a las personas que no están
interesadas en los detalles técnicos del HTML y los programas de creación web. A
través de una sencilla y gratuita herramienta web, cualquiera puede publicar algo
sobre cualquier tema y obtener una audiencia mundial casi al instante.

El Hipertexto en la Actualidad
Los textos digitales que incorporan hipertexto requieren que lectores y escritores
desarrollen nuevas habilidades, más allá de las requeridas hasta ahora para enfrentar
los medios impresos. Internet demanda conocimiento para navegar los enlaces, para
comprender las ventajas y desventajas asociadas con tener el control de la dirección en
Hipertexto e Hipermedia

la que se progresa por el texto, así como para inferir y diferenciar un tipo de enlace de
otro. Nunca antes fue tan necesario que los niños aprendan a leer, escribir y pensar
críticamente, al punto que la definición de alfabetismo se ha expandido desde las
nociones tradicionales de lectura y escritura hasta incluir la capacidad para aprender,
comprender e interactuar con la tecnología de manera crítica y significativa 1.
Quienes empiezan a producir textos para medios en línea, se encuentran con que este
tipo de escritura resulta muy diferente a sus experiencias previas con medios impresos.
Según William Horton, “para muchos escritores, este no es solamente un cambio de
técnica si no de identidad personal y profesional al punto, que deben aprender nuevas
habilidades, asumir nuevos roles, y redefinir sus carreras”. La hipertextualidad posee
características que demandan una nueva comprensión del texto que se lee y un
conjunto diferente de estrategias para la escritura.
Los lectores en Internet tienden inicialmente a barrer el texto con la mirada. No leen
en la pantalla, la página de principio a fin; por el contrario, buscan los elementos más
relevantes e imprimen entonces las páginas que contienen esa información. Los
medios en línea, además de todas las exigencias que demandan en los lectores los
textos impresos, requieren que éstos se hagan preguntas como las siguientes: Cómo
interactuar en este nuevo ambiente, cómo navegar la información que están leyendo,
cuál es su relación o su papel con el texto y cómo asimilar el conocimiento que se les
ofrece. Por tal motivo, quienes escriben para estos medios necesitan utilizar un estilo y
una estrategia de escritura que permita a sus documentos hipertextuales ajustarse a
este nuevo tipo de lectura.
En Internet, los autores de hipertexto cumplen una función de facilitadores, invitando
al lector a construir activamente su propia ruta. El hipertexto se convierte en un
ambiente interactivo que permite al lector recorrerlo en forma no lineal y escribir en él
4 sus propias ideas u opiniones o también comentarlo con el autor o con otras personas
interviniendo en foros de discusión, salas de conversación (chats), o usando el correo

1 Pianfetti, E.S. (2001). Profesores y Tecnología: Alfabetismo digital a través del desarrollo profesional
(Teachers and technology: Digital literacy through professional development). Language Arts, 78, 255–262.
electrónico. Cuando los lectores han desarrollado una buena comprensión de cuales
son las nuevas exigencias para escribir contenidos apropiados para Internet, se
convierten por una parte en usuarios más estratégicos en la forma de localizar
información y por la otra en revisores más críticos del contenido de un sitio Web.
La incorporación del hipertexto a la educación escolar proporciona al docente nuevos
recursos para la creación escrita. Actividades como añadir, eliminar, fraccionar,
asociar, reordenar y relacionar, entre otras, se pueden promover con la escritura de
hipertextos. Para Francisco García García, director del Centro Nacional de
Información y Comunicación Educativa de España, “las nuevas tecnologías de la
información han sacado partido a la posibilidad de dividir los relatos en diversas
unidades formales y de sentido, en capturar los múltiples momentos de la historia e
incluso de la acción y en aislar los elementos espaciales que la conforman...”.
Lo primero es definir el término Hipertexto, así como otro muy similar: Hipermedia.
Con respecto a Hipertexto podemos decir que resulta difícil definir en qué consiste y
varios expertos en el tema tienen diferentes puntos de vista.

Hipertexto e Hipermedia
Pero… ¿Qué es HIPERTEXTO?
La palabra Hipertexto2 fue acuñada hacia 1965 por Theodore Holm Nelson (quién dio
forma también a la palabra Hipermedia) y se gestó cuando estaba tomando un curso
en computadores como parte de su maestría en Sociología en la Universidad de
Harvard. Tuvo entonces la idea de diseñar un sistema para manejo de textos que
permitiera a los escritores revisar, comparar y corregir su trabajo con facilidad.
Él lo definió en su libro “Literary Machines” (Máquinas Literarias) como “lectura no
secuencial” y así:
“Hipertexto es la presentación de información como una Red de nodos enlazados a
través de los cuales los lectores pueden navegar libremente en forma no lineal. Permite
la coexistencia de varios autores, desliga las funciones de autor y lector, permite la
ampliación de la información en forma casi ilimitada y crea múltiples rutas de lectura”.
Los avances tecnológicos de las últimas décadas expandieron la noción de lo que es
Hipertexto. La siguiente descripción refleja con claridad los alcances actuales de este
término.
Michael Bieber3 define el Hipertexto como el concepto de Inter – relacionar (enlazar)
piezas de información y utilizar esos enlaces para acceder a otras piezas de
información relacionadas (un elemento de información o nodo puede ser desde una
simple idea hasta la porción de un documento). El hipertexto es una colección o una
5
2 El Diccionario de la Real Academia de la Lengua, define el Hipertexto como “texto que contiene elementos a
partir de los cuales se puede acceder otra información”. Jacob Nielsen utiliza el término Hipertexto para
referirse a sistemas que incluyen otros medios como gráficas, video, sonido y animación.
3 Bieber, Michael, “Hypertext.” Encyclopedia of Computer Science (4th Edition), Ralston, A., EdwinReilly and
David Hemmendinger (eds.), Nature Publishing Group, 2000, 799-805. [on-line]
 Red de nodos que están Inter-relacionados o enlazados. Un sistema de Hipertexto le
permite a un autor crear los nodos y los enlaces entre ellos, y permite al lector
recorrerlos; esto es, navegar de un nodo a otro utilizando esos enlaces. Por lo general,
el sistema de Hipertexto señala los puntos de enlace o indicadores de alguna manera
dentro del nodo, cuando se muestran en el monitor del computador. (ejm: textos
subrayados en los documentos de la Web que se ven en los navegadores). Cuando el
usuario selecciona el enlace indicado o marcado, haciendo clic sobre éste con el ratón,
el sistema de Hipertexto recorre, busca, y exhibe el nodo que está al otro extremo del
enlace. Si un solo marcador representa múltiples enlaces, el sistema de Hipertexto le
presenta al usuario una lista de enlaces disponibles (los diseñadores de sistemas deben
priorizar, filtrar, o establecer niveles, si consideran que el número de enlaces puede
rebasar al usuario). Los principios de diseño de interfaz de usuario de Hipertexto
recomiendan que cuando el propósito o destino del enlace no sea claro, el autor le
ponga a éste un título. El sistema de Hipertexto incluye muchas características de
navegación, anotación y configuración, que se apoyan en la estructura de los nodos y
Hipertexto e Hipermedia

los enlaces para ayudar a los autores y a los lectores.

Muchas personas consideran que los términos Hipertexto e Hipermedia son
sinónimos. En general, el Hipertexto se refiere a elementos de texto relacionados,
mientras que Hipermedia; que es un acrónimo que combina las palabras Hipertexto y
Multimedia; incluye relaciones entre elementos de cualquier tipo de medio (texto,
imágenes, sonidos, animaciones, videos, etc.). Los conceptos son idénticos, pero el
Hipertexto es más difícil de implementar en un medio no textual.

Entre las características más importantes del hipertexto tenemos las siguientes:

 No es lineal. A través de enlaces de navegación, los lectores pueden “saltar” por el

documento como lo deseen. En efecto, ningún orden determina la secuencia de la
información que se va a leer. El hipertexto da mayor control a los lectores de los
documentos en línea, que el que pueden tener en un documento impreso. Según
Jacob Nielsen, “un verdadero hipertexto debe... hacer sentir a los usuarios que
pueden moverse libremente a través de la información, de acuerdo a sus propias
necesidades”.
 Es eminentemente interactivo. Permite a cada usuario seleccionar los temas que
sean de su interés o que le parezcan más importantes. Es bueno recordar aquí, que
el usuario debe entender las ventajas y desventajas de tener control absoluto de la
dirección que tome al escoger los enlaces y estar en capacidad de establecer
diferencias y prioridades entre enlaces.
 Permite al autor ofrecer un contexto rico en información relacionada en
torno a sus ideas principales. Los textos escritos constriñen a los autores a
seguir en su escritura un formato lineal. El Hipertexto libera a autores y lectores
de esta forma de expresión. Los autores pueden estructurar sus textos como una
Red de información con enlaces interrelacionados y resaltar la(s) idea(s)
principal(es) con ellos.
6  Permite al usuario leer, co-escribir y comprender información más
efectivamente. El presentar la información en forma de Red permite a los
lectores acceder a ésta de la manera que consideren más apropiada para el
cumplimiento de sus objetivos. Además, la libertad de acceso a esa Red
 enriquecida con información relacionada ofrece un medio fecundo para
entenderla. Algunos piensan incluso que mejora la comprensión ya que se imita la
Red de asociaciones que la gente usa cognitivamente para guardar y recuperar
información.
 Si no está bien estructurado o si el usuario no ha desarrollado las
competencias adecuadas, se puede desorientar fácilmente. En los
documentos con hipertexto a menudo se pierde el contexto. Los lectores pueden
desorientarse y perder la pista de su posición dentro del documento. Para Reducir
la probabilidad de desorientación del lector, proporcione señales contextuales que
le ayuden a navegar fácilmente el documento. Por ejemplo, escribiendo un texto
eficaz para un enlace, usted puede ayudar a los lectores a entender hacia donde
dirige el enlace sin necesidad de hacer clic sobre él.
 Permite seleccionar los temas de interés. El hipertexto no debe utilizarse para
fraccionar textos lineales extensos en varias páginas. El mejor uso del hipertexto
consiste en permitirle al lector seleccionar los temas de su interés y descargar
solamente esas páginas. La estructura del hipertexto debe basarse en un análisis
de la audiencia.

Hipertexto e Hipermedia
Usos del Hipertexto
Según Jacob Nielsen, el hipertexto no es apropiado para todos los usos, y ofrece tres
reglas de oro para ayudar a determinar cuándo es conveniente usarlo. Se enuncian a
continuación:
 Cuándo existe un gran cuerpo de información organizado en muchos
fragmentos.
 Cuándo estos fragmentos se relacionan unos con otros.
 Cuándo en cualquier momento, los lectores necesitan solamente una pequeña
fracción de esta información.
Las siguientes son aplicaciones ideales del hipertexto:
Material de referencia general o especializado. Por ejemplo, las instrucciones de los
computadores funcionan muy bien en línea. Los usuarios de éstos no quieren leerse
todo un manual, necesitan la información contenida en las partes relevantes o en las
secciones que vayan necesitando. Lo normal es que acudan a documentos en línea para
obtener respuestas rápidas a sus preguntas.
Cualquier material que pueda dividirse en segmentos (contenidos) cortos y
autónomos. La mayoría de los lectores acuden a la Red con un propósito determinado
y buscan información específica. Al fraccionar el material en contenidos más pequeños
y etiquetarlos con títulos y subtítulos precisos, usted ayudará a los lectores en línea que
tienden a barrer el texto con la mirada en busca de esa información. Por ejemplo, el 7
artículo de un periódico o de una revista en línea, puede tener los detalles esenciales de
un acontecimiento en el texto de introducción. Los enlaces que en éste se encuentren
pueden conducir a detalles suplementarios o a información de fondo, si los lectores
 deseen saber más. Los títulos deben ser exactos e identificar claramente el contenido al
cual conduce cada enlace.
Nota: El que un documento sea apropiado para este medio no garantiza que será
eficaz. Los autores necesitan todavía considerar cómo lograr que un
documento sea útil para sus lectores.

La Eficacia del Hipertexto

Según Alysson Troffer, una forma para determinar la eficacia del hipertexto consiste
en evaluar, con lectores reales, su usabilidad4. Jacob Nielsen por otro lado, propone
cinco parámetros de usabilidad del hipertexto que los autores deben considerar.

Un hipertexto eficaz es:

Hipertexto e Hipermedia

 Fácil de aprender. Cuando un hipertexto se comprende fácilmente, los lectores

captan con rapidez cómo se navega (sus opciones de navegación) y cuáles son los
otros comandos básicos para localizar la información. Además entienden la
estructura básica de la Red de contenidos y de enlaces. Cada contenido en la Red
debe tener información fácil de leer.
 Eficiente de usar. Cuando un hipertexto se puede usar con eficiencia, los usuarios
encuentran la información rápidamente, o al menos descubren muy pronto que lo
que buscan no está en esa Red. Además, al llegar a un contenido, pueden orientarse
rápidamente y entender su significado en relación con su punto de partida.
 Fácil de recordar. Si un hipertexto se recuerda con facilidad, los usuarios pueden
regresar al tiempo y todavía recordar su estructura general. Esto es, encontrar la ruta
que recorrieron por la Red, reconocerán además contenidos marcados y
convenciones especiales usadas para éstos, así como sus enlaces.
 Prácticamente libre de errores. Cuando los lectores encuentran pocos errores
con un hipertexto, rara vez siguen un enlace que los conduzca a donde no quieren ir.
Incluso, si erróneamente siguen un enlace, pueden regresar fácilmente a su
localización anterior, como también volver fácilmente a cualquier lugar anterior si
piensan que se han alejado mucho del objetivo.
 Amigable. Cuando un hipertexto es amigable, los lectores utilizan la Red con
agrado. Raramente se sienten frustrados o decepcionados al seguir los enlaces. Por
otra parte, en lugar de sentirse coaccionados, sienten que ejercen el control y que
pueden navegar libremente por la Red.

4 Usabilidad se define coloquialmente como facilidad de uso, ya sea de una página web, una aplicación
8 informática o cualquier otro sistema que interactué con un usuario. La Organización Internacional para la
Estandarización (ISO) dispone de dos definiciones de usabilidad: “La usabilidad se refiere a la capacidad de
un software de ser comprendido, aprendido, usado y ser atractivo para el usuario, en condiciones específicas
de uso” (ISO/IEC 9126) y “Usabilidad es la efectividad, eficiencia y satisfacción con la que un producto
permite alcanzar objetivos específicos a usuarios específicos en un contexto de uso específico” (ISO/IEC
9126) http://www.ainda.info/que_es_usabilidad.html
¿Por Qué Crear Enlaces?
“Los enlaces o vínculos son parte muy importante del hipertexto ya que permiten
navegar un documento y pasar de un contenido relacionado a otro con un simple clic
del ratón. Los enlaces son una de las grandes ventajas de la lectura en línea pues
permiten al lector decidir que ruta seguirá a través de la información.

En los documentos en línea se pueden encontrar dos tipos de enlaces:

1) De Navegación. Son los que conectan los contenidos de una Red de hipertexto
y sirven como espina dorsal de la interfaz entre el lector y el computador.
Permiten al usuario encontrar un camino entre los diferentes tópicos. Ejemplos
típicos de lo anterior son los botones de las páginas de inicio y los enlaces o
vínculos con las páginas subordinadas a la página que se está consultando.
2) De Asociación. Estos enlaces pretenden enriquecer el contenido del
documento. En general apuntan a tópicos que tienen diferentes grados de
relevancia con el contenido original. Los tópicos enlazados pueden ofrecer un

Hipertexto e Hipermedia
tema paralelo, digresivo pero aún relacionado, o material sin relación aparente.
Utilice enlaces asociativos para:
 Aportar referencias cruzadas a material relacionado.
 Proveer información básica detallada.
 Argumentar sobre un tema sustentándolo en detalle o con la definición de los
términos.
 Proponer analogías que clarifiquen las relaciones entre piezas disímiles de
información.
 Ofrecer reflexiones perspicaces, instructivas o irónicas.
 Ofrecer notas de pie de página o referencias.
 Permitir acceso a otros sitios Web mediante un simple clic.

Estrategias Generales para Crear Enlaces

 Para organizar el material, utilice una tabla con los contenidos enlazados. Esta le
permitirá clarificar las relaciones internas entre los contenidos.
 Ofrezca contenido sustancial, no una simple lista de enlaces a otras páginas.
 Los enlaces deben reforzar el mensaje, no reemplazarlo.
 Siempre que sea posible, utilice listas de enlaces en lugar de enlaces que estén
metidos dentro del texto.
 Ubique los enlaces externos en una sección que este por fuera del texto principal.
 Cuando el enlace sea externo, permita que este se abra en otra ventana del
navegador.
 Para el texto de los enlaces elija palabras o frases significativas con el fin de
disminuir el riesgo de que el lector se desoriente cuando se mueve a través de ellos.
 Genere únicamente los enlaces que sean necesarios y relevantes o cumplan una 9
función específica para lograr el (los) objetivo(s) que busca o propone el
documento.
 Recursos en Línea:

 AINDA. Sitio web en español sobre usabilidad mantenido por Eduardo Manchón,
psicólogo de Alicante, España. Actualmente trabaja como especialista en Usabilidad
en "laCaixa", en Barcelona, fundamentalmente en su web banca en línea, aunque
también diseña interfaces de cajeros automáticos. http://www.ainda.info/
 WEBESTILO. “Manual de Usabilidad”, ir a Diseño de Páginas y a : Los Enlaces
http://www.webestilo.com/guia/enlaces.php3
 NO SOLO USABILIDAD. Diversos artículos sobre usabilidad, arquitectura de la
información, accesibilidad y derechos de autor.
http://www.nosolousabilidad.com/categorias.htm
 RED DIGITAL. Francisco García García, Artículo: “La Narrativa Hipermedia
Aplicada a la Educación”, Red Digital No 3, Enero de 2003.
http://Reddigital.cnice.mecd.es/3/firmas/firmas_francisco_ind.html
Hipertexto e Hipermedia

 Mailing Rivera Lam, Lectura Hipertextual.

 USE IT. Jacob Nielsen. Escritura para la Red (inglés).
http://www.useit.com/papers/webwriting/
 Escritura para Internet (inglés)
http://www.dartmouth.edu/~webteach/articles/text.html
 POYNTER ON LINE (inglés). El Instituto Poynter es una escuela para periodistas y
profesores de escuelas de periodismo. El sitio Web ofrece información actualizada y
pertinente para quienes se dedican a escribir para medios de comunicación.
http://www.poynter.org/

Bibliografía
EDUTEKA. (5 de Julio de 2003). http://www.eduteka.org. Recuperado el 15 de
Febrero de 2013, de http://www.eduteka.org/Hipertexto1.php
George Beekman, Rosbinda Pacheco, Alex R. Tábora. (2008). Introducción a la
10 Computación. México: PEARSON EDUCACIÓN, S.A.
 Diseño WEB Página | 1

GLOSARIO
A
Accesibilidad: La accesibilidad fácilmente muestra cómo algo puede ser usado, visitado o accesado
por todos los usuarios, especialmente por aquellos que tienen alguna de discapacidad.
AIS (Accessible Information Solutions, Soluciones de Información Accesible): La Barra de
Herramientas de Accesibilidad Web ha sido desarrollada para ayudar a las pruebas manuales de
páginas web para una gran variedad de problemas de accesibilidad.
ALT: Atributo de texto (texto alternativo) utilizado para describir un elemento visual o su descripción
en una página Web.
Ancho de banda: la cantidad de datos que puede ser que transportaban de un lugar a otro dentro de
un período de tiempo determinado, generalmente expresada en segundos. Cuanto mayor sea el ancho
de banda, mayor será la cantidad de datos por segundo que se transmitirán.
Anclas: Elementos utilizados para crear enlaces dentro de un documento.
ASP: Una tecnología de Microsoft dirigida a los Servicios Web para las páginas generadas
dinámicamente.

B
Barra de navegación: Herramienta de Dreamweaver qué permite configurar un menú de botón
vertical u horizontalmente para acceder a las distintas páginas de un sitio Web.
Blog: Un sitio Web frecuentemente actualizado en forma cronológica que recopila artículos de texto y
uno o varios autores.
Body: etiqueta HTML que se utiliza para proporcionar la información al navegador Web acerca de la
disposición y los atributos de los objetos de las páginas web.
BR: etiqueta HTML que permite establecer un salto de página en el texto.

C
Capas Anidadas: Es el proceso de creación de una capa dentro de otra, se utiliza con frecuencia para
agrupar capas.
Capas: Elementos de Dreamweaver (software de creación de páginas Web) que permiten organizar el
contenido de una página web fácilmente, así como aplicarles efectos.
Chat: un sistema que permite que dos o más personas se comuniquen en forma simultánea a través de
Internet.
Contenido en Estructura de Árbol: Esquema donde la cantidad de secciones y niveles en un sitio
Web es mostrado de una manera simple.
CSS (Cascading Style Sheets, Hojas de Estilo en Cascada): Se trata de un mecanismo simple que
describe cómo un documento se mostrará en la pantalla, la forma en que la información de la página

|
 Diseño WEB Página | 2

Web será impresa y ofrece a los desarrolladores un control total sobre el estilo y formato del
documento.

E
Eficiencia: capacidad de producir el máximo resultado con el mínimo de recursos, energía y tiempo
como sea posible.
Enlaces Relativos: Una dirección Web declarada a partir del nivel del enlace, por ejemplo:
/images/imagen1.jpg
Estándares Web: Conjunto de tecnologías destinadas a beneficiar a la mayoría de los asegurando que
todos los materiales publicados en Internet estén al día.
Estructura Web: La forma en que un sitio web está diseñado y cómo se presenta su navegación. Esto
permite que el programa sepa de antemano el tipo de datos que deben introducirse, y ayuda a tener una
página legible que es fácil de modificar.

F
Flash: Programa diseñado para crear animaciones que se pueden usar en páginas Web. Se utiliza
vectores gráficos que son compactos, haciéndolos ideales para Internet.
Funcionalidad: Se refiere a la interacción del usuario con un sitio Web. Este término hace hincapié en
que el contenido debe ser claro, la navegación sencilla y cada sitio web debe tener un equilibrio entre el
diseño y contenido.

G
Gifs: Archivos de imagen que integran movimiento y que se utilizan comúnmente en las páginas Web.

H
Head: etiqueta HTML que se utiliza para definir el título de una página Web.
Homogeneidad: Define la uniformidad o similitud entre las características del diseño, el contenido y
el objetivo del sitio Web.
HREF: etiqueta HTML que permite definir los enlaces a páginas Web externas o internas. Se puede
aplicar a un texto o imagen.
HTML (HyperText Markup Language, Lenguaje de Marcado de Hipertexto): Lenguaje de marcado
diseñado para estructurar texto y que se muestre como hipertexto (página Web en formato estándar).
Se ha convertido en uno de los formatos más populares y fáciles de aprender, para la creación de
páginas Web.

I
IIS: Una serie de servidores de Internet para computadoras que ejecutan el sistema operativo Microsoft
Windows.
Imagen de seguimiento (Tracing Image): Imagen que se utiliza como guía para copiar un diseño,
puede ser un archivo JPG, GIF o PNG y se encuentra en el fondo de la ventana del documento... No se
ve en el explorador Web, solo cuando el documento se está editando.

|
 Diseño WEB Página | 3

Imagen Rollover: Herramienta Dreamweaver que permite aplicar un efecto donde una imagen
existente en la página web es sustituida por otra cuando se la está enfocado, y de nuevo se sustituirán
cuando se mueva el foco.
Importación de datos: Proceso que permite incluir información externa en un documento específico.
Inspector de Propiedades: Una herramienta en aplicaciones de Macromedia, que permite ver y
editar las propiedades de los elementos más comunes.
Interfaz: La parte del programa que permite el flujo de información entre varias aplicaciones o entre
los programas y el usuario.

J
JPG: Uno de los formatos de archivo de imagen recomendados para las páginas Web.

M
Mapa del sitio Web: Esquema de los enlaces, los niveles y subniveles en un sitio Web.
Motor de búsqueda: Un sistema informático que indexa archivos almacenados en servidores web.

N
Navegabilidad: Es el término que se refiere a cómo un usuario puede moverse fácilmente dentro de
un sitio Web.
Nick: abreviatura utilizada en Internet para identificar a una persona.

P
PHP: Lenguaje de programación utilizado para la creación de contenidos de un sitio Web que con
frecuencia puede usarse al programar páginas HTML y códigos fuente.
Plantilla: Un documento con una estructura predeterminada que puede ser utilizado como un punto
de partida y ser modificado si se desea.
Plugin: Una aplicación que interactúa con otra aplicación para añadir una característica específica o
utilidad.
PNG: es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto
a patentes. Permite almacenar imágenes con una mayor profundidad de contraste y otros importantes
datos. También puede utilizarse en páginas Web.
Publicar: proceso de colocar todo el contenido de un sitio Web en Internet para recibir la visita de los
usuarios.

S
Scripts: Lenguaje de programación diseñado para ser realizado o interpretado por otro programa.
Shockwave: Una aplicación complementaria para navegadores web (plug-in) que se utilizan para
reproducir contenidos interactivos.
Sketches: Una estructura de diseño de páginas de un sitio Web, creada como la base del desarrollo y la
alta calidad de un sitio.

|
 Diseño WEB Página | 4

T
Tag (viñeta): Un elemento que se une a otro con el fin de identificar o describir el mismo.

U
URL: Uniform Resource Locator (Localizador de Recurso Uniforme). Término utilizado para referirse a
una dirección Web.

V
Validar: proceso mediante el cual los datos se procesan o comparan usando filtros pre-establecidos
con respecto a la información que se espera.
Vínculos absolutos: La dirección Web completa, por ejemplo: http://www.yahoo.es. Son utilizados
para establecer enlaces a páginas web externas.

W
WAI (Web Accessibility Initiative, Iniciativa de Accesibilidad Web). Herramienta para el Análisis de la
accesibilidad de un sitio web que incluye todos sus elementos y páginas como un todo.

Bibliografía
Technology Box Inc., R. a. (2008). Web Designers, Macromedia 8.0. Web Designers 2.0. Technology
Box Inc.

|
SITIO WEB
• ¿Qué se espera al tener un sitio Web?
• La complejidad de los objetivos determinará
• la navegación
• el contenido
• la apariencia
• la funcionalidad del sitio
• Definir quién lo va a visitar, porque:
• La gente usa diferentes navegadores
• Se conecta a diferentes velocidades
• Pueden no tener todos los plugins Multimedia
requeridos
• Organizar cuidadosamente el sitio desde el
principio
• Las páginas no deben crearse sin antes pensar en
la jerarquía a la que pertenecen
• Tener una idea del estilo en general que desea que su
sitio web tenga:
• formal,
• informal,
• con una particular inclinación artística, etc.
• Es importante anticipar estos aspectos:
• imágenes,
• animaciones,
• menús,
• formularios,
• elementos dinámicos, etc.
FUNCIONALIDAD DEL SITIO WEB
• Aumento considerable de las visitas
• Acelerar la distribución y la gestión de información
precisa
• Proporcionar una fácil navegación a los usuarios con
bajos niveles educativos
• Proporcionar contenido alternativo para los usuarios
conectados a través de un ancho de banda limitado
• Ofrecer alternativas de navegación a personas con
distintas discapacidades
• Es importante para los visitantes ver una página
estructurada
• Se muestra la información con facilidad y
coherencia
• También ayuda a los usuarios a encontrar
información concreta
 Página de Inicio

Quiénes Somos

Nuestra Visión
El uso adecuado de los menús
colocados estratégicamente, ya sea en Productos y
el lado izquierdo, en la parte superior Servicios

o al final de la página, ofrece un breve Nuestros

resumen de su contenido. Proveedores
Se recomienda incluir al menos tres
rutas claramente evidentes para Bolsa de Trabajo
llegar a todos los contenidos
importantes que forman la página Contáctenos
principal.
 Lo que No Debo Hacer en una Presentación.
Vamos a llamar a esta parte de la clase lo que no debo hacer al elaborar una
presentación en PowerPoint, ¿Cuáles son las cosas que debo evitar al momento de
hacer una presentación? ¿Qué cosas son pecados imperdonables al momento de
crearla? Vamos a discutir algunos en esta parte de la sección.

Antes de una presentación lleve a cabo una prueba de legibilidad. Recuerde que
con un título de 44 puntos y un texto de 32 puntos su diapositiva será legible hasta
una distancia equivalente a 8 veces la altura de la pantalla sobre la que la
proyectará. Una sala de 40 metros de profundidad requerirá por lo tanto una
pantalla de al menos 5 metros de altura.

¡¡¡No apague la luz!!! ¿Usted es un espía cuya identidad debe mantenerse en

secreto? ¡No apague la luz durante sus presentaciones! Por dos motivos
importantísimos:

 Usted (el “audiovisual” tridimensional más importante de la presentación)

desaparece.
 Escuchar una voz en off en la oscuridad es la mejor terapéutica para el
insomnio

¡Tenga siempre un plan B si va a usar el PowerPoint! No es infrecuente ver

clases y presentaciones que se suspenden porque la computadora no puede leer su
CD, el Data Show no reconoce a la computadora, etc., etc. Por esto siempre lleve
alternativas (CD, laptop, diapositivas, filminas, etc.), recuerde que la secuencia
conexión “Data Show” – computadora / grabación de su CD no es un paseo
romántico en bote sino una verdadera caza de ballenas. Un plan de emergencia
previo puede sacarlo de apuros.

¡Cuidado con la belleza de lo inútil! A veces uno puede observar una

presentación sobre un tema médico que utiliza como fondo de todas las
diapositivas fotos de bellezas naturales del lugar de origen del presentador. ¡Bello
pero inútil! Lo fondos de las diapositivas deben tener imágenes que representen o
sustenten simbólicamente el concepto que usted pretende enseñar o presentar.
Recuerde que la belleza formal de la imagen que usted inserta en cada diapositiva
debe estar en un estricto equilibrio con su claridad didáctica. Una imagen vale más
que mil palabras siempre y cuando sea una buena imagen.

¡Mantenlo simple! Es frecuente observar presentaciones que tienen diapositivas

con diagramas en los cuales se amontonan decenas de palabras, flechas y cruces.
Parafraseando a Michel Foucault (que afirmaba que era mucho más importante lo
no pensado que lo pensado para comprender la obra de un autor): ¿En qué no
pensó el docente o presentador cuando preparaba esta diapositiva? Que
probablemente este diagrama era muy bueno para ser leído, pero no para ser visto.
¿Cómo evitar este tipo de diapositivas? Recordando el primer mandamiento de los
apoyos visuales: K.I.S.S. (“Keep it simple, stupid!”). Cuanto menos palabras, flechas y
cruces tengan la diapositiva mejor será interpretada por su auditorio. Depure toda
la información que pueda de sus diapositivas. “Cuanto más desnuda la belleza, más
bella es”.

¡Cuánto más grande mejor! Los tamaños de letras recomendados son 44

puntos para el título y 32 puntos para el texto, pero si usted tiene espacio coloque
letras del mayor tamaño posible (los diarios amarillistas nos han mostrado como
la gente se siente atraída por títulos de gran tamaño).

¡No más de cuatro niveles! No presente organigramas con más niveles porque
el tamaño de la letra se vuelve ilegible. Por lo tanto, no intente mostrar toda la
cascada inflamatoria en un solo organigrama, divídala en múltiples organigramas
de cuatro niveles cada uno.

A ver, vamos a hacer un repaso final para de las cosas que no se deben hacer en
una presentación.

 No lea las diapositivas (éstas deben ser interpretadas por su auditorio).

 No apague la luz
 No utilice diapositivas con fondos claros
 No utilice letras oscuras
 No ponga todas las letras en mayúsculas
 Mantenlo simple
 Use imágenes como símbolos de los conceptos que desea explicar
 Cuidado con la belleza de lo inútil
 Recuerde que probablemente la mayoría de su auditorio estará compuesto por
criaturas visuales.
 El peso de HABLAR EN PUBLICO

TECNICAS DE ORATORIA
 Diferencia entre discurso y oratoria

• Un discurso es un razonamiento, mientras que la oratoria es el

arte de hablar. Por lo tanto, el discurso es aquello que razonas
en tu mente y compartes con otras personas, y la oratoria es el
arte con que lo haces.
• De modo que la diferencia entre un discurso y la oratoria
depende de cuánto sabes acerca de los principios que te
permiten expresarte con eficacia.
Ejercicios
recomendables • Dicción Ej. Garza, impostación
• Respiración - Relajamiento,
eliminan nervios
• Vocalización, entonación, matices
• Diafragma - Frases largas,
administración del aire, potencia
y manejo de la voz

1
Antes de hablar en publico

ANALIZA A LA AUDIENCIA IMPACTO PSICOLOGICO

• Trasfondo • Ilustraciones o ejemplos

• Nivel educativo • Sentido de urgencia
• Nivel socio económico • Identificación con el tema
• Su relación con el tema

2
Durante el discurso
EVITA…
• Que se quiebre la voz
• Toser por resequedad en la
garganta
• Usar palabras o frases «muleta»
• Repetir más de 2 veces una
palabra o frase
QUÉ HACER
• Respirar adecuadamente antes
de cada frase
• Beber medio vaso de agua y
tragar saliva 5 veces ANTES de
empezar
• Practicar el discurso antes
3
USO APROPIADO DE LA PROXEMIA

Técnica que utiliza los espacios para crear un

impacto psicológico en la audiencia y mover
a una acción o actitud

Muy usado en teatro y en prédicas religiosas

4
Pasos para una
preparación eficaz 1. Fijar el objetivo del discurso
2. Titulo dinámico y atractivo
3. Planificar la introducción
4. Ordenar el desarrollo
5. Elaborar la conclusión
6. Ensayar las partes por
separado
7. Redactar palabra por palabra
 Verano Ideal 2010

Presentaciones efectivas en Power Point

Educación a Distancia
y
Centro para el fortalecimiento de la docencia
1
Competencias Tecnológicas Junio 2010
Humor tecnológico…..

2
Introducción:

 La presentación que se mostrará a

continuación pretende ayudarlos a
adquirir los conocimientos necesarios
para desarrollar presentaciones
efectivas para sus clases.

3
 En que consiste una
presentación efectiva

 Una presentación efectiva está

compuesta de la aplicación de
técnicas y conocimientos y de la
aportación de la personalidad del
adiestrador o la adiestradora

Milagros Guzmán, autora del libro Adiestramiento:cambio,

transformación, evolución 4
 ¿Qué es una
presentación efectiva?

 Se considerara efectiva toda aquella

presentación que su contenido logre la
atención de la audiencia, provoque o
estimulé la adquisición de conoci-
mientos y que tenga la capacidad de
persuadir a los oyentes.

5
 Propósito de una presentación:
Presentación de la información y
orientación cognitiva

 La presentación de la información es
un intento neutral de informar y
presentar algo a una audiencia.
 La orientación cognitiva es un intento
de guiar e influenciar a una audiencia
en la interpretación de la información.

6
 Principios básicos Multimedios

 Coherencia, se obtiene mayor comprensión

cuando se excluye la información irrelevante.
 Continuidad, los gráficos y las palabras
dispuestos en forma conjunta son más efectivos
que por separado
 Personalización, es más sencillo llegar a la
audiencia con un estilo informal que con uno
formal.

7
Estructura de una presentación

 Una presentación debe incluir las

siguientes partes:
1. Introducción
2. Contenido o cuerpo
3. Conclusión

8
La introducción

 La introducción debe indicarle a la

audiencia cual es el propósito de la
presentación y por qué es importante
para ellos.

9
Contenido o cuerpo

 El contenido de la presentación debe

fluir de manera lógica de un punto a
otro en una cantidad razonable de
slides.

10
Conclusión

 Resuma los aspectos de mayor

importancia en su presentación,
ofrezca recomendaciones o inicie la
sección de preguntas y respuestas.

11
Anticípese a fallos técnicos

 No importa las veces que haya

practicado, las veces que almacenó la
presentación o todas las actividades
que haya realizado. En algún
momento la tecnología puede fallar,
por esta razón debe estar preparado.

12
 Fallos…recomendaciones

 Almacene en diversos medios.

 Almacene en diversos formatos.
 Lleve consigo una laptop
 Reproduzca su presentación tanto en papel como
en transparencias
 Solicite un proyector de transaparencias para su
presentación.

13
Opciones en el Web
 Publique su presentación en:
 Google Docs
 Webblog
 Slideshare
 Box.net

14
RECOMENDACIONES PARA QUE SU
PRESENTACIÓN SEA EFECTIVA.

15
 Apóyese en material convincente

 La herramienta de PP, no es una autónoma, por

más sencillo que resulte su utilización. PP, no
crea presentaciones, solo permite crear
diapositivas, por esta razón no olvide que la
audiencia desea escuchar lo que usted dice, NO
están dispuestos a ver una secuencia de slides.
Básicamente PP, apoyará su presentación oral.

16
 Simplifique: Norma 7 X 7
 Las presentaciones más efectivas son aquellas
sencillas, que poseen gráficas sencillas de
entender o ilustraciones que reflejan de manera
directa lo que el orador desea comunicar.
 Se recomienda no utilizar entre cinco a siete
palabras por línea y no mas de cinco a siete
líneas por slide.

17
 Reduzca al mínimo la
cantidad de slides

 El atractivo de PP, es su capacidad para

comunicar ideas y apoyar las observaciones
del orador de un modo conciso. Resalte los
datos importantes en la presentación,
utilizando una gráfica o imagen. Los datos
menos importantes pueden ser distribuidos en
un documento en word o handouts.

18
 No lea literalmente la
presentación en PP

 Uno de los hábitos mas generalizados y

perjudiciales es el limitarse a leer la presentación
visual a la audiencia. Esto resulta redundante y no
se justifica su presencia como orador.
 Utilice Power Point para mostrar visualmente los
datos que usted desarrolla, por el contrario la
presentación resultará muy aburrida.

19
 Utilice las observaciones de
manera oportuna

 Al mostrar un nuevo slide deje tiempo a los

asistentes para leer el texto, digerirlo y luego
presente sus observaciones que amplíen lo
expuesto.
 El hablar justo en la transición puede distraer a
la audiencia.

20
 Permita tiempo de reposo
 PP, resulta ser un acompañamiento visual a la
palabra. No estaría de más dejar un slide en
blanco para fomentar un descanso visual de la
audiencia y podría utilizarse como una táctica
para concentrar la atención en un tema especial,
fomentar la discusión en grupo o iniciar una
sección de preguntas y respuestas.

21
Utilice colores vibrantes

 Un contraste entre el texto, los

gráficos y el fondo puede resultar muy
efectivo para transmitir mensajes y
emociones.

22
Importe imágenes y gráficos

 No limite la presentación a lo que

ofrece PP. Integré imágenes, gráficos
o videos para mayor variedad y
atractivo visual.
 Observe el CopyRight y el CopyLeft

23
 Distribuya notas al final,
no durante la presentación

 A ningún orador le agrada dirigirse a

un grupo de personas que esta
leyendo un material o resumen de su
exposición. A menos que sea
imperativo que los asistentes tengan
un guión, espere y distribuya al final.

24
 Ajuste la presentación a su audiencia

 Nunca pierda de perspectiva a la audiencia.

Consideré su edad, hora de la
presentación, sexo, idioma, limitaciones
físicas o cognoscitivas.
 Si identifica algo que no es interesante,
distrae o confunde, corríjalo
inmediatamente.

25
Contenido de apoyo

 Busque y encuentre material de apoyo

para ser incluido en su presentación.

26
¿Material de apoyo?

Videos

Web
Sonidos Presentación
Page

Imágenes

27
ALGUNOS ERRORES COMUNES

28
 Algunos errores
 Uso excesivo de efectos y elementos gráficos
 Sobre carga de información
 Gráficos intrincados
 Inconsistencia en el tipo de letras y colores
 Plantillas o background no relacionados a la presentación
 El texto es demasiado pequeño para ser leído
 Demasiado texto en la diapositiva
 Contra ése fondo, el texto resulta difícil de leerse
 Demasiado material a conocerse de una sola vez

29
 Conclusión

 Crear una presentación efectiva implica

preparación, selección y organización del
contenido. Debemos lograr una armonía entre
todos los elementos de la presentación para
alcanzar el objetivo primordial: informar
adecuadamente a la audiencia.

30
Para Asistencia

 Jorge Luis Díaz Rivera, Director

 Centro para el fortalecimiento de la
docencia y Educación a Distancia
 787.786.3030 Ext. 2145
 jdiaz@ucb.edu.pr

31
• Hay cualidades y actitudes humanistas que
son como el común denominador aplicables
a cualquier orador, en cualesquier
circunstancia
• Y hay otras, más técnicas, como tener la
capacidad para transmitir un mensaje
transparente, conciso, coherente, persuasivo
y natural
• El buen orador se distingue porque logra
que el receptor sienta que se dirige a él
exclusivamente
• Verdad, honradez…
• Pues estamos en el terreno de las
relaciones humanas y el orador es un
comunicador. De lo contrario,
tenemos al lobo disfrazado de oveja;
al falso profeta; al demagogo que
seduce y engaña
• Saber de qué se habla
• Por principio de sentido común, quien
toma el tiempo de otras personas
debe haberse ganado el derecho a
hablarles
• Que se manifiesta en seguridad y aplomo
• Esto es fruto, en primer lugar, de la
autoestima y en segundo de la
competencia
• Quienes sufren complejos de inferioridad
tendrán que buscar ayuda terapéutica para
superarlos, si de verdad quieren ser
dueños de la palabra y de las situaciones
• Hablar en público no es tarea para
una computadora
• Muchos resortes de la comunicación
humana son emotivos
• Por esto, preparar un discurso es
tarea que pide, además de cerebro,
corazón
• Cualidad que nos acerca a los detalles de
las personas y de las cosas, y que
proporciona al orador la materia prima de
sus discursos
• Quien carece de un espíritu de
observación habla fácilmente con clichés,
generalidades, vaguedades y tanteos
• Se ha logrado cuando el orador se ha
expresado
– De forma clara
– Transparente
– Concisa
• Cuando los pensamientos que expresa son
recibidos sin ninguna dificultad por el
interlocutor
• El lenguaje ha de ser exacto y conciso
• Hay que expresar las ideas y
sentimientos con un lenguaje breve y
enérgico
• Las frases cortas, la palabra precisa en
el momento adecuado, garantizan
una buena atención
• El orador deberá evitar:
– Las cacofonías, las confusiones y
ambigüedades
– La reiteración de palabras
– O el uso de frases pomposas que, en
última instancia, quieren decir lo mismo
• Una voz agradable, cálida, predispone
de entrada al auditorio en favor del
orador
• Una voz expresiva es la mitad del
éxito
• Para que el mensaje sea comprendido por
el receptor debemos conocer a fondo el
tema que estamos tratando y estar
convencidos de lo que estamos diciendo
• Toda persona que se dirige a un público
determinado, procura por todos los
medios convencer de las bondades de lo
que está exponiendo
1. Ten muy claros en tu mente los objetivos de tu exposición y los
puntos claves de tu plática o discurso.
2. No cedas al temor; cuando en una reunión tienes algo importante
que decir, dilo. Respira abdominalmente y con profundidad, sin
forzar.
3. Conserva en ti un buen volumen de aire. Sobre todo al aparecer
ante tu público, antes de abrir la boca, toma con calma varias
bocanadas de aire.
4. Sabiendo que la postura corporal condiciona actitudes de seguridad
o inseguridad, adopta la “postura ejecutiva” si hablas sentado, o
bien, apoya firmes las dos piernas en el piso, si hablas de pie.
5. Cultiva la vivencia de la comunicación: hablas con tus oyentes, más
que a ellos o ante ellos.
6. Desde los primeros momentos engancha un acuerdo de los
oyentes con lo que tú les expreses.
7. Trata de sentirte satisfecho de estar frente a ellos y
autosugestiónate: estas personas quieren oírme, les interesa lo
que yo les digo.
8. Tiende puentes de aceptación, de simpatía y de participación
con tu mirada y con tu sonrisa; ambas bien manejadas pueden ser
sumamente comunicativas.
9. Siempre que puedas forma con tus palabras cuadros
visualizables; es decir, emplea hechos e imágenes concretas y
pintorescas, más que conceptos abstractos.
10. Medita habitualmente, “rumia” y profundiza los temas sobre los
que te interesa hablar.
Presentaciones
Multimedia
Microsoft PowerPoint 2013
Diseño de Presentaciones

Considerar DOS (2) elementos:

1. Diseño de la Presentación
2. Diseño de las Dispositivas
 TEMAS
Diseño de la
Se aplican a TODA la
Presentación: presentación
Tema en PowerPoint
Permite simplificar el proceso de creación de
presentaciones con aspecto de diseño profesional.
Al aplicar un Tema, PowerPoint personaliza 4 elementos:
• Colores
• Fuentes
Títulos
Cuerpo o texto normal
• Efectos
• Estilo de Fondo
Diseño de las Distribución de Objetos
Diapositivas: en CADA Diapositiva
Diseño de cada Diapositiva
• Contiene marcadores de posición los objetos que se
insertarán en cada diapositiva:
o Texto
o Imágenes (gráficos, formas, imágenes prediseñadas, etc.)
o Multimedia (sonido y vídeo)
• También contiene el formato, como los colores de tema, las
fuentes y los efectos de tales objetos
Depende del
CONTENIDO
Al colocar contenido en las
diapositivas, puede
escoger los diseños de
diapositiva que mejor se
ajusten al contenido de la
presentación, como se
muestra aquí en la vista
normal:
Patrón de Para personalizar los diseños
Diapositivas: de diapositiva integrados
¿Qué es el Patrón (Master) de Diapositivas?

● Es una diapositiva que ocupa el lugar superior en una jerarquía de

diapositivas
● Almacena información sobre el tema y los diseño de diapositiva
de una presentación:
o el fondo,
o el color
o las fuentes
o los efectos
o los tamaños de los marcadores de posición y las ubicaciones
● Toda presentación contiene al menos un patrón de diapositivas
El Patrón de Diapositivas…
● Permiten realizar cambios de estilo globales para todas las
diapositivas
● Ahorran tiempo, especialmente útiles cuando se tienen
presentaciones extremadamente largas
● Se trabaja en la vista Patrón de diapositivas
Ir a la Vista del La misma
Patrón de diapositiva en la
vista Normal y en la
Diapositivas vista Patrón de
diapositivas.
Para abrir la vista Patrón de
diapositivas, en la ficha Ver, en
el grupo Vistas de presentación,
haga clic en Patrón de
diapositivas.
Antes de crear su diseño de
diapositivas personalizado,
dedique un momento a
aprender más sobre la vista
Patrón de diapositivas.