Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Aprende Web

Crea y diseña tus sitios en la Web.

Gestores de contenidos

Crea un blog o un sitio dinámico con Gestor de Contenidos

Y ahora tambien aprende a programar en C++ con Aprende Web C++

Manuales para la creación y diseño de páginas web

Básicos					Avanzados					Practicas
Inicio	HTML	CSS	Complementos	Gestores de contenidos	Javascript	PHP básico	Nuevas Tendencias	Programación	Librerías	Mi primera web	Prácticas Web

RSS. Suscribir canal.



Joomla

7. Enlaces e Imagenes

Enlaces

Veremos aquí algunas cosas que podemos añadir al artículo, además del texto. Empezamos por los enlaces, tanto a páginas de otras webs, como a las demás páginas de nuestra propia web.

Abrimos la página de edición del artículo, y en el menú superior del cuadro de edición pulsamos en "Insertar -> Enlace", se nos abre entonces un cuadro en donde se puede definirn el enlace. También podemos acceder a ese cuadro desde el icono de "Insertar Enlace" del menú superior.

En el formulario tenemos varios elementos para rellenar:

• En URL escribiremos la dirección web completa (incluido el http:// del principio).

• En Texto para mostrar Escribimos el texto del enlace que aparece en pantalla.
• En título tenemos la opción de añadir un texto que aparecerá en pantalla cuando pasemos el ratón por encima del enlace.
• En Destino tenemos la opción de abrir la página del enlace en una nueva pestaña o en la misma que estamos.

Esto sirve tanto para enlazar a páginas de otras webs como a otras páginas de nuestra propia web. Tanto para unas como para otras escribiremos la dirección web completa como URL.

Biblioteca Multimedia

Insertar imágenes, vídeos y contenido multimedia en la página, requiere que previamente éste se haya subido al servidor. Es por eso que cada sitio con Joomla dispone de un Gestor Multimedia, donde se guardan las imágenes, sonidos, y demás contenido multimedia que se quiera mostrar en el sitio.

Accedemos al Gestor multimedia desde el panel de control, haciendo clic en la opcion "Gestor multimedia".

Una vez abierto el Gestor Multimedia, vemos que éste organiza los archivos multimedia por carpetas.

Utilizando el menú del gestor podemos subir nuevos archivos, crear nuevas carpetas, eliminar archivos o carpetas, y desde la pestaña de opciones se pueden controlar algunos aspectos de la gestión de archivos, tales como tipos de archivos que pueden subirse, tamaño de los mismos, etc.

Insertar Multimedia

Subir los archivos al Gestor Multimedia es sólo un primer paso para que éstos puedan mostrarse en nuestro sitio. Una vez que están en el Gestor Multimedia, debemos incorporarlos a la página.

En primer lugar abrimos el Gestor Multimedia, y en la lista de carpetas, buscamos el archivo que queremos subir a la página. En el tipo de vista pulsamos en "Ver Detalles".

Ahora debemos guardarnos algunos datos que utilizaremos más tarde, podemos por ejemplo guardarlos en un papel. El primero de ellos es la ruta del archivo, es decir la ruta a la carpeta en donde está el archivo. Ésta la encontramos después de la palabra " Raíz: ", y empieza siempre por "images/ ". por ejemplo, "images/sampledata/fruitshop".

Después debemos guardar el nombre del archivo, y sus dimensiones, por ejemplo "apple.jpg" (Nombre Imagen), 375 x 281 (Dimensiones en píxeles).

Una vez que sabemos estos datos, nos los apuntamos, y vamos al artículo en el que queremos mostrarlo y lo abrimos para editarlo.

Desde la página de edición del articulo, vamos al cuadro de edición, y en su menú superior pulsamos en "Insertar -> Insertar Imagen".

Se nos abre una ventana en la que tenemos un formulario para insertar la imagen:

• En Fuente pondremos la ruta de la imagen, seguida de una barra / y el nombre del archivo (incluida la extensión), por ejemplo: images/sampledata/fruitshop/apple.jpg.
• El elemento "Descripción de la imagen" es opcional, pero conviene ponerlo. Escribiremos aquí una breve descripción de la imagen.
• En dimensiones, escribiremos las dos cifras de las "Dimensiones en pixeles", si queremos que la imagen sea a tamaño real. Para hacerla más grande o más pequeña introduciremos otras cifras. Con la pestaña "Restringir proporciones", haremos que al ampliar o reducir la imagen ésta quede proporcionada con el original.

Estilo de la imagen

En principio se pueden usar los botones de alineación del menú de edición para alinear la imagen a la izquierda, derecha, o centrarla. Sin embargo la imagen ocupará todo el ancho, de manera que no se puede escribir en el hueco de la izquierda o derecha que deja.

Para poner la imagen integrada en el texto, tendremos que ir al código HTML, que veremos pulsando en Herramientas -> Codigo Fuente.

Debemos por tanto saber un poco de HTML y CSS para arreglar esto, ya que la la solución es buscar la imagen en el código e insertarle un atributo de estilo del tipo style="float: right", que nos colocaría, en este caso, la imagen a la derecha, y el resto del texto a la izquierda.

También se puede utilizar la opcion "Imagenes y Enlaces" de la lista de opciones de la derecha, para insertar una imagen de cabecera en el artículo.

Enlaces en imágenes

También se puede insertar un enlace en una imagen, de forma que al pulsar encima de la imagen se activa el enlace.

Para ello, una vez insertada la imagen en el artículo, la seleccionamos, y procedemos de la misma manera que para insertar cuialquier enlace; es decir, desde la página de edición, en el menú superior pulsamos en Insertar -> Insertar Enlace, se nos abre la ventana para insertar enlace, y procedemos como para cualquier otro enlace.

---

En la siguiente página veremos comom administrar el acceso a los distintos niveles del sitio.

Usuarios

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com