Instituto Nacional de Formacin Docente

Herramientas del Editor

Colocar una imagen

Para insertar una imagen en una clase tenemos varios caminos, transitemos cada uno
de ellos para ver sus particularidades, procedimientos, ventajas y desventajas.
USAR IMGENES EXTERNAS

Una forma muy simple y directa de insertar una imagen es convocarla desde otra
pgina web donde se encuentre, esto es, indicando en la clase la direccin URL de la
imagen para que se nos haga visible. As, no tenemos una imagen incrustada en la
clase si no que est visible en la medida en que est vinculada al sitio que la aloja.

PRO: La imagen no ocupa espacio de almacenamiento en nuestro

espacio en el servidor.

CONTRA: Si el sitio que aloja dicha imagen desaparece o quitan la Como este procedimiento presenta el
imagen ya no la tendremos visible.
riesgo de que

Veamos cmo hacer esto:

perdamos la imagen
se aconseja usarlo
cuando no importe
que se pueda perder
al tiempo.

1

Instituto Nacional de Formacin Docente

En la barra de herramientas del editor tenemos este botn,

el que si pulsamos nos mostrar la siguiente ventana que completaremos

como se indica:

1
2
3
4
5
6

1. Copiamos la direccin URL

de la imagen (que
explicamos a continuacin).
2. Le podemos asignar un
nombre a la imagen.
3. La alineacin implica, sobre
todo, si el texto se
acomoda o no a la imagen
y cmo.
4. Podemos redimensionar la
imagen a nuestras
necesidades.
5. Asignarle un espesor de
borde (o ninguno).
6. Y la distancia que habr
entre la imagen y el texto
que la rodea.

Cmo obtener la URL de la imagen

Habiendo encontrado una imagen en Internet que nos sirva y que podamos linkear
sin vulnerar derechos de autor debemos obtener la direccin de su ubicacin en
Internet (direccin URL) para copiarla en la ventana anterior.
La forma de conseguir esta direccin puede variar, ya sea por las caractersticas de la
pgina donde est la imagen (hay sitios que bloquean la posibilidad de copiar una
imagen de l) y/o por el navegador de Internet que usemos.
Aqu mostramos primero cmo obtener dicha direccin con Mozilla Firefox y Google
Chrome, donde en un caso aparece Copiar la ruta de la imagen y en el otro
Copiar URL de imagen:

Mozilla Firefox
Google Chrome

2

Instituto Nacional de Formacin Docente

En el caso de Internet Explorer es apenas un poco ms complicado. Si usan ese

navegador, lo que deben hacer es: 1. cliquear con el botn derecho del mouse sobre
la imagen, y del men contextual elegir la opcin Propiedades. 2. aparecer una
ventana en la que aparecer dicha direccin, restando slo seleccionarla, copiarla y
pegarla en la ventana de destino.

Atencin: Nos referimos aqu a la direccin URL de la imagen especficamente,

no a la direccin general del sitio o a la pgina.
USAR IMGENES ALOJADAS EN NUESTRO ESPACIO

Esta otra forma que vamos a ver, que consiste en usar imgenes que hemos subido
antes a nuestro campus o al espacio de nuestra aula, presenta entonces la ventaja de
que siempre tendremos disponibles las imgenes y se mantendrn en el tiempo.
S implica una mayor tarea, ya que antes de insertarla en la clase debemos subirla a
nuestra Aula y luego insertarla en la clase.
Paso I: Subiremos al aula el archivo de la imagen que necesitamos usando uno de
los recursos que tenemos como lo es el Repositorio de archivos (ver seccin
donde se explica su uso), all cargaremos el archivo y lo tendremos entonces
disponible para usarlo en el espacio del aula que deseemos. Pero atencin, que
por ahora lo tenemos en un depsito de archivos como lo es el Repositorio,
para hacerlo visible veamos el siguiente paso.
La imagen no debera superar los 600 pixeles de ancho, ya que ese es el
tamao mximo visible en el ancho del espacio de la clase. Y si bien la imagen
se puede achicar en el editor, ocuparn espacio en Kilobytes innecesariamente,
por lo que se aconseja reducirlas antes de insertarlas.


3

Instituto Nacional de Formacin Docente

Paso II: Yendo a nuestra nueva clase o a una ya creada veremos en la barra de
herramientas del editor este botn, que nos permitir traer archivos desde el
Repositorio.

Pulsando en l nos aparecer la siguiente ventana, que es un buscador de archivos

en ese almacn que es el Repositorio.

Por defecto, vemos el sistema de Bsqueda Simple, que es el que usaremos.

En l, escribiremos el nombre del archivo (la imagen en este caso que queremos
insertar) o parte de su nombre y nos mostrar una respuesta como sta:
En este caso ingresamos
la palabra tilde y nos
muestra todos los archivos que llevan ese
nombre.
1. Seleccionamos aqu el
archivo tilde3.png.
2. Aqu podemos
previsualizar la imagen
para ver si es la
buscada.

3. Finalmente cliqueamos
en Incrustar para
colocar la imagen en la
clase.

Y ya tenemos la imagen insertada en la clase.

4

Instituto Nacional de Formacin Docente

Insertar lneas de divisin

Las lneas de divisin son tiles para cuando, en una clase deseamos dejar claro
tambin desde lo visual que pasamos a otra seccin de un tema o a otro tema
directamente.
El procedimiento muy sencillo es el que se explica a continuacin.
Pulsamos el botn sealado,
ventana:

y aparecer la siguiente
De all:
1
2
3

1. Podemos determinar el ancho

de la lnea expresndolo en
pixeles o en porcentaje de
cobertura del ancho del espacio.
Si lo dejamos vaco la lnea
ocupar el ancho mximo.
2. Indicamos el grosor de la lnea.
3. Le ponemos sombra o no.
Y pulsamos Insertar.

Insertar Tablas
La herramienta de Tablas es una de las ms tiles de las que presenta el editor HTML
por la variedad de prestaciones que depara, y a la vez una de las ms complicadas de
usar en relacin a la facilidad que presentan las de los procesadores de texto de uso
corriente.
Hay que recordar aqu que se llama tabla - ya casi en el lenguaje corriente - a una
matriz o cuadrcula que nos permite organizar informacin en el espacio de edicin.
Tabla, adems, que puede quedar invisible al no ponerle color de borde.
Por ejemplo:
El modelo comunicativo de hace apenas 50
aos estaba basado en
una lgica de broadcasting,
esto es, de una comunicacin
del tipo

Las tablas entre otras funciones nos permiten:

trabajar con un fondo de color, ya que esto no puede ser un atributo

del fondo de la clase pero s de la celda en la que estamos trabajando,
ubicar una imagen dentro de un texto y que la misma se mantenga en
una ubicacin estable,
ubicar materiales en diferente ubicacin espacial rompiendo cierta
linealidad por defecto, tanto vertical como horizontal.

5

Instituto Nacional de Formacin Docente

Creacin y configuracin de una tabla

Para crear una tabla en nuestra clase, lo primero ser dar clic en el botn indicado:

Luego de lo cual aparecer la ventana que se muestra abajo. Pero, a diferencia de como
solemos proceder habitualmente, cuando por ejemplo escribimos un texto y luego le
damos el formato, en este caso aconsejamos configurar todas las opciones antes de
insertar la tabla. Veremos luego que la tabla se puede modificar, pero a veces puede
resultar un tanto indcil.

En algunos casos
vern que es mejor
eliminar la tabla y
crear una nueva que
lograr los cambios
deseados.

Observemos primero que la ventana presenta dos opciones: General y Avanzado.

Abordemos primero las opciones generales principales:
1.

2.
3.

4
5

4.

5.

Indicamos cantidad de
columnas de la tabla.
dem con las filas.
Alineacin: si la tabla no
ocupa todo el ancho del
espacio podemos alinearla a
izquierda, derecha o
centrada.
Borde: el nmero indica el
grosor del borde (en el
ejemplo, 0 es sin borde).
Ancho de la tabla:
indicamos la medida en
pixeles (si lo dejamos vaco En nuestras aulas el
el ancho de la tabla se
ancho mximo es de
ajustar al contenido).
600 pixeles.

En nuestro caso, antes de insertar la tabla,

vamos a pasar a la solapa de opciones
avanzadas ya que le agregaremos un fondo
de color (dejamos por ahora las dems
opciones).
Haremos clic en el cuadrado a la derecha
de donde dice Color de fondo y nos
aparecer una ventana de la que elegiremos
el color deseado.

6

Instituto Nacional de Formacin Docente

Aqu fuimos a la solapa llamada Nombrados (ya que es ms sencillo luego recuperar
el color deseado), cliqueamos en uno de ellos y dimos Aceptar.

Finalmente ahora s cliqueamos

en Insertar y nos aparecer la
siguiente tabla, en nuestro caso,
con color de relleno y sin color de
borde (las lneas punteadas no se ven en la vista de usuario de la clase).

Modificando la tabla
Para modificar la tabla, cliquearemos en ella y veremos que aparecen unos cuadros
blancos en su permetro o a un costado como en nuestro caso, cosa que sucede
cuando la tabla no est alineada a la izquierda. As:

, y se
Una vez seleccionada vamos nuevamente al botn de Insertar tabla
mostrar de nuevo la ventana que usamos antes, y donde vemos los valores ya dados,
a los que les cambiaremos:

1. La alineacin hacia la
izquierda.
2. Y le pondremos un
valor de 1 al borde
para que sea visible.
3. Pulsamos en el
botn que ahora se
llama Actualizar, ya
que estamos
editando una tabla
ya creada.

7

Instituto Nacional de Formacin Docente

La tabla ya terminada, (con alguna informacin agregada) quedara as:

Nota: Descubrirn seguramente que alinear el texto dentro de las celdas puede ser una odisea. Lo
aconsejable es seleccionar las celdas a las que se quiere dar la misma alineacin de texto y elegir el
tipo de alineacin para todas a la vez. El resultado de la seleccin de las celdas debera verse as:

Eliminar una tabla

No hay un procedimiento o botn para eliminar una tabla completa, pero s
podemos ir eliminado sus filas y columnas de a una hasta borrar la tabla y su
contenido a travs de los botones que presenta la barra de herramientas en su
seccin de tablas.
Botones y funciones
Mostramos aqu los principales botones que presenta la barra de herramientas para
aplicar sobre las tablas y sus funciones:
Propiedades de filas y celdas: Muy tiles para cambiar el color de fondo
de alguna/s celda/s en particular, o la alineacin del texto en ellas.
Insertar filas: Agrega una fila arriba o debajo de la fila en donde estoy
parado, esto es, donde hice clic y ubiqu el cursor de texto.
Insertar columnas: dem al anterior pero con columnas.
Eliminar filas y columnas: Quita la fila o columna en la que ubiqu el
cursor a modo de indicacin de qu fila o columna quiero sacar.

Recordar que si no
hacemos clic
adentro de la tabla
no se nos
habilitarn estos
botones.

Nota final: Trabajar bien con tablas lleva su tiempo, por las dificultades mencionadas
de este tipo de editores y por la cantidad de opciones que presenta. Opciones que
demandarn tiempo de exploracin y experimentacin, sin duda, pero que les
brindarn muchas posibilidades para enriquecer la clase.

8

Instituto Nacional de Formacin Docente

El Repositorio de Archivos

Una institucin no estara completa sin una biblioteca. La seccin Repositorio funciona
perfectamente como una. En una biblioteca uno puede buscar revistas, libros, diarios,
en cambio en este Repositorio extendemos esta funcin a lo que es una verdadera
Biblioteca de Recursos online.
Definimos a los Recursos como Objetos, que son sinnimos y pueden ser usados de
manera indistinta. Dentro de la Administracin se emplea el trmino Objetos. Con la
palabra Objetos se quiere englobar a todos los tipos de informacin que se pueden
agregar, buscar y eliminar de la Biblioteca a la cual llamamos Repositorio dentro de
la Administracin. Un objeto puede ser tanto un archivo cualquiera, como un
micrositio (archivo .zip), como tambin puede ser una direccin de Internet (sitio
Web).
Hablamos entonces de un espacio de alojamiento en el servidor accesible a travs de
la plataforma en donde guardaremos todos los archivos que usaremos, ya sea para el
campus o para el aula.
Y cuando hablamos de almacenar los archivos debemos considerar no solo los
documentos destinados por ejemplo a nuestros alumnos si no tambin a las imgenes
que usamos para ilustrar nuestras clases, los archivos de audio que podramos insertar
en ella y todos los dems archivos que usaremos o podramos usar pero no queremos
hacerlos visibles todava. Ser entonces nuestro depsito de materiales digitales,
al que, desde distintas ubicaciones del aula podremos llamar a uno de esos archivos
para usarlo y/o hacerlo visible.

9

Instituto Nacional de Formacin Docente

Agregar archivos en el Repositorio

Para poder agregar un archivo a este espacio debemos primero acceder a la
Administracin del Campus. Luego de esto, veremos en la barra de men superior la
opcin Repositorio.

Si cliqueamos en su rtulo se presentan tres

subopciones, como Administracin, Categoras
y Visibilidad. Veremos la primera de ellas

Estando por defecto en Administracin, observemos el men de
opciones que tenemos a la izquierda de la pantalla. La primera opcin es
Agregar, e iremos a ella.
En la parte central tenemos ahora el panel para cargar el archivo y
asignarle optativamente una serie de metadatos para su mejor
clasificacin.
Veamos las secciones de este panel de carga de archivos:

2
3

1. Tenemos tres tipos de repositorios:

El Personal, en el que los archivos
almacenados en l slo son accesibles para el
que subi el archivo.
El Local, donde los archivos estarn
disponibles para todos los que acceden a la
administracin del Campus.
El Global, al que se accede desde cualquiera
de los campus que forman el sistema.
2. Yendo a Examinar vamos a buscar el archivo
que deseamos subir. Veremos que
automticamente se determina el Ttulo.
3. Los dems campos pueden ser completados,
aunque esto no es obligatorio.


10

Instituto Nacional de Formacin Docente

Yendo al final de la pgina encontramos el otro campo que hay que completar
obligatoriamente que es el de la Visibilidad. La visibilidad significa permitir que
estando en la administracin de alguna de las aulas podamos encontrar en el
Repositorio el archivo habilitado, o visible para ese aula, y a la vez se convierte en
un lmite o restriccin al acceso de los archivos que se agregan al Repositorio.
En el ejemplo a continuacin, el archivo antes subido estar disponible para el aula
llamada I.S.F.D. N174. Esto se hizo seleccionndolo del men de la izquierda, y con
el smbolo > lo pasamos al listado de aulas en el que estar visible (puede ser ms
de una).
Es importante al momento de cargar un archivo hacerlo visible solamente
para el aula en que ser usado.

Webmasters, Administradores y su relacin con Visibilidad

En Agregar objetos, los Webmasters (administradores de todo el Campus)

van a poder ver todas las visibilidades (las de todas las aulas o grupos), y
seleccionar cualquiera de los objetos.

En cambio los Administradores de Aula (los docentes), van a poder ver slo
las visibilidades que correspondan a los grupos que ellos administran mientras
que un Webmaster ver todos los grupos y no slo estos tres.

En cuanto a la seccin Categoras, est destinada a organizar los objetos del

Repositorio, asignndoles una o ms categoras que hay que crear previamente.
Por ahora dejaremos este campo sin completar, no seleccionando ninguna de las
categoras que haya visibles.
Finalmente pulsamos en Agregar y ya tenemos el archivo cargado en el Repositorio.


11

Instituto Nacional de Formacin Docente

Modificar archivos en el Repositorio

Modificar un archivo, significa por ejemplo poder cambiar las visibilidades de los
archivos, la localizacin de los mismos, los metadatos y todas las opciones de la
pantalla vista antes.
Eliminar archivos
La eliminacin de un archivo del Repositorio es muy sencilla, simplemente vamos a la
opcin Eliminar y tildamos la/s casilla/s correspondiente
a los archivos a borrar. Al final de la pgina confirmamos
pulsando el botn Eliminar.

12