INFORMÁTICA

octavo grado
M. Sc. Armando Abella Agüero
M. Sc. César Labañino Rizzo
M. Sc. María Isel Fuerte González
Ing. Daynier Rodríguez Fajardo
Este material forma parte del conjunto de trabajos dirigidos al Tercer Perfeccionamiento
Continuo del Sistema Nacional de la Educación General. En su elaboración participaron maes-
tros, metodólogos y especialistas a partir de concepciones teóricas y metodológicas precedentes,
adecuadas y enriquecidas en correspondencia con el fin y los objetivos propios de cada nivel
educativo, de las exigencias de la sociedad cubana actual y sus perspectivas.

Ha sido revisado por la subcomisión responsable de la asignatura perteneciente a la Comisión Na-

cional Permanente para la revisión de planes, programas y textos de estudio del Instituto Central de
Ciencias Pedagógicas del Ministerio de Educación.

Queda rigurosamente prohibida, sin la autorización previa y por escrito de los titulares del
copyright y bajo las sanciones establecidas en las leyes, la reproducción total o parcial de esta obra
por cualquier medio o procedimiento, así como su incorporación a un sistema informático.

Material de distribución gratuita. Prohibida su venta

Edición y corrección:
► Lic. Mavis Valdés Pompa

Diseño de cubierta:
► Ernesto Alejandro Gilart Ruiz

Diseño:
► Instituto Superior de Diseño (ISDi):
María Paula Lista Jorge ♦ Amanda Prieto Perera ♦ Anelís Simón Sosa ♦ Camila Noa
Clavero ♦ Amanda Baró Céspedes ♦ Patricia Suárez Echevarría ♦ Ahmed R. Verdecia
Zayas ♦ Isaac Garrido García ♦ Erasmo Peraza Aldama ♦ Bertha Andrianis Pérez
Tamayo ♦ Geily Aimeé Oquendo Hernández ♦ Martha Patricia Lizano Arruebo ♦
Cristina Castañedo Canto ♦ Liset A. Christy Rodríguez ♦ Annalié Pedraza Rodríguez
♦ Amanda de Rocío Guzmán Valdés ♦ M. Sc. Maité Fundora Iglesias ♦ Dr. C. Ernesto
Fernández Sánchez

Ilustración y emplane:
► Amanda Prieto Perera

© Ministerio de Educación, Cuba, 2024

© Editorial Pueblo y Educación, 2024

ISBN 978-959-13-4766-4 (Versión impresa)

ISBN 978-959-13-4767-1 (Versión digital)

EDITORIAL PUEBLO Y EDUCACIÓN

Ave. 3.a A No. 4601 entre 46 y 60,
Playa, La Habana, Cuba. CP 11300.
epueblo@[Link]
Prólogo

E
stimado educando, ponemos en tus manos este libro de texto de In-
formática con el objetivo de que poseas un medio de enseñanza que
aborde los contenidos de este grado en una asignatura que, como
sabes, es de suma importancia para el desarrollo de los países y para el
tuyo personal como futuro ciudadano.
El libro contiene cuatro capítulos: Presentando ideas, Calculando y
graficando, Construyendo para la web y Operadores aritméticos y lógicos
en Scratch.
En el capítulo 1 Presentando ideas trabajarás las presentaciones di-
gitales, elemento imprescindible y actual, utilizando diferentes aplicacio-
nes informáticas como, por ejemplo, LibreOffice Impress, entre otras.
En el capítulo 2 Calculando y graficando se hace un estudio específico
de una aplicación llamada Calc, perteneciente a la suite ofimática Li-
breOffice, mediante la cual podríamos dar respuesta a todas las tareas de
procesamiento de datos numéricos que se nos presentan en la vida diaria
o en el trabajo profesional y estudiantil.
El capítulo 3 Construyendo para la web, tratará lo concerniente a la
elaboración de documentos multimedia factibles de ser distribuidos en la
web. En este se va a Diseñar y editar páginas web con un criterio estético
integrando elementos multimedia, utilizando para ello un editor de texto
plano y un programa de edición de documentos HTML.
En el capítulo 4, se continuará avanzando en contenidos afines a la pro-
gramación, por lo que se sistematizarán los contenidos relacionados con
operadores aritméticos y lógicos en Scratch.
Esperamos que hagas un uso óptimo de este medio de enseñanza y te
sirva de estímulo para que des pasos firmes en este apasionante mundo de
la Informática.

Los autores
 ÍNDICE
1 Presentando ideas
► 1.1 La exposición de ideas en el mundo contemporáneo
► 1.2 Características generales de las presentaciones
1
1

con diapositivas 4
► 1.3 Trabajando con diapositivas 7
► 1.4 Los organizadores gráficos 42
► 1.5 Almacenamiento y distribución de presentaciones
con diapositivas 51

2 Calculando y graficando
► 2.1 Hoja electrónica de cálculo
► 2.2 Interfaz de trabajo
61
62
64
► 2.3 Procedimiento general de trabajo con una hoja
electrónica de cálculo 66
► 2.4 Procesamiento de datos con la hoja electrónica
de cálculo. Cálculo dinámico 77

3 Construyendo para la web

► 3.1 La web como servicio fundamental de internet
► 3.2 Multimedia en la página web
85
85
98

4 Operadores aritméticos y lógicos en Scratch

► 4.1 Sistematización del trabajo con Scratch
► 4.2 Bloques de operadores
112
114
116

ANEXO 127
 CAPÍTULO 1 Presentando ideas

Introducción

Y
a estás en octavo grado; en este curso continuarás estudiando
y profundizando tus conocimientos y habilidades en el trabajo
con la informática, tomando como base lo aprendido en séptimo
grado. En este capítulo corresponde tratar lo relacionado con las pre-
sentaciones multimedia. En la figura 1.1 se representa el logo de Libre
Office Impress.

Fig. 1.1 Logo de LibreOffice Impress

1.1 La exposición de ideas en el mundo

contemporáneo

En la Educación Primaria trabajaste con software generador de

presentaciones digitales con diapositivas; en esta unidad ampliarás tus co-
nocimientos al utilizar otras herramientas informáticas como por ejemplo,
las que se generan al utilizar el software libre para realizar tus presenta-
ciones (figura 1.2).

1
 INFORMÁTICA

Fig. 1.2 Presentaciones en software libre y propietario

Como ya conoces las presentaciones digitales constituyen un elemento

imprescindible y actual, siendo muy utilizadas en todo tipo de ámbitos:
académico, profesional, personal, entre otros.

Definición
Las presentaciones digitales son archivos multimedia constituidos por pá-
ginas especiales denominadas diapositivas, que pueden contener diversa
información, como textos, imágenes, sonido y video.

Su finalidad es la de ayudar a la exposición de un tema o idea ante un

grupo de personas de modo que esta sea más amena y participativa.

¿Sabías que…?
Las presentaciones digitales tienen su origen en las antiguas diapositivas
(también llamadas transparencias o filminas), que son fotografías positivas
creadas en un soporte transparente, por medios fotoquímicos y miniaturi-
zadas. Un aparato proyector (figura 1.3) se encargaba de pasar las distintas
diapositivas de forma automática o manual, siendo proyectadas sobre un
lienzo o pared blanca.

Fig. 1.3 Aparato proyector

2
 CAPÍTULO ⁄

Las presentaciones digitales poseen un conjunto de características que

las hacen muy útiles y versátiles, especialmente, frente a las presentacio-
nes tradicionales:
► Proveen de una estructura fácil de seguir, ya que contienen elementos
como índices y/o plantillas.
► Constituyen un mecanismo que facilita recordar, puesto que el material
audiovisual tiene la función de retener aquellos elementos que permi-
ten recordar la información.
► Facilitan la actualización y ampliación del contenido de forma sencilla
y rápida, ya que son elementos digitales.

Es importante tener en cuenta dos momentos fundamentales para rea-

lizar la presentación:

Primero: la concepción y elaboración de la presentación (trabajo previo

para organizar la información mediante carpetas donde se conservan los
archivos que contienen los diferentes medios que se deben utilizar, como
textos, imágenes, sonidos y videos para facilitar el proceso de creación.

Segundo: la exhibición y socialización de la presentación que debe ser sin-

tética, clara y precisa, de manera que sirva de apoyo a la exposición oral de
las ideas esenciales que se van a socializar al defender trabajos indicados
desde las diferentes asignaturas del plan de estudio del nivel.

Definición
Síntesis de información: resumen específico y directo de las ideas esen-
ciales que sirven de fundamento a la exposición que se presentará en
las diapositivas.

Comprueba lo aprendido

1. ¿A qué llamamos presentaciones digitales?

2. ¿En qué oportunidades o momentos de tu desarrollo escolar es posi-

ble usar presentaciones digitales?

3
 INFORMÁTICA

3. ¿Qué programas que tú conoces sirven para realizar presentaciones

digitales?

4. ¿Qué quiere decir que el programa de presentaciones digitales que

vamos a usar pertenece a la familia de software libre?

5. ¿Por qué decimos que las presentaciones digitales son programas

útiles?

1.2 Características generales de las presentaciones

con diapositivas

Las presentaciones digitales constituyen un elemento imprescindible y

actual, siendo muy utilizadas en todo tipo de ámbitos: académico, profe-
sional, personal, etc. Los profesores en algunas ocasiones usan las
presentaciones digitales para ayudar a entender contenidos que pueden
ser de difícil comprensión.

Definición
Una presentación de diapositivas es una colección de diapositivas indi-
viduales que contienen datos sobre un tema y que se reproducen en un
orden determinado.

Aplicaciones informáticas para generar presentaciones

con diapositivas
Son muchas las ocasiones en las que debemos hacer presentaciones para
la exposición de una idea o alguna información que se desea transmitir. Es
bueno que conozcas que existen diferentes programas o aplicaciones que
permiten hacer presentaciones electrónicas. Para editar una presentación
es necesario utilizar algún tipo de aplicación informática instalada en la
computadora o dispositivo móvil. Dentro de algunas de estas aplicaciones
se pueden mencionar las siguientes:
► LibreOffice Impress: es un programa de presentación de transparencias
o diapositivas. El formato nativo de las presentaciones es ODP, pero
también tiene la capacidad de leer y escribir en el formato de archivos

4
 CAPÍTULO ⁄

de Microsoft PowerPoint. También incluye la capacidad de exportar las

presentaciones a archivos PDF.
► Microsoft PowerPoint: se trata del programa para hacer la presentación
con diapositivas. Además, ahora ha evolucionado de forma considera-
ble y puedes crear presentaciones muy elaboradas y profesionales, con
animaciones, permite trabajar en equipo, así como compartir de forma
sencilla las presentaciones en la web.
► Prezi: es un programa que permite crear, editar y mostrar presen-
taciones desde un navegador, en cualquier sitio. Los efectos que se
consiguen son muy impactantes en movimientos y con un diseño sim-
ple y/o sofisticado.
► Sway: es un nuevo programa lanzado por Microsoft que permite crear
historias y presentaciones interactivas. Según la compañía: Sway es una
aplicación de narración digital para el trabajo, la escuela y el hogar que
permite crear y compartir fácil y rápidamente informes, presentacio-
nes, historias personales, entre otras.
► Canva: hace que el diseño sea muy fácil. La plataforma ofrece nume-
rosas plantillas de presentación y es muy fácil personalizarlas para
adaptarlas al objetivo de nuestra presentación.
► Keynote: de Apple, permite a sus usuarios trabajar entre sus dispositi-
vos Mac e iOS, así como con las personas que utilizan Microsoft
PowerPoint. Con herramientas visuales fáciles de usar, posibilidad de
arrastrar y soltar, gráficos interactivos, etc., Keynote es una opción muy
popular en un mundo empresarial.

¿Sabías que…?
A mediados de 1980 se desarrolló el primer software de presentaciones
gráficas para la computadora personal y a partir de su puesta en uso se
han generado diferentes versiones, entre ellas y las más cercanas a tu edad
se encuentran en PowerPoint 2016.

Características generales de la familia de las aplicaciones para

generar presentaciones con diapositivas
En la actualidad las presentaciones electrónicas son una de las vías más
empleadas para la presentación de la información, por las características

5
 INFORMÁTICA

y facilidades que estas proporcionan al presentador, destacando entre

estas que:
► Constituyen un guion al expositor.
► Proveen a la audiencia de un medio de anotación fácil de seguir.
► Constituyen un mecanismo de facilitación de la memoria.
► Facilitan cambios en el contenido.
► La secuencialidad es flexible.
► La transición es fácil.
► Los efectos visuales resultan efectivos.

Concepto de diapositiva
Las diapositivas (figura 1.4) son cada uno de los elementos que cons-
tituyen la presentación y cada una de ellas podría identificarse con una
lámina o página. Se pueden insertar datos, además de crear y modificar de
manera individual.

Fig. 1.4 Ejemplo de una diapositiva

El número de diapositivas varía en función del contenido de la pre-

sentación, pero, en general, podemos decir que es aconsejable que cada
diapositiva contenga una única idea o elemento de información.

Comprueba lo aprendido

1. Menciona cuatro programas informáticos que sirven para realizar

presentaciones con diapositivas.

6
 CAPÍTULO ⁄

2. Menciona cuatro características comunes de todos los programas que

sirven para realizar presentaciones con diapositivas.

3. ¿A qué llamamos diapositiva?

1.3 Trabajando con diapositivas

Impress ofrece la posibilidad de mostrar las diapositivas de una presenta-

ción en diferentes vistas, y poder así apreciarlas de varias formas, facilitando
de esta manera el trabajo. Esto te permite crear, organizar, mostrar, trabajar
con las diapositivas, en suma, utilizar diferentes modos de trabajo que pue-
des alternar dependiendo de las características de los elementos que van a
formar parte de la presentación. Por ejemplo, estas vistas son:
► Vistas de diapositivas.
► Vistas de diapositivas en dos grupos.

Modo de edición (figura 1.5)

a b c d

Fig. 1.5 Vistas de diapositivas en modo edición

Modos de patrón (figura 1.6)

a b c

Fig.1.6 Vistas de diapositivas en modo patrón

Las dos vistas principales que utilizarás en Impress serán la Vista Normal
(la establecida por defecto cuando inicias la presentación y ves la pantalla
principal del programa) y la vista Clasificador de diapositivas. Puedes ac-
ceder a cada una de estas vistas de manera muy sencilla. Acostúmbrate a
manejar de forma habitual estos diferentes modos de trabajo, ya que te
van a permitir tener una visión en particular de cada diapositiva, así como
una visión general de toda la presentación.

7
 INFORMÁTICA

Vista Normal
Es la vista establecida por defecto cuando inicias Impress. Es la que te
permite trabajar con más facilidad en la presentación, ya que te ofrece la
vista de las diapositivas individualmente.
Si te encuentras en cualquier otro modo de trabajo puedes acceder a la
vista normal de varias formas:
► Acudir al menú Ver→Normal.
► Hacer clic en el botón Modo de visualización (ícono 1) y seleccionar el
ícono correspondiente a la vista.

(Ícono 1)

Esta vista contiene dos áreas de trabajo: a la izquierda, la vista en mi-

niaturas (figura 1.7) de las diapositivas que contiene la presentación hasta
el momento. Facilita el desplazamiento por la presentación para ver los
efectos de los cambios de diseño y se pueden reorganizar, agregar o eli-
minar diapositivas.

Fig. 1. 7 Vistas en miniatura

A la derecha del panel Diapositivas puedes ver una vista extensa de la

diapositiva activa.
Usa esta vista para crear diapositivas individuales, dar formato y diseñar
diapositivas, agregar texto, imágenes, gráficos, películas, sonidos y otros
elementos, y para crear hipervínculos e incluir y añadir efectos de anima-
ción e interacción a los elementos u objetos que están presentes en ellas.

8
 CAPÍTULO ⁄

Si tienes una presentación abierta en Impress, puedes colocar cualquier

diapositiva de la presentación en este modo de trabajo haciendo clic direc-
tamente en su miniatura en el Panel Diapositivas.
Además, puedes adaptar el tamaño de los distintos paneles arrastrando
sus bordes cuando el cursor del ratón adopte la forma de doble flecha.

Vista Notas
Este modo de vista o de trabajo (figura 1.8) permite ingresar texto adi-
cional en las diapositivas, pero que no se reproducirá en la presentación.
Estos textos o notas de orador suelen ser útiles si se realiza una exposi-
ción en público, ya que se utilizan para recordar puntos clave durante una
presentación, destacar comentarios, profundizar en algunos de los puntos
que se tratan en la diapositiva, o para la audiencia (guion previo de la pre-
sentación). Impress te permite aplicar formateo y estilos diferentes a estas
notas tal y como si estuvieras utilizando un procesador de textos.
Puedes activar esta vista de diapositivas:
► Acudiendo al menú Ver→Notas.
► Hacer clic en el botón Modo de visualización (ícono 2) y seleccionar el
ícono correspondiente a la vista.

(Ícono 2)

En ambos casos el entorno de trabajo de Impress adquirirá la siguiente

apariencia:

Fig. 1. 8 Vista Notas

En él puedes ver claramente el área de las notas, justo debajo de la

diapositiva activa. Es en esta área donde puedes escribir el texto. También

9
 INFORMÁTICA

puedes redimensionar el cuadro de texto Notas si haces clic sobre él y utili-

zas los controles que se muestran en pantalla. Editar el texto es tan simple
como seleccionarlo y utilizar las opciones de formato del texto que te ofre-
ce Impress.
Impress te permitirá imprimir las notas de cada diapositiva junto con
su versión reducida (una sola diapositiva que selecciones, varias o todas
las de la presentación), proporcionando los antecedentes y detalles que el
orador agregará durante la presentación.

Vista Esquema
Esta vista (figura 1.9) muestra todas las diapositivas de la presentación
esquematizadas y en secuencia numérica. Si utilizas esta opción podrás ver,
en forma de esquema, los títulos de los temas, las listas con viñetas y las
listas numeradas de cada diapositiva, siempre que la diapositiva se haya
basado en cualquiera de los diseños predeterminados de Impress y no se
haya creado desde diapositiva vacía. Solo se muestran los textos conteni-
dos en los cuadros de texto predeterminados de cada diapositiva, pero no
las imágenes, ni los textos contenidos en imágenes.
Puedes activar esta vista Esquema de la siguiente manera:
► Acudir al menú Ver→Esquema
► Hacer clic en el botón Modo de visualización (ícono 3) y seleccionar el
ícono correspondiente a la vista Esquema.

(Ícono 3)

En ambos casos el entorno de trabajo de Impress adquirirá la siguiente

apariencia:

Fig. 1.9 Vista Esquema

10
 CAPÍTULO ⁄

El título de cada diapositiva aparece junto a un número y a un ícono. El

cuerpo de texto aparece debajo de cada título.
1. Nos permite hacer cambios en el texto de una diapositiva:
a) Agregar o eliminar texto en una diapositiva tal como en la vista
Normal.
b) Mover los párrafos del texto en la diapositiva seleccionada hacia arri-
ba o abajo mediante el uso de los botones de flechas arriba (hacia
arriba) y abajo (hacia abajo) de la barra de herramientas Contorno
como se muestra en la figura 1.10.

Fig. 1.10 Barra de herramientas Contorno

c) Cambiar el nivel de contorno para cualquiera de los párrafos en una

diapositiva usando los botones de flecha izquierda (subir un nivel) y
derecha (bajar un nivel).
d) Simultáneamente puede mover un párrafo y cambiar su nivel de con-
torno usando una combinación de estos cuatro botones de la flecha.

Vista Organizador de diapositivas o clasificador de diapositivas

La Vista Clasificador de diapositivas permite tener en pantalla todas o
la mayoría de las diapositivas que conforman la presentación. Todas se pre-
sentan como miniaturas en pantalla y están organizadas en el orden en el
que aparecerán cuando se visualice la presentación (puedes ver el número
que le corresponde a cada una de ellas en la secuencia de diapositivas).
Este modo de trabajo no te permite editar las diapositivas individualmen-
te pero sí visualizarlas y ordenarlas y observar sus diferentes transiciones y
efectos, si los poseen.
Puedes activar esta vista de diapositivas:
► Acudiendo al menú Ver→Organizador de diapositivas (figura 1.11)
► Hacer clic en el botón Modo de visualización (ícono 4) y seleccionar el
ícono correspondiente a la vista Esquema.

(Ícono 4)

11
 INFORMÁTICA

En ambos casos el entorno de trabajo de Impress adquirirá la siguien-

te apariencia:

Fig. 1.11 Vista Organizador de diapositivas

Observa cómo se puede ver claramente la disposición de las diapositi-

vas, lo que te permite moverlas, copiarlas o borrarlas con mayor facilidad.
También facilita la búsqueda de una diapositiva concreta y la organización
final de la presentación.
Observa que aparece una nueva Barra de herramientas en pantalla, la
barra Vista diapositiva (figura 1.12). Fíjate en el último botón que te per-
mite configurar cuántas diapositivas se mostrarán como miniaturas en este
modo de trabajo.

Fig. 1.12 Barra de herramientas Vista diapositiva

Utiliza esta vista para:

► Reorganizar el orden de las diapositivas: selecciona la diapositiva que
quieres mover (el marco estará resaltado), haz clic y arrastra para
colocarla en otro lugar de la secuencia de la presentación. Una minia-
tura te indicará el lugar donde se colocará. Si antes de soltar el ratón
pulsas la tecla Ctrl, en lugar de mover la diapositiva, se realiza una
copia de esta.
► Agregar diapositivas nuevas detrás de la diapositiva seleccionada.
Acude, para ello, al menú contextual del botón derecho del ratón y
selecciona diapositiva nueva.

12
 CAPÍTULO ⁄

► Borrar la diapositiva o diapositivas seleccionadas. Usa la tecla Delete o

Supr de tu teclado, por ejemplo.
► Copiar, cortar y pegar diapositivas.
► Cambiar el diseño de la diapositiva seleccionando cualquier otro pre-
sente en la barra lateral Propiedades.
► Generar una presentación cronometrada mediante el botón Presenta-
ción cronometrada (ícono 5) de la barra Vista diapositiva.

(Ícono 5)

► Agregar o modificar transiciones entre las diapositivas.

► Ocultar una diapositiva. Las diapositivas ocultas no se muestran en la
presentación de diapositivas, pero no se eliminan del documento. Algo
muy útil para reutilizar presentaciones en diferentes ocasiones.

Vista Folleto o patrón de folleto

Este modo de vista de diapositiva se utiliza para configurar el diseño de
las diapositivas para una entrega impresa. Permite imprimir varias diapo-
sitivas en una misma hoja pudiendo seleccionar una, dos, tres, cuatro, seis
o nueve diapositivas por cada página. Para modificar esta cantidad de dia-
positivas haz clic en el diseño concreto que se muestra en la barra lateral
Propiedades/disposiciones (figura 1.13).

Fig. 1.13 Vista Folleto o patrón de folleto

Fondo o patrón de la presentación

Los patrones garantizan que todas las diapositivas de una presentación
tendrán una apariencia uniforme.

13
 INFORMÁTICA

Definición
El fondo o patrón de una presentación es la primera diapositiva en una
jerarquía de diapositivas donde se almacena información sobre el tema
y los diseños de diapositiva de una presentación, como son: fondo, color,
fuentes, efectos, tamaños de marcador y posicionamiento.

Puede que se necesite realizar una presentación con LibreOffice Impress

y nos damos cuenta de que las páginas maestras no son muy adecuadas a
la situación o simplemente no son de nuestro agrado y quisiéramos per-
sonalizarla; también se puede cambiar el fondo a la diapositiva utilizando
los siguientes procedimientos.

Definición
Una página maestra es aquella que se utiliza como punto de partida para
crear otras diapositivas. Es similar a un estilo de página de Writer: controla
el formato básico de todas las diapositivas basadas en ella. Una presenta-
ción puede tener varias diapositivas maestras.

Cambiar fondo de la presentación

Uno de los aspectos que se deben tener en cuenta a la hora de crear
una presentación es que exista un contraste entre el fondo de las diaposi-
tivas con los elementos que se colocan en estas para garantizar una mayor
perceptibilidad de lo que se expone. Al igual que en otros programas de
este tipo, Impress permite modificar algunas características o, por lo me-
nos, las concernientes al aspecto visual de la presentación, garantizando
que el expositor cree o modifique la presentación a su gusto.
Es importante conocer que como relleno del fondo se puede emplear
una trama, un gradiente o una imagen de bitmap; además, este programa
permite colocar imágenes de fondo desde un archivo externo con gran
variedad de formatos entre los que se encuentran: bmp, dfx, emf, gif, jpg,
jpeg, jfif, jif, met, mov, pbm, psd, entre otros.

Saber más
Bitmap es, literalmente, un mapa de bits, es decir, la representación bina-
ria en la cual un bit o conjunto de bits corresponde a alguna parte de un
objeto como una imagen o fuente.

14
 CAPÍTULO ⁄

Por lo general, un mapa de bits se asocia con objetos gráficos, fotogra-

fías o imágenes, en los cuales los bits son una representación directa de
la imagen de la figura. Sin embargo, este tipo de mapa puede emplearse
para representar y mantener un seguimiento de cualquier cosa, donde a
cada locación de bit se le asigna un valor o condición diferente.
En una presentación se puede cambiar el color o el relleno del fondo de
la diapositiva actual o de todas las diapositivas de la presentación. A con-
tinuación, se muestra cómo poner un color de fondo a la diapositiva:

Saber hacer
Selecciona en el Panel de diapositivas, la diapositiva que se desea cambiar
el fondo.

En el menú Diapositiva escoge la opción Propiedades de diapositiva (figu-

ra 1.14).

1. En Informática existen varias vías para realizar una misma tarea y

este es uno de esos casos, por ejemplo, otra forma para acceder a
la opción Propiedades de diapositiva es presionar el botón secun-
dario del ratón sobre la diapositiva que se encuentra activa, como
se observa en la figura 1.14.

Fig. 1.14 Seleccionar Propiedades de diapositiva para establecer color de

fondo dando clic derecho sobre la diapositiva

2. Seleccionar el tipo de fondo (ninguno, color, degradado, entramado,

mapa de bits) en el cuadro de diálogo Configuración de la página (fi-
gura 1.15).

15
 INFORMÁTICA

Fig. 1.15 Seleccionar tipo de relleno

3. En este caso al seleccionar Color se muestra la paleta de colores (figura

1.16).

Fig. 1.16 Paleta de colores

4. Seleccionar el color deseado; en este caso se eligió el color correspon-

diente al Diagrama 11.
5. Clic en el botón Aceptar para completar la acción.
6. Luego se muestra el cuadro de diálogo Configuración de página (figura
1.17) en la que se realiza la pregunta siguiente: ¿quiere definir el fondo
para todas las páginas?, en caso de seleccionar “Sí” todas las diapositi-
vas tomarán ese color, de lo contrario solo se modificará la diapositiva
seleccionada.

16
 CAPÍTULO ⁄

Fig. 1.17 Cuadro de diálogo Configuración de página

Otra vía de solución puede ser:

1. Selecciona la diapositiva a la que se va a cambiar el fondo.
2. Clic en el botón Propiedades (ícono 6) de la Barra lateral, hasta que se
muestre el menú correspondiente.

(Ícono 6)

3. En el campo Fondo seleccionar la opción deseada, en este caso Color,

como se muestra en la figura 1.18 aparece un menú desplegable en
la parte inferior de este campo con una lista de posibles opciones a
escoger; automáticamente la diapositiva toma un color por defecto (al
igual ocurre con las otras opciones de este campo).
4. Clic en la opción deseada para efectuar los cambios.

Fig. 1.18 Barra lateral

Nota: por esta vía solo se le pueden efectuar los cambios a una sola diapo-
sitiva a la vez.

17
 INFORMÁTICA

Imagen de fondo de diapositiva

A veces es necesario colocar una imagen de fondo debido a que los
fondos que contiene la aplicación no cumplen con las expectativas o ne-
cesidades a las que se aspira. Para establecer una imagen como fondo de
presentación es preciso seguir el algoritmo siguiente:
1. Seleccionar la diapositiva deseada.
2. Clic en la opción Establecer imagen de fondo del menú Diapositiva.
3. Localizar la imagen en el lugar donde se encuentra ubicada a través de
la ventana Definir imagen de fondo para la diapositiva (figura 1.19).

Fig. 1.19 Definir la imagen de fondo para la diapositiva

4. Una vez seleccionada la imagen hacer clic en Abrir.

5. Seleccionar si se desea establecer el mismo fondo para todas las diapo-
sitivas o solamente para la señalada.

Otra vía de solución es:

1. Clic en el botón Insertar imagen de la barra lateral Propiedades.
2. Seleccionar la imagen a través de la ventana Definir imagen de fondo
para la diapositiva… como se muestra en la figura 1.19.
3. Clic en Abrir.
4. Decidir si aplicar la imagen de fondo para todas las diapositivas dando
clic en Sí y No para aplicar los cambios solamente a la seleccionada.

Modificar patrón de una diapositiva

Antes de explicar cómo modificar el patrón de una diapositiva debe-
mos saber que se entiende por patrón un modelo que sirve de muestra
para obtener otra cosa igual. En Impress existen patrones que se pueden

18
 CAPÍTULO ⁄

emplear para la creación de una presentación partiendo de patrones exis-

tentes. A continuación, se muestra el algoritmo de trabajo:

Establecer un patrón de diapositiva:

1. Clic en el botón Patrones (ícono 7) de la barra lateral.

(Ícono 7)

2. Se muestra la barra lateral de título Patrones en la que debe seleccionar

el patrón que desea como se observa en la figura 1.20.

Fig. 1.20 Selección del patrón

Automáticamente, todas las diapositivas toman la forma del patrón se-

leccionado.

Nota: si quiere aplicar el patrón a una sola diapositiva o a un grupo

determinado de estas debe hacerlo del modo siguiente:
1. Escoger las diapositivas a las cuales desea establecer el patrón.
2. Clic con el botón secundario del ratón sobre el patrón escogido.
3. Seleccionar la opción Aplicar a las diapositivas seleccionadas para
efectuar los cambios.

Inserción y adaptación de información textual y multimedia en

una diapositiva desde archivos y bibliotecas prediseñadas
Cuando se crea una presentación vacía, esta utiliza el diseño “Página
de título” de forma predeterminada. Dicho diseño contiene un área de
texto para el título y un área más grande para introducir texto en la
diapositiva (figura 1. 21).

19
 INFORMÁTICA

Fig. 1. 21 Vista de diseño “Página de título”

Para agregar texto a la diapositiva se necesita dar clic sobre cualquiera

de las áreas indicadas y luego empezar a escribir.

Introduciendo texto mediante diseños

Los diseños disponibles permiten que se escoja la mejor configuración
visual para las áreas de texto en una presentación. El diseño de una diapo-
sitiva puede ser modificado de acuerdo con las necesidades de la persona
que realiza la presentación. LibreOffice Impress contiene diferentes vistas
de diseño (Disposiciones) que permiten organizar la información en cada
una de las diapositivas. Para seleccionar el diseño de las diapositivas proce-
da de la manera siguiente:
Saber hacer
1. Seleccionar la o las diapositivas a las que desea cambiar el diseño.
2. Hacer clic en el botón Propiedades de la barra lateral hasta que mues-
tre el menú de igual nombre.
3. Seleccionar el diseño en el menú desplegable Disposiciones de acuer-
do con sus necesidades como se muestra en la figura 1.22.

Fig. 1.22 Disposiciones de las diapositivas

20
 CAPÍTULO ⁄

Nota: si deseas insertar una nueva diapositiva partiendo de un nuevo di-

seño, lo puedes hacer dando clic derecho sobre el diseño y seleccionar
Insertar diapositiva.

El texto de las diapositivas está contenido en cuadros de texto y es

mediante estos que se organiza la información que se debe mostrar a los
espectadores, pero ¿cómo podemos insertar nuestros propios cuadros de
texto? Para insertar cuadros de texto se puede:
1. Hacer clic en el botón Cuadro de texto (ícono 8) de la barra Estándar o
en el menú Insertar, también lo puedes hacer presionando la tecla F2.

(Ícono 8)

2. Colocar el puntero del ratón donde deseas situar el cuadro de texto y

arrastrarlo hasta alcanzar el ancho estimado.
3. Introducir la información deseada.

Nota: es conveniente que al insertar los cuadros de textos arrastres el

puntero del ratón para que le indiques el ancho deseado; de lo contra-
rio este se sigue ampliando en tanto vayas escribiendo y luego deberás
reducirle el tamaño manualmente.

Los cuadros de texto permiten ser colocados en cualquier parte de la

diapositiva, ya que a estos se les puede modificar el tamaño de manera
que se ajuste mejor al espacio disponible. Para transformar el tamaño de
un cuadro de texto o de cualquier elemento multimedia es similar a como
se le cambia el tamaño a una ventana, para esto debemos:
1. Hacer clic en el borde del cuadro de texto hasta que muestre los puntos
de transformación de forma cuadrada (ícono 9).

(Ícono 9)

2. Colocar el puntero en cualquiera de las esquinas del cuadro de texto

o en el punto medio de cada lado sobre los puntos de transformación
hasta que cambie el puntero del ratón a una de las cuatro formas.

21
 INFORMÁTICA

Puntero de ajuste diagonal: permite transformar el ta-

maño de forma diagonal (vertical y horizontal).

Puntero de ajuste vertical: permite modificar la altura.

Puntero de ajuste horizontal: permite modificar

el ancho.

Mover: permite desplazar el objeto hacia cualquier par-

te de la diapositiva.

3. Presionar el botón primario del ratón y arrastrar hasta obtener el tama-

ño requerido (figura 1.23).

Fig. 1.23 Agrandar un cuadro de texto

Otra posibilidad que brinda el Impress es de colocar los cuadros de tex-

to y demás elementos multimedia en cualquier ángulo, para esto:

1. Encontrándose el cuadro de texto activo y mostrando los puntos de

transformación coloca el puntero sobre cualquier parte del borde del
cuadro de texto hasta que cambie la forma del puntero y haz clic nue-
vamente, notarás que cambia la forma de los puntos de transformación
como se observa en la figura 1.24 y la del puntero del ratón al colocarlo
sobre uno de estos puntos.

22
 CAPÍTULO ⁄

Fig. 1.24 Puntos de transformación para girar cuadro de texto

2. Presionando el botón izquierdo del ratón sobre una de sus esquinas

muévelo hasta girar el cuadro de texto.

Nota: si deseas obtener mayor precisión a la hora de realizar el giro,

hazlo presionando la tecla Shift (Mayúscula) de manera simultánea
hasta colocarlo en la posición que quiera, ya que aumenta o disminuye
15º en cada movimiento.

Otra forma de girar el cuadro de texto y si se quiere garantizar mayor

exactitud es la siguiente:
1. Activa el cuadro de texto hasta que aparezcan los puntos de trasfor-
mación.
2. Haz clic en el botón Propiedades de la barra lateral hasta que se mues-
tre el menú correspondiente a este botón.
3. Indica la posición en que desea colocar el cuadro de texto mediante el
menú desplegable Posición y tamaño donde dice Giro (figura 1.25).

Fig. 1.25 Barra lateral para girar cuadro de texto

¿Cómo establecer la posición por esta vía?

En la sección de giro aparece una aguja o indicador de posición sobre
una esfera (circunferencia en grados sexagesimales); esta aguja muestra el

23
 INFORMÁTICA

ángulo en que se encuentra el objeto en ese momento, dando clic en los

puntos de la esfera puede indicarle la colocación que quiere que tome, o
moviendo la aguja con el puntero del ratón de forma manual. Los cambios
se van mostrando en la parte derecha de la esfera y en el propio objeto.
De lo contrario si deseas especificarle de forma directa los grados de incli-
nación puedes hacerlo en la parte derecha de la esfera, ya sea tecleando el
valor en grados o seleccionando uno de los valores de la lista.
El grado sexagesimal, como unidad del sistema de medida de ángulos
sexagesimal, está definido partiendo de que un ángulo recto tiene 90° (90
grados sexagesimales), y sus divisores: el minuto sexagesimal y el segundo
sexagesimal (figura1.26), están definidos del siguiente modo:
► 1 ángulo recto = 90° (grados sexagesimales).
► 1 grado sexagesimal = 60′ (minutos sexagesimales).
► 1 minuto sexagesimal = 60″ (segundos sexagesimales).

90 90o
120 60 +
135 45
150 30
0o
180 0.360
180 o
360o
210 330
225 315
240 300 270o
a 270 b
Fig. 1.26 a y b Circunferencias en grados sexagesimales

Has visto una serie de operaciones que se pueden realizar con un cua-
dro de texto, desde insertar hasta moverlo de lugar y posición. Es bueno
aclarar que estas operaciones también se pueden realizar con algunos
elementos multimedia, como las imágenes, excluyendo de esta lista los
archivos de video y sonido, ya que no admiten este tipo de tratamiento.

Insertar imágenes
Saber hacer
Cuando hablamos de insertar imágenes debemos saber el tipo de imáge-
nes que deseamos insertar, por ejemplo, de tu escuela (imagen desde un
archivo externo) o una imagen de la galería del LibreOffice.

24
 CAPÍTULO ⁄

Insertar imagen desde un archivo

A continuación, se muestra cómo insertar una imagen que se encuentra
ubicada en la carpeta Imágenes:
1. Hacer clic en el botón Imagen (ícono 10) del menú Insertar o de la
Barra estándar.

(Ícono 10)

2. Seleccionar la imagen a través de la ventana Insertar una imagen como

se observa en la figura 1.27.

Fig. 1. 27 Ventana Insertar una imagen

3. Hacer clic en el botón Abrir.

Insertar imagen prediseñada

La galería contiene una colección de imágenes que se pueden usar en
una presentación. También se pueden agregar tus imágenes a la galería,
siendo esta una herramienta esencial para la creación rápida de presenta-
ciones y con un aspecto consecuente.
1. Clic en Galería (ícono 11) del menú Insertar→Multimedia o en la barra
lateral, también lo podemos encontrar en el menú Ver.

(Ícono 11)

2. Selecciona la imagen que desea insertar en una de las categorías que se

presentan como se observa en la figura 1.28.

25
 INFORMÁTICA

Fig. 1. 28 Galería de LibreOffice

3. Da clic derecho sobre la imagen y selecciona la opción Insertar o arras-

tre la imagen hasta la diapositiva.
4. Aumenta o reduce el tamaño a tu gusto.

Insertar un video para visualizarlo directamente en la presentación

Si encontramos un video que nos interese mostrar en una presentación
en Impress para visualizar directamente durante el pase de esta, lo prime-
ro que debemos hacer es tener el video en el sistema informático en un
lugar específico, para que a la hora de que la presentación haga lectura
del video esta pueda ser proporcionada.

1. Clic en el botón Audio o video (ícono 12) del menú Insertar o de la barra
Estándar.

(Ícono 12)

2. Localiza el video a través de la ventana Insertar audio o video como se

observa en la figura 1.29.

Fig. 1.29 Ventana Insertar audio o video

26
 CAPÍTULO ⁄

3. Luego de haber seleccionado el video haz clic en el botón Abrir.

Insertar audio en las presentaciones Impress

Existen varias posibilidades para poder insertar sonido en las presen-
taciones Impress y podrás elegir la que resulte más cómoda y se adapte
mejor a tus necesidades.

1. Haz clic en el menú Insertar y elija la opción Audio o video.

2. A través del cuadro de diálogo Insertar audio o video, deberás seleccio-
nar el audio que deseas incrustar en la diapositiva.
3. Una vez insertado el sonido, podrás ver un recuadro con el dibujo de un
altavoz como se observa en la figura 1.30.

Fig. 1.30 Diapositiva con el dibujo de un altavoz

4. Al visualizar la pantalla completa, comenzará a sonar la música y fina-

lizará cuando el archivo de sonido termine de reproducirse o al pasar a
la siguiente diapositiva.

Podemos controlar el sonido indicando el segundo en que queremos

que empiece a sonar la música, el volumen y la repetición a través de la
barra Reproducción de multimedia.
Si quieres utilizar un sonido o audio a lo largo de varias diapositivas
puedes realizar los siguientes pasos:
1. Situarse sobre la diapositiva donde se iniciará el sonido.
2. En la barra lateral seleccionar Transición de diapositivas.
3. En el menú desplegable Sonido seleccionar “Otro sonido” y seleccionar
el archivo de sonido que se desea.
4. Activar la opción Repetir hasta el próximo sonido.

Por otra parte, también podemos asociar un sonido determinado a un

elemento y para ello debemos seguir el siguiente algoritmo:
1. Haz clic derecho sobre el objeto que deseamos asociar a una música.

27
 INFORMÁTICA

2. Seleccionar la opción Interacción y luego Reproducir audio como se ob-

serva en la figura 1.31.

Fig. 1. 31 Asociar sonido a un objeto

3. Una vez visualizada la presentación en pantalla completa, podremos

pulsar sobre el objeto y se reproducirá el archivo de sonido.

Una vez asociado un determinado sonido a un objeto, este se comenza-

rá a reproducir cada vez que se dé clic sobre el objeto y se detiene cuando
se cambie de diapositiva o se acabe de reproducir.

Insertar esquemas
Para crear esquemas se debe seguir los siguientes pasos:
1. Inserta la forma que se utilizará para el primer nivel o la idea central
(óvalo) y haga doble clic sobre esta para introducir el texto.
2. Selecciona la figura correspondiente al segundo nivel (rectángulo) e
insértalo tantas veces como sea necesario y escriba las ideas secundarias
en estos.
3. Para el tercer nivel selecciona la forma que utilizará (cuadrado) e intro-
duzca las ideas de este.
4. Haciendo uso de los conectores, establezca las relaciones entre los nive-
les y las ideas correspondientes.

En los esquemas, además de las figuras puedes emplear colores y esti-

los de fuente diferentes para cada uno de los niveles; esto permitirá una
mayor identificación de estos y un mayor entendimiento de la idea que se
quiere transmitir.

28
 CAPÍTULO ⁄

Es importante señalar que existen tantas clases de esquemas como

recursos gráficos se quieran utilizar: recuadros, líneas, flechas, llaves, le-
tras, barras, etcétera.

Operaciones con diapositivas (insertar, duplicar, eliminar

y reordenar)
Cuando creamos una presentación es indispensable saber cómo ma-
nejar las diapositivas a nuestro favor, ya que podemos ir determinando
distintos cambios de orden en la presentación (esquema 1).

Esquema 1 Operaciones con diapositivas

OPERACIONES CON DIAPOSITIVAS

Insertar Duplicar Eliminar Mover Copiar

diapositiva diapositiva diapositiva diapositiva diapositiva

Para insertar una nueva diapositiva en esta vista normal de la presenta-

ción selecciona una diapositiva en el panel Diapositivas a partir de la cual
quieres insertar la nueva diapositiva.
A continuación, se muestran varias vías para insertar una nueva diapo-
sitiva:
► Acudir al menú Diapositiva→Diapositiva nueva.
► Hacer clic con el botón derecho del ratón sobre la diapositiva en el pa-
nel Diapositivas y seleccionar la entrada Diapositiva nueva.
► Hacer clic sobre el botón Diapositiva nueva (ícono 13) presente en la
Barra de Herramientas Presentación (si la barra no estuviera presente
en la aplicación acude al menú Ver→Barras de herramientas y activa la
opción Presentación.

(Ícono 13)

Nota: el desplegable de este botón te permite, además, insertar la dia-

positiva de acuerdo con alguno de los diseños predeterminados de la
aplicación como se observa en la figura 1.32.

29
 INFORMÁTICA

Fig. 1.32 Menú desplegable del botón Diapositiva nueva de la barra de herra-
mientas Presentación

En cualquiera de los casos, el resultado es que puedes ver en panel

Diapositivas la presencia de una nueva diapositiva a continuación de la
seleccionada, con el mismo diseño que la anterior o el diseño seleccionado
en el menú desplegable.
Puedes modificar o editar su diseño, seleccionando entre los diferentes
diseños que Impress te facilita en el panel Diseños (como ya conoces), o
bien transformarla en diapositiva en blanco haciendo clic sobre el tipo de
diseño Diapositiva vacía.

Seleccionar diapositivas
Las operaciones que se realizan durante la fase de creación y diseño de
una presentación (editar, insertar, eliminar, copiar, mover, etc.) implican la
selección previa de la diapositiva o el conjunto de diapositivas que van a
ser destinatarias de la acción que se debe realizar. Por lo general, sabrás
que la diapositiva está seleccionada porque aparece con un borde resalta-
do. La selección permanecerá activa después de que ejecutes las acciones
deseadas, para que puedas realizar otras acciones sin tener que hacer una
nueva selección. Si necesitas seleccionar cualquier otra diapositiva, solo
tienes que hacer clic en ella con el ratón.
► Para seleccionar una única diapositiva. Haz clic en la diapositiva.
► Para seleccionar diapositivas alternas. Haz clic sobre cada diapositiva
que desees seleccionar, manteniendo pulsada la tecla Ctrl.
► Para seleccionar diapositivas consecutivas. Haz clic sobre la primera
diapositiva del grupo y, manteniendo pulsada la tecla Mayúsculas, haz
clic sobre la última.

30
 CAPÍTULO ⁄

► Para seleccionar todas las diapositivas de la presentación. Acude al

menú Editar→Seleccionar todo o pulsa la combinación de teclas Ctrl+E.

Copiar una diapositiva

Si estás en el modo Normal de Trabajo, en primer lugar, selecciona la
miniatura de la diapositiva en el panel de Diapositivas a partir de la cual
vas a copiar la diapositiva.
► A continuación, puedes ir al menú Editar→Copiar. Esta acción copia las
diapositivas seleccionadas al portapapeles del sistema. Después acude
al menú Editar→Pegar para pegar la diapositiva.
► Hacer clic en el botón Copiar (ícono 14) y luego en el botón Pegar
(ícono 15) de la barra de herramientas Estándar.

(Ícono 14) (Ícono 15)

► Utilizar el menú contextual del botón derecho del ratón sobre la dia-
positiva que quieres copiar en el panel Diapositivas y hacer clic sobre
la entrada Copiar. A continuación, vuelve a hacer clic con el botón de-
recho del ratón sobre la diapositiva y selecciona en el menú contextual
del botón derecho del ratón, la opción Pegar. En este caso la diapositiva
se coloca debajo de la diapositiva en la cual se efectuó la opción Pegar.
► Utilizar la combinación de teclas habitual para Copiar y Pegar en el
sistema: Ctrl+C para copiar y Ctrl+V para pegar.

Si lo que deseas es copiar más de una diapositiva solo tienes que selec-
cionar las diapositivas que se deben copiar. Una vez seleccionadas repite
los pasos que ya te hemos indicado anteriormente para copiar y pegar las
diapositivas seleccionadas.

Recuerda que…
El portapapeles es una herramienta del sistema operativo o entorno de es-
critorio que permite almacenar temporalmente información de cualquier
tipo. Al portapapeles se puede copiar texto, imágenes, archivos, etcétera.
Usualmente el contenido del portapapeles se obtiene desde la función de
copiar o cortar, y se recupera con la función de pegar o mover.

31
 INFORMÁTICA

Duplicar una diapositiva

Otra forma de copiar una diapositiva es duplicándola. La diferencia en-
tre los comandos Copiar y Duplicar es que, en ambos casos, realizas una
copia exacta de la diapositiva, pero el primer comando te permite copiar la
diapositiva en otra presentación mientras que duplicar te permite copiar
una diapositiva solo en la misma presentación.
Para duplicar una diapositiva o varias, primero tienes que seleccionar la
diapositiva o diapositivas a duplicar y, a continuación, clic en la opción Du-
plicar diapositiva del menú Diapositiva o dando clic en el botón Duplicar
diapositiva (ícono 16) de la barra de herramientas Presentación.

(Ícono 16)

También puedes utilizar la opción Duplicar diapositiva del menú des-

plegable del botón secundario del ratón.
La diapositiva o diapositivas duplicadas se colocarán justo a continua-
ción de la diapositiva o diapositivas seleccionadas en el panel Diapositivas.

Mover diapositivas en la presentación

Puedes modificar la secuencia o el orden de las diapositivas de una
manera muy simple: con el ratón o utilizando los comandos Cortar-Pegar.

Mover arrastrando con el botón del ratón

Para mover las diapositivas de lugar dentro de una misma presentación
tienes que primero seleccionar la diapositiva que quieres mover y, sin sol-
tar el botón izquierdo del ratón, arrastrarla hasta la nueva posición donde
quieras ubicarla.
Al desplazarla observa que el puntero del ratón se transforma en una
flecha con un rectángulo debajo y que, además, aparece una línea grue-
sa negra o diapositiva en miniatura entre diapositivas como se observa
en la figura 1.33 a y b. Estos íconos te permiten reconocer en qué posi-
ción se situará esta. Por ejemplo, si quieres colocar la primera diapositiva
entre las diapositivas dos y tres, mueve el ratón hasta que la línea o la
diapositiva en miniatura esté entre ambas diapositivas. Una vez que te
hayas situado en la posición donde quieres poner la diapositiva suelta
el botón del ratón y automáticamente esta se desplazará a la posición

32
 CAPÍTULO ⁄

mencionada. Impress renumerará las diapositivas en el nuevo orden en

el que se encuentran.

a b

Fig. 1. 33 Moviendo diapositivas: a) una y b) dos

Asimismo, también puedes modificar el orden o secuencia de varias

diapositivas seleccionadas, no de una sola.
Si además mantienes pulsada la tecla Ctrl mientras arrastras la diaposi-
tiva o diapositivas seleccionadas, realizarás una copia de estas.

Otra forma de mover diapositivas, utilizando el portapapeles mediante

los comandos Cortar-Pegar
Otra forma de mover una diapositiva o varias diapositivas selecciona-
das es utilizar los comandos habituales Cortar y Pegar. Esto te permite
mover una diapositiva, incluso, de una presentación a otra. Recuerda que
la acción Cortar es diferente a la acción Copiar: mientras esta realiza un
duplicado de la diapositiva o diapositivas seleccionadas manteniendo la
diapositiva inicial, el comando Cortar elimina-borra la diapositiva o diapo-
sitivas seleccionadas.
Los pasos que se deben seguir son igual de simples. En primer lugar,
selecciona la diapositiva o diapositivas que se deben mover y después cór-
talas (utiliza el menú editar/cortar, el menú contextual del botón derecho
del ratón/cortar o la combinación de teclas Ctrl+X). A continuación, acude
al lugar de la presentación donde desees pegar las diapositivas cortadas
(ya sea dentro de la misma presentación o en otra presentación que ten-
gas abierta en Impress) y por último pégalas, utilizando los procedimientos
que ya conoces para pegar diapositivas copiadas.

33
 INFORMÁTICA

Eliminar diapositivas
Para eliminar diapositivas tienes que, en primer lugar, seleccionarlas y
una vez seleccionadas puedes:
► Acudir al menú Editar→Eliminar diapositiva.
► Acudir al menú Editar→Cortar.
► Utilizar el menú contextual del botón derecho del ratón y seleccionar la
entrada Borrar diapositiva.
► Borrar directamente la diapositiva o diapositivas seleccionadas pulsan-
do la tecla Supr/Delete en dependencia de tu teclado.

Ocultar diapositivas durante una presentación

En la proyección de alguna presentación puedes desear ocultar una
o algunas de las diapositivas de la presentación por motivos de tiempo,
circunstancias del contexto, público destinatario o simplemente porque ya
la tienes creada y deseas aprovechar parte de ella. Ocultarla significa que
no será visible, pero seguirá formando parte de la presentación, no será
eliminada.
Cuando desees ocultar una o varias diapositivas en primer lugar, selec-
ciónalas y, a continuación, acude al menú Presentación/Ocultar diapositiva.
Puedes también utilizar el menú contextual del botón derecho del
ratón sobre las miniaturas de las diapositivas en el panel Diapositivas y se-
leccionar la entrada Ocultar diapositiva como se observa en la figura 1.34.

Fig. 1. 34 Ocultar diapositiva

34
 CAPÍTULO ⁄

Luego de ser ocultada la diapositiva, se observa como aparece sombrea-

da con un fondo rayado para indicarte su “anulación temporal”, como se
muestra en la figura 1.35.

Fig. 1.35 Diapositiva oculta

Previsualización de la presentación
Para reproducir la presentación existen diferentes formas de hacer-
lo, también puede que quieras ver la presentación desde el principio o
comenzar desde la diapositiva activa. Por ejemplo, para reproducir una
presentación desde el principio puedes proceder de la siguiente manera:
► Da clic en el botón Iniciar la presentación (ícono 17 de la barra de
herramientas Estándar.

(Ícono 17)

► Haz clic en el menú Presentación→Iniciar la presentación.

► Presiona la tecla F5 o F9.

En caso de que desees comenzar la presentación desde la diapositiva

activa debes actuar de la siguiente forma:
► Haz clic en el botón Iniciar desde la diapositiva actual (ícono 18) de la
barra de herramientas Estándar.

(Ícono 18)

► Da Clic en el menú Presentación→Iniciar desde la diapositiva actual.

► Presiona la combinación de teclas Shift+F5.

35
 INFORMÁTICA

En ambos casos debes tener en cuenta los siguientes aspectos:

1. Si la transición de diapositivas está configurada como Automáticamen-
te después de, deje que la presentación se reproduzca sola.
2. Si la transición de diapositiva está configurada como Al hacer clic con el
mouse (ratón), haga uno de los siguientes movimientos para moverse
de una diapositiva a la siguiente:
► Usa las teclas de desplazamiento (flechas) del teclado para ir a la diapo-
sitiva siguiente o volver a la anterior.
► Haz clic con el ratón para ir a la diapositiva siguiente.
► Presiona la barra espaciadora del teclado para avanzar hasta la diapo-
sitiva siguiente.
► Haz clic con el botón secundario sobre la pantalla para abrir un menú
desde el que podrá navegar por las diapositivas y establecer sus opciones.

Para salir de la presentación en cualquier momento, incluyendo al final,

presiona la tecla Esc.

Noción de hipervínculo
A veces cuando usamos un software educativo o abrimos una página
web u otros documentos notamos que existen palabras que se diferencian
de las otras por el color, pueden estar subrayadas y cuando colocamos el
puntero del ratón sobre estas se puede observar cómo cambia el color de
la palabra o frase que está siendo señalada y también cambia el puntero
del ratón en forma de una mano (ícono 19), y luego de hacer clic sobre
esta nos lleva a otra ubicación o realiza una acción determinada.

(Ícono 19)

Definición
Un hipervínculo, enlace, vínculo, o hiperenlace es un elemento de un docu-
mento electrónico que hace referencia a otro recurso, como por ejemplo,
otro documento o un punto específico de este o de otro documento.

Para insertar un hipervínculo o hiperenlace puedes hacer clic en el bo-

tón Hiperenlace (ícono 20) de la barra de herramientas Estándar o del

36
 CAPÍTULO ⁄

menú Insertar. Posteriormente, muestra la ventana Hiperenlace como se

muestra en la figura 1.36.

(Ícono 20)

Fig. 1.36 Ventana Hiperenlace (internet)

En la parte izquierda se selecciona el tipo de enlace que se quiere reali-

zar, entre los que se encuentran: internet, correo electrónico, documento
o documento nuevo, en los cuales hay que introducir o especificar las
opciones del hiperenlace. A continuación, se muestran las opciones del
hiperenlace:

Internet
► Web: permite enlazar a una página en internet.
► FTP: permite transferir archivos a otras PC, colocando el nombre de la
máquina, usuario y contraseña.

Correo electrónico
► Destinatario: permite colocar la dirección de correo electrónico.
► Asunto: una descripción corta que verá la persona que lo reciba antes
de abrir el correo.

Documento (documento, imagen, etcétera)

► Ruta: abre la ventana donde se aloja el documento a enlazar en la pre-
sentación.
► Destino: permite colocar el nombre del destino del documento.

37
 INFORMÁTICA

Nuevo documento
Crea un enlace a un nuevo documento. En este se hace una selección
para editar el documento inmediatamente (editar ahora) o para editar en
otro momento (editar después), luego en el campo Archivo se introduce el
nombre con que se va a crear el archivo, se selecciona el tipo de documen-
to (documento de texto, hoja de cálculo, presentación, etcétera).
La sección de configuraciones adicionales en el diálogo de hiperenlace
es común para todos los tipos de hiperenlaces, aunque algunas elecciones
son más pertinentes para algunos tipos de enlaces.

► Marco: establece un valor para determinar cómo se abrirá el hiperenla-

ce. Esto se aplica a los documentos que se abren en un navegador web.
► Formulario: especifica si el enlace debe ser presentado como texto o
como un botón.
► Texto: especifica el texto que será visible para el usuario.
► Nombre (opcional): no tiene ninguna función específica, solo para co-
locar un nombre al enlace.

Efectos en la presentación de la información y empleo de efectos

de transición entre diapositivas
Impress dispone de varias animaciones aplicables a los elementos selec-
cionados. En el caso de querer una animación personalizada para algún
objeto insertado en la diapositiva actual (imagen, cuadro de diálogo, et-
cétera), debe seguir el siguiente algoritmo:
1. Selecciona el o los objetos a animar.
2. Haz clic en el botón Animación personalizada de la barra lateral o en
el menú Formato. Se muestra la barra lateral Animación personalizada
como se muestra en la figura 1.37 a.
3. Da clic en el botón Añadir efecto (ícono 21). Se añade el efecto a la lista
con la categoría de Entrada con el primer efecto de la lista (Aparecer)
como se observa en la figura 1.37 b.

(Ícono 21)

4. Establece las condiciones para que se ejecute el efecto en el cam-

po Inicio.

38
 CAPÍTULO ⁄

5. Indica la dirección en que se debe realizar el efecto en los casos que sea
posible en el campo Dirección.
6. En el campo Duración indica la duración que tendrá el efecto en
pantalla.
7. Haz clic en Reproducir para ver cómo queda el efecto aplicado.

a b

Fig. 1.37 Barra lateral: a) animación personalizada sin animación y b) animación

personalizada con animación

En caso de que necesites eliminar alguno de los efectos de la lista pue-

des seguir cualquiera de las siguientes vías:
► Seleccionar animación→Clic en el botón Quitar el efecto (ícono 22).

(Ícono 22)

► Clic derecho sobre el efecto→Elegir la opción Quitar.

► Seleccionar la animación→Presionar la tecla Supr o Delete.

También puedes cambiar el orden en que se efectuarán las animaciones

mediante los botones Subir (ícono 23) y Bajar (ícono 24) habiendo seleccio-
nado las animaciones y desplazar previamente, teniendo en cuenta de que
estas se van colocando en el orden que van siendo insertadas en la lista.

(Ícono 23) (Ícono 24)

39
 INFORMÁTICA

Cuando vamos a animar los objetos de una diapositiva, debemos tener

en cuenta que podemos realizar a cada objeto cuatro tipos de categorías
diferentes:
► Entrada: se define el tipo de animación que tendrá el objeto cuando
aparece por vez primera en la pantalla de presentación.
► Énfasis: se define el tipo de animación que se utilizará para enfatizar el
objeto, una vez que ya esté visible en la presentación.
► Salida: se define el tipo de animación que tendrá el objeto ante uno de
dos eventos, salida visual del objeto antes de terminar la diapositiva o
salida del objeto justo al momento de salir de la diapositiva.
► Trayectoria de desplazamiento: esta alternativa define una trayectoria
de movimiento del objeto por la pantalla.

Para modificar la categoría a una animación solo basta con:

1. Seleccionar la animación.
2. Escoger la categoría en el campo categoría.
3. Elegir el efecto para la categoría seleccionada.

Para cada una de estas categorías existe un grupo grande de efectos

que pueden ser utilizados, pero debes tener en cuenta las observaciones
siguientes:
► No utilices una diversidad muy grande de efectos especiales en una
misma presentación. Tal práctica puede resultar poco elegante y
poco seria.
► Trata de vincular cada efecto a una necesidad concreta de comunicar
algo. No utilices el efecto sin un fin predeterminado.
► El sonido puede ser muy útil en determinadas circunstancias, pero
puede resultar molesto si se abusa de esta posibilidad o si se usa in-
coherentemente.
► Suelen impactar más las animaciones y sonidos creados por uno mis-
mo que los predeterminados por la aplicación. Claro, requieren de un
alto grado de creatividad, pero no es imposible.
► No hay por qué animar todos los objetos de una diapositiva.
► No se tienen que utilizar, para cada objeto, los cinco tipos de anima-
ciones posibles.

40
 CAPÍTULO ⁄

En el campo Inicio se indica cómo va a comenzar el efecto seleccionado,

pudiendo elegir tres formas de inicio:
► Al pulsar con el ratón: la animación se detiene hasta que se efectúe el
clic con el ratón.
► Con el anterior: la animación comienza inmediatamente.
► Después del anterior: la animación comienza tan pronto acabe la ani-
mación anterior.

Puedes definir la dirección en que se efectúan algunos de los efectos,

para ello se emplea el campo Dirección y de esta manera hacer, por ejem-
plo, que el objeto vuele hacia adentro desde la derecha, desde el final,
desde la derecha y abajo, entre otros. Así como también puede controlar
el tiempo o duración de la animación mediante el campo Duración permi-
tiendo para esto la selección de un valor de la lista (0.50, 1.00, 2.00, 3.00
y 5.00), aunque puede introducir el tiempo que desee de forma directa si
requiere de más tiempo.

Noción de plantilla
Una plantilla es un modelo de documento que puedes usar para crear
otros documentos. Por ejemplo, puedes crear una plantilla para presenta-
ciones que tengan el nombre de tu escuela en la primera diapositiva, de
modo, que cada presentación creada utilizando esta plantilla tendrá el
nombre de tu escuela en la primera diapositiva.
Las plantillas pueden contener cosas que los documentos corrientes,
como son: texto, gráficos, colección de estilos, entre otros.

Comprueba lo aprendido

1. ¿Desde dónde es posible insertar imágenes en una diapositiva?

2. Escribe la secuencia de pasos para insertar un esquema.

3. ¿Qué operaciones con diapositiva se pueden realizar?

4. ¿Cuáles son los procederes que existen para previsualizar una

presentación con diapositivas?

41
 INFORMÁTICA

5. ¿A qué llamamos hipervínculo?

6. Menciona tres efectos de transición que se le pueden aplicar al pasar

de una diapositiva a otra.

7. ¿Qué entendemos por plantilla?

8. Elabora el guion de una posible presentación de una clase de Histo-

ria. Realiza un esquema de lo que pondrías en cada diapositiva.

9. Realiza una presentación de una cuenta atrás de 10 al 0 en la que

emplees algunas de las herramientas de la Barra de dibujo (formas,
líneas, flechas, rectángulo, elipse, cuadro de texto, FontWork, color
de relleno, color de línea, color de texto y estilo de línea). Determina
las efemérides más significativas del mes que ocurrieron en esos días
y escríbelas en las diapositivas que correspondan.

10. Realiza un abecedario para niños de seis años, que incluya letras
minúsculas, mayúsculas y una imagen (de fácil reconocimiento para
ellos) que mantenga orden alfabético. Los recursos disponibles en
este ejercicio son, además de los usados en el ejercicio anterior, la
inserción de imágenes que debes agregar.

1.4 Los organizadores gráficos

Los organizadores gráficos son técnicas activas de aprendizaje donde

se representan los conceptos en esquemas visuales; para lograrlo se debe
tener acceso a una cierta cantidad de información que permita organizar-
los y procesarlos. El nivel de dominio y profundidad que se haya alcanzado
sobre un tema permite elaborar una estructura gráfica.
Existen diferentes tipos de organizadores gráficos, tales como:
► Mapas mentales y mapas conceptuales.
► Líneas del tiempo.
► Organigramas.

42
 CAPÍTULO ⁄

Mapas mentales y mapas conceptuales

Mapas mentales

Definición
Un mapa mental es un diagrama usado para representar palabras, ideas,
tareas, dibujos, u otros conceptos ligados y dispuestos radialmente alrede-
dor de una palabra clave o de una idea central.

Los mapas mentales son un método muy eficaz para extraer y memori-
zar información. Son una forma lógica y creativa de tomar notas y expresar
ideas, que consiste, literalmente, en cartografiar sus reflexiones sobre un
tema, es representado por medio de dibujos o imágenes (figura 1.38).

Comparar Eventos
Evaluar Decidir Planificar Reuniones
Estrategias Tareas

Global Creatividad Ideas

Visión Uso del
Escenarios Intuición
Mapa mental
Soluciones

Esquemas Estudiar Proyectos Planificar

Notas Organizar
Memorizar Dirigir

Fig. 1. 38 Mapas mentales

Los mapas mentales ayudan a:

► La expansión de la memoria.
► La retención natural y práctica de mucha información comprimida en
unas cuantas palabras, dibujos, señales, letras, colores, etcétera.
► La recopilación sencilla y flexible de datos clave, facilita los procesos de
aprendizaje, pensamiento, ordenación, creación y rememoración, así
como enseñan conceptos de manera atrayente y espontánea.

43
 INFORMÁTICA

Definición
El mapa conceptual es una técnica usada para la representación gráfica
del conocimiento. Es una red de conceptos donde los nodos representan
los conceptos, y los enlaces representan las relaciones entre los conceptos.

El mapa conceptual, es un procedimiento que tiene como finalidad

sintetizar y, al mismo tiempo, relacionar de manera significativa los con-
ceptos contenidos en un tema.
En estos mapas se muestran los conceptos jerarquizados, se ubican al
comienzo los conceptos más generales e inclusivos, seguidos por concep-
tos más específicos y luego aparecen, además, las palabras enlaces, que
expresan las relaciones que mantienen los conceptos entre sí. La lectura de
la relación entre dos conceptos del diagrama debería dar como resultado
una proposición o frase que exprese una idea sobre el tema en cuestión.
Para construir los mapas conceptuales, se debe tener claro cuáles son
los elementos fundamentales que los componen, entre estos: los concep-
tos, las proposiciones y las palabras de enlace (esquema 2).

Esquema 2 Mapa conceptual

Animales

Invertebrados Vertebrados
Pueden ser

Artrópodos

Pueden ser

Insectos Crustáceos Arácnidos

Como Como

Hormiga Langosta Escorpión Araña

44
 CAPÍTULO ⁄

Diferencia entre el mapa conceptual y el mapa mental

El mapa mental reúne solo los puntos importantes de un tema e indica
de forma sencilla y creativa la manera en que estos se relacionan entre
sí. El mapa conceptual se centra en conceptos, se estructura de manera
jerárquica, iniciando con los conceptos gruesos a los particulares, con co-
nectores específicos (conexión o relación entre dos ideas, se representa
por medio de una línea inclinada, vertical u horizontal llamada conector
o línea ramal que une ambas ideas. Las flechas se pueden utilizar en los
conectores para mostrar que la relación de significado entre las ideas o
conceptos unidos se expresa primordialmente en un solo sentido; también
se usan para acentuar la direccionalidad de las relaciones, cuando se con-
sidera indispensable. La palabra o palabras que describen la conexión; se
escriben cerca de los conectores o sobre ellos y se denominan descriptores).

Ventajas del uso de estos recursos

► Estudiarás más en menos tiempo.
► Tu concentración mental aumentará y se mantendrá más alta por más
tiempo.
► Leerás más rápido y comprenderás mejor.
► Memorizarás más fácilmente.
► Ahorrarás esfuerzo y subirás tus notas.

¿Cómo construir un mapa conceptual?

1. Seleccionar después de leer un texto, los conceptos con los que vas a
trabajar y hacer una lista con ellos. Nunca se pueden repetir conceptos
más de una vez en una misma representación.
2. Agrupar los conceptos, cuya relación sea próxima, a medida que agru-
pamos, habrá conceptos que podamos incluir en dos grupos al mismo
tiempo. De esta forma aparecen los conceptos más genéricos.
3. Ordenar los conceptos del más abstracto y general, al más concreto y
específico.
4. Representar y situar los conceptos en el diagrama.
5. Conectar, esta es la fase más importante a la hora de conectar y relacionar
los diferentes conceptos, se comprueba si se comprende correctamente
una materia. Conectar los conceptos mediante enlaces. Un enlace de-
fine la relación entre dos conceptos, y este ha de crear una sentencia
correcta. La dirección de la flecha nos dice cómo se forma la sentencia.

45
 INFORMÁTICA

6. Comprobar: una vez enlazado todo se deben leer los enlaces como si
fueran proposiciones y verificar que lo que dictan sea cierto.
7. Reflexionar: contemplando el mapa en su totalidad podemos refor-
mular conocimiento expresado y establecer las relaciones entre los
conceptos.

Líneas de tiempo

Definición
Una línea de tiempo es un tipo de organizador visual que sirve para
mostrar una secuencia de eventos ordenada a lo largo de un período de
tiempo, usando una escala que puede ir desde minutos a millones de años
(ver esquema 3, 4 y 5).

Introducir las fechas más significativas en la línea de tiempo y luego

proporcionar datos e información de personas o acontecimientos que se
produjeron en la fecha especificada. Las fechas deben introducirse de for-
ma secuencial. Los textos deben ser claros y concisos.
La línea de tiempo permite ordenar una secuencia de eventos o de
hitos sobre un tema, de tal forma que se visualice con claridad la relación
temporal entre ellos.
Para elaborar una línea de tiempo sobre un tema particular, se deben
identificar los eventos y las fechas (iníciales y finales) en que estos ocu-
rrieron; ubicar los eventos en orden cronológico; seleccionar los hitos más
relevantes del tema estudiado para poder establecer los intervalos de
tiempo más adecuados; agrupar los eventos similares; determinar la escala
de visualización que se va a usar y, por último, organizar los eventos en
forma de diagrama.

Pasos para elaborar una línea de tiempo comparativa

Los pasos que se deben seguir para elaborar una línea de tiempo com-
parativa son los siguientes:
1. Identifica los hechos históricos y lugares que te interesa conocer y ana-
lizar en forma comparativa.
2. Selecciona los datos y fechas más relevantes a partir de una cronología
acerca de esos acontecimientos.

46
 CAPÍTULO ⁄

3. Elabora la línea de tiempo y organiza la secuencia de manera ordena-

da, respetando la proporción matemática en la representación gráfica.
Por ejemplo, 1 cm equivale a un año.
4. Coloca las fechas, luego los datos en forma muy breve, pero a la vez,
suficiente para comprenderlos.
5. También puedes agregar imágenes para complementar y presentar los
resultados en forma didáctica (esquema 3 y 4).
Esquema 3 Línea de tiempo sobre etapas de la Historia
2-3 millones Siglo v Siglo xviii
de años A.C

3500 años A.C Siglo xv Siglo xxi

Edad Edad Edad Edad

Prehistoria
Antigua Media Moderna Contemporánea

Aparición Descubrimiento Nuestros

de la escritura de América Días

Aparición Caída del Revolución

del hombre Imperio Romano Francesa

Esquema 4 Línea de tiempo de la computadora

1823 Charles Babbage 1939 John Atanasoff 1943 Alan Turing

Máquina analítica Computadora digital Computadora digital
programable electrónica

Actualidad 1975 Bill Gates. Primer 1971 Surge

PC portátiles ordenador personal el microprocesador

47
 INFORMÁTICA

Las líneas de tiempo son valiosas para organizar información en la

que sea relevante el período de tiempo en el que se suceden los aconte-
cimientos o se realizan procedimientos. Además, son útiles para construir
conocimiento sobre un tema particular cuando los estudiantes las elabo-
ran a partir de lecturas o cuando analizan líneas de tiempo producidas por
expertos (esquema 5).

Esquema 5 Línea de tiempo sobre la evolución del teléfono

1860 1877
El primer ensayo La evolución
sobre la posibili- tecnológica de
dad de transmitir la telegrafía
el sonido de las eléctrica abrió las
voces a distancia puertas a nuevos
productos

1920-1950 1970-1975 1980-1986

La rueda Se sustituye Cabinas
marcadora la rueda londinenses
marcadora
por teclados

1999-2000 2012
Llegó el móvil Surgen los
smartphones o telé-
fonos inteligentes

Organigramas
El organigrama es un modelo abstracto y sistemático que permite
obtener una idea uniforme y sintética de la estructura formal de una or-
ganización:
► Desempeña un papel informativo.
► Presenta todos los elementos de autoridad, los niveles de jerarquía y la
relación entre ellos.

48
 CAPÍTULO ⁄

Definición
El organigrama es la representación gráfica de la estructura de una empre-
sa o cualquier otra organización (ver esquema 4 a y b).

En el organigrama no se tiene que encontrar toda la información para

conocer cómo es la estructura total de la empresa o institución.

Requisitos del organigrama

► Tiene que ser fácil de entender y sencillo de utilizar.
► Debe contener únicamente los elementos indispensables.

Tipos de organigrama
1. Vertical: muestra las jerarquías según una pirámide, de arriba abajo.
2. Horizontal: muestra las jerarquías de izquierda a derecha.
3. Mixto: es una combinación entre el horizontal y el vertical.
4. Circular: la autoridad máxima está en el centro, y alrededor de ella se
forman círculos concéntricos donde figuran las autoridades en niveles
decrecientes.
5. Escalar: se usan sangrías para señalar la autoridad, cuanto mayor es la
sangría, menor es la autoridad de ese cargo.
6. Tabular: es prácticamente escalar, solo que el tabular no lleva líneas
que unen los mandos de autoridad.

Es importante tener en cuenta que ningún organigrama puede ser fijo o

invariable, es decir, un organigrama es una especie de fotografía de la estruc-
tura de una organización en un momento determinado (esquema 6 a y b).

Esquema 6 a y b Tipos de organigramas

a b Docentes
Gerencia

Padres y
madres de Dirección Estudiantes
Depto. Depto. Depto. familia

Personal
Oficina Oficina Oficina Oficina Oficina Oficina administrativo

49
 INFORMÁTICA

Para elaborar los organizadores gráficos estudiados te proponemos uti-

lizar Impress, también puedes hacerlo con la aplicación Draw que al igual
pertenece a la suite ofimática LibreOffice.

LibreOffice Draw
Es una herramienta de gráficos que nos permite diseñar diagramas de
flujo y otros organizadores gráficos utilizando conectores que facilitan su
construcción.

Para crear un diagrama de flujo con Draw:

1. Selecciona una herramienta en la barra Diagrama de flujo de la barra
Dibujo.
2. Arrastra una forma en la diapositiva.
3. Para agregar más formas, repita los últimos pasos.
4. Abra la barra de herramientas Conectores en la barra de herramientas
Dibujo y seleccione una línea de conexión.
5. Desplaza el puntero al borde de una forma, de modo que aparezcan los
puntos de conexión.
6. Pulsa sobre un punto de conexión, arrastra hasta un punto de conexión
en otra forma y suelte el botón.
7. Para agregar más conectores, repita los últimos pasos.

Para agregar texto a las formas del diagrama de flujo siga uno de estos
procedimientos:
► Da doble clic en la forma, y escriba o pegue el texto.
► Da clic en la forma y luego en el ícono Cuadro de texto de la barra Es-
tándar. Escriba o pegue el texto en el objeto.

Comprueba lo aprendido

1. Investiga ¿qué diferencias existen entre un mapa mental y un mapa

conceptual?

2. Elabora un mapa mental y un mapa conceptual sobre la exposición

de ideas en el mundo contemporáneo, donde se evidencien las dife-
rencias entre ambos.

50
 CAPÍTULO ⁄

3. Elabora una línea de tiempo sobre los hechos históricos más significa-
tivos ocurridos en este mes.

4. Si tuvieras que describir las tareas que hay que realizar para la solu-
ción de una ecuación ¿qué organizador gráfico emplearías?

1.5 Almacenamiento y distribución

de presentaciones con diapositivas

En este epígrafe te mostraremos las formas más comunes de conservar

una presentación, ya sea mediante el empleo de los diferentes formatos
que la aplicación te permita y posteriormente distribuirla a otras personas
por las vías de comunicación existentes. Es recomendable que una vez que
nos encontremos realizando nuestra presentación vayamos guardando los
cambios que se vayan efectuando, para que estos no se pierdan en caso
de fallas eléctricas o cualquier situación que se pueda presentar en un mo-
mento determinado.

Almacenamiento
En grados anteriores estudiaste lo relacionado con los dispositivos de
almacenamiento y las funciones que estos realizan.
A continuación, se muestran los pasos para guardar una presentación
en Impress.

Para guardar una presentación en la que nos encontremos trabajando

y esta no ha sido guardada previamente, lo puedes realizar así:
1. Clic en el botón Guardar ( ícono 25) de la barra de herramientas Están-
dar o en el menú Archivo, también puedes obtener el mismo resultado
presionando las teclas Ctrl + G.

(Ícono 25)

2. Indicar la ubicación donde se guardará el archivo, nombre y tipo de

archivo mediante el cuadro de diálogo Guardar como que se muestra
en la figura 1.39.

51
 INFORMÁTICA

3. Clic en Guardar.

Fig. 1. 39 Cuadro de diálogo Guardar como

Una vez guardada la presentación cada vez que se presione el botón

Guardar los cambios que se hayan efectuado se guardarán de forma auto-
mática en el archivo en el que se encuentre trabajando.
Por otra parte, si deseas crear un nuevo documento partiendo del que
se encuentra trabajado en una ubicación diferente, basta con seleccionar
la opción Guardar como… del menú Archivo o desde el menú desplega-
ble del botón Guardar de la barra de herramientas Estándar o mediante
la combinación de teclas Ctrl + Shift + S, se obtiene el cuadro de diálogo
Guardar como en el que debe introducir los nuevos datos con que se
guardará la presentación.
Al mostrarse el cuadro de diálogo Guardar como, si el tipo de archivo
no ha sido predefinido, Impress toma por defecto Presentación ODF (.odp)
que es el formato de las presentaciones elaboradas con Impress, aunque
puede ser modificado con alguna de las opciones del menú desplegable
de este campo.
LibreOffice Impress es altamente compatible con el formato usado
por Microsoft PowerPoint. Tú puedes abrir una presentación PowerPoint
en Impress, la puedes revisar, luego la puedes guardar en el formato ori-
ginal de PowerPoint o en formato usado por Impress. También puedes
crear una presentación nueva en Impress y guardarla como un archivo
PowerPoint.

52
 CAPÍTULO ⁄

Exportar a PDF
Impress puede exportar las presentaciones a PDF (Portable Document
Format o Formato de Documento Portátil) que es un formato de almace-
namiento de documentos. Para exportar directamente la presentación da
clic sobre el botón Exportar a PDF (ícono 26) de la barra de herramientas
Estándar, de esta manera se obtiene el cuadro de diálogo Exportar en el
que podrás proporcionar el nombre y la ubicación para el archivo PDF,
pero no te permite seleccionar un rango de página o la calidad de impre-
sión para el archivo PDF.

(Ícono 26)

Para un mayor control del contenido y la calidad del PDF producido:

1. Clic en la opción Exportar a PDF del menú Archivo para obtener el cua-
dro de diálogo Opciones de PDF como se muestra en la figura 1.40.
2. Haz tu selección y da clic en Exportar, entre el nombre y la ubicación del
archivo que se creará.
3. Clic en Guardar para exportar el archivo.

Fig. 1. 40 Cuadro de diálogo Opciones de PDF

Opciones generales
En la página General, puedes seleccionar cuáles páginas (diapositivas)
se incluirán en el PDF, el tipo de compresión a usar para las imágenes (esto
afecta la calidad de las imágenes en el PDF), etcétera.
En la página Vista inicial, puedes seleccionar cómo se abrirá el
archivo PDF en el lector de PDF. Si tienes habilitada la Disposición com-
pleja de textos (CTL) (en Herramientas→Opciones→Configuración de

53
 INFORMÁTICA

idiomas→Idiomas), una selección adicional se encuentra disponible bajo

Continuo, lado a lado: primera página a la izquierda. Normalmente, la pri-
mera página está a la derecha cuando usa la opción Continuo, lado a lado.
En la página Interfaz de usuario (figura 1.41) puedes seleccionar más
configuraciones para controlar cómo el visor de PDF mostrará el archivo.
Algunas de esas opciones son en particular útiles cuando crea un PDF.

Fig. 1. 41 Interfaz de usuario

En la página Enlace (figura 1.42) especifica cómo exportar los marcado-

res e hipervínculos en el documento.

Fig. 1. 42 Enlace

En la página Seguridad (figura 1.43) puedes establecer las opciones de

exportación PDF para encriptar el archivo, a fin de que solo pueda ser
abierto usando una contraseña y también aplicar características de la
Gestión de Derechos Digitales o DRM (siglas en inglés de Digital Rights
Management). Tienes que establecer una contraseña primero, para que

54
 CAPÍTULO ⁄

las opciones de seguridad estén disponibles. Clic en Establecer contraseña

para abrir el cuadro de diálogo Establecer contraseñas.

Fig. 1. 43 Seguridad

Vías de distribución
En la contemporaneidad ya son muchas las vías por las que se puede
distribuir información.
LibreOffice provee varias formas para enviar rápidamente y fácilmente
una presentación como un adjunto de correo electrónico en uno de tres
formatos: ODP (Open Document Presentation, el formato por defecto de Li-
breOffice), PPT (formato de Microsoft PowerPoint), o como un archivo PDF.

Obtención de documentos en formato listo para circular en internet

En séptimo grado trabajaste con el procesador de texto Writer, y viste
cómo se exportaba un documento como páginas web (archivos HTML).
Mediante Impress también puedes exportar presentaciones como una se-
rie de páginas web que pueden ser vistas en cualquier navegador y se
realiza de forma muy similar a como lo hiciste en el procesador de texto.

A continuación, enumeramos los pasos para obtener o exportar un do-

cumento en formato listo para circular en internet:
1. Selecciona Exportar del menú Archivo de la barra de menú y selecciona
Documento HTML (Impress) (.html; .htm) como el tipo de archivo.
2. Crea una carpeta para los archivos, luego introduce el nombre para el
archivo HTML resultante y haz clic en Guardar para abrir el cuadro de
diálogo Exportación de HTML (figura 1.43).

55
 INFORMÁTICA

Fig. 1. 43 Exportación de HTML. Asignando un diseño

3. Selecciona un diseño para todas las páginas, ya sea de un diseño exis-

tente o creando uno nuevo. Si no has guardado un diseño previamente,
la opción Diseño existente no estará disponible.
4. Haz clic en Siguiente para seleccionar el tipo de página web que se
debe crear (figura 1.44). Las opciones disponibles cambiarán según el
tipo de publicación seleccionado.

Fig. 1. 44 Exportación de HTML. Seleccionando el tipo de publicación

► Formato HTML estándar: una página por cada diapositiva con enlaces
de navegación para desplazarse de una diapositiva a otra.
► HTML estándar con marcos: una página con una barra de navegación
en el lado izquierdo; usa el título de las diapositivas como los enla-
ces de navegación. Clic sobre el vínculo para mostrar las páginas del
lado derecho.
► Documento HTML único: una sola página (un solo archivo HTML) con
la información textual de la presentación, no se muestran las imágenes
que se encuentran en la presentación.

56
 CAPÍTULO ⁄

► Automático: el navegador cambia automáticamente de una página

para la siguiente.

5. Clic en Siguiente para decidir cómo las imágenes serán guardadas

(PNG, GIF o JPG) y qué resolución emplearán (figura 1.45). Al escoger
una resolución, trata de que la mayor parte de los espectadores puedan
captar. Por ejemplo, si usas una resolución alta, entonces el espectador
con un monitor de resolución media tendrá que deslizar la diapositiva
lateralmente para poder verla completa.

Fig. 1. 45 Exportación de HTML. Seleccionando el tipo de imagen

6. Si Crear página de título fue seleccionado en el paso 4, suministra la in-

formación para la portada en la siguiente página que aparece después
de hacer clic en Siguiente (figura 1.46).

Fig. 1. 46 Exportación de HTML. Información de la portada

7. Clic en siguiente para seleccionar el estilo de los botones de navegación

a usar cuando se mueva de una página a otra (figura 1.47). Si no eliges
un estilo de navegación, LibreOffice creará un texto de navegación.

57
 INFORMÁTICA

Fig. 1.47 Exportación de HTML. Seleccionando estilo de navegación

8. Clic en Siguiente para seleccionar la combinación de colores para las

páginas web (figura 1.48). Las combinaciones disponibles incluyen
las combinaciones existentes en la presentación, una basada en colo-
res del navegador, y una combinación definida por el usuario. Puedes
guardar una nueva combinación, de manera que esta aparecerá en la
primera página del cuadro de diálogo Exportación de HTML.

Fig. 1. 48 Exportación de HTML. Seleccionando la combinación de colores

9. Clic en Crear para generar los archivos HTML. Si este es un diseño nue-
vo, se abre un cuadro de diálogo de manera que puedes guardar el
diseño. Si deseas volver a emplear este diseño, puedes ponerle un nom-
bre y guardarlo. De otra manera, clic en No guardar.

Comprueba lo aprendido

1. Elabora una presentación de entre 7 y 10 diapositivas sobre un tema

escogido por ti. La presentación debe tener:

58
 CAPÍTULO ⁄

a) Una diapositiva para el título y el nombre del autor.

b) Una segunda diapositiva que contiene un menú con no menos de
tres opciones.
c) Debes hacer uso de imágenes prediseñadas e imágenes externas.
d) Debes hacer uso de sonido o video.
e) Un botón para regresar al menú.
f) La presentación debe ser exportada además a PDF.

2. Elabora una presentación con cinco diapositivas en la que aplicando

los contenidos aprendidos desarrolles los pasos que te indicamos a
continuación:
a) La primera diapositiva debe tener el título “Protesta de Baraguá”.
b) Acceda a la EcuRed e investiga acerca del tema.
c) Selecciona un texto para copiarlo en la diapositiva dos.
d) Haz clic en Antonio Maceo, selecciona el texto y cópialo en la
diapositiva tres.
e) Inserta en la diapositiva tres una foto de Antonio Maceo.
f) En la diapositiva cuatro escriba el texto “Abanderado de la digni-
dad”. Duplica esta última diapositiva.
g) Elimina la diapositiva duplicada.

3. Selecciona un grupo de trabajo y divida el grupo en dos para dar

solución a la siguiente situación:
a) Crear una presentación sobre las drogas, que ilustre los principa-
les estupefacientes conocidos y sus efectos nocivos sobre la salud.
b) Crear otra presentación para desarrollar, especialmente, las con-
secuencias del nocivo hábito de fumar.
c) Establecer vínculos entre ambas presentaciones.

4. Realiza una presentación en la que pongas en la diapositiva 1 el títu-

lo “Galería de imágenes”. En la diapositiva 2 pon el título: “Índice”
y haz un listado con los siguientes elementos:
► Salud
► Medio ambiente
► Reciclaje

59
 INFORMÁTICA

a) Crea una diapositiva con cada uno de los títulos por separado
(tres diapositivas).
b) Inserta dos imágenes de la biblioteca de imágenes predefinidas
de la herramienta, por cada tema.
c) Crea vínculos del listado de la diapositiva dos hacia la diapositiva
con las imágenes que le corresponda.
d) Crea un vínculo con el texto Regresar, donde regreses al listado
de la diapositiva dos.
e) Crea nuevas diapositivas (seis diapositivas) con estas mismas imá-
genes, pero cada una con una imagen individual y a un tamaño
más amplio. Para realizar esta acción, haz los siguientes pasos:
► Inserta un cuadrado de la barra de dibujo, ponle fondo negro y
agrándalo hasta rellenar la diapositiva.
► Luego inserta la imagen a tamaño completo de la diapositiva.

f) Realiza un vínculo entre las imágenes pequeñas, hacia las diaposi-

tivas que poseen estas imágenes agrandadas, según corresponda.
g) Realiza un vínculo a las diapositivas, de forma tal que puedas re-
gresar al lugar de origen.

60
 CAPÍTULO 2 Calculando y graficando

Introducción

E
n este capítulo aprenderás conceptos y habilidades vinculadas con las
denominadas hojas electrónicas de cálculo y a procesar datos por vía
digital, insertar diferentes tipos de gráficos a partir de las tablas que
confecciones, entre otras funciones.
Las hojas electrónicas de cálculo son las sucesoras de la calculadora,
consecuencia de automatizar el acto del procesamiento de datos, primero
en forma mecánica y que más tarde se llevó al campo de las computadoras,
y hoy lo encontramos en una gran gama de dispositivos móviles.
En la actualidad, el hombre en su actividad cotidiana procesa y genera
un gran volumen de datos de diversa naturaleza: textos, números, gráfi-
cos, sonidos e imágenes. Con el desarrollo de la informática se ha hecho
posible la automatización del procesamiento de los datos, pero estos de-
ben estar en formato digital. En la figura 2.1 se representa el logo de
LibreOffice Calc.

Fig. 2.1 Logo de LibreOffice Calc

61
 INFORMÁTICA

El inventor generalmente aceptado de las hojas de cálculo fue Dan

Bricklin (figura 2.2). Bricklin contó la historia de un profesor de la univer-
sidad que hizo una tabla de cálculos en una pizarra. Cuando el profesor
encontró un error, tuvo que borrar y reescribir una gran cantidad de
pasos de forma muy tediosa, impulsando a Bricklin a pensar que podría
replicar el proceso en un sistema informático, usando el modelo table-
ro/hoja de cálculo para ver los resultados de las fórmulas que intervenían
en el proceso.

Fig. 2.2 Dan Bricklin

Su idea se convirtió en VisiCalc (figura 2.3), la primera hoja de cálculo,

y la “aplicación fundamental” que hizo que el PC dejase de ser solo un
hobby para convertirse también en una herramienta de trabajo.

Fig. 2.3 VisiCalc en un Apple II

2.1 Hoja electrónica de cálculo

Concepto de hoja electrónica de cálculo

Las hojas electrónicas de cálculos denominadas en inglés como spreads-
heet o worksheet son aplicaciones que tienen como propósito
fundamental el tratamiento de datos numéricos, la elaboración de gráficos,
y la gestión de archivos en forma de tablas. Una hoja electrónica de cálcu-
lo es la representación informática de lo que sería una gran hoja

62
 CAPÍTULO 2

cuadriculada en blanco, lista para recibir cualquier información que desea-

mos escribir en ella dotada de un lápiz, una goma de borrar y una potente
calculadora, que constituye una poderosa herramienta de trabajo. Su prin-
cipal cualidad consiste en el potencial para realizar cálculos a gran escala y
la posibilidad de recalcular ante la variación de cualquiera de los datos
incluidos en ellas.

Definición
Una hoja electrónica de cálculo es una aplicación diseñada para la gestión
de datos cuantitativos, basada en el procesamiento electrónico e interac-
tivo de estos, organizados de forma tabular.

Los diferentes representantes de estos sistemas de aplicaciones tienen

por características propias del diseño diferencias entre sí, pero, además,
poseen ciertas invariantes funcionales que constituyen características co-
munes a estos:
► Brindan facilidades de comunicación al usuario, ya que incluyen un
sistema de ayuda general y no requieren de conocimientos avanzados
de programación.
► Modelan la tabulación de los datos en una hoja cuadriculada, donde las
columnas se identifican con letras por lo general y las filas con números.
► En el ambiente de trabajo se destacan dos zonas fundamentales: la zona
de trabajo y la zona de comunicación.
► El desplazamiento por la hoja electrónica de cálculo se realiza mediante
el uso de teclas o combinaciones de ellas y/o mediante el uso del ratón.
► La unidad básica de trabajo es la celda, en la que se almacena un dato
o una fórmula.
► Permite realizar representaciones gráficas de los datos y de sus relaciones.
► Posibilitan intercambiar información y/o establecer vínculos entre
aplicaciones.
► Recalculan de forma automática e instantánea las fórmulas ante cual-
quier variación que se produzca en los datos correspondientes.

Las ventajas del uso de las hojas electrónicas de cálculo se ponen de

manifiesto cuando resolvemos problemas que exigen un gran número de
cálculos complejos y repetitivos o cuando los datos están sujetos a cam-
bios, o sea, cuando los datos son dinámicos.

63
 INFORMÁTICA

Tipos de problemas que se resuelven mediante el empleo

de una hoja electrónica de cálculo
En nuestras vidas muchas veces tenemos la necesidad de resolver
problemas relacionados con el cálculo de diversas naturalezas, ya sean ma-
temáticos en general, de índole social o de otras ciencias experimentales.
Desde séptimo grado ya estudiaste en la asignatura Matemática los con-
ceptos fundamentales relacionados con el procesamiento de datos mediante
los cuales ampliaste tus conocimientos sobre la interpretación de datos en ta-
blas y gráficos. Aquí te presentamos una herramienta poderosa para resolver
estos ejercicios, correspondientes a los contenidos de estadística descriptiva,
al elaborar gráficos a partir de los datos presentes en estas tablas. Para todas
estas tareas basta con introducir todos los datos a una tabla y agregarle la
fórmula adecuada, en el lugar deseado, para obtener el resultado.
Todo lo anterior expuesto es posible mediante el empleo de una hoja
electrónica de cálculo (HEC).

Comprueba lo aprendido

1. ¿Cuál es el propósito fundamental de una hoja electrónica de cálculo?

2. ¿A qué llamamos hoja electrónica de cálculo?

3. Menciona tres características comunes de las hojas electrónicas

de cálculo.

4. Expón dos ejemplos de problemas que se pueden resolver mediante

una hoja electrónica de cálculo.

2.2 Interfaz de trabajo

En este capítulo trataremos en específico una aplicación llamada

Calc perteneciente a la suite ofimática LibreOffice, mediante la cual
podríamos dar respuesta a todas las tareas de procesamiento de datos
numéricos que se nos presentan en la vida diaria o en el trabajo profe-
sional y estudiantil.

64
 CAPÍTULO 2

Interfaz de trabajo
Abrir o ejecutar la aplicación LibreOffice Calc (figura 2.4) no difiere de lo
que ya conocen de sexto grado. Basta con buscar en la siguiente dirección:
Inicio/Todos los Programas/Libre Office/Libre Office Calc.

Fig. 2.4 LibreOffice Calc

No nos detendremos a analizar todas las partes de la ventana del Calc;

ya conoces del Writer la Barra de título, la Barra de menú, la Barra de
herramientas estándar, la Barra de estado y las Barras de desplazamiento,
que constituyen elementos comunes a todas las aplicaciones de la suite
ofimática LibreOffice, nos centraremos en los elementos que son nuevos
para ustedes.

► Conceptos de fila, columna y celda: el área de trabajo de Calc y de casi

todas las aplicaciones de la suite ofimática LibreOffice tienen diferen-
tes apariencias y funcionalidad que en Writer. La principal característica
del área de trabajo de Calc es su semejanza con una tabla u hoja cua-
driculada. Te presentamos a continuación los elementos novedosos del
área de trabajo:
► Fila: es el conjunto de cuadrículas consecutivas, dispuestas en forma
horizontal. Cada fila se reconoce por su título de fila, determinado
por el número situado a la izquierda del conjunto de cuadrículas. Calc
dispone de 1 048 573 filas.
► Celda: es la intersección de una columna con una fila, es la unidad
básica de trabajo de una hoja electrónica de cálculo.

65
 INFORMÁTICA

► Columna: es el conjunto de cuadrículas consecutivas, dispuestas en

forma vertical. Cada columna se reconoce por su título de columna, de-
terminado por las letras del alfabeto. Calc dispone de 1 024 columnas.

Pongamos atención en algunos elementos nuevos que aparecen en el

área de trabajo de Calc.
► Cuadro de nombres: en el cuadro de nombres aparece la dirección de la
celda relacionada actualmente (celda activa).
► Línea de entrada: en la línea de entrada se teclean los datos que apa-
recerán en la celda activa, estos datos también se pueden introducir
directamente a la celda.
► Botones auxiliares: los botones auxiliares nos brindan una vía para
la selección e introducción de fórmulas e información para el proce-
samiento de datos en la hoja electrónica de cálculo.

Comprueba lo aprendido

1. ¿Qué nombre recibe la aplicación que estudiarás en este capítulo

para el procesamiento de datos?

2. Menciona las partes fundamentales de la aplicación objeto de estu-

dio. Explica el uso de una de ellas.

2.3 Procedimiento general de trabajo

con una hoja electrónica de cálculo
En este epígrafe estudiarás lo referente a todos los procedimientos
generales o invariantes funcionales de las hojas electrónicas de cálculo,
centrándonos en las particularidades de la aplicación Calc de la suite ofi-
mática LibreOffice.

¿Sabías que…?
Cada hoja de cálculo puede tener muchas hojas, y cada hoja, a su vez, mu-
chas celdas individuales. A partir de la versión 3.0 de Calc, cada hoja puede
tener un máximo de 65 536 filas y un máximo de 1 024 columnas, con lo
que se obtiene un total de más de 67 millones de celdas.

66
 CAPÍTULO 2

Algunos límites de la hoja electrónica de cálculo que se empleen

Los pasos para acceder a la configuración de la página son (figura 2.5):
1. Hacer clic en el menú Formato.
2. Clic en la opción Página.

Fig. 2.5 Opción Página del menú Formato

En la figura 2.6 se muestra el cuadro que aparece para configurar los

límites, la orientación y los márgenes de la página. Una vez hecho esto en
la hoja de cálculo aparece definido el límite de la página (figura 2.7).

Fig. 2.6 Menú Estilo de página

Fig. 2.7 Límite de la hoja electrónica de cálculo

67
 INFORMÁTICA

La celda activa en LibreOffice Calc

Celda activa: es una celda en una hoja de cálculo que está abierta para
su manipulación. En general, cuando una celda está activa se diferencia
gráficamente del resto de las celdas, probablemente con un recuadro más
grueso. Esto ayuda a diferenciar la celda con la que se está trabajando de
las restantes.
El elemento que define la posición de edición en una hoja de Calc es la
celda activa. Esta se encuentra actualmente activada y recibe todo el foco
de atención de la aplicación. Se muestra como un marco grueso alrededor
de la celda de color negro, con un punto cuadrado situado en el extremo
inferior derecho.
La celda activa (figura 2.8) será el lugar donde se va a escribir la si-
guiente letra o número que tecleemos, o donde se insertarán los nuevos
elementos en la hoja (imágenes, gráficos, símbolos, etc.). Para cambiarla
basta con hacer un clic sobre otra celda, o desplazarnos por la hoja con las
flechas del cursor.

Fig. 2.8 La celda activa

Edición de datos. Tipos de dato: texto y numérico

¿Qué tipo de datos podemos introducir en una celda?
Existen dos tipos de datos que pueden ser introducidos en una celda de
la hoja de cálculo: numérico y textual.
El texto es cualquier combinación de caracteres alfanuméricos y especiales.

Datos numéricos
Los datos numéricos en particular, además de estar formados por núme-
ros pueden estar acompañados de los caracteres siguientes:
► Dígitos: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9.
► Signo +: se ignora cuando el número es positivo.
► Signo --: cuando el número es negativo.
► Carácter $: cuando el dato representa moneda.
► Carácter %: cuando el dato está representando porciento.

68
 CAPÍTULO 2

► Carácter E, e: cuando es un número representado en notación científica.

► Coma (,) o punto (.): cuando el número está representado en notación
decimal (según la configuración del sistema informático).

Las fechas y horas también son consideradas datos numéricos, aunque

se muestren de una forma diferente al resto de los datos numéricos.

Introducir datos y modificar

Para la introducción de datos en la hoja de cálculo es preciso tener en
cuenta que en cada celda solo se puede introducir un dato y que esta celda
tiene que estar activa; para esto es preciso realizar los pasos que aparecen
a continuación:
Saber hacer
Los pasos para introducir datos en una celda son los siguientes:

1. Activar o seleccionar la celda donde se va a colocar el dato.

2. Escribir el dato.
3. Introducir el dato.

Estos tres pasos son la base del trabajo con las hojas de cálculo.

Activar: para activar una celda basta con hacer clic sobre esta o mover-
nos hacia ella con las teclas de desplazamiento del teclado.

Escribir: para escribir los datos basta con teclear en la celda activa
seleccionada.

Introducir: una vez escrito el dato en la celda, presionar la tecla Enter o

simplemente seleccionar otra celda cualquiera.

Modificar: para modificar el dato de una celda basta con seleccionar la

celda, escribir el nuevo dato e introducirlo. También se puede seleccio-
nar la celda con el dato que se debe modificar, este aparece en la línea
de entrada, se hace la corrección necesaria con doble clic en el dato que
se va a cambiar, tecleando el nuevo valor y se introduce haciendo clic
en el botón aplicar.

69
 INFORMÁTICA

Se pueden realizar, además, otros procedimientos sencillos para mo-

dificar los datos de una hoja de cálculo, como son: arrastrar los datos de
una celda a otra, cortar, copiar y pegar los datos de las celdas. Estos proce-
dimientos son similares a los estudiados para los procesadores de textos.

Formateo de una celda

Al introducir datos en una celda, LibreOffice Calc intentará interpretar-
lo primero como números, por defecto alineará los números a la derecha
y el texto a la izquierda, así mismo, intentará aplicarle un formato. Por
ejemplo, si en una celda se escribe 18-07-87 y presiona la tecla “Enter”
para fijar el valor LibreOffice Calc interpretará ese dato automáticamente
como una fecha y lo transforma a 18/07/87.
Si el número es muy grande y no es posible mostrarlo completo en la
celda, LibreOffice Calc lo transforma de notación decimal a notación cien-
tífica. Por ejemplo, el número 123456789 lo transforma a 1.234E + 8. La
interpretación de esta expresión es fácil E + 8 es equivalente a 10 Exp (8),
10 elevado a la 8, o lo que es lo mismo multiplicar por 1 seguido de 8 ceros.
Si de esta forma aún es demasiado grande y no puede mostrarlo completo,
la celda aparecerá rellena de los símbolos ##########.
Lo normal será esperar a introducir todos los datos para aplicar el forma-
to a la hoja de cálculo completa o al rango de celdas en cuestión.

Saber hacer
Para aplicar formato a una celda o rango de celdas debemos seguir los
siguientes pasos (figura 2.9):

1. Seleccionar las celdas que se deben formatear.

2. Clic en el menú formato.
3. Seleccionar la opción Celdas.

Fig. 2.9 Opción Celda en el menú Formato

70
 CAPÍTULO 2

Al seleccionar esta opción LibreOffice Calc mostrará el cuadro de diálo-

go Formato de celda (figura 2.10).

Fig. 2.10 Formato de celda

Además de las opciones de tipo de dato, el cuadro de diálogo Formato

de celda permite realizar modificaciones al formato de la hoja de cálculo
mediante las secciones siguientes:
► Número: desde esta sección puede asignar formatos numéricos, como
son: cantidad, porcentaje, moneda, fecha, hora, científico, separador,
valor booleano y texto.
► Tipo de letra: puede seleccionar el tipo de letra, el estilo y el tamaño.
► Efectos tipográficos: puedes escoger diferentes opciones para enrique-
cer el formato de la celda.
► Alineación: puedes modificar la alineación del texto dentro de las cel-
das seleccionadas.
► Borde: puedes escoger el tipo de línea que rodeará a las celdas seleccio-
nadas, su grosor, estilo, color, etcétera.
► Fondo: puedes escoger el color de fondo de las celdas seleccionadas.
► Protección de celdas: puedes ocultar información de determinadas cel-
das que no desees publicar.

Algunas de las opciones del cuadro de diálogo Formato de celda las puedes
encontrar disponibles en los botones de la barra de herramientas Formato.

¿Sabías que…?
Para darle formato a las celdas de forma más fácil puedes usar la he-
rramienta de Formato automático, la menor área posible a aplicarle el
formato automático es de tres filas por tres columnas.

71
 INFORMÁTICA

Para aplicar formato automático a un rango de celdas debemos seguir

los pasos siguientes (figura 2.10 a y b):
1. Seleccionar el rango de celdas que se deben formatear.
2. Hacer clic en el menú Formato.
3. Seleccionar la opción Estilos de formato automático.

a b

Fig. 2.10 a) Opción Estilos de formato automático en el menú Formato y b) Ven-

tana de Formato automático

Si no hay ningún formato automático que se ajuste a sus necesidades

puede crear su propio formato automático haciendo clic en el botón Aña-
dir del cuadro de diálogo Formato automático, el área mínima para crear
un formato es de cuatro filas por cuatro columnas.

Uso de la línea de entrada para la modificación de datos

La línea de entrada puede ser muy útil en la modificación de datos y
una hoja de cálculo, sobre todo cuando no nos hemos equivocado en todo
el texto sino solo en uno de sus caracteres.

Para modificar el texto utilizando la línea de entrada (figura 2.11) de-

bemos proceder de la siguiente forma:
1. Seleccionar la celda con el dato que se debe modificar.
2. Hacer doble clic en el carácter erróneo en la visualización que aparece
ahora en la línea de entrada.
3. Teclear el carácter correcto.
4. Hacer clic en el botón aplicar.

72
 CAPÍTULO 2

Fig. 2.11 Línea de entrada Visualizando el texto de la celda

Rango de celdas. Ordenar

Como se puede apreciar en la figura 2.11 los datos representados solo
ocupan una porción de la hoja de cálculo, de la celda A1 hasta la celda B7.
De aquí podemos deducir otra definición esencial para el trabajo con las
hojas de cálculo.

Definición
Un rango de celdas es el conjunto de celdas dispuestas una a continuación
de la otra de forma rectangular, contenidas entre las referencias a dos
celdas (celda superior izquierda, celda inferior derecha).

Para seleccionar un rango de celdas, es preciso seleccionar la primera

celda y luego arrastrar el puntero hasta la última celda del rango que se
desee (figura 2.12).

Fig. 2.12 Selección de un rango de celdas (B2:F16)

73
 INFORMÁTICA

Una de las operaciones básicas del trabajo con una hoja de cálculo es el
ordenamiento de datos de una serie numérica o alfanumérica (números o
textos); LibreOffice Calc nos brinda herramientas de trabajo que nos ayu-
dan en este tema. Estas se encuentran en la barra de herramientas como
se muestra en la figura 2.13.

Fig. 2.13 Barra de herramientas Ordenar

Saber hacer
Para el uso de estas funciones debes realizar los pasos siguientes:
Seleccionar el rango de celdas que se deben ordenar.
Hacer clic en el ícono Ordenar correspondiente de la barra de herramien-
tas (figura 2.14).

Fig. 2.14 Orden ascendente

LibreOffice Calc al ordenar los datos lo hace automáticamente por la

primera columna del rango de celdas seleccionado. Si usted desea ordenar
los datos por diferentes criterios debe realizar los pasos siguientes:
1. Definir el área de datos que desea ordenar.
En LibreOffice Calc esta operación se conoce como definir área de base
de datos y puede realizarla desde la barra de menú “Datos”, opción
“Definir intervalo”. Con esto se muestra la ventana “Definir intervalo
de base de datos” (figura 2.15).

74
 CAPÍTULO 2

Fig. 2.15 Ventana Definir intervalo de base de datos.

Esta ventana le pedirá los datos siguientes:

► Nombre del área que va a trabajar.
► Rango de celdas que abarcan los datos. Para seleccionar el rango de
celdas, hacer clic en el ícono que aparece al lado, seleccionar el ran-
go de celdas y luego hacer clic en el mismo ícono.
► Para finalizar hacer clic en aceptar y ya quedó definida el área de
base de datos.
2. Seleccionar el rango de celdas a ordenar.
Desde el propio menú Datos en la opción Seleccionar intervalo puedes
seleccionar cualquiera de los intervalos ya definidos para proceder a
ordenarlos; una vez seleccionado el intervalo este rango de celdas que-
dará resaltado.
3. Ordenar los datos.
Una vez seleccionada el área ya puede ordenar sus datos; para ello
sigue los pasos en la barra de menú “Datos”, opción “Ordenar” y apa-
rece la ventana Ordenación (figura 2.16).

Fig. 2.16 Ventana Ordenación

75
 INFORMÁTICA

En la ventana Ordenación se nos pide definir los parámetros siguientes:

► Clave de ordenación 1: seleccionará la columna por la que comenzará
a ordenar.
► Ascendente: ordena la selección del valor mínimo al máximo (del 0 al 9
o de la A a la Z).
► Descendente: ordena la selección del valor máximo al mínimo (del 9 al
0 o de la Z a la A).
► Clave de ordenación 2: selecciona la columna que quiere que se utilice
como criterio de ordenación secundario. Este dato es opcional.

Cuando se ordena a partir de una columna se reorganizan las filas que

ha indicado como criterio, manteniendo así la coherencia y organización
en la hoja de cálculo.

Comprueba lo aprendido

1. ¿Cuáles son los tipos de datos que pueden ser procesados en una
hoja de cálculo? Define uno de ellos.

2. Apoyándote en la dirección que se brinda en el epígrafe 2 de este

capítulo, ejecuta el LibreOffice Calc y crea una nueva hoja de cálculo.
a) Introduce los datos que aparecen en la tabla 1.8 de la página 35
de tu libro de texto de Matemática.
b) Aplica al rango de celdas un formato agradable.
c) Guarda el trabajo en la carpeta Estudiantes con tu nombre y grupo.

3. Apoyándote en la dirección que se brinda en el epígrafe 2 de este

capítulo ejecuta el LibreOffice Calc y abre la tabla guardada en el
ejercicio anterior.
a) Ordena los datos de forma ascendente por el orden alfabético de
las carreras.
b) Copia la tabla a una nueva hoja.
c) Ordena los datos de la nueva tabla a partir de la segunda columna,
pero de forma descendente para saber cuál fue la mayor cantidad
de plazas que ofertó el Ministerio de Educación Superior (MES)
para el curso diurno.
d) Guarda los cambios realizados en dicha hoja de cálculo.

76
 CAPÍTULO 2

4. En la dirección que se brinda en el epígrafe 2 de este capítulo ejecuta

el LibreOffice Calc y abre una nueva hoja de cálculo.
a) Introduce los datos que aparecen en la tabla 1.7 de la página 35
de tu libro de texto de Matemática.
b) Aplica a la tabla un formato de acuerdo a su contenido.
c) Ordena los datos de forma ascendente por la segunda columna
para constatar el orden de los países con menor mortalidad infan-
til en Las Américas.
d) Resalta en otro color el país con menor mortalidad Infantil.
e) Investiga en la enciclopedia cubana ECURED qué acciones realiza
este país para lograr este objetivo y lleva a tu libreta al menos
tres de ellas.

2.4 Procesamiento de datos con la hoja electrónica

de cálculo. Cálculo dinámico
La idea de cálculo dinámico aparece por primera vez cuando se crearon
las hojas de cálculo. Lo dinámico se asocia a que se plantean cálculos sobre
la base de operaciones entre celdas que finalmente darán un resultado,
pero el dinamismo está en que si se cambia el valor de las celdas los resul-
tados se actualizan automáticamente y es lo que se conoce en Informática
como cálculo dinámico.

Introducción de fórmulas
Otro de los aspectos más comunes a todas las aplicaciones que procesan
datos, es la introducción de fórmulas en las celdas; estas fórmulas permiten
obtener nuevos datos para el uso de los usuarios y de esta forma facilitar
su trabajo.

Definición
Una fórmula es una cadena de caracteres que contiene referencia a
celdas, describe típicamente un cálculo que será realizado sobre una o
más variables.

Cuando se introducen datos en una celda, estos datos aparecen en la

celda activa y en la línea de entrada. Para escribir una fórmula se pone
como primer carácter de la celda el signo de igual (=), lo que sigue después

77
 INFORMÁTICA

tiene que ser una expresión matemática válida, esta expresión matemática
puede estar formada por las cuatro operaciones básicas: sumar (+), restar (-),
multiplicar (*) y dividir (/) o por funciones.
En la línea de entrada aparecen tres botones (figura 2.17):

Fig. 2.17 Botones de la línea de entrada

► Asistente de funciones: este ícono activa el asistente de funciones, que

le permite utilizar funciones matemáticas de diferente índole dentro
de la hoja de cálculo.
► Cancelar: este ícono restaurará el contenido de la celda a su valor ini-
cial, de este modo no se introducirán los datos y la celda quedará con
su valor anterior.
► Aplicar: este ícono valida el valor para introducirlo en la celda.

Operadores aritméticos. Fórmulas: sumar, promedio y contar

Para introducir la fórmula sumar:
1. Seleccionar la celda en la que se introducirá la fórmula.
2. Clic en el ícono del asistente de funciones, donde aparecerá la ventana
para seleccionar la función deseada (figura 2.18).

Fig. 2.18 Ventana del asistente de funciones

3. Doble clic en la función deseada (Suma). Aparecerá a la derecha para

seleccionar las celdas que contienen los datos (figura 2.19).

78
 CAPÍTULO 2

Fig. 2.19 Ventana del asistente de funciones para seleccionar los datos que se
deben sumar

4. Clic en el ícono de la derecha del número uno. Aparece la ventana para

seleccionar las celdas (figura 2.20).

Fig. 2.20 Ventana para seleccionar celdas

5. Selecciona las celdas haciendo clic y arrastrando con el cursor.

6. Clic en el mismo ícono del paso cuatro.
7. Clic en Aceptar. Aparece la suma de los datos en la celda seleccionada
(figura 2.21).

Fig. 2.21 Resultado de la suma

79
 INFORMÁTICA

Como puedes observar en la figura 2.21 en la celda seleccionada está el

valor de la suma de la mortalidad infantil en Cuba y en la línea de entrada
se muestra la fórmula utilizada para esta suma.

¿Sabías que…?
Si se actualizan los datos de la tabla, la suma se actualiza automáticamente.

Para calcular el promedio es similar a la suma (la diferencia está en la

selección de la función):
1. Seleccionar la celda en la que se introducirá la fórmula.
2. Clic en el ícono del asistente de funciones.
3. Doble clic en la función deseada (promedio).
4. Clic en el ícono de la derecha del número uno.
5. Selecciona las celdas haciendo clic y arrastrando con el cursor.
6. Clic en el mismo ícono del paso cuatro.
7. Clic en Aceptar. Aparece el promedio de los datos en la celda selec-
cionada (figura 2.22).

Fig. 2.22 Resultado del promedio

Una vez vistos estos dos ejemplos, el proceder para las demás operacio-
nes, básicamente, es el mismo, solo cambia la función en correspondencia
con el cálculo que se debe realizar en cuestión.
La función contar devuelve la cantidad de datos en un rango de celdas
que contienen números. El método para la obtención de este conteo es
similar al del promedio y la suma.

Gráficos de barra, circular y línea

La totalidad de las hojas de cálculo poseen alternativas de gráficos para
la representación de los datos de las tablas contenidos en ellas.

80
 CAPÍTULO 2

Definición
Un gráfico es la representación que ilustra un conjunto de datos que per-
mite observar la relación entre sus elementos. Su impacto visual facilita
su análisis.

En LibreOffice Calc podemos representar datos utilizando los diferentes

tipos de gráficos, para ello debemos tener en cuenta las exigencias de los
datos para hacer una buena selección del gráfico que se debe elaborar.

Gráfico de barras: se utiliza cuando se pretende resaltar la representa-

ción de porcentajes de datos que componen un total, contiene barras
verticales que representan valores numéricos, generalmente, usando
una hoja de cálculo. La gráfica de barras sirve para comparar y tener una
representación gráfica de la característica numérica de interés.

Gráfico de línea: las gráficas lineales se recomiendan para representar

series en el tiempo, y es donde se muestran valores máximos y mínimos;
también se utilizan para varias muestras en un diagrama.

Gráfico circular: permite ver la distribución interna de los datos que

representan un hecho, en forma de porcentajes sobre un total.

Para elaborar un gráfico es preciso:

1. Marcar el área que contiene los datos que desea representar en el grá-
fico (figura 2.23).

Fig. 2.23 Selección del área

81
 INFORMÁTICA

2. En el menú Insertar elegir Diagrama (figura 2.24).

Fig. 2.24 Insertar diagrama

3. Se abrirá el Asistente de diagramas (figura 2.25).

Fig. 2.25 Asistente de diagramas. Seleccionar el tipo de diagrama

4. Seleccionar el tipo de diagrama que desea utilizar y hacer clic en

Siguiente.
5. Se muestra la opción Intervalo de datos. Clic en Siguiente (figura 2.26).

Fig. 2.26 Intervalo de datos

6. Se muestra la opción Serie de datos. Clic en Siguiente (figura 2.27).

82
 CAPÍTULO 2

Fig. 2.27 Series de datos

7. Se muestra la opción Elementos del diagrama. En esta opción se le asig-

na un título al diagrama y los parámetros de cada uno de los ejes como
se muestra en la figura 2.28.

Fig. 2.28 Elementos del diagrama

8. Clic finalizar. Se muestra el diagrama en la hoja de cálculo (figura 2.29).

Fig. 2.29 Diagrama en la hoja de cálculo

Una vez creado el diagrama puedes hacer modificaciones en su aparien-

cia haciendo clic en el botón secundario del ratón sobre cada elemento de
este (barras, líneas, área, leyenda, eje x, eje y) (figura 2.30).

83
 INFORMÁTICA

Fig. 2.30 Ventana para modificar la apariencia del diagrama

Comprueba lo aprendido

1. ¿Qué entiendes por una fórmula?

2. Menciona los tres íconos que aparecen en la línea de entrada. Explica

para qué se utiliza cada uno de ellos.

3. Ejecuta LibreOffice Calc y cree una nueva hoja de cálculo.

a) Introduce los datos de la tabla 1.7 de la página 35 de tu libro de
texto de Matemática.
b) Calcula la suma de la tasa de mortalidad infantil de los países
representados.
c) Calcula el promedio y diga qué países están por encima de la media.
d) Construye un gráfico de línea con esos datos.
e) Guarda el trabajo en la carpeta Estudiantes, con tu nombre y grupo.

4. Ejecuta LibreOffice Calc y crea una nueva hoja de cálculo.

a) Aplicando los conocimientos obtenidos en esta unidad, resuelve
el ejercicio 21, página 35 de tu libro de texto de Matemática, in-
cisos a, b y d.

5. Ejecuta LibreOffice Calc y crea una nueva hoja de cálculo.

Aplicando los conocimientos obtenidos en esta unidad, resuelve el
ejercicio 2, página 36 de tu libro de texto de Matemática, inciso a.

84
 CAPÍTULO 3 Construyendo para la web

Introducción

E
n nuestra sociedad cada vez se hace más necesario, en todos los
ámbitos, el uso de internet como medio de comunicación. Esta comu-
nicación no debe ser solo pasiva sino también activa. La Word Wide
Web cuenta desde sus orígenes con más usuarios en el lado de la demanda
de información que en el lado de la oferta o publicación. Esto es debido
a la aparente complejidad de la edición y publicación de las páginas web.
Sin embargo, como se verá en esta unidad, diseñar y publicar páginas web
no es más difícil que usar otros programas como un procesador de textos
o de presentaciones a un nivel de usuario intermedio. Nuestro objetivo,
que aprendas a diseñar y editar páginas web con un criterio estético, in-
tegrando elementos multimedia, utilizando para ello un editor de texto
plano y un programa de edición de documentos HTML.
En séptimo grado estudiaste que una página web, página electrónica o
ciberpágina, es un documento o información electrónica, capaz de contener
texto, sonido, video, programas, enlaces, imágenes, y muchas otras cosas,
adaptada para la llamada World Wide Web (WWW) y es accedida mediante
un navegador. Esta información se encuentra, generalmente, en formato
HTML o XHTML, y puede proporcionar navegación (acceso) a otras páginas
web mediante enlaces.

3.1 La web como servicio fundamental de internet

¿Sabías que…?
La web también se conoce como el rostro multimedia de “internet”.

85
 INFORMÁTICA

Sitio web. Navegador URL

Un sitio web (en inglés website) es un fichero o conjunto de ficheros, en
principio en formato HTML, alojados en un servidor de internet y accesibles
mediante al protocolo http (HyperText Transfer Protocol).
Cada uno de estos ficheros en formato HTML se llama página web, y lo
normal es que un sitio web esté compuesto de varias de estas páginas. Un
sitio web puede tratar sobre uno o varios contenidos.
Un conjunto de páginas conforma un sitio web si a todas ellas se accede,
mediante los oportunos enlaces de hipertexto, desde una página común
que actúa de índice. Esta página índice también se llama principal, página
de inicio o home. La URL (Uniform Resource Locator o Localizador Unifor-
me de Recursos) de esta página índice es la dirección del sitio web.

¿Sabías que…?
Es muy común encontrar el prefijo “www” al comienzo de las direcciones
web debido a la costumbre de nombrar al host de internet (los servidores)
con los servicios que proporcionan. Por ejemplo, el nombre de host para
un servidor web normalmente es “www” y para un servidor FTP se suele
usar “ftp”.

El sitio web del Cubaeduca contiene una serie de páginas. Todas ellas
son accesibles a partir de la página índice, cuya URL es: [Link]
[Link]/.
Una URL puede dar acceso también a un documento en formato PDF.
En realidad, un sitio web puede alojar y dar acceso a ficheros en formatos
muy diversos. Sin embargo, el tipo de ficheros que permiten la navegación
y la existencia de la World Wide Web son los ficheros en formato HTML.
En esta unidad vamos a aprender a generar páginas web, centrándonos
en la edición de ficheros en formato HTML.

Variantes para la construcción de un sitio web

Para editar ficheros en formato HTML se pueden usar dos vías: usar un
editor de texto sencillo como es el bloc de notas o emplear un software editor
de páginas web.
Un fichero HTML no es más que un conjunto de caracteres que se pue-
den escribir con cualquier editor de textos. Sin embargo, los programas de

86
 CAPÍTULO 3

edición como los mencionados o cualquier otro pueden facilitar determi-

nadas labores.
En esta unidad vamos a ver una serie de procedimientos para la edición
de páginas sencillas y lo haremos trabajando tanto con un editor de texto
plano como con un programa de diseño web.
Concretamente, mostraremos los procedimientos que se usan con el pro-
grama Kompozer, porque es libre, gratuito y multiplataforma. Esto quiere
decir que existen versiones idénticas para los sistemas operativos Linux,
Windows y Mac OS-X.
Debemos aclarar que esta unidad no pretende ser un manual de uso del
programa. Solo se estudiará cómo realizar con Kompozer algunos de los
procedimientos explicados. En cuanto al editor de textos, si se trabaja con
Windows, se recomienda el Bloc de notas, que viene en todas las versiones
como accesorio. Si se trabaja con Linux, se recomienda Gedit o cualquier
otro editor de texto plano. El texto plano es el que no tiene formato de
ningún tipo (negrita, cursiva, subrayado, etcétera).
Es preferible un editor de texto plano porque no es conveniente introdu-
cir en el documento HTML códigos ajenos a los del propio lenguaje HTML,
para evitar eventuales conflictos o confusiones.
Para poder ver el resultado de lo realizado con el Bloc de notas (o con
Gedit) necesitaremos un navegador de internet, que puede ser el Explorer
de Microsoft, el Mozilla Firefox, o cualquier otro. Ya se ha comentado que
una página web es un documento de texto. Lo único que la distingue de
un documento de texto, es que se guarda con extensión “.html”, o “.htm”,
que es lo que permite que este texto sea interpretado y mostrado al usuario
como página web por un programa navegador.
La forma de trabajar será la siguiente:
1. Con el Bloc de notas escribimos los códigos y creamos un fichero,
llamado Fichero fuente. Este fichero lo guardamos con la extensión
“.html”, o “.htm”. La extensión elegida no influye en la interpretación
que los navegadores hacen de la página web creada. Sin embargo,
cuando queramos crear un enlace a dicha página, en el enlace ha-
brá que escribir el nombre del fichero con el nombre y la extensión
exactos. De lo contrario, el navegador no lo reconocerá y aparece-
rá el mensaje “página no encontrada”. Se recomienda al educando
que siempre guarde los ficheros creados con una de las extensiones,

87
 INFORMÁTICA

y que siempre lo hagan con la misma (cuatro caracteres o tres) pero

que nunca guarden unos ficheros con un tipo de extensión y otros
con otro tipo, ya que podría conllevar problemas a la hora de crear
los enlaces.
2. El resultado de lo escrito con el Bloc de notas y guardado con extensión
“.htm”, lo veremos cuando ejecutemos el documento en el navegador.
Siempre que modifiquemos el contenido del fichero fuente debere-
mos guardar el trabajo y luego, para ver el resultado en el navegador,
daremos al botón Actualizar. Para ver los códigos con los que está
confeccionada una página, incluida la nuestra, vamos al menú.
3. Ver, del navegador, y pulsamos en la opción Código fuente (figura 3.1).

Fig. 3.1 Código fuente de un sitio web

El diseño del sitio web

Cuando se crea un sitio web es importante prestar cierta atención a su
diseño antes de empezar a escribir nada. El diseño del sitio consiste bási-
camente en pensar y planificar tres cosas: el objetivo y funciones del sitio,
el contenido y el diseño en sentido estricto.
► Objetivo: se trata de establecer qué se pretende conseguir con el sitio
web y qué función va a realizar este. Normalmente se tratará de pro-
porcionar información a usuarios. Por tanto, es conveniente pensar qué
perfil tienen dichos usuarios y, en función de esto, adaptar los conteni-
dos y la forma o diseño.
► Contenido: el contenido debe estar delimitado y ser concreto. Es mejor
crear varios sitios con contenidos diferentes que incorporar contenidos
muy diversos en un solo sitio web.

88
 CAPÍTULO 3

► Diseño: incluye dos aspectos; el diseño de la estructura de los conteni-

dos, o clasificación de estos y el diseño gráfico.

Es importante organizar los contenidos de forma adecuada y pensar una

forma de presentación que sea fácil e intuitiva. El formato y los contenidos
de las páginas que van a constituir el sitio, así como los enlaces entre estas
deben permitir al usuario una navegación sencilla, con facilidad para retro-
ceder, avanzar sin perderse y tener que volver a empezar desde el principio.
Es importante cuidar el formato o diseño gráfico, que implica elegir
la tipografía, colores, fondos, etc., de tal manera que hagan del sitio un
entorno de lectura o trabajo agradable.

Ejemplo de código fuente en HTML (Wikipedia org. Dominio público)

Estructura básica de una página web

Para que el navegador reconozca que lo que se va a abrir es una pági-
na web (y así se puede ver lo que el autor quiere que se vea), además de
guardar el fichero con la extensión “.htm” o “.html”, es imprescindible
escribir los códigos <html> y </html> al principio y al final del texto, como
se muestra en la imagen 3.1.
Estos caracteres que van entre llaves se llaman códigos o etiquetas, y son
los que el navegador interpreta para presentar en pantalla, lo que vemos
en una página web. Debe quedar claro que no todo lo que se escribe es lo
que se va a ver en la pantalla.
Una página tiene dos partes diferenciadas, que no se ven en el navega-
dor, pero sí en los códigos: el encabezamiento y el cuerpo.

La estructura básica de una página web es:

► <html>
► <head>
► <Title>Título</Title>
► </head>
► <body>
► Contenido
► </body>
► </html>

89
 INFORMÁTICA

El encabezamiento
El encabezamiento se indica con las etiquetas <head> y </head >, de
comienzo y final, respectivamente. Dentro del encabezamiento hay con-
tenidos diversos.
El contenido más importante del encabezamiento es el título de la pági-
na, que se escribe entre las etiquetas <title> y </title>. El título de la página
es lo que se muestra en la barra de títulos de la ventana del navegador. Por
ejemplo, si como título escribimos “Cómo diseñar página web”, se verá lo
siguiente (figura 3.2):

Fig. 3.2 Título de la página web

Saber más
El título de la página que va entre las etiquetas mencionadas es también
el que se archiva en Favoritos o en el historial de navegación.

El cuerpo de la página
A continuación del encabezamiento se escribe lo que se llama el cuerpo
de la página. El contenido del cuerpo es lo que resulta visible para el visi-
tante, y contendrá texto, enlaces, imágenes, tablas, etc. El cuerpo va entre
las etiquetas <body> y </body>.
En la imagen anterior, lo único que muestra el navegador como cuerpo
de la página es la palabra “Contenido”.

Comprueba lo aprendido

1. Explica algún procedimiento para acceder al código fuente de una

página web.

2. Explica razonadamente si el visitante de una página web puede ver

en la pantalla lo que el autor de esta ha escrito entre las etiquetas o
códigos <title> y </title>.

90
 CAPÍTULO 3

3. Explica razonadamente si crees que va a ser visible o no lo que escri-

bamos entre las etiquetas <head> y </head>.

Recuerda que…
Todas las páginas web se escriben mediante una serie de códigos o etique-
tas que conforman lo que se denomina “lenguaje HTML”. Estos códigos se
escriben con caracteres de texto, lo que en conjunto se denomina código
fuente de la página.

El código fuente de una página se estructura en dos grandes apartados: el

encabezamiento y el cuerpo.

El texto y sus códigos más importantes

Vamos a empezar el estudio de la edición de la página con el texto y algu-
nos de los atributos o características más importantes que puede presentar.
Implícitamente, el tipo y tamaño de letra que van a presentar los nave-
gadores es Time New Roman de 12 puntos en color negro. Sin embargo,
podemos modificar la presentación mediante una serie de etiquetas de las
que vamos a mencionar solo algunas.

Encabezados o títulos
El tamaño de la letra se modifica mediante los llamados encabezados
o títulos. Los encabezados tienen numeración del uno al seis, siendo el
encabezado uno el de mayor tamaño.
Para escribir un texto que tenga el tamaño tres, habrá que escribirlo en-
tre las etiquetas <h3> y </h3> que indican el comienzo y el fin del formato
respectivamente (tabla 1), y el resultado tal como se ve en el navegador
(figura 3.3).
Tabla 1

<h1>Título en h1<h1/> Título en h1

<h2>Título en h1<h2/> Título en h1

<h3>Título en h1<h3/> Título en h1

<h4>Título en h1<h4/> Título en h1

<h5>Título en h1<h5/> Título en h1

<h6>Título en h1<h6/> Título en h1

91
 INFORMÁTICA

Fig. 3.3 Ejemplo de cómo se ven las etiquetas en el navegador

Tipo de letra o fuente

Para indicar el tipo de letra se hace mediante la etiqueta font y el atri-
buto face.

Por ejemplo:
<fontface>=“arial”>texto que va a ir en arial</font>

Vemos que al final del texto que va a ir con el tipo de letra del ejemplo,
se cierra la etiqueta font mediante </font>. Si no se pone nada, el tipo de
letra que va a presentar el navegador será Times New Roman en 12 puntos.
En Kompozer, para que una parte del texto aparezca en un formato
de fuente determinado, se hace seleccionando el texto correspondiente y
luego el menú FormatFont tipos de letra elegido (por ejemplo, “Arial”),
similar a como lo haríamos desde un procesador de textos como el Word
o el Write.

Color del texto

Podemos poner un color por defecto distinto del negro, introduciendo
en la etiqueta del cuerpo el siguiente código (para poner, por ejemplo,
color rojo): <bodytext=“red”>. Si solo queremos modificar el color de una
parte del texto, haremos:
<font color=“blue”>Texto que va en azul</font>

Tamaño del texto

Existen dos posibilidades; hacer un párrafo con tamaño diferente, de
forma simultánea, con <h1> y </h1>, que puede variar entre seis (el más

92
 CAPÍTULO 3

pequeño) y uno (el más grande), o modificar el tamaño en una parte del
texto, sin crear un párrafo, con <Font size=“7”> y </font> desde 7 (el más
grande) hasta -7 (el más pequeño).
El tamaño implícito o base es el tres, pero se puede cambiar para todo
el cuerpo de la página con el comando <basefontsize=“5”>, por ejemplo,
a continuación de <body>.
Algunos otros efectos de uso habitual sobre el texto, serían los siguientes
(tabla 2):

Tabla 2

¿Cómo se verá en el
Efecto
Efecto y etiqueta
y etiqueta ¿Cómo se verá en Mnemotecnia
Mnemotecnia
navegador?
el navegador?

<b> Texto en negrita

Texto en negrita Bold
<b/>

<i> Texto en itálica<i/> Texto en negrita Itálica

<b><i> Texto en negri- Texto en negrita e

ta e itálica<i/></b> itálica

<u>Subrayado<u/> Subrayado Underline

H<sub>2<sub/>O H2O (Subíndice)

X<sup>2<sup/>+4x X2 + 4x (Supraíndice)

En Kompozer todos los efectos vistos sobre el texto se encuentran en el

menú “Format”. Los de la tabla se encuentran en: Format/Font/Text Style
(figura 3.4):

Fig. 3.4 Menú tipo de letra

93
 INFORMÁTICA

Otros efectos muy útiles serían los que se muestran en la tabla 3

(figura 3.5).
Tabla 3

Centrar texto <center>texto</center>

<p align=“right”>Texto</p> (puede ser “rigth”,

Alinear texto
“center” y “left”)

Salto de línea <br>

Línea en blanco <p>

Fig. 3.5 Visualización del efecto

Cuando se está editando una página web con un editor de texto plano,
es muy importante recordar que este editor no es WYSIWYG. Este término
es el acrónimo de “What You SeeIs What You Get”, o “Lo que ves es lo
que tienes”.
En un editor que sí tenga esta característica, se verá en pantalla lo mismo
que se va a ver cuando el fichero lo abra el navegador. Esto no pasa cuando
editamos una página con un editor de texto plano.
Por ejemplo, si hacemos un salto de línea editando en un bloc de notas
(editor de texto plano) pulsando la tecla “Enter” o “Retorno”, el cursor
pasa al inicio de la línea siguiente. Sin embargo, cuando veamos la página,
este salto no se ha producido, ya que el navegador solo interpreta un salto
de línea cuando ve el código <br>.

Las listas
En ocasiones se presenta la necesidad de elaborar listas con diferentes
ítems. Existen dos tipos de listas:

94
 CAPÍTULO 3

1. Listas desordenadas (sin que aparezca el número de orden al principio

de la línea):
► <ul>(unordered list)
► <li>(list item)
► <li>
► </ul>

2. Lista ordenada:
► <ol>(ordered list)
► <li>
► <li>
► </ol>

Por ejemplo, si escribimos:

A continuación, se expone el orden del día de la reunión:
<ul>
<li>Presentación del director de la escuela </li>
<li>Presentación de los profesores guías</li>
<li>Presentación de los resultados académicos </li>
<li>Asuntos generales</li>
</ul>

El resultado que se verá será este:

1. A continuación, se expone el orden del día de la reunión:
2. Presentación del director de la escuela.
3. Presentación de los profesores guías.
4. Presentación de los resultados académicos.
5. Asuntos generales.

Mientras que si lo que escribimos es lo mismo, pero con la etiqueta de

lista ordenada (orderedlist-ol):

A continuación, se expone el orden del día de la reunión:

<ol>
<li>Presentación del director de la escuela</li>
<li> Presentación de los profesores guías</li>

95
 INFORMÁTICA

<li> Presentación de los resultados académicos </li>

<li> Asuntos generales</li>
</ol>

El resultado será:
A continuación, se expone el orden del día de la reunión:
1. Presentación del director de la escuela.
2. Presentación de los profesores guías.
3. Presentación de los resultados académicos.
4. Asuntos generales.

En listas no enumeradas se puede cambiar la marca delante de cada

ítem. Por ejemplo: <ultype=“square”>, pone un cuadradito en vez del
círculo que aparece implícitamente. Si se quiere modificar solo la marca
de un ítem concreto, se pone la etiqueta solo en </i>, y no en <u/>.
En listas numeradas, se puede cambiar la grafía del número de orden,
con el código “type”, igual que antes, variando a las formas, i, l, a, A.
Además, se puede hacer que comience a ordenar por cualquier número,
con el código “start”.
Por ejemplo: <olstart=“3”>.
Con Kompozer el proceso es tan sencillo como seleccionar el texto con el
que se quiere hacer una lista y utilizar el menú Format/List/opción a elegir.
Por ejemplo, si queremos hacer una lista numerada u ordenada (figura 3.6).

Fig. 3.6 Lista numerada

Separadores horizontales
Un separador horizontal es una barra con formato de imagen para or-
denar contenidos en la página y mejorar así su presentación. Se introducen

96
 CAPÍTULO 3

con la etiqueta <hr>. En principio ocupa de lado a lado de la página, pero

el ancho se puede modificar. Para tener un separador que ocupe el 75 %
de la anchura de la página escribiríamos: <hrwdth=“75%”>. Para que ocu-
pe el 35 % y esté alineado a la izquierda: <hrwidth=“35%”align=“left”>.
También se puede modificar el espesor: <hrsize=“20”>, o hacer que sea una
línea sólida, no alineada sobre el fondo: <hrnoshade>.
Un ejemplo de página muy sencilla con un separador del 35 % de esta
de ancho, y alineado a la izquierda sería el siguiente (figura 3.7).

Fig. 3.7 Separador alineado a la izquierda

Para insertar una barra de separación con Kompozer: Insert Horizontal

line, y para modificar sus propiedades, se pulsa en el objeto con el clic de-
recho y selecciona Horizontal line properties, que nos lleva a un cuadro de
diálogo donde podemos modificar la anchura, el grosor, etcétera.

Comprueba lo aprendido

1. ¿Cómo se puede modificar el texto de todo el cuerpo de la página

para que no sea de color negro sino verde?

2. Explica cómo se haría para modificar el color de una parte del texto,
quedando el resto como señala la etiqueta <body>.

3. Explica qué es una lista ordenada y qué códigos en HTML hay que
escribir para que el navegador la presente.

97
 INFORMÁTICA

Recuerda que…
Algunas etiquetas importantes para dar formato al texto son:

► Tipo de letra: <fontface=“...”>texto que va a ir con este tipo </font>.

► Color de texto:<bodytext=“…”>, o bien, solo para un fragmento,
<font color=“…”>Texto que ha de ir en este color </font>.
► Tamaño del texto: con <h1> y </h1>, <h2> y </h2>, etcétera.
► Negrita: (<b>… </b>), itálica (<i>… </i>) subrayada.
► (<u>… </u>), etcétera.
► Salto de línea: <br>.
► Línea en blanco: <p>.
► Alineación <p align=“…”> (left, center, rigth).
► Separador horizontal: <hr>.

3.2 Multimedia en la página web

Inserción de enlaces, hipervínculos o links

Esta es una de las opciones fundamentales, pues permite navegar entre
distintas páginas. Esto es el verdadero soporte de internet: el poder ir de
unas páginas a otras. Para poder navegar las páginas deben contener en-
laces de hipertexto que funcionen, que estén actualizados debidamente y,
de ser posible, que vayan acompañados de una breve explicación acerca
del contenido que nos vamos a encontrar cuando lleguemos a la página
de destino. Los códigos son: <a> y </a>, y entre ambos se escribe una pala-
bra o frase breve que indique dónde conduce el enlace. Existen diferentes
modalidades.

Enlace a otras páginas

Enlazan con una página alojada en otro servidor, por ejemplo, con el
sitio del Ministerio de Educación, cuya dirección es: [Link]
<a href=“[Link] ir al sitio del Ministerio de Educa-
ción >/a>.

Enlaces a otras partes o secciones de una página

Si lo que queremos es enviar al visitante a otra parte dentro de nues-
tra página, debemos colocar etiquetas en determinados puntos de esta,

98
 CAPÍTULO 3

pero que sirvan como punto de enlace. Imaginemos que una página tiene
diferentes secciones, una de las cuales se llama “Círculos de interés”. En
cualquier parte de la página podemos colocar un enlace que nos lleve,
con solo pulsar, a esta sección de Círculos de interés. Para ello, creamos
una etiqueta junto a la sección “Círculos de interés”, con el comando <a
name=“Círc. Interés”> y luego creamos el enlace desde donde queramos
acceder a dicha sección, de la siguiente forma: <a href=# “Círc. Interés”> Ir
a la sección “Círculos de Interés “</a>.

Enlaces a direcciones de correo

Es similar a la anterior, pero la dirección de referencia es una dirección
de correo, por ejemplo:
<a href=“malito: educando@[Link]”>Manda un correo a
Educando </a>.

Enlaces a otra página del mismo sitio web y en el mismo servidor

Ya hemos comentado que casi todos los sitios web incluyen no una, sino
una serie de páginas relacionadas. Cada una de estas páginas es un docu-
mento diferente, aunque luego se enlazan unas con otras para conformar
el sitio web.
En este caso, ponemos el nombre del fichero fuente de la página que se
quiere visitar. Lo normal es que todas las páginas estén en la misma carpeta
que la página inicio o home, con lo que los comandos para ir a ellas serán,
por ejemplo: <a href=“[Link]”>Ir a la página 2</a>.
En el enlace hay que indicar la ruta hasta llegar al fichero fuente. Re-
cordaremos que la ruta de un archivo es su colocación en un sistema de
directorios o carpetas.

Nota: cuando demos nombres a los ficheros y a las carpetas, debemos

procurar tres cosas:
► No escribir con mayúsculas.
► No escribir con acentos.
► No dejar espacios en blanco.

Esto es debido a que los servidores donde se alojan las páginas no sue-
len admitir estos formatos y puede haber problemas a la hora de acceder

99
 INFORMÁTICA

a las páginas cuyos nombres contengan espacios en blanco, acentos, etcé-

tera. No siempre es así, pero por si acaso, mejor evitarlo.
Para crear un hipervínculo con Kompozer, lo primero que hay que hacer
es seleccionar el texto que va a servir de enlace. Luego, en el menú Insert
Link aparece un cuadro de diálogo en el que hay que introducir la dirección
del hipervínculo.

Color del texto de los enlaces

Implícitamente, el color del texto de los enlaces es el azul. Sin embargo,
se puede cambiar con las etiquetas siguientes dentro de la etiqueta <body>:
► “link”: color del texto del enlace sin haber sido pulsado.
► “vlink”: color de los enlaces visitados:
► “alink”: color de los enlaces cuando son pulsados.

Imágenes
Las imágenes mejoran mucho la presentación de la página. Lo normal
es que la imagen esté en la misma carpeta que la página. Si no es así, en
el nombre de la imagen se escribirá la ruta hasta esta e incluso, si está en
otra página fuera del sistema, lo que no es aconsejable porque se ralen-
tizaría mucho la carga. El código básico para la inserción de una imagen
es: <img src=“[Link]”>.
Cuando se ponen imágenes en una página es muy frecuente, y resulta
muy útil introducir lo que se denomina “Texto alternativo”. Esto es un
texto que va a aparecer en el marco creado por el navegador, y que se
leerá solo en el caso de que la imagen, por la razón que sea, no se cargue.
También aparecerá, a modo de descripción, cuando se pase el puntero del
ratón por encima de la imagen, una vez cargada esta. Para que aparezca
este texto alternativo, introducimos el atributo “alt” en la etiqueta de
imagen, por ejemplo: <img src=“[Link]” ALT=“descripción”>.
En la tabla siguiente se presenta una página sencilla que consta única-
mente de una imagen. La imagen representa un conector RJ-45, para una
red local. Hemos escrito los códigos para que aparezca la imagen y una
descripción en un cuadro flotante, que se activa al pasar el puntero por
encima de la foto (figura 3.8).

100
 CAPÍTULO 3

Fig. 3.8 Ejemplo de página web sencilla

Una forma muy interesante y habitual de usar las imágenes en las

páginas es hacer de estas un enlace a otra página. En este caso el código
sería: <a href=“mipagina2”><img src=“[Link]”></a>.
Lo que hacemos es poner un enlace, y dentro de las etiquetas de aper-
tura y cierre del enlace propiamente dicho, el código para la inserción de la
imagen. Si no queremos que aparezca el borde que indica que esta imagen
se trata de un enlace, lo eliminamos escribiendo border=“0” después del
nombre de la imagen.
Una imagen se puede utilizar para enlazar con otra imagen:
<a href=“[Link]”><imgsrc=“[Link]></a>.
De esta forma, pulsando en la moto, vamos a ver un coche.

Comprueba lo aprendido

1. Explica cómo se puede modificar el color del texto de los enlaces o

hipervínculos para que no aparezcan azules.

2. En la estructura de directorios del servidor de una página web, en

la cual todas las imágenes que aparecen se encuentran alojadas en
la carpeta “Images”, indica, ¿qué etiqueta o código HTML hay que
escribir para que en la página “[Link]” aparezca una imagen
llamada “[Link]”?

Alineación de las imágenes

Al igual que el texto, una imagen se puede alinear mediante las eti-
quetas <p> y <div> y el atributo “align”. Por ejemplo, para alinear una

101
 INFORMÁTICA

imagen a la derecha o a la izquierda escribiríamos: <div align=“right”><img

src=“[Link]”></div> o <p align=“left”><img src=“[Link]”></p>.
Si queremos que haya texto a los lados de la imagen, usamos la etiqueta
de atributo “align” dentro de la propia llamada a la imagen, y no como
característica del párrafo, como hicimos anteriormente. La imagen quedará
al lado que le indiquemos con respecto al texto.

Dimensionado de las imágenes

Cuando el navegador encuentra una etiqueta de imagen, espera a que se
cargue la imagen y no sigue cargando otros contenidos hasta que no esté la
imagen completa. Esto se puede evitar indicando en la etiqueta de imagen
la información sobre su dimensión, en cuyo caso lo que hace el navegador
es reservar un espacio para la imagen que se desea cargar, y va cargando
de forma simultánea los otros contenidos y la imagen que va en el espacio
reservado. Por ejemplo: <img src=“[Link]” width=“120”height=“94”>.
De esta forma indicamos el ancho (width) y el alto (heigth) de la imagen
y así será el espacio reservado.
Estos valores no tienen por qué coincidir con los originales; el navegador
adapta la imagen original a los valores deseados.

Saber más
Algo que se puede hacer para ahorrar mucho tiempo de carga es la utili-
zación de una miniatura, vista previa o thumbnail (literalmente “uña del
pulgar”−por el tamaño que se suele dar−) en la página.

Se trata de imágenes en marco pequeño, que se cargan rápidamente.

Pulsando en la miniatura se accede, mediante un enlace, a la imagen ori-
ginal, que puede ser, por ejemplo, de 500 x 600:
<a href=“[Link]”><imgsrc=“[Link]”width=“75”hegth=“85”></a>.

En este caso, los números indican la longitud del ancho y alto de la mi-
niatura en píxeles o puntos.
Para que el tiempo de carga no sea demasiado largo, también es con-
veniente que las imágenes presentadas no superen los 100 KB de tamaño
y que sus dimensiones no sean superiores a 500 x 400.
Si estamos usando Kompozer al insertar una imagen, podemos mantener
sus dimensiones o bien modificarlas de forma muy sencilla. Para insertar

102
 CAPÍTULO 3

una imagen seleccionamos Insertar imagen, y aparece el cuadro de diálogo

en el que elegimos la imagen. En la pestaña “Dimensiones”, aparece el
siguiente cuadro en el que podemos modificar la anchura y la altura de la
imagen (figura 3.9):

Fig. 3.9 Propiedades de la imagen

Fondos de página y colores de otros elementos

Dos elementos importantes en la presentación de la página son el color
y la imagen empleados como fondo de esta.

Fondo de color uniforme

Se pone un color diferente al blanco, añadiendo “bgcolor=“#color”
dentro de la etiqueta <body>. Los colores rojo, verde, azul, blanco, negro
y amarillo se pueden configurar con sus nombres en inglés. Para hacerlos
claros, se pone, por ejemplo: <bodybgcolor=lightgreen”>, y aparecerá,
lógicamente, verde claro.
Es importante que sepas que, para hacer combinaciones de colores, hay
que tener en cuenta que los colores tienen sus propios códigos:
#FF0000: rojo #0000FF: azul #FFFFFF: blanco
#00FF00: verde # FFFF00: amarillo #000000: negro

Para hacer un color más oscuro, se reduce su componente principal, por

ejemplo, en el rojo, FF, dejando los demás constantes.
Para ello, hay que saber que la graduación de un color va como sigue
(en hexadecimal): 0123456789ABCDEF, de más oscuro o más puro.
Los dos primeros caracteres indican la cantidad de rojo, el segundo y
el tercero la cantidad de verde y los dos últimos la cantidad de azul. Así,

103
 INFORMÁTICA

el rojo puro es FF0000. Si reducimos su contenido en rojo, bajando por la

escala desde la F, llegaremos al negro, eliminando su contenido de rojo.
Partiendo de cualquier color puro (rojo, verde o azul), para oscurecerlo,
le restamos intensidad. Para aclararlo, lo mantenemos puro, pero damos
valores a los otros colores.
Si queremos oscurecer el rojo, haremos, por ejemplo, AA0000. Si lo quere-
mos todavía más oscuro 550000 (a medida que elegimos caracteres más a la
izquierda, va perdiendo pureza y color, y oscureciéndose). Este es el sistema
llamado RGB (Red, Green, Blue). En este sistema, los colores puros serían:
Red (rojo): FF0000
Green (verde): 00FF00
Blue (azul): 0000FF

De esta forma, el color blanco (FFFFFF) surge como combinación del rojo,
verde, y azul puros. Si queremos que un color tenga un tono más suave o
pastel, se deben variar los otros colores, haciéndolos más claro. Por ejemplo,
para convertir el rojo en rosa (FF7070), es decir, mantenemos el rojo, en su
máxima intensidad, pero luego lo atenuamos dando valores a los colores
verde y azul.
Para modificar el color de fondo de la página, los colores del texto, de
los enlaces y de los enlaces visitados, seleccionamos Formato/Fondo/colores
de la página, y aparece un cuadro de diálogo como el de la imagen 3.10.

Fig. 3.10 Fondo y colores de la página

Imagen de fondo
Para poner una imagen como fondo de la página se pone en la etiqueta
<body> el atributo correspondiente: <bodyBackground=“[Link]”>.

104
 CAPÍTULO 3

En Kompozer, desde el cuadro de diálogo que se muestra en la imagen

anterior, se puede seleccionar una imagen cualquiera mediante el navega-
dor que se abre al pulsar en el ícono asociado a la barra “Imagen de fondo”.

Tablas
Una tabla es un marco que permite ordenar la información que aparece
en la página. La inserción de tablas es una de las herramientas más útiles en
la confección de páginas web, porque permiten una adecuada colocación
de los contenidos.
Una tabla contiene filas y columnas. La intersección de filas y columnas
configura las celdas, que son las que van a contener la información (texto,
imágenes, etc.). El valor mínimo tanto de filas como de columnas es uno,
que se corresponde con una tabla constituida por una sola celda, es decir,
un paralelogramo con información dentro.
Las etiquetas que delimitan una tabla son: <table> y </table>, que indi-
can el comienzo y el final de la tabla, respectivamente.
Para delimitar las filas se utilizan las etiquetas <tr> y </tr>.
Para delimitar las columnas se utilizan las etiquetas <td> y </td> o bien
<th> y </th> para las cabeceras de las columnas.
Por ejemplo, para insertar una tabla de dos filas con dos columnas (cua-
tro celdas), haremos lo siguiente (tabla 4):
Tabla 4

Código HTML Significado

<table> Inicio de la tabla

<tr><td><⁄td><td><⁄td><⁄tr> Primera fila, con sus dos celdas

<tr><td><⁄td><td><⁄td><⁄tr> Segunda fila, con dos celdas más

<⁄table> Final de la tabla

A la hora de escribir el código HTML no hace falta distribuirlo en distin-

tas líneas, como acabamos de hacer. El navegador interpretará exactamente
lo mismo si escribimos: <table><tr><td></td>><td></td></tr><tr><td></
td><td></td></tr></table>.

105
 INFORMÁTICA

Con el editor Kompozer, insertar tablas es muy similar a hacer la misma

operación con un procesador de textos. Seleccionamos Insertar/Tabla y apa-
rece el cuadro de diálogo que se muestra en la figura 3.11.

Fig. 3.11 Insertar tabla

Atributos asociados a estas etiquetas

1. Atributos de la etiqueta <table>.
Border: determina el ancho del borde de la tabla. El valor por defecto es
0, en cuyo caso la tabla no se ve, aunque esté en la página. Si queremos
que tenga un valor, como por ejemplo un pixel, haremos <tableborder=1>.

Width: determina el ancho de la tabla. El valor por defecto viene dado en

pixeles, pero se puede determinar en porcentajes respecto a la anchura de
la ventana del browser (navegador).

Heigth: determina el alto de la tabla. El valor por defecto viene dado en

pixeles, pero se puede determinar en porcentajes respecto a la altura de la
ventana del browser.

Bgcolor: determina el color de fondo de la tabla.

Cellpadding: determina el margen interno a cada celda de la tabla, es de-

cir, el ancho del marco interior de cada una de las celdas. Se establece en
pixeles o puntos.

2. Atributos de la etiqueta <td>.

Los siguientes atributos son de celda, es decir, para que tengan efecto de-
berán situarse dentro de la etiqueta de celda.

106
 CAPÍTULO 3

Align: permite alinear horizontalmente los datos dentro de una celda.

Los valores que pueden tener son:
► Left: alineación a la izquierda (en el caso de “td” este es el valor por
defecto).
► Center: alineación en el centro (en el caso de “th” este es el valor por
defecto).
► Right: alineación a la derecha.

Valign (que viene de vertical align): permite alinear verticalmente los datos
dentro de una celda.
Los valores que pueden tener son:
► Top: alineación en la parte superior.
► Middle: alineación en el centro.
► Bottom: alineación en la parte inferior.
► Colspan: sirve para expandir una columna, de manera que ocupe den-
tro de la tabla el ancho del número de columnas indicado por su valor
(se unen columnas).
► Rawspan: sirve para expandir una fila, de manera que ocupe dentro de
la tabla el ancho del número de filas indicado por su valor (se unen filas).
► Bgcolor: sirve para dar un color de fondo determinado a cada celda de
la tabla.

Para poner un titular que indique el contenido de la tabla, se utiliza el

código <caption>texto</caption>, después de la etiqueta <table>.
Por ejemplo, escribimos los códigos siguientes en el bloc de notas (figura
3.12) y guardamos el archivo con extensión “html”. Cuando el archivo abre
con el navegador, el resultado que obtenemos es el siguiente (figura 3.13).

Fig. 3.12 Códigos de la tabla Fig. 3.13 Archivo HTML abierto

escritos en Block de notas con el navegador

107
 INFORMÁTICA

En las celdas de una tabla no solo es posible introducir textos. También

es posible introducir imágenes, textos con enlaces a otras páginas, e inclu-
so, imágenes con enlaces. El color del texto incluido en una celda también
se puede cambiar, si bien realizarse celda a celda.

Saber más
Una característica particular de las tablas es que se pueden “anidar”, es
decir, se pueden introducir tablas dentro de tablas. Para esto se crea la
tabla “madre” y el resto de las tablas se introducen dentro de las celdas.

Te aconsejamos practicar con diferentes valores sobre el código que se

ha dado anteriormente. También puedes probar formatos diferentes de
celdas e investigar sus posibilidades.

Comprueba lo aprendido

1. Explica qué es el texto alternativo en una imagen dentro de una pá-

gina web.

2. Explica el procedimiento que debemos seguir si estamos usando el

editor Web Kompozer y queremos poner una imagen como fondo
de la página.

3. Escribe los códigos necesarios para que en una página web aparezca
una tabla con tres filas y dos columnas.

4. Explica qué significa el atributo “bgcolor”.

Las tablas son un elemento importantísimo en las páginas web, ya que

permiten mostrar de forma ordenada su contenido.
Es muy frecuente que la tabla abarque todo el cuerpo de la página y
podemos anidar tablas de segundo orden en las diferentes celdas. Un truco
muy útil para lograr buenos resultados sin que se vean las tablas es hacer
que el borde no sea visible mediante el atributo “border=0”: <tablebor-
der=0></table>.
Las tablas son un elemento importantísimo en las páginas web, ya que
permiten mostrar de forma ordenada su contenido.

108
 CAPÍTULO 3

Es muy frecuente que la tabla abarque todo el cuerpo de la página y

podemos anidar tablas de segundo orden en las diferentes celdas. Un truco
muy útil para lograr buenos resultados sin que se vean las tablas es hacer
que el borde no sea visible mediante el atributo “border=0”: <tablebor-
der=0></table>.

Contenidos multimedia en páginas web

Las páginas web cada vez tienen más contenidos en formato multime-
dia, además del contenido en formato de texto.
Para insertar contenidos multimedia en una página existen dos posi-
bilidades:
1. Alojar en el servidor el fichero de audio o video, y escribir los códigos
necesarios para que se reproduzcan, al igual que se ha visto con la in-
serción de imágenes.
2. No alojar los ficheros multimedia en el servidor, y aprovechar los que
ya estén en otros sitios. La manera de hacer que estos ficheros remotos
se reproduzcan en nuestra página es mediante la inserción de enla-
ces a los mismos. Esto es lo que se hace cuando se inserta un código
en la página que enlaza con un video externo, alojado, por ejemplo,
en Youtube o DailyMotion. Este sistema presenta la desventaja de que
trabajamos con ficheros que nosotros no controlamos, al estar estos
alojados en otros servidores. De hecho, el usuario que sube un fichero
a un servidor puede suprimirlo en cualquier momento. O la página web
donde se aloja el fichero puede desaparecer.

La ventaja que tiene esta forma de trabajar es que los ficheros mul-
timedia no ocupan espacio en nuestro servidor web, espacio que suele
estar limitado si el servidor es gratuito.

Sonido
Lo primero que hay que tener en cuenta es que no todos los formatos de
archivos de sonido son “soportados” por las páginas web. Por ello, debemos
procurar que los ficheros sean midi, wav, mp3 o real audio.
Existen dos modalidades de reproducción de audio: manual, en la que el
usuario decide cuándo desea reproducir el archivo de sonido, y automática,
en la que la reproducción se inicia de forma automática al abrirse la página
web. En cuanto a la primera posibilidad, basta con crear un enlace al fichero

109
 INFORMÁTICA

que se quiere reproducir, por ejemplo, si tenemos un fichero con la voz de

Guillén, que se llame “Guillén.mp3”, podemos escribir el siguiente código
en el fichero html fuente:
<a href=“guillén.mp3”>Pulsa aquí para oír a Nicolás Guillén</a>. Así, al
pulsar en la frase en negrita, se reproducirá el fichero de sonido.
En cuanto a la segunda posibilidad, el sonido de fondo, desde nuestro
punto de vista no es muy recomendable, ya que puede resultar molesto
para el usuario oír siempre la misma música al abrir la página.
Para insertar un sonido de fondo, se usa el siguiente código:
<embed src=“sonido.mp3”Hidden=“true”>.
Si se desea que aparezca un panel donde el usuario pueda parar el sonido,
o manipular el volumen de reproducción, el código será:
<embedsrc=“sonido.mp3”>. Es decir, hemos eliminado el atributo que
hace que desaparezca la consola o panel de manipulación del sonido en
la página.
La etiqueta <embed> tiene multitud de atributos. Algunos de ellos son:
Autostart=“false” (por defecto) y “true”. Hace que el archivo de sonido
suene inmediatamente después de cargar la página sin necesidad de
pulsar el botón.

Hidden=“true”. Oculta la consola y solo tiene este valor. Como no se

podría reproducir el sonido pulsando el botón de reproducir, el archivo
de sonido suena automáticamente al cargar la página.

Loop=“false” o “true” (por defecto).

Controls=“smallconsole”. Aparece una pequeña consola con los contro-

les de audio. Con los atributos “width” y “heght” (que ya conocemos,
porque son los mismos que en la inserción de imágenes) también se
puede manipular el tamaño de la consola.

Video
Como en el caso de los archivos de sonido, no se puede usar cualquier
formato. Es recomendable que los formatos sean MOV, AVI, ASF, MPEG,
Real video o más modernamente WebM.
Podemos insertar enlaces a videos, para que se abran en una ventana
nueva cuando el usuario haga clic en el enlace, o bien podemos insertar

110
 CAPÍTULO 3

el video directamente en la página. En este último caso podemos hacer

que este se reproduzca de forma automática al abrir la página o forzar su
reproducción de forma manual.
En este ejemplo el video, configurado con un tamaño de 300 x 400, no
comenzará a reproducirse hasta que no lo desee el usuario, aunque al car-
garse la página se mostrará una vista previa del primer fotograma:
<embedsrc=“[Link]”height=“300”width=“400”autostart=“false”loo-
p=“false”>.También se ha configurado que no se reproduzca de forma
cíclica o repetida.

Comprueba lo aprendido

1. ¿Qué variantes existen para incluir contenido audiovisual en una

página web?

2. ¿Qué formatos de sonido son factibles para ser usados en sitios web?

3. ¿Cómo lograr que un sonido se ejecute de manera automática?

4. ¿Qué formatos de video son factibles para ser usados en sitios web?
Investiga cuál es el más conveniente y por qué.

5. Elabora un sitio web de tu escuela.

111
 CAPÍTULO 4
Operadores aritméticos y lógicos en Scratch

S cratch es un entorno de programación gráfico y gratuito que facilita

la creación de historias interactivas, juegos y animaciones, además
de compartir estas creaciones con otros en la web. Scratch se lanzó
oficialmente en mayo de 2007, desde sus inicios tuvo amplia acogida entre
quienes venían trabajando con alguna de las versiones de logo. Pero, en
muy corto tiempo, su audiencia se amplió y consiguió cautivar a docentes
de todo el planeta que comenzaron a usarlo en sus clases. El gato de color
naranja representa logo de Scratch (figura 4.1).

Fig. 4.1 Logo de Scratch (gato de color naranja)

El 9 de mayo de 2013, se lanza la versión 2.0 de Scratch que además de

un editor fuera de línea, funciona completamente en línea. Hasta ahora, en
ese sitio, los usuarios podían subir los proyectos que habían elaborado con
la versión 1.4 de la herramienta (solo descargable); crear galerías con esos
proyectos; consultar los de otros usuarios; ver proyectos destacados por la
comunidad de usuarios; etc. A partir del lanzamiento de la versión 2.0, es
posible crear, editar y ver los proyectos directamente en un navegador web,
sin tener que descargar e instalar ningún programa en la computadora,
surge así lo que se denomina Scratch en la nube.
Se ofrecen ahora dos nuevas categorías: “Eventos” y “Más bloques”.
La primera, incluye algunos de los bloques que pertenecían a la categoría

112
 CAPÍTULO 4

“Control”; la segunda, es totalmente nueva y permite crear bloques

de instrucciones.
La opción para crear nuevos bloques se encuentra en la categoría “Más
bloques”. Esta opción permite al usuario crear bloques con sus propios
procedimientos y funciones (reporteros).
También les permite pasar parámetros además de especificar variables
para procedimientos y funciones. Con esta opción se puede implementar
en los proyectos de Scratch la estructura recursiva.
El tamaño de los bloques en la pestaña “Programas” puede disminuirse
o aumentarse.
En la categoría “Sensores” se incluyó una variable para identificar el
nombre del usuario.
Los bloques más usados en los proyectos encabezan la lista de cada
categoría. Existen ahora tres nuevos bloques que permiten clonar objetos
dinámicamente, mediante programación.
Los cambios de fondo del escenario se pueden realizar directamente
con el bloque “Cambiar fondo a…” y no es necesario ya, enviar mensajes
al fondo para realizar esos cambios.
La mochila/morral (backpack) que ofrece el entorno, es una de las fun-
cionalidades más interesantes de la nueva versión de Scratch. Esta permite
copiar y mover con facilidad, objetos, disfraces, escenarios y programas, de
un proyecto a otro. Si ha iniciado sesión con su usuario y contraseña, pue-
de abrir la mochila dentro de cualquier proyecto (está ubicada en la parte
inferior de la pantalla). La mochila facilita tanto reusar elementos de otros
proyectos, como mezclar dos de los demás proyectos para crear uno nuevo.
Gráficamente ahora, los objetos son vectores, lo que permite aumentar
su tamaño sin que pierdan resolución.
El editor de sonidos se convirtió en una herramienta que ofrece
muchas posibilidades para grabar y editar sonidos e incluirlos en los pro-
yectos Scratch.
Los bloques de manejo de video, incluidos en la categoría “Sensores”,
abren una puerta interesante para nuevos proyectos tipo Microsoft Xbox +
Kinect10. Se puede utilizar la cámara web del computador para programar
la interacción con proyectos mediante el movimiento de las manos o del
cuerpo.
Se agregaron bloques en la categoría “Sensores” que posibilitan leer
tanto la fecha como la hora del sistema.

113
 INFORMÁTICA

4.1 Sistematización del trabajo con Scratch

Desde el tercer grado de la primaria conoces el lenguaje de progra-

mación Scratch, así como cada una de las partes de su interfaz gráfica o
escenario, a continuación te recordamos algunas de ellas:
1. Los Sprites. Los proyectos de Scratch están construidos con objetos (ob-
jeto móvil programable es la traducción al español dada a Sprite, en
adelante se utiliza solo la palabra objeto).
2. Los disfraces. Es posible modificar cómo se ve un objeto dándole un
disfraz diferente; puedes hacer que el objeto parezca una persona, un
tren, una mariposa o cualquier otra cosa; puedes usar cualquier imagen
como disfraz, y puedes dibujar una imagen en el Editor de Pinturas o
importar una imagen del disco duro de tu equipo o memoria flash.
3. Las instrucciones. Puedes darle instrucciones al objeto, diciéndole que
se mueva o toque música o que reaccione a otros objetos. Para decirle
a un objeto qué hacer, encajas bloques gráficos unos con otros, forman-
do pilas llamadas programas (scripts). Cuando haces doble clic sobre un
programa, Scratch ejecuta en orden los bloques desde la parte superior
del programa hacia abajo.

Escenario
El escenario es donde ves cómo tus historias, juegos y animaciones
cobran vida. Los objetos se mueven e interactúan unos con otros en el
escenario.
El escenario tiene 480 puntos (pixeles) de ancho y 360 puntos de alto y
está dividido en un plano cartesiano x; y. El centro del escenario correspon-
de a las coordenadas X:0, Y:0 (esquema 7).

Esquema 7 Dimensiones del escenario

x:-240 y:180 x:240 y:180

x:0 y:0 y

x:-240 y:-180 x:240 y:-180

114
 CAPÍTULO 4

Nuevos objetos (sprites)

Cuando comienzas un nuevo proyecto en Scratch, este siempre inicia
con el objeto Gato. Para crear nuevos objetos, haz clic en los siguientes
objetos (tabla 5).
Tabla 5

Importar un objeto disponible en Scratch 2.0

Pintar un nuevo objeto usando el Editor de Pinturas

Importar una imagen guardada en alguna carpeta del disco

duro de la computadora

Capturar una imagen con la cámara de la computadora

Si deseas borrar un objeto, selecciona las tijeras que encuentras en la

Barra de herramientas y haz clic sobre el objeto o das clic derecho y selec-
cionas la opción Borrar.
Para ver y editar los programas, los disfraces y los sonidos de los objetos,
haz clic sobre la imagen miniatura del objeto deseado, en la Lista de obje-
tos; o haz doble clic sobre el objeto en el Escenario (el objeto seleccionado
se resalta y aparece enmarcado en azul, en la Lista de objetos).
Para mostrar/esconder, exportar, duplicar o borrar un objeto, presiona
clic derecho sobre su imagen miniatura en la Lista de objetos.
Puedes reacomodar los objetos que aparecen en la Lista de objetos,
arrastrando las imágenes miniatura.
Así como un objeto puede modificar su apariencia cambiando de disfraz,
el Escenario puede cambiar su apariencia intercambiando fondos (back-
drops). Para ver y editar los programas, fondos y sonidos asociados con el
Escenario, haz clic en el ícono del Escenario ubicado a la izquierda de la
Lista de objetos.

Programar un objeto
Para programar un objeto, arrastra los bloques desde la Paleta de Blo-
ques al Área de Programas.

115
 INFORMÁTICA

Ejecutar un bloque
Para ejecutar un bloque haz doble clic sobre este.

Crear programas
Crear programas (scripts) se logra encajando bloques para formar pilas
con ellos. Haz doble clic sobre cualquier parte de la pila para ejecutar el
programa completo, desde arriba hasta abajo.

4.2 Bloques de operadores

En la categoría operadores encontramos a todos aquellos bloques que

no tienen funciones específicas dentro del entorno de Scratch, pero permi-
ten realizar cálculos y comparaciones que combinados con otras familias le
dan mucha potencia al entorno de programación. Estos bloques nos van a
permitir realizar operaciones de cálculo básicas y combinadas, cálculos con
funciones, operaciones de comparación e igualdad, operaciones de lógica
y además, operaciones con cadenas de caracteres.
Estos bloques de operadores tienen tres formas (tabla 6), que como
pueden haber notado no están hechas al azar, cada una de ellas responden
un tipo específico de bloque que se puede unir.

Tabla 6

Forma
Forma Bloques que
Bloques que podemos
podemos insertar
insertar Ejemplos
Ejemplos

Todos aquellos cuyo resultado

es un número

Todos aquellos cuyo resultado es

un número o una cadena de
caracteres

Todos aquellos cuyo resultado es

lógico (verdadero o falso)

116
 CAPÍTULO 4

Funcionamiento de los operadores

A continuación, te mostramos una tabla con la descripción del funcio-
namiento de cada uno de los bloques de los operadores (tabla 7).

Tabla 7

Operadores
Operadores Descripción

Devuelve la suma de dos operadores

introducidos

Devuelve la resta de dos operadores

introducidos

Devuelve la multiplicación de dos operadores

introducidos

Devuelve la división de dos operadores

introducidos

Devuelve un número al azar entre

Devuelve verdadero en el caso de que el primer

operador sea menor que el segundo

Devuelve verdadero en el caso de que el primer

operador sea igual que el segundo

Devuelve verdadero en el caso de que el primer

operador sea mayor que el segundo

Devuelve verdadero en el caso de que el prime-

ro y el segundo sean verdaderos. Resultado de
la función o “lógica”

Devuelve verdadero en el caso de que el prime-

ro y el segundo sean verdaderos. Resultado de
la función o “lógica”

Devuelve la negación del operador introducido

Devuelve una cadena resultante de la unión de

dos cadenas

117
 INFORMÁTICA

Operadores Descripción

Devuelve la letra que ocupa la posición indicada

en el primer operador

Devuelve la longitud de la cadena de caracteres

introducida

Devuelve el resto obtenido al calcular la división

de los dos operadores

Devuelve el resultado de redondear a un núme-

ro entero el operador introducido

Devuelve el resultado de la función indicada

sobre el operador

Operadores matemáticos

Definición
Los operadores matemáticos son aquellos que al devolver un resultado
este es un número, son utilizados para realizar operaciones de cálculo, ya
sean básicas, combinadas o con funciones. A continuación, te ejemplifica-
mos cada una de ellas.

El bloque “suma” (figura 4.2 a) y el bloque “resta” (figura 4.2 b) devuel-

ve la suma o la resta de los operadores introducidos.

a b

Fig. 4.2 Bloques: a) suma y b) resta

118
 CAPÍTULO 4

El bloque “multiplicación” (figura 4.3) y el bloque “división” (figura 4.4)

devuelven el producto o el cociente de los operadores introducidos.

Fig. 4.3 Bloque “multiplicación” Fig. 4.4 Bloque “división”

El bloque “número aleatorio” devuelve un número al azar comprendido

entre los valores introducidos (figura 4.5).

Fig. 4.5 Bloque “número aleatorio”

El bloque “módulo” devuelve el resto de calcular la división entre los

dos valores introducidos (figura 4.6).

Fig. 4.6 Bloque “módulo”

El bloque “redondear” devuelve el resultado de redondear a un número

entero el valor introducido (figura 4.7).

119
 INFORMÁTICA

Fig. 4.7 Bloque “redondear”

El bloque “función” devuelve el resultado de la función indicada sobre

el valor introducido (figura 4.8).

Fig. 4.8 Bloque “función”

Operadores lógicos

Definición
Los operadores lógicos nos proporcionan un resultado a partir de que se
cumpla o no cierta condición, esto genera una serie de valores que pue-
den ser interpretados en los casos más sencillos como cero (falso) y uno
(verdadero).

El bloque “menor que” devuelve el valor verdadero en caso que el pri-

mer valor sea menor que el segundo (figura 4.9).

Fig. 4.9 Bloque “menor que”

120
 CAPÍTULO 4

El bloque “mayor que” devuelve el valor verdadero en caso que el pri-

mer valor sea mayor que el segundo (figura 4.10).

Fig. 4.10 Bloque “mayor que”

El bloque “igualdad” devuelve el valor verdadero si el primer valor es

igual al segundo (figura 4.11).

Fig. 4.11 Bloque “igualdad”

El bloque “y” devuelve el valor verdadero cuando se cumplen las dos con-
diciones, si alguna de las dos no se cumple el resultado es falso (figura 4.12).

Fig. 4.12 Bloque “y”

El bloque “o” devuelve el valor verdadero cuando se cumple al menos

una de las dos condiciones, si no se cumple ninguna de las dos el resultado
es falso (fig. 4.13).

121
 INFORMÁTICA

Fig. 4.13 Bloque “o”

El bloque “no” devuelve el valor falso cuando se cumple la condición y

verdadero cuando no se cumple dicha condición (figura 4.14).

Fig. 4.14 Bloque “no”

Operaciones con cadenas de caracteres

Definición
Una cadena de caracteres es una sucesión de letras, números, signos o
símbolos, o sea, cualquier combinación finita de caracteres.

Las cadenas de caracteres al ser consideradas como un tipo de datos son

muchas las operaciones que se pueden realizar con ellas. A continuación,
te ejemplificamos las operaciones que trabajamos con Scratch.
El bloque “concatenar” consiste en unir dos o más cadenas para formar
una cadena de mayor tamaño (figura 4.15).

122
 CAPÍTULO 4

Fig. 4.15 Bloque “concatenación”

El bloque “subcadena” se trata de sacar fuera de la cadena de caracteres

una letra del segundo operador que ocupa el lugar indicado por el primer
operador (figura 4.16).

Fig. 4.16 Bloque “subcadena”

El bloque “longitud” devuelve el número de caracteres que tiene la

cadena introducida (fig. 4.17).

Fig. 4.17 Bloque “longitud”

123
 INFORMÁTICA

El bloque “búsqueda” consiste en localizar dentro de una cadena de

caracteres una subcadena o un carácter (figura 4.18).

Fig. 4.18 Bloque “búsqueda”

Anidando cálculos. Ejercicios

No siempre los cálculos que deseamos realizar en Scratch son tan senci-
llos como los ejemplos de los epígrafes anteriores donde los cálculos solo
afectaban a dos números o cadenas introducidos en los bloques.
En la realidad puede darse el caso que el resultado de un bloque se utili-
ce como operador de un nuevo bloque, a esto es a lo que llamamos anidar
cálculos y es habitual en cualquier lenguaje de programación (figura 4.19).

Fig. 4.19 Cálculos anidados

¿Cuál es el orden para realizar los cálculos en estos casos?

La regla es que el orden de los cálculos sea siempre de adentro hacia

afuera, como si estuviéramos utilizando paréntesis en Matemática, por lo

124
 CAPÍTULO 4

que para realizar los cálculos de un bloque hay que resolver primero los
bloques internos que actúan como operadores.

Comprueba lo aprendido

1. ¿Cuáles son los tipos de operadores que se deben utilizar en Scratch?

Explica cada uno de ellos.

2. Explica qué entiendes por cálculos anidados.

125
 ANEXOS
Anexos de los capítulos 1 y 2

Presentando ideas en Microsoft PowerPoint (figura 1).

Fig. 1

A1: Vista Normal.

La iniciamos desde:
► Vista⁄Normal.
► Pulsando el botón (ícono a1) en la barra inferior.

Ícono a1

A2: Página de notas.

Procedimiento similar al que se sigue en Impress.

A3: Vista Esquema.

► Vista→Vista Esquema (ícono a2).

Ícono a2

127
A4: Vista Organizador de diapositivas o Clasificador de diapositivas.
► Vista→Clasificador de diapositivas (ícono a3).
► Dando clic en el botón (ícono a4).

Ícono a3 Ícono a4

A5: Cambiar fondo de la presentación.

1. Da clic en las diapositivas que quieras cambiar el color de fondo.
2. En el menú Diseño, da clic en formato de fondo que se encuentra den-
tro de la ficha Personalizar.
3. Selecciona Relleno sólido en el panel Dar formato al fondo.
4. Selecciona el color en la paleta de colores al dar clic en el botón (íco-
no a5), notarás que las diapositivas seleccionadas toman automática-
mente el color seleccionado (figuras 2 y 3).

Ícono a5

Fig. 2 Dar formato al fondo Fig. 3 Colores del tema

5. Puedes aplicar el mismo color de fondo al resto de las diapositivas me-

diante el botón Aplicar a todo.

A6: Imagen de fondo de diapositiva.

1. Selecciona las diapositivas en el panel de navegación.
2. Da clic en la opción Formato de fondo del menú Diseño, se obtiene el
panel dar formato al fondo.

128
3. Elige en el panel Relleno con imagen o textura. Al seleccionarlo la dia-
positiva toma por defecto una textura como fondo.
4. En la sección Insertar imagen da clic en:
► Archivo. Si la imagen se encuentra almacenada en el ordenador.
► Portapapeles. Si la imagen se encuentra en el portapapeles por me-
dio de la opción cortar o pegar dentro de la propia presentación.
► En línea. Si desea buscar una imagen en la red.

5. Selecciona la imagen a colocar de fondo.

6. Da clic en Insertar para fijar como fondo de la diapositiva.
7. A través del panel se puede extender el fondo a las otras diapositivas,
así como modificar algunos valores de la imagen que se está colocando,
como es la transparencia, la posición, la escala y otros aspectos (figura 4).

Fig. 4 Insertar imagen

A7: Modificar patrón de una diapositiva (figura 5).

1. En el panel de miniaturas de la vista Normal, da clic en la diapositiva a
la que deseas aplicar un diseño a partir de un patrón.
2. En el grupo Diapositivas de la pestaña Inicio, da clic en Diseño.
3. Selecciona el patrón en el menú que se muestra. Notarás que la diapo-
sitiva toma el diseño inmediatamente.

Fig. 5

129
A8: Insertar cuadros de textos.
1. En el grupo Texto de la pestaña Insertar, da clic en Cuadro de texto
(ícono a6).

Ícono a6

2. Da clic en la presentación y, a continuación, arrastra para dibujar el

cuadro de texto del tamaño que desees.
3. Para agregar texto, da clic dentro del cuadro de texto y, luego, escribe
o pégalo.

A9: Transformar el tamaño de un cuadro de texto (figura 6) o de cualquier

elemento multimedia, siga los siguientes pasos:
1. Selecciona el Cuadro de texto o la imagen que se debe transformar.
2. Coloca el puntero del ratón sobre los controladores de tamaño, notarás
que el puntero cambia de forma.
3. Da clic y arrastra sobre uno de los puntos para agrandar o reducir el
tamaño del objeto.

Fig. 6

A10: Colocar los cuadros de textos y demás elementos multimedia en cual-

quier ángulo.
1. Da clic en el objeto que desees girar.
2. Da clic en el controlador de giro de la parte superior del objeto y des-
pués arrastra en la dirección que desees:
► Para restringir el giro a ángulos de 15°, mantén presionada la tecla
Shift mientras arrastras el controlador de giro.
► Al girar varias formas, debes hacerlo de manera independiente, porque
cada una gira alrededor de su propio centro.

130
► También puedes seleccionar el objeto, mantener presionada la tecla
Alt y presionar las teclas de dirección izquierda o derecha para girar
(figura 7).

Fig. 7 Girar una figura

A11: Insertar imagen prediseñada.

En las versiones de Office 2013 y Office 2016, ya no hay una biblioteca
de imágenes prediseñadas como sucedía en las versiones precedentes, pero
Office aún te ayuda a insertar imágenes prediseñadas mediante el acceso a
internet o mediante la utilización de complementos de Office.
1. Selecciona Insertar⁄Imágenes en línea.
2. Escribe una palabra o frase para describir lo que buscas y presiona
Entrar.
3. Filtra los resultados por Tipo para Imágenes prediseñadas.
4. Selecciona una imagen.
5. Selecciona insertar.

A12: Insertar un video para visualizarlo directamente en la presentación.

1. En la vista Normal, da clic en la diapositiva que deseas que aparezca
el video.
2. En la pestaña Insertar, da clic en la flecha situada debajo de Video y
luego en Video en Mi PC.
3. En el cuadro de diálogo Insertar video, da clic en el video que deseas y
a continuación, da clic en Insertar.

A13: Insertar audio en las presentaciones.

1. En la vista Normal, da clic en la diapositiva que deseas agregar un
sonido.
2. En la pestaña Insertar en el grupo Clips multimedia, da clic en la flecha
situada bajo Sonido y después en Audio en Mi PC.

131
3. En el cuadro de diálogo Insertar audio, selecciona el fichero de audio
que deseas y a continuación en Insertar.

A14: Vías para insertar una nueva diapositiva (figura 8).

Para indicar la posición de inserción de la diapositiva basta con hacer clic
en el lugar que deseas insertarla, al dar clic notarás que aparece una línea
de inserción horizontal. Luego escoge uno de los siguientes pasos:

Fig. 8

► Inicio⁄Nueva diapositiva.
► Dar clic en la flecha situada al lado de Nueva diapositiva para definir
el diseño de la diapositiva que vas a insertar mediante el menú que
se despliega.
► Clic derecho en el Panel de miniaturas⁄Nueva diapositiva.
► Presionando Enter.

A15: Seleccionar diapositivas.

► Una sola diapositiva: da clic sobre la diapositiva deseada.
► Diapositivas alternas: clic sobre las diapositivas presionando la tecla Ctrl.
► Diapositivas consecutivas: clic en la primera diapositiva del grupo y lue-
go presionando Shift da clic en la última diapositiva.
► Todas las diapositivas: en la pestaña Inicio acude al menú Seleccionar
del grupo Edición y luego en Seleccionar todo, o haz clic en el panel de
miniaturas y presiona Ctrl+E.

132
A16: Copiar una diapositiva.
Selecciona en el panel de miniaturas las diapositivas que se deben copiar
y luego procede de una de las formas siguientes:
1. Haz clic en Vista y después en el grupo Vistas de presentación, haz clic
nuevamente en Normal.
2. En las miniaturas de diapositivas del lado izquierdo, haz clic en la dia-
positiva que desees copiar.
3. Haz clic con el botón secundario en las diapositivas seleccionadas y, a
continuación, haz clic en Copiar.
4. Haz clic con el botón secundario en la miniatura en la que quieres que
sigan las diapositivas copiadas en la segunda presentación y, en Opcio-
nes de pegado, sigue uno de estos procedimientos:
► Para tomar el tema de la presentación de destino, haz clic en Usar
tema de destino (ícono a7). Esto adaptará la diapositiva copiada
para que coincida con el tema de destino.

(Ícono a7)

► Para mantener el tema de la presentación desde la que está copian-

do, da clic en Mantener formato de origen (ícono a8). Esto implica
que la diapositiva conservará su formato de tema original y no el
tema de la presentación.

(Ícono a8)

A17: Duplicar diapositiva.

Primeramente, selecciona la o las diapositivas que se deben duplicar y
escoge uno de los métodos siguientes:
► Haz clic en la flecha que se encuentra a la derecha del botón Copiar
de la pestaña Inicio⁄Duplicar diapositiva.
► Da clic en la flecha del botón Nueva diapositiva⁄Duplicar diapositivas
seleccionadas.
► Haz clic derecho sobre la miniatura Duplicar diapositiva.
► Presiona las teclas Ctrl+Alt+D.

133
A18: Mover diapositivas en la presentación con el botón del ratón.
Para desplazar una diapositiva de lugar inicialmente selecciónala y
después haciendo uso del botón primario del ratón arrástrala hasta la
posición deseada.

A19: Otra forma de mover diapositivas: utilizando el portapapeles median-

te los comandos Cortar-Pegar.
Después de seleccionadas las diapositivas que se deben mover, proceda
de la siguiente forma:
► Haz Clic en el botón Cortar (ícono a9) del grupo Portapapeles en la
pestaña Inicio⁄Elegir el lugar donde se ubicarán las diapositivas que se
deben mover⁄Clic en el botón Pegar (ícono a10).

Ícono a9 Ícono a10

► Ctrl+X⁄Seleccionar la posición que tomarán⁄Ctrl+V.

A20: Eliminar diapositivas.

Selecciona las diapositivas que desea eliminar y a continuación:
► Haz clic derecho sobre la Selección⁄Eliminar diapositiva (ícono a11) del
menú contextual.

Ícono a11

► Presiona la tecla Delete o Supr.

A21: Ocultar diapositivas durante la presentación.

► Selecciona las diapositivas a ocultar.
► Haz clic con el botón secundario del ratón sobre la selección Ocultar
diapositiva (ícono a12).

Ícono a12

► Da clic en el botón Ocultar diapositiva de la pestaña Presentación con

diapositivas en el grupo Configurar.

134
A22: Previsualización de la presentación.
► Da clic en el botón (ícono a13) Desde el principio del grupo Iniciar pre-
sentación con diapositivas de la pestaña Presentación con diapositivas.

Ícono a13

► Presiona la tecla F5.

A23: Insertar hipervínculo.

1. Selecciona el texto, la forma o la imagen que quieras usar como hi-
pervínculo.
2. En la pestaña Insertar, da clic en Hipervínculo.
3. En Vincular a, da clic en Archivo o página web existente y agrega:
► Texto para mostrar.
► Info en pantalla.
► Carpeta actual, páginas consultadas o archivos recientes.
► Dirección.

Si vincula a un archivo en el equipo y mueves la presentación de Power-

Point a otro equipo, también tendrás que mover los archivos vinculados.

4. Da clic en Aceptar.

A24: Agregar animación personalizada a un objeto insertado en la diapo-

sitiva.
1. Selecciona el objeto de la diapositiva que desees animar.
2. En la pestaña Animaciones, da clic en el botón Más (figura 9).

Fig. 9 Animación personalizada a un objeto insertado en la diapositiva

3. Selecciona en el menú que se muestra el efecto que deseas aplicar al

objeto (figura 10).

135
 Fig. 10 Más opciones para la animación de un objeto en la diapositiva

A27: Guardar presentación.

1. En la pestaña Archivo, selecciona Guardar (figura 11).

Fig. 11 Guardar como

2. Para guardar en la unidad local, en un portátil, en una unidad flash o

en una unidad de CD o DVD, selecciona Equipo y luego Examinar.
3. Selecciona una ruta de acceso y una carpeta y después, escribe un nom-
bre para el archivo.

136
4. Da clic en Guardar.

A28: Exportar a PDF.

1. Selecciona la opción Exportar del menú Archivo (figura 12).

Fig. 12 Exportar

2. Da clic en Crear documento PDF/XPS y a continuación, da clic en Crear

PDF/XPS.
3. En el cuadro de diálogo Publicar como PDF o XPS, elije una ubicación
para guardar el archivo. Si deseas que el archivo tenga otro nombre,
escríbelo en el cuadro Nombre de archivo.
4. Da clic en Publicar.

A29: Acceder a Microsoft Excel.

► Acceda a los programas del menú Inicio y selecciona la opción Excel
2016.
► Escribe el comando Excel en la ventana ejecutar del Sistema Operativo
Windows.

A30: Pasos para acceder a la configuración de la página.

► Usa el cuadro de diálogo Configurar página.
► Da clic en la pestaña Diseño de página y a continuación, en el grupo
Configurar página, da clic en Selector de cuadro de diálogo (ícono 14)
(figura 13).

Ícono a14

137
 Fig. 13 Configuración de una página

A31: Pasos para introducir los datos en una celda.

1. En la hoja de cálculo, da clic en una celda.
2. Escribe los números o el texto que quiera introducir y después, presione
Enter (Entrar) o TAB. Para introducir datos en una nueva línea dentro
de una celda, inserte un salto de línea presionando ALT+Entrar.

A32: Para aplicar formato a una celda o rango de celdas.

1. Selecciona las celdas que contienen los números a los que necesita apli-
car formato:
► Accede a la ventana emergente Formato de celdas.
► Presiona las teclas Ctrl+1.
► Clic en el selector de cuadro de diálogo (ícono a15) del grupo Núme-
ro (figura 14).

Ícono a15

Fig. 14 Información de la celda

2. En la ventana emergente, haga clic en la pestaña Número.

3. Escoja la categoría de formato de número que desee y a continuación,
elija los cambios de formato específicos a la derecha (figura 15).

138
 Fig. 15 Formato de celdas

A33: Para modificar el texto utilizando la línea de entrada.

En Microsoft Excel la Barra de fórmulas es el equivalente a la Línea
de entrada en LibreOffice Calc. Esta nos muestra el contenido de la celda
activa. Cuando vayamos a modificar el contenido de la celda, dicha barra
variará ligeramente.
1. Selecciona la celda a la que se le va a modificar el contenido. Notarás
que el contenido de la celda aparece en la Barra de fórmulas.
2. A través de la Barra de fórmulas haz las modificaciones necesarias.
3. Para validar la información introducida escoge:
► Presiona Enter (Entrar).
► Haz clic en el botón Introducir (ícono a16) de la Barra de fórmulas
(figura 16).

Ícono a16

Fig. 16 Modificando la línea de entrada

139
A34: Ordenar rango de celdas.
Puede ordenar datos por texto (de la A a la Z o de la Z a la A), números
(de menor a mayor o de mayor a menor) en una o varias columnas.

Ordenar textos
1. Selecciona el rango de celdas de la columna que se debe ordenar.
2. En la ficha Datos, en el grupo Ordenar y filtrar, siga uno de estos pro-
cedimientos:
► Para ordenar rápido en orden ascendente, haz clic en ordenar de
A a Z (ícono a17).

Ícono a17

► Para ordenar rápido en orden descendente, haz clic en ordenar de

Z a A (ícono a18).

Ícono a18

Ordenar números
1. Selecciona el rango de celdas de la columna que se debe ordenar.
2. En la ficha Datos, en el grupo Ordenar y filtrar, sigue uno de estos pro-
cedimientos:
► Para ordenar de menor a mayor, haz clic en ordenar de menor a
mayor (ícono a19).

Ícono a19

► Para ordenar de mayor a menor, haz clic en ordenar de mayor a me-

nor (ícono a20).

Ícono a20

140
A35: Para introducir la fórmula sumar.
Para realizar la suma de los elementos contenidos en una fila puedes
hacer uso de la función SUMA como se muestra a continuación:
1. Activa la celda donde desee realizar la suma (figura 17).

Fig. 17 Celda activa

2. Haz clic en el botón Insertar función (ícono a21) de la Barra de fórmulas

o en la ficha Fórmulas en el grupo Biblioteca de funciones.

Ícono a21

3. En la ventana emergente Insertar función (figura 18) selecciona la fun-

ción SUMA como se observa en la figura y luego clic en Aceptar.

Fig. 18 Insertar función

141
4. A través de la ventana emergente Argumentos de función (figura 19)
selecciona el rango de valores o los valores que se deben sumar.

Fig. 19 Argumentos de función

5. Haz clic en Aceptar.

A36: Para calcular el promedio.

1. Seleccione la celda que contendrá el promedio.
2. Haga clic en el botón Insertar función (ícono a22) de la Barra de fórmu-
las o en la ficha Fórmulas en el grupo Biblioteca de funciones.

Ícono a22

3. En la ventana emergente Insertar función, seleccione la función Prome-

dio y luego clic en Aceptar.
4. A través de la ventana emergente Argumentos de función, seleccione
el rango de valores o los valores que se deben sumar.
5. Clic en Aceptar.

A37: Para elaborar un gráfico.

1. Selecciona los datos que queremos incluir en el gráfico de Excel.
2. En el menú Insertar, clic en el selector de cuadro de diálogo (ícono a23)
del grupo Gráficos.

Ícono a23

142
3. En la ventana que se muestra aparece activa la pestaña Gráficos reco-
mendados, puedes escoger una de las opciones que se te brindan, de
lo contrario da clic en la pestaña “Todos los gráficos” para ver todos los
gráficos disponibles (figura 20).

Fig. 20 Todos los gráficos

4. Selecciona el tipo de gráfico en la lista que se muestra a la izquierda

(figura 21).

Fig. 21 Insertar gráfico

5. Después de elegido el gráfico haz clic en el botón Aceptar para inser-

tarlo (figura 22).

143
 Fig. 22 Gráfico de barras

144