Herramientas personales

Medellín

De Wiki de Linex Colegios

Tabla de contenidos

Descripción

Medellín (cuyo verdadero nombre es VNU) es un editor de páginas web que tiene un funcionamiento muy sencillo, muy similar al de un editor de textos como OpenOffice. Se encuentra dentro del menú Internet.

Una página web (o sitio web) no es más que una serie de documentos enlazados entre sí en los que se presenta información, ya sea como textos, imágenes (estáticas o en movimiento) e incluso vídeo y sonido. Esta página se publica (es decir, se encuentra accesible) en un servidor conectado a la red Internet y, de esta forma, queda disponible para todos los usuarios del mundo que quieran visitarla.

Se puede deducir fácilmente que una de las principales características de las páginas web es su excepcional capacidad para admitir el uso de imágenes gráficas (como logotipos, fotografías y animación) y textos con formatos, así como vínculos de hipertextos, que son indicadores en forma de texto resaltado o gráficos especiales que permiten acceder con un clic a información de otra parte de la Red.

Cuando alojamos una página en el servidor para que sea accesible para todo el mundo hablamos de subir o publicar. Y cuando nos guardamos algo de Internet en nuestro ordenador lo llamamos bajar o guardar.

Como se puede ver, las páginas Web son un medio de comunicación único con el que podemos presentar información de una forma muy atractiva.

Primeros pasos

Una vez iniciado Medellín, aparece una pantalla como esta:

Imagen:Medellin-1.jpg

Para empezar a trabajar con el programa, bastará teclear unas líneas de texto y guardar el fichero. Habremos creado de esta forma una sencilla página web. Será conveniente crear una carpeta donde guardar todos los ficheros relativos a la web (páginas, imágenes, sonidos...), pues así será mucho más fácil la transferencia de archivos cuando deseemos publicarla definitivamente.

Una vez tengamos la página creada, la grabaremos haciendo clic en el botón

Imagen:Medellin-2.jpg

Formato de texto

Como se ha comentado antes, el funcionamiento de Medellín es muy similar a un procesador de texto. Podemos utilizar negritas (B), cursivas (I), subrayados (U), alinear el texto a izquierda, centro o derecha.... para mejorar el texto.

Imagen:Medellin-3.jpg
Con este botón se puede elegir el tamaño de la letra:
Imagen:Medellin-4.jpg
Y desplegando éste:
Imagen:Medellin-5.jpg

podemos establecer el color del texto (cudradito superior) o del fondo de la página (cuadradito inferior).

Medellín nos proporciona ya unos estilos predefinidos. Desplegando este menú:
Imagen:Medellin-6.jpg

podemos aplicar distintos estilos de párrafo, que vendrán muy bien si no tenemos muy claro qué estilos debemos aplicar al texto de la página web.

Si en algún momento deseamos ver cómo va quedando el trabajo, simplemente pulsamos sobre el icono:

Imagen:Medellin-7.jpg

y se abrirá una ventana de Firefox en la que se muestra la página como realmente se verá en Internet.

Imagen de fondo

Podemos indicarle a Medellín que ponga una imagen como fondo de la página web. Esto crea efectos muy curiosos e interesantes. Por ejemplo, podemos poner un fondo de agua o de papel. Para ello haremos clic en el menú Formato y en la opción Colores y fondo de la página.

Imagen:Medellin-8.jpg

Hacemos clic en Elegir archivo y seleccionamos la imagen que deseamos poner como fondo de la página.

Imágenes

Las imágenes dan mucho más atractivo a las páginas web. Su inserción es muy sencilla. Basta con ir al menú Insertar, y seleccionar la opción Insertar imagen.

También lo podemos hacer mediante un clic sobre el botón

Imagen:Medellin-10.jpg

Veremos algo parecido a esto:

Imagen:Medellin-11.jpg

Hay tres pestañas en esta ventana:

  • en la pestaña Ubicación lo primero que se pregunta es qué imagen deseamos insertar (en la posición de la página en donde esté el cursor). Hacemos clic sobre Elegir archivo y buscamos la imagen que nos parezca la más adecuada. Podemos escribir un texto (Título emergente) que aparecerá en el navegador cuando el usuario pose durante unos segundos el cursor del ratón sobre ella. También podemos escribir un texto alternativo para el caso de que la imagen no pueda ser visualizada por el usuario (porque no ha podido cargarla correctamente).
  • en la pestaña Dimensiones definiremos el tamaño de la imagen (¡cuidado!, se deforma bastante al cambiar su tamaño original) eligiendo Tamaño real o Tamaño personalizado y escribiendo el ancho y el alto en los campos correspondientes. Si mantenemos marcada la casilla Mantener proporcionados el incremento del ancho determina automáticamente el incremento del alto para no perder la proporción de la imagen.
Imagen:Medellin-12.jpg
  • En la pestaña Apariencia definiremos el ajuste del texto con respecto a la imagen: Arriba, En el centro o Debajo. También existen las posibilidades de Fluir por la izquierda o Fluir por la derecha.
Imagen:Medellin-13.jpg

Enlaces

En una página Web un enlace es un salto hipertextual, una forma fácil de desplazarse de un sitio a otro, dentro de la misma página, de una página a otra, dentro del mismo conjunto de páginas, o de una web a otra (distintos conjuntos de páginas).

Para crearlos debemos decidir en primer lugar qué objetos (es decir, qué palabras o imágenes) van a servir de hipervínculo (dicho de otro modo, dónde vamos a situar los enlaces). Puede ser una palabra, una frase, una imagen, una fotografía, una línea... es decir, cualquier elemento que haya en la pantalla.

Veamos primero cómo se crea un enlace dentro de la misma página, de forma que cuando hagamos clic en un elemento concreto de la página el navegador salte automáticamente a una zona dentro de la misma página. En este caso es obligatorio definir un "destino" (una marca que le indica al programa a qué lugar de la página debe irse), lo cual se crea con el icono:

Imagen:Medellin-14.jpg

Nos aparecerá una ventana en la que se pide un nombre para este destino (puede ser cualquiera). Por ejemplo, si quisiéramos hacer un enlace que nos llevara al principio de la página, deberíamos crear un “destino” justo en el inicio de la página y llamarlo, por ejemplo, "arriba", y al final de la página podríamos insertar un enlace con una flecha de modo que al hacer clic sobre ella nos llevara al principio de la página.

Imagen:Medellin-15.jpg

Una vez ubicado el destino del enlace, debemos elegir ahora el objeto que contendrá el enlace, seleccionarlo y utilizar el icono

Imagen:Medellin-16.jpg

Veremos algo parecido a esto:

Imagen:Medellin-17.jpg

Se trata del cuadro Propiedades del Enlace, en la que aparece el destino que acabamos de crear (arriba). Al desplegar el campo Ubicación del enlace del vínculo aparecen todos los puntos de ancla creados, entre ellos arriba. Haciendo clic sobre éste quedará seleccionado; seguidamente pulsamos sobre Aceptar y estará operativo (hay que tener en en cuenta que este tipo de enlaces no resulta práctico si nuestra página no ocupa más de una pantalla).

Para crear más enlaces a otras zonas de la página, simplemente definimos tantos destinos como necesitemos y establecemos los enlaces con cada uno de ellos.

Crear enlaces de una página a otra es, en esencia, el mismo proceso. En este caso NO es obligatorio definir un destino (el salto se producirá al principio de la página enlazada).

Para enlazar una página con otra, seleccionamos el objeto sobre el que va a ir el enlace y pulsamos sobre el icono Enlace . Aparecerá la misma ventana de antes (Propiedades del Enlace), pero ahora seleccionaremos la opción Elegir archivo. Buscamos en el disco duro la página con la cual queremos enlazar y pulsamos Aceptar. Ya está. Hay que tener en cuenta que los enlaces no funcionan en Medellín y que deberemos pulsar sobre "Preliminar" para comprobar su funcionamiento. Como ya se ha comentado, es conveniente que nuestro conjunto de páginas esté en la misma carpeta del disco. Nos facilitará la tarea a la hora de establecer los enlaces.

Por último, se puede crear un enlace con cualquier otro sitio web. En este caso, en “Ubicación del enlace” deberemos escribir la dirección de la página de Internet con la que deseamos enlazar (http://www.educarex.es, por ejemplo).

Publicar páginas

Una vez que la página esté terminada, deberemos “subirla” a un servidor para que sea visible por todos los usuarios de Internet. En este caso, es necesario tener un nombre de usuario y contraseña en esa máquina. Para publicar una web basta con pulsar el icono

Imagen:Medellin-18.jpg

Aparecerá una pantalla como ésta:

Imagen:Medellin-19.jpg

En ella se pregunta por el nombre de tu página, la dirección web en donde estará y, lo más importante, la dirección del servidor, el nombre de usuario y contraseña. Una vez hayamos introducido esos datos y pulsemos Publicar, la página será “subida” al servidor y estará visible.

Sugerencias didácticas:

Medellín puede ser utilizado con dos posibles utilidades didácticas

  • Por un lado, podemos generar contenidos didácticos para luego colgarlos en el servidor del centro, de modo que los alumnos puedan consultarlos a través de su navegador. Si se dota a las páginas de imágenes, animaciones, textos sencillos... puede ser un excelente y atractivo medio para explicar un concepto o un tema.
  • Por otro, los alumnos pueden crear sus propias páginas webs, muy sencillas, relativas a actividades que hayan realizado.