Tutorial Joomla 1.

7 Contenido
Tutorial Joomla 1.7 ......................................................................................................................................................... 1 Ejemplos de sitios creados con Joomla. ......................................................................................................................... 3 Estructuras de un sitio creado con Joomla. .................................................................................................................... 3 Elementos de JOOMLA. .................................................................................................................................................. 4 Artculo ................................................................................................................................................................... 4 Categoras ............................................................................................................................................................... 4 Usuario.................................................................................................................................................................... 4 Mens. .................................................................................................................................................................... 4 Mdulos .................................................................................................................................................................. 4 Plantillas.................................................................................................................................................................. 4 Plug-ins y Componentes. ........................................................................................................................................ 4 Planteamiento general : web IES Anselmo Lorenzo. ..................................................................................................... 5 Estructura de permisos y accesos .......................................................................................................................... 5 Estructura de los contenidos .................................................................................................................................. 6 Estructura de Mens .............................................................................................................................................. 6 Entrar y Salir del Sistema ................................................................................................................................................ 7 Iniciar Sesin ........................................................................................................................................................... 7 Men del Usuario ................................................................................................................................................... 7 Cerrar Sesin .......................................................................................................................................................... 7 Registro de Usuarios. ...................................................................................................................................................... 7 Como Registrarnos. ................................................................................................................................................ 7 Recuperar una Contrasea Perdida............................................................................................................................ 7 Acceder a nuestros datos para modificarlos. ......................................................................................................... 8 Gestin del contenido desde el Frontend ...................................................................................................................... 8 1. Envo de nuevo contenido al sistema ..................................................................................................................... 8 Edicin de artculos............................................................................................................................................... 11 Supervisin y aprobacin de artculos.................................................................................................................. 11 Enviar Enlaces Web .................................................................................................................................................. 12 Comprobar Mis Artculos.......................................................................................................................................... 12 Administracin (Back-end). .......................................................................................................................................... 13 Gestor multimedia .................................................................................................................................................... 14

Estructurar el Contenido en Categoras ....................................................................................................................... 16 Crear una Nueva Categora................................................................................................................................... 17 Mover una Categora ............................................................................................................................................ 18 Eliminar una Categora ......................................................................................................................................... 18 Administrar Artculos de Contenido ............................................................................................................................. 18 Crear un Nuevo Artculo de Contenido .................................................................................................................... 19 Tablas. ................................................................................................................................................................... 23 Edicin de filas de tabla ........................................................................................................................................ 24 Insertar una nueva fila .......................................................................................................................................... 25 Eliminacin de una fila.......................................................................................................................................... 25 Mover o Copiar un Artculo de Contenido ........................................................................................................... 26 Gestor de ARTICULOS. Proceso Por Lotes ............................................................................................................ 26 Eliminar un Artculo de Contenido ....................................................................................................................... 26 Archivar un Artculo de Contenido ....................................................................................................................... 26 Quitar un Artculo de la Pgina de Inicio .............................................................................................................. 26 Eliminar Artculos Archivados ............................................................................................................................... 26 Como insertar otros elementos en nuestros artculos. ............................................................................................... 28 Insertar una presentacin de Slideshare. ................................................................................................................. 28 Insertar un vdeo de YouTube. ................................................................................................................................. 29 Insertar un Enlace que descargue un archivo PDF subido a nuestro sitio ............................................................... 30 Insertar un mapa con google maps .......................................................................................................................... 32 Insertar una galera de imgenes en nuestro artculo. ............................................................................................ 34 Insertar una presentacin de imgenes en nuestro artculo. .................................................................................. 35 Otras Posibilidades ................................................................................................................................................... 36 Configuracin Global. ................................................................................................................................................... 36 Sitio ........................................................................................................................................................................... 36 Los Mens..................................................................................................................................................................... 38 Crear un men .......................................................................................................................................................... 38 Cambiar el nmero de artculos principales en el men inicial de Joomla. ................................................................. 39 Permitir varias subidas simultaneas desde el Gestor multimedia. .............................................................................. 39 Error al cargar la pgina inical. ..................................................................................................................................... 40

Joomla! es un Sistema de Gestin de Contenidos (CMS), que nos ayuda a construir sitios web fcilmente, pudiendo crear artculos para nuestros visitantes que contengan informacin, fotos, videos, audio, documentos

Ejemplos de sitios creados con Joomla.

http://ies.antares.rivas.educa.madrid.org/ Pgina web del IES Antares de Rivas http://ies.mariadezayas.majadahonda.educa.madrid.org/Joomla/ Pgina web del IES Mara Zayas http://www.guggenheim.org/ Pgina web del Museo Guggenheim.

Estructuras de un sitio creado con Joomla.

Antes de empezar con la configuracin explicaremos algunas estructuras y trminos para aclarar conceptos.

FRONTEND (Sitio)
Con frontend entendemos que es la parte que los visitantes o usuarios registrados pueden ver del sitio. Un usuario registrado suele moverse por el frontend. Por ejemplo en una tienda virtual visita los productos que se muestran. Nuestro sitio web est en http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/

BACKEND (Administrador)
Esa es la zona de administracin, tambin conocida como administrador. Es posible asignar permisos a los usuarios registrados que necesiten trabajar en el backend. Este privilegio suele ser limitado a algunos empleados que llevan la tarea de administrar el sitio. Puedes acceder al administrador desde /administrator ej. http://localhost/administrator Nuestro acceso a la administracin est en la direccin: http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/administrator/ Desde aqu puedes acceder a la interfaz de administracin con tus credenciales de acceso.

Una vez logueado correctamente, tendrs acceso a la administracin, la cual est estructurada en funcin de tus permisos de usuario.

Elementos de JOOMLA.
La estructura de Joomla consta de los siguientes elementos. Artculo Joomla se utiliza para escribir artculos que es el elemento donde ponemos la informacin que deseamos. Un artculo consiste en un ttulo, texto y los parmetros de configuracin. Los artculos pueden ser visualizados individualmente o en un listado de varios artculos. Si los artculos son muy largos puedes insertar un enlace Leer ms. Categoras Con la finalidad de mostrar los artculos de forma clara puedes crear categoras, donde posteriormente clasificars los artculos. Las categoras pueden estar anidadas sin lmites de profundidad. Un artculo puede ser asignado a una sola categora . Usuario Los usuarios producen contenidos. Todo sitio Joomla cuenta con al menos un usuario, que fue creado durante la instalacin y tiene permisos totales en el sitio. Dependiendo de los permisos de usuario podr trabajar en el frontend o en el backend para escribir un artculo. Cada usuario necesita u nombre, una direccin de email y una contrasea. Mens. Para poder moverte por el sitio necesitas enlaces para poder navegar por su contenido. En Joomla esto se hace con mens. Puedes crear todos los mens que sean necesarios y combinarlos como desees. Cada men es un mdulo que puede ser situado en cualquier posicin definida en la plantilla. Mdulos Un mdulo es un contrenedor que puedes posicionar en la plantilla. Por ejemplo el bloque de registro de usuarios situado en la parte izquierda del frontend es un mdulo. Puedes crear todos los mdulos que necesites y posicionarlos en las posiciones predefinidas en la plantilla. Plantillas Una plantilla es un patrn grfico para el sitio web. Plug-ins y Componentes. Los plug-ins Son extensiones que pueden ser instalados para aadir funciones adicionales a nuestra web.

Planteamiento general : web IES Anselmo Lorenzo.

Hay que establecer tres estructuras (relacionadas entre s): 1. Estructura de permisos y accesos (Alta de los usuarios y sus perfiles) 2. Estructura de los contenidos (Creacin de categoras) 3. Estructura de mens (navegacin y presentacin de los contenidos) Estructura de permisos y accesos .
Registro No Registrado Registrado Acceso a Zonas Front End (Sitio) Front End (Sitio) Tipo de Usuario Invitado Registrado Caractersticas Slo pueden ver slo los contenidos pblicos de FrontEnd Son personas que ya se han registrado y logueado. que pueden ver los contenidos que tengan asignacin Registrado. Pueden crear artculos de contenido pero su publicacin est condicionada a la supervisin de un publicador o superior. Crea y modifica artculos de contenido su publicacin est condicionada a la supervisin de un publicador o superior. Pueden crear, modificar y publicar artculos. Pueden crear, modificar y publicar artculos. Tienen acceso al BackEnd y modificar algunas opciones de la configuracin Igual que los gestores pero con acceso a modificar ms opciones Es nico y tiene la totalidad de permisos Permisos de Visualizacin Pblico Registrado

Autor

Especial

Editor

Publicador BackEnd (Administracin) Gestor

Administrador SuperAdministrador

Vamos a crear dos grupos de profesores dentro del seminario: o Unos profesores con acceso ilimitado al Back-End. Uno es Superadministrador, y los otros Administradores. o El resto de profesores con perfil de Gestor y con acceso limitado al Back-End, se hacen cargo de la creacin de contenidos, mantenimiento y actualizacin de una de las categoras que se crearn. A los alumnos se les puede asignar perfil de Usuario registrado. De esta forma conseguimos: Slo los administradores y publicadores pueden publicar. Todos los profesores tienen acceso a ver todo el portal. Los alumnos no tienen acceso a ver las reas de permiso Especial Los invitados no pueden ver las reas de permisos Registrado o especial, slo la parte pblica del portal. Para dar de alta a los usuarios se puede proceder de la siguiente forma. 1. Se da de alta a los profesores participantes en el seminario. Cuando el sitio Web est desarrollado se procede a: 2. Abrir un periodo para que el resto de profesores y todos los alumnos se den de alta. 3. Los administradores darn a estos profesores el rol de Gestor de su departamento o de usuario registrado simplemente. 4. Tras darse todos de alta se cierra la opcin de Crear Nueva Cuenta. En el portal sigue apareciendo el mdulo de registro, pero solamente para loguearse. Ya no aparece el enlace Crear Nueva Cuenta. As evitamos el acceso registrado a personas ajenas. Si llegaran alumnos nuevos se les dar de alta por el Back-End.

5. Cada ao habr que dar de alta a los nuevos alumnos abriendo un periodo de matriculacin abriendo la opcin de Nuevas altas. Podemos cerrar o abrir la opcin de Crear Nueva Cuenta desde el Panel de Control del BackEnd, en Configuracin de Usuarios pulsamos en el Botn de Opciones y marcamos No o Si Permitir Registro de Usuarios. Debemos pulsar en el botn Guardar y Cerrar para que los cambios queden guardados.

Estructura de los contenidos 1. Las Categoras son contenedores grandes (Armarios) 2. Las Sub-categoras son contenedores pequeos (cajones dentro de cada armario). 3. Los artculos van siempre dentro de una categora o sub-categora y son las publicaciones (texto, imgenes, etc...) 4. Las entradas de men son los tiradores de las puertas de los armarios y de los cajones. Gracias a ellos podemos acceder a ver lo que hay dentro. Los mens deben ir dentro de un mdulo, para que sean visibles. Se pueden crear tantas categoras como se quiera, en nuestra pgina web se han creado ya las siguientes: Equipo Directivo Orientacin Act. Extraescolares Biblioteca Peridico Escolar AMPA Informacin General Una Categora para cada Departamento Didctico. Como subcategoras vamos a crear las siguientes. Dentro de la categora Equipo Directivo: Direccin, Jefatura de Estudios y Secretaria. Dentro de cada categora de los Departamentos Didcticos: Noticias, Asignaturas, Programaciones, Apuntes, Enlaces de Inters, Aula Virtual. Estructura de Mens Los Departamentos tienen entrada directa desde el mdulo Departamentos de la columna Izquierda . El resto de las categoras tienen entrada directa desde el men superior. Estos mens y categoras son de acceso pblico, aunque esta caracterstica puede cambiarse.

Entrar y Salir del Sistema

Iniciar Sesin Introduzca su nombre de usuario y contrasea en el Formulario de Acceso y pulse el botn Iniciar Sesin para acceder al rea restringida del sitio web. Men del Usuario

Una vez que ha iniciado sesin en el sitio web, notar que aparece un Men del Usuario en el panel de navegacin de la izquierda La siguiente tabla proporciona una breve descripcin de cada artculo del Men del Usuario: Opcin de Men Detalles/Opciones Detalles de Usuario Enviar Noticias Enviar Enlace
Cerrar Sesin

Usado para Ver/Modificar los detalles de la cuenta de usuario Usado para Enviar nuevos artculos (Autores y Superiores) Usado para Enviar nuevos Enlaces Web.

Pulse el botn Salir en el Men del Formulario de acceso para finalizar la sesin actual.

Registro de Usuarios.
Adems del SperAdministrador (admin) creado por defecto en la instalacin de Joomla!, existen dos formas para que los invitados pueden registrarse como miembros de nuestro sitio web!: Pueden registrarse por s mismos utilizando el enlace registro del formulario de acceso (si est disponible). Un Administrador o un SperAdministrador puede aadirlos directamente usando el Panel del Administrador (Backend). Como Registrarnos. Para registrarnos pulsamos en Crear una Cuenta en el mdulo Formulario e Acceso del Frontend. Aparecer un formulario que debemos rellenar, tras lo cual pulsaremos en Registro. A la direccin de correo que pongamos nos enviar un mensaje con un enlace que debemos pulsar para activar nuestra cuenta.

Recuperar una Contrasea Perdida

Como mucha gente de hoy en da, si usted dispone de muchas contraseas es inevitable que tarde o temprano se olvide de una de ellas. Joomla!, como la mayora de los sistemas actuales, permite reemplazar automticamente su contrasea en caso de olvidarla. Pulsando el enlace Olvid su Contrasea? O el enlace Olvid su usuario? ubicado en el Formulario de Acceso, se mostrar la siguiente pantalla:

Recibiremos en nuestro correo la informacin necesaria para recuperar el dato olvidado.

Acceder a nuestros datos para modificarlos. Tras poner nuestros datos de usuario y contrasea aparecer el men de usuario, desde l pulsando en Mi Perfil veremos nuestros datos. Pulsado en el enlace Editar Perfil accederemos al formulario que nos permite actualizar nuestros datos. Ejercicio. Registrarnos en la pgina web del instituto. Darles permisos de Gestor. Entra en la pgina de edicin de tus datos y observa que datos puedes cambiar. Salir Cerrando Sesin.

Gestin del contenido desde el Frontend

En general, la gestin de contenido incluye las siguientes tres operaciones: 1. Envo de nuevo contenido (Crear un Artculo). 2. Correccin y edicin de ese contenido si es necesario. 3. Publicacin del contenido.

1. Envo de nuevo contenido al sistema

Tras poner nuestros datos de usuario y contrasea aparecer el men de usuario, desde l pulsando en Crear Artculo en el Men del Usuario, se presenta el formulario de edicin para crear un artculo nuevo. Esta ventana tiene 5 zonas principales.

Zona 1.- Ponemos un Ttulo (es obligatorio), tambin tiene el botn Guardar para pulsarlo cuando tengamos terminado el artculo. El Alias es el contenido que se utilizara como URL por Joomla en algunas funciones, podemos dejarlo en blanco y que joomla lo rellene automticamente. Zona 2.- Es la zona donde podemos escribir la informacin del artculo, tenemos un editor para dar formato al texto, incluir imgenes . Bajo el editor hay cuatro botones: Artculo: Al pulsarlo aparece un cuadro de dilogo para que seleccionemos que artculo queremos enlazar dentro de la informacin que estamos escribiendo. Si hay muchos artculos podemos utilizar las opciones de filtrado que nos ofrece este cuadro de dilogo. Imagen: Nos permite insertar imgenes y subirlas a nuestro sitio web. Pagebreak: Nos permite partir el articulo en pginas, secciones o pestaas, se puede emplear cuando el artculo es muy grande. Se utiliza situndonos en la zona donde queremos que el artculo quede partido y

pulsando el botn Pagebreak, en el cuadro de dilogo que aparece indicaremos el nombre que deseamos aparezca como identificadores de la parte partida. Es posible configurar este comportamiento. Si vamos a Extensiones >> Gestor de Plugins >> Content-PageBreak se puede personalizar como queremos que funcione el sistema de paginacin desde las opciones bsicas. Entre otras opciones, vemos que en estilos de presentacin podemos escoger como queremos que se visualice la paginacin: pginas, pestaas o slides. El principal problema es que cuando la utilizas afecta a todos los artculos. No puedes tener unos utilizando pestaas y otros con slides o pestaas.

Leer Mas: Nos divide el artculo en dos parte, la primera la utilizamos poniendo un resumen del contenido y la segunda parte la utilizamos para poner todo el contenido. La primera parte es visible al acceder al artculo, la segunda parte slo la veremos al pulsar en el enlace Leer Mas que nos aparecer el final del articulo. Se utiliza situndonos en la zona del artculo donde queremos que quede dividido en dos partes y pulsamos en el botn Leer Mas.

Zona 3.- Nos permite establecer los siguientes parmetros: Categora: Establecemos la categora a la que pertenecer el artculo. Alias Autor: Establece quien es el autor del artculo, podemos dejarla en blanco que Joomla lo pondr automticamente. Estatus: Establece si el artculo est Publicado (es visible), Despublicado (No es visible) o enviado a la Papelera (eliminado). Destacado: Lo muestra en la pgina de Inicio del FrontEnd, conviene que solo el Administrador publique artculos en el FrontEnd (categora = pgina inicial y Destacado = Si). Iniciar publicacin: Fecha de inicio de la publicacin (dejarla en blanco para que inicie desde que se publique el artculo) Finzalizar publicacin: Fecha de final de la publicacin (dejarla en blanco para que no finalice nunca). No es necesario encontrar un calendario para determinar las fechas de Inicio y Fin de Publicacin apropiadas. Joomla! incluye un pequeo calendario desplegable que se muestra cuando pulsa el icono al lado de cada campo de fecha/hora. Cuando selecciona una fecha con el calendario no aparece la hora, por lo que tendr que rescribir la hora manualmente si utiliza esta funcin. El formato es Ao-Mes-Da Hora:Minutos:Segundos Acceso: Indica que usuarios podrn ver el artculo. Pblico (todos los visitantes del sitio), Registrado (Hay que ser usuario registrado, al menos, para ver el artculo), Especial (slo este tipo de usuarios ven el artculo).

Zona 4.- Idioma: Asigna un idioma a este artculo.

10

Zona 5.- Metadatos: Los campos de Descripcin y Palabras Clave introducidos aqu, no estarn visibles en el documento publicado. Los Motores de Bsqueda y otros sistemas los utilizan para clasificar de una forma apropiada la informacin contenida en el artculo. El siguiente cdigo HTML ser incluido dentro de la etiqueta <head></head> del documento HTML publicado. Una vez terminado el artculo debemos pulsar en el botn Guardar . Edicin de artculos. Cuando acceden al sistema Joomla!, los Autores, Editores y Supervisores y usuaros superiores, pueden ver un pequeo icono de Edicin al lado de los artculos de los que son responsables de su autora, edicin o publicacin. Pulsando este icono se mostrar una pgina de edicin del contenido que contendr las mismas pantallas que hemos descrito para la creacin de artculos de contenido. Desde aqu se puede editar el contenido y guardar el artculo una vez ms. Supervisin y aprobacin de artculos Los Publicadores tienen todos los privilegios de los Autores y Editores, y adems disponen de capacidad para publicar los artculos en el sitio web. Los Supervisores tienen acceso a los mismos controles de envo y edicin de contenido que hemos visto previamente. Por tanto, los Supervisores tambin pueden crear sus propios contenidos, editar el contenido de otros Autores o Editores y publicar el contenido en el sitio web. El Publicador `podr editar los artculos de los Autores y Editores para pasarlos a estado de Publicados. Los artculos no publicados an aparecen en tonos grises y los ya Publicados aparecen en tonos blancos.

Para publicarlos se editan y se establece su estado a Publicado en la Zona 3 del artculo, tal como vimos en el apartado anterior. Ejercicio. Cada participante escribir un artculo contando algn error grave que un alumno/a haya cometido en un examen. El artculo slo contendr texto y deber incluirlo en la categora curso 2012. Guardar el artculo. Editar el Artculo y poner Leer ms y Pagebreak. Ponerle tambin el enlace a otro artculo. Editar el Artculo y Ponerlo con la propiedad Si en Destacado Caractersticas para ponerlo en la pgina inicial. Volver a editar el artculo y hacerlo visible slo a los usuarios registrados o a los usuarios especiales.

11

Comprobar si puede ver el artculo si entra en el sitio como invitado (primero hay que Finalizar Sesin. Volver a entrar en el sitio con nuestra contrasea y quitar al artculo la caracterstica de destacado.

Enviar Enlaces Web

El Enlace Web es otra forma de contenido que utiliza un sitio web Joomla!. Los enlaces web son simples vnculos a otros sitios de inters, y pueden ser enviados por cualquier usuario Registrado en un sitio web Joomla!. Cuando pulsa el artculo de men Enviar Enlace se presenta una ventana que permite introducir el Nombre, Seccin, URL y la Descripcin del enlace web que desea enviar. Advertir que, inmediatamente despus de enviar un nuevo Enlace Web, el sistema regresar a la pgina de inicio mostrando un breve mensaje, a menudo pasado por alto, agradecindole el envo e indicando que deber ser revisado antes de publicarlo en el sitio web. Existe una interesante cuestin a considerar sobre la funcin Enviar Enlace en un sitio web Joomla!. Estos Enlaces Web no podrn publicarse desde el Front-end del sitio web Joomla!. Esto significa que cualquier enlace web enviado por cualquier usuario desde el Front-end necesita ser publicado por un usuario con privilegios de administrador desde el Back-end (de otro modo no podrn incorporarse al sitio web).

Comprobar Mis Artculos

Cuando se trabaja en una de las ventanas de edicin, por ejemplo, cuando un Autor crea un nuevo contenido, se debe pulsar siempre los iconos Cancelar o Guardar para salir de la pgina. La razn de esto es que Joomla! bloquea el contenido mientras lo est editando, para evitar que otros usuarios, como Editores o Supervisores, puedan acceder al contenido. Cuando se sale de forma inadecuada de estas ventanas de edicin, el Artculo de contenido queda bloqueado para otros usuarios. A continuacin mostramos algunos de los casos que podran causar este error: 1. El usuario puede cerrar accidentalmente la ventana del navegador sin haber cancelado o guardado el trabajo. 2. El usuario puede utilizar las funciones de navegacin del navegador para salir del sitio sin haber cancelado o guardado el trabajo. 3. Tambin puede ocurrir un fallo elctrico que apague el PC en un mal momento. Independientemente de la razn, si no se guarda o cancela el trabajo correctamente, se bloquear el acceso posterior de los usuarios al artculo. Si pulsa un icono Editar, para editar un artculo y ve un mensaje de alerta, esto significa que alguien no ha guardado o cancelado una sesin de edicin correctamente. Para corregir esto, el usuario que bloque el artculo debe hacer una las siguientes opciones: 1. Usar la opcin Comprobar Mis Artculos del Men del Usuario. 2. Entrar en el Artculo para completar, o cancelar, la edicin que estaba realizando. 3. Avisar a un Sper-Administrador para que lleve a cabo una Validacin Global.

12

Administracin (Back-end).
Para acceder a las funciones de la Administracin (Back-end) introduzca la siguiente direccin: http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/administrator/ Nos mostrar la pantalla de acceso:

Tras poner nuestro nombre de usuario y contrasea, si tenemos los derechos necesarios, accederemos a la pgina de Inicio de la Administracin. Desde los mens de esta pgina o desde sus iconos de acceso rpido se puede acceder a las distintas p de administracin. El nmero de iconos que aparecen en esta rea depende de los derechos que tengamos, en la siguiente imagen aparece la pgina de administracin del Super usuario. En ella podemos apreciar las siguientes zonas:

Zona 1.- Los mens proporcionan acceso a todas las funciones disponibles en el Back-end. Las opciones de men y submen mostradas variarn dependiendo de su Nivel de Usuario, ya sea: Gestor, Administrador o SperAdministrador.

13

Zona 2.- Iconos de Inicio Rpido, proporcionan enlaces a las principales funciones del Back-end, el nmero de iconos depende del tipo de usuario y los permisos que tenga. Zona 3.- Informacin sobre el nmero de usuarios conectados, el nmero de mensajes privados que ha recibido y el enlace Finalizar. Zona 4.- Informacin sobre usuarios conectados, artculos populares y ltimos artculos aadidos. Se puede forzar la salida del sistema de un usuario pulsando el icono con la lnea roja. Los Iconos de Inicio Rpido que se muestran a un gestor son:

Las principales funciones disponibles son.

Gestor multimedia
Es un administrador de archivos del tipo bmp, csv, doc, epg, gif, ico, jpg, odg, odp, ods, odt, pdf, png, ppt, swf, txt, xcf, xls (puede variarse en las opciones del gestor Multimedia). Nos permite subir y almacenar arcghivos multimedia a nuestro sitio para utilizarlos en los artculos. Estos archivos se almacenan en la carpeta images de nuestro sitio.

1.- Permite dos presentaciones: Vista en miniatura y Vista detallada.

14

2.- El Arbol de Carpetas. Nos permite navegar entre las carpetas y archivos que existan en el Gestor Multimedia. La navegacin se realiza pulsando con el ratn sobre los iconos de las carpetas, pudiendo retornar al nivel superior activando el botn o bien, utilizando la navegacin por carpetas .

3.- Contenido de la Carpeta Seleccionada: Pulsando con el ratn sobre el icono de un archivo, se abre una ventana pop-up para verlo, y si lo hacemos sobre su nombre, se visualiza en una nueva ventana de navegacin, en tamao original. Pulsando sobre el icono rojo con una cruz eliminaremos el archivo o la carpeta indicada.

4.- Crear Subcarpetas: Si necesitamos crear una carpeta porque queremos aadir algunas imgenes im diferenciadas del resto, , debemos utilizar la caja de texto de Crear Carpeta y, una vez introducido el nombre pulsaremos el botn Crear Carpeta, , se crear una nueva carpeta en la localizacin desde la que estamos realizando la operacin. Es conveniente crear una carpeta para cada departamento y dentro de cada una de ellas las subcarpetas que deseemos. 5.- En la parte inferior de la ventana tenemos localizada la herramienta de gestin de subida de archivos al servidor, en la carpeta en la que nos encontramos, basta con localizarlo con el Navegador de archivos y decidir Empezar subida. Se pueden subir varios archivos a la vez, si tenemos activado el parmetro Habilitar la subida de Flash en las opciones del Gestor Multimedia. Una vez seleccionados los archivos deseados con el navegador de archivos debemos pulsar en el botn Iniciar Subida para que comience la subida de los archivos. Es conveniente recordar ciertos criterios adecuados para trabajar con imgenes: 1. para nombrar archivos y no tener problemas de gestin con el servidor, en concreto, no utilizar caracteres especiales como espacios en blanco, tildes, tildes ees 2. Recuerde utilizar archivos de imgenes de poco peso (no ( ms de 100kb por imagen). 3. Redimensionar el tamao amao de Imagen: Si la imagen original es grande, hay que redimensionarla redimensionarl a un tamao de imagen ms pequeo. Cuando redimensiona una imagen en su pgina web, nada cambia en el tamao del archivo. Lo que realmente est haciendo es decirle al navegador navegador que re-escale re la imagen al vuelo. Este comportamiento supone una gran cantidad de trabajo para el navegador. Cuando usa una programa de edicin de imgenes(por imgenes ejemplo Paint) para redimensionar la imagen, y la guarda como .jpg o .gif, entonces s est creando una imagen ms pequea, y por lo tanto de menor tamao de archivo. Para cambiar el tamao de una imagen la editamos con Paint y vamos al men Imagen + Expandir o contraer, aqu le indicamos el porcentaje de reduccin horizontal y vertical que deseemos (el mismo en horizontal y vertical). Podemos comprobar el tamao de la imagen en el men Imagen + Atributos. Existen dos formas de insertar una imagen en un artculo: a. A travs del icono del editor podemos insertar imgenes que ya estn publicadas publ en Internet indicando su URL o alguna imagen de las que tenemos subidas con el gestor multimedia. multimedia b. A travs del botn Imagen que hay debajo del cuadro de texto del artculo podemos elegir cualquier imagen del Administrador multimedia o subir nuevas imgenes. imgenes.

Ejercicio. Cada participante crear una carpeta para su departamento (si hay varios participantes del mismo departamento solo se crear una). Cada participante crear una carpeta con su nombre dentro de la carpeta de su departamento.

15

Cada participante subir tres imgenes a la carpeta con su nombre. Cada participante borrar una de las imgenes que ha subido. Busque en internet una imagen de tamao grande, redimensinela usando Paint y sbala a su carpeta. Cada participante subir un archivo .pdf a su carpeta.

Estructurar el Contenido en Categoras

Los artculos en Joomla pueden ser clasificados por categoras. Joomla ofrece la posibilidad de crear tantas categoras como sean necesarias.

Puede imaginar estas categoras como una jerarqua en la que: las Categoras son cajones, las SubCategoras son carpetas y los Artculos de Contenido son documentos de papel. Si usted tiene los documentos de papel desperdigados por cualquier parte de su habitacin, esto resultara en un gran desorden. Si tiene los documentos distribuidos en carpetas, pero las carpetas estn desperdigadas por la habitacin, no sera mucho mejor. Si tiene los documentos en un cajn, pero sin organizarlos en carpetas, tampoco sera mejor. Por lo tanto, mantenga las cosas organizadas, ponga sus documentos (Artculos de Contenido) dentro de carpetas (SubCategoras) y stas dentro de cajones (Categoras).

Es posible construir categoras anidadas y un artculo puede ser relacionado con cualquiera de ellas. En el Gestor de Categoras ( Administracin Contenido Gestor de Categoras o pulsando su icono en el panel de control), se puede administrar el rbol de categoras hasta diez niveles.

Descripcin de las columnas.

Columna
Seleccin

Ttulo
Publicado Reordenar

Funcin Pulse est casilla para seleccionar una Categora. Si aparece un icono Candado en lugar de la casilla de seleccin, la Categora est bloqueada, slo podr desbloquearla si usted es el autor de la Categora o si tiene privilegios de Sper-Administrador. ( Se selecciona y se pulsa Reconstruir) Este es el nombre de la Categora. Pulse el Nombre para editar los parmetros de la Categora. Esto muestra si la Categora est publicada o no. Pulse el icono para cambiar el estado de Publicado a No Publicado o viceversa. Pulse las flechas de icono para mover la Categora Arriba o Abajo, y as cambiar el orden en el listado.

16

Orden

Accesos

Idioma
ID de la Categora

Muestra el orden de las Categoras en el listado. Tambin puede ordenar las Categoras introduciendo un valor en el campo orden y pulsando el icono Guardar Muestra qu tipo de usuarios pueden visualizar la Categora. Pulse el nivel de Acceso para escoger otro valor: (Pblico), (Registrado), (Especial). Muestra el idioma de la categora. Muestra el Nmero de Identificacin de la Categora en la base de datos

Pulsando en cualquiera de estas cabeceras las categoras se ordenan segn esa caracterstica. En la parte superior del gestor estn los botones para las principales funciones.

Filtrar Puede introducir un texto en el campo Filtro para refinar la lista buscando en el ttulo de las Categoras. Escriba cualquier texto y pulse Enter. Tambin puede ordenar la lista por la Seccin a que pertenecen las Categoras. Crear una Nueva Categora

Pulse el icono Nuevo. Se mostrar la pantalla Categora: Nuevo.

Hay que Completar los siguientes campos:

Campo
Ttulo

Funcin

Escriba aqu el ttulo breve para la nueva Categora, tal y como

Sirve para anidar categoras si lo deseamos seleccionando la Categora Padre a la que quedara anidada.

Padre Estatus

Publicado a No Publicado

17

Acceso Descripcin Permisos

Pblico, Registrado o Especial. Explicacin de la categora Establecer los permisos para cada grupo de Usuarios.

Pulse el icono Guardar y Cerrar para crear la categora y regresar al gestor de categoras.
Mover una Categora El la parte inferior del gestor de categoras, seleccione la Categora que desea mover usando la casilla de seleccin situada a la izquierda del ttulo. Pulse el icono Mover o Copiar. La categora ser copiada (duplicada) o Movida junto con sus artculos asociados. Eliminar una Categora Seleccione la Categora que desea eliminar usando la casilla de seleccin situada a la izquierda del ttulo. Pulse el icono Papelera. La Categora no puede contener ningn Artculo de Contenido para poder ser eliminada. Ejercicios. Crea una categora y dos subcategoras dentro de ella. Elimina una de las subcategoras.

Administrar Artculos de Contenido

Los Gestores, Administradores y Sper-Administradores pueden crear, editar y gestionar los Artculos de Contenido desde el Administrador (Back-end) o desde el Sitio (Front-end). Para administrar los artculos debemos seleccionar Contenido -> Gestor de Artculos. O desde su icono en Panel de Control -> Gestor de Artculos

El Gestor de Artculos muestra un listado de todos los Artculos de Contenido de su sitio. Iconos de la Barra de Herramientas En esta pantalla dispone de las siguientes opciones: Nuevo, Editar, Publicar, Despublicar, Caractersitcas, Archivo, Comprobar, Papelera, Opciones y Ayuda.

18

Filtrar Puede introducir un texto en el campo Filtro para restringir el listado en base a la presencia de dicho texto en el ttulo de los artculos. Escriba cualquier texto y pulse la tecla Enter. Tambin puede filtrar la lista en base a la Estado, Categora, Acceso, Autor y/o Idioma del artculo, seleccionando una o ms combinaciones en las listas desplegables. Descripcin de las columnas.

Columna
Seleccin

Ttulo
Estatus Caractersticas Categora Orden

Acceso Creado Por Fecha Impactos

Idioma
ID de la Seccin

Funcin Pulse est casilla para seleccionar un Artculo. Si aparece un icono Candado en lugar de la casilla de seleccin, el artculo est bloqueado, slo podr desbloquearlo si usted es el autor o si tiene privilegios de SperAdministrador. ( Se selecciona y se pulsa Comprobar) Este es el nombre dl artculo. Pulse el Nombre para editar los parmetros del artculo. Esto muestra si el artculo est publicada o no. Pulse el icono para cambiar el estado de Publicado a No Publicado o viceversa. Establece si el artculo es Destacado, es decir si se muestra en la pgina inicial del Frontend, pulsndolo se publica o despublica en la pgina inicial. Muestra a que categora pertenece un artculo Muestra el orden de las Secciones en el listado. Tambin puede ordenar los artculos introduciendo un valor en el campo orden y pulsando el icono Guardar Muestra qu tipo de usuarios pueden visualizar la Seccin. Pulse el nivel de Acceso para escoger otro valor: (Pblico), (Registrado), (Especial). Muestra el autor del artculo Muestra la fecha de creacin del artculo Indica Muestra el idioma del artculo Muestra el Nmero de Identificacin del artculo en la base de datos

Pulsando en cualquiera de estas cabeceras los artculos se ordenan segn esa caracterstica. Paginador Al fondo de la lista de Artculos de Contenido se muestra un Paginador (<< Inicio < Anterior [nmero de pgina] Siguiente > Fin >>), que permite navegar entre las pginas del listado de Artculos de Contenido. Puede escoger el nmero de Artculos de Contenido que se muestran en cada pgina, seleccionando un valor de la lista desplegable en la parte inferior de la pantalla (tambin puede establecer un valor por defecto en la Configuracin Global para todos los listados de elementos).

En la parte inferior de la pgina hay varios iconos para proceso por lostes como copiar o mover artculos.

Crear un Nuevo Artculo de Contenido

Existen varias formas para acceder a la pantalla de creacin de un nuevo artculo: 1. Acceso: Pulse el icono Aadir Nuevo Artculo en el Panel de Control. 2. Acceso: Seleccione Contenido -> Gestor de Artculos -> Aadir Nuevo. Artculo

19

3. Pulsar el icono Nuevo en el Gestor de Artculos. 4. Acceso: Desde el Frontend. Cualquiera de esas acciones mostrar la pantalla Gestor de Artculos: Aadir Nuevo Artculo

En este formulario hay que rellenar los siguientes campos:

Ttulo Introduzca un Ttulo para el Artculo de Contenido. Alias del Ttulo Introduzca un Alias del Ttulo para el Artculo

de Contenido o mejor djelo en blanco y se insertar automticamente al guardar el artculo. Categora Seleccione una Categora para el Artculo de Contenido.
Estatus. Normalmente seleccionaremos Publicado, para que el articulo sea visible. Tambin podemos seleccionar Despublicar, Archivar o Eliminar. Acceso. Determinamos si el artculo ser visible para todo el Pblico, para usuarios Registrados

para usuarios Especiales.

Permisos. Podemos estableer que usuarios tendrn derechos de edicin, modificacin, eliminacin sobre este artculo. Caractersticas. Si deseamos que el artculo se publique en la pgina de inicio seleccionaremos Si. Idioma. Seleccionamos el texto del idioma del artculo, normalmente lo dejamos en Todo. Texto artculo Introduzca el Texto del Artculo de Contenido. Si este texto es muy largo puede

dividirse en pginas situando el cursor donde queremos hacer la divisin y pulsando el botn Page Break situado bajo el editor de texto. Si lo deseado es mostrar un texto de introduccin y un enlace al artculo completo, nos situaremos al final del texto introductorio y pulsaremos el botn Leer Mas situado bajo el editor de texto, se crear un enlace al final de la introduccin que nos llevar a la pgina del artculo completo.
Bajo el editor hay cuatro botones: Artculo: Al pulsarlo aparece un cuadro de dilogo para que seleccionemos que artculo queremos enlazar dentro de la informacin que estamos escribiendo. Si hay muchos artculos podemos utilizar las opciones de filtrado que nos ofrece este cuadro de dilogo.

20

Imagen: Nos permite insertar imgenes y subirlas a nuestro sitio web. Pagebreak: Nos permite partir el articulo en pginas, secciones o pestaas, se puede emplear cuando el artculo es muy grande. Se utiliza situndonos en la zona donde queremos que el artculo quede partido y pulsando el botn Pagebreak, en el cuadro de dilogo que aparece indicaremos el nombre que deseamos aparezca como identificadores de la parte partida. Es posible configurar este comportamiento. Si vamos a Extensiones >> Gestor de Plugins >> Content-PageBreak se puede personalizar como queremos que funcione el sistema de paginacin desde las opciones bsicas. Entre otras opciones, vemos que en estilos de presentacin podemos escoger como queremos que se visualice la paginacin: pginas, pestaas o slides. El principal problema es que cuando la utilizas afecta a todos los artculos. No puedes tener unos utilizando pestaas y otros con slides o pestaas. Leer Mas: Nos divide el artculo en dos parte, la primera la utilizamos poniendo un resumen del contenido y la segunda parte la utilizamos para poner todo el contenido. La primera parte es visible al acceder al artculo, la segunda parte slo la veremos al pulsar en el enlace Leer Mas que nos aparecer el final del articulo. Se utiliza situndonos en la zona del artculo donde queremos que quede dividido en dos partes y pulsamos en el botn Leer Mas.

En la parte derecha del formulario tenemos las Opciones de Publicacin en las que podemos establecer el nombre del creador, las fechas de inicio y fin de la publicacin (en caso de desear que solo est publicado entre ciertas fechas Una vez que ests listo con la configuracin puedes continuar con el contenido actual del artculo. Utiliza el editor de texto incluido para escribir el texto del artculo. Si queremos desactivar el editor, tendremos que pulsar sobre el enlace show/hide. Pero es mucho ms cmodo utilizar el editor. El editor nos permite dar formato al texto, insertar imgenes Recuerda que para cambiar el formato de un texto debes seleccionar primero el texto a modificar. Las principales funciones del editor JCE son: Con la primera fila de iconos podremos poner el texto en negrita, justificar el texto o pulsando sobre el botn Nuevo Documento borraremos todo el contenido del editor, pero manteniendo el resto de elementos del artculo

Con la segunda fila de iconos tendremos la posibilidad de establecer el tamao y la familia de la letra y sus colores

21

Con la Tercera fila de iconos tendremos la posibilidad de usar las funciones: Si pulsamos sobre Pantalla Completa, el editor pasar a ocupar toda la ventana del navegador. La opcin Previsualizar nos mostrar una vista previa del artculo y la opcin Imprimir permanecer activa. La vista previa se mostrar dentro del propio editor. Pulsando en Cdigo Fuente o HTML veremos el cdigo fuente y adems activaremos otros botones. Podremos desactivar y activar el ajuste de lnea, el color de las etiquetas html y los nmeros de lnea. Con los botones Buscar y Buscar/Reemplazarpodremos realizar bsquedas en el texto de los artculos y reemplazar las posibles coincidencias. El botn Insertar Tabla nos permitir crear tablas y a la vez activar varios botones relacionados con las tablas y que nos facilitarn el trabajo a la hora de trabajar con las columnas, filas y celdas.

Con la Cuarta fila de iconos tendremos la posibilidad de usar las funciones: Con Insertar imagen podremos aadir una imagen a nuestro artculo de las existentes en el directorio images. Tambin tendremos la opcin subir imgenes nuevas. Otra de las opciones del editor es la correccin ortogrfica. Podremos activar la correccin en tiempo real y elegir distintos idiomas.

22

Tablas. Las tablas se crean con el Insertar tabla botn , se accede desde la barra de herramientas.

Elemento Columnas Filas Margen de Celda Espaciado de Celda Alineacin Borde Ancho Altura Clase Leyenda de la Tabla

Propiedades generales Establecer el nmero de columnas de la tabla Establecer el nmero de filas de la tabla Establezca el espacio entre la pared celular y el contenido de la celda Establezca el espacio entre las celdas Alineacin del texto Nmero de pixel del borde de las celdas y la tabla Ajuste el ancho de la tabla en pxeles, por ejemplo: 200px o porcentaje, por ejemplo: 100% Ajuste la altura de la tabla en pxeles, por ejemplo: 200px o porcentaje, por ejemplo: 100% establecer una clase para la tabla Active o desactive para incluir o eliminar un ttulo de la tabla

23

Elemento Identificacin Resumen Estilo css Cdigo de idioma Imagen de fondo Marco Reglas de Direccin del idioma El color del borde Color de fondo

Propiedades avanzadas Establecer un ID nico de la tabla Establecer un resumen del contenido de la tabla Establecer estilos de la tabla en el estilo: el valor, formato, por ejemplo: color: negro; Ajuste el cdigo de idioma para la tabla Seleccione una Imagen de fondo de la tabla. Puede buscar una imagen utilizando el cuadro de dilogo Explorador de archivos haciendo clic en el botn Explorador de archivos seleccionar las partes de las tablas de las fronteras exteriores debe ser visible seleccionar las partes de las tablas de las fronteras interiores debe ser visible Seleccione la direccin de traduccin para la tabla Ajuste el color de borde de la tabla en formato hexadecimal, por ejemplo: # CCCCCC Establece el color de fondo de tabla, por ejemplo en formato hexadecimal: # CCCCCC la barra

Para eliminar una tabla, haga clic en cualquier lugar dentro de la tabla y haga clic en el cuadro Eliminar de herramientas del editor, o en el botn derecho del ratn men contextual en el editor. Edicin de filas de tabla

Para editar una fila de la tabla, haga clic en la fila de la tabla y haga clic en la fila de tabla Propiedades de botn en la barra de herramientas en el editor .
Propiedades generales

24

Elemento Tipo de Fila Alineacin Alineacin vertical Clase Altura

Propiedades generales

Indica si esta fila representa cabecera de la tabla, cuerpo de la tabla o la tabla de pie de pgina.
Alineacin del texto en la fila Establecer la alineacin vertical de la fila. la clase de la fila Establecer el alto de fila en pxeles, por ejemplo: por ejemplo, 100px o porcentaje 50%

Cualquier cambio realizado en la fila se pueden aplicar a la fila seleccionada, todas las filas de la tabla, o todas las filas pares e impares. Seleccione la opcin deseada de la lista anterior en el botn Actualizar.
Insertar una nueva fila

Las filas se pueden insertar antes o despus de la fila actualmente seleccionada. Para seleccionar una fila, haga clic en cualquier lugar dentro de la fila. Para insertar una fila antes de la fila seleccionada haga clic en el Insertar fila Antes de botn barra de herramientas de editor o haga clic en el men contextual en la

Para insertar una fila despus de la fila seleccionada haga clic en el Insertar fila despus de botn la barra de herramientas de editor o haga clic en el men contextual
Eliminacin de una fila

en

Seleccione una fila haciendo clic en cualquier lugar dentro de la fila. Haga clic en la tabla Eliminar fila botn en la barra de herramientas editor o haga clic en el men contextual

25

Mover o Copiar un Artculo de Contenido . Gestor de ARTICULOS. Proceso Por Lotes

Seleccione el Artculo(s) de Contenido que desea mover, usando la casilla de seleccin situada a la izquierda del ttulo. Marque Mover o Copiar. Seleccione la Categora a la que se mover el Artculo(s) de Contenido y pulse el icono Procesar.
Eliminar un Artculo de Contenido

Seleccione el Artculo(s) de Contenido que desea eliminar, usando la casilla de seleccin situada a la izquierda del ttulo. Pulse el icono Papelera.
Archivar un Artculo de Contenido

Seleccione el Artculo(s) de Contenido que desea archivar, usando la casilla de seleccin situada a la izquierda del ttulo. Pulse el icono Archivar. Se puede sacar del archivo utilizando el filtro para mostrar articulos archivados y pulsando en el icono de su estad =Archivado= seguidamente habr que publicarlo pues aparecera despublicado.
Quitar un Artculo de la Pgina de Inicio

Para quitar un Artculo de la Pgina de Inicio: Seleccione el Artculo de Contenido que quiere quitar y pulse el icono Caracteristicas.
Eliminar Artculos Archivados

Para eliminar un Artculo de Contenido Archivado: Seleccione el Artculo de Contenido Archivado que quiere eliminar y pulse el icono Papelera en la barra de herramientas. El artculo podr eliminarse permanentemente o restaurarse en el Administrador de la Papelera = utilizando el filtro para mostrar articulos eliminados=.
Ejercicio. Crear una pgina con informacin sobre la aficin o pasatiempo que deseemos. La pgina consistir en los siguientes componentes: Un titulo Un texto Una imagen La pgina no debe aparecer en la portada Incluiremos la pgina en la categora pruebas 2012 Esto al principio puede parecer muy sencillo. Empieza haciendo login en la interfaz de administracin. 1 Crear el contenido Ve al gestor de artculos (Contenido -> Gestor de Artculos).

26

Pulsa el botn Nuevo para crear un nuevo artculo e introduce el ttulo y el texto. Debajo del ttulo selecciona Prueba 2012 como categora. El campo destacado indica si el contenido debe ser mostrado en el blog de destacados, que suele ser empleado en la pgina principal. Selecciona No. En el editor puedes introducir el texto que quieres que aparezca en n la pgina, puedes copiarlo desde internet y pegarlo en el editor de texto (el pegado no funciona en Mozilla Firefox). Dar formato al texto: Selecciona algunas palabras y dales formato negrita. Selecciona algunas palabras y dales formato subrayado. Selecciona algunas palabras y ponlas de color rojo. Selecciona un prrafo y justifcalo centrado. Selecciona algunas palabras y pones pon su color de fondo amarillo. Selecciona algunas palabras y cambiales el tipo de letra. Selecciona un prrafo y convirtelo en cita. Escribe cinco aspectos de esta aficin y ponlos en forma de lista numerada.

2- Insertando una imagen desde una URL Como o primer ejemplo vamos a coger una imagen de internet, Busca en Google Imgenes una sobre tu aficin seleccionada, ves a la pgina original de esa imagen y copia su url (Boton derecho del ratn sobre la imagen +Copiar acceso Directo (en I.Explorer) o Copiar Copia la Ruta del Enlace (en Mozilla Firefox). Mueve el cursor a la posicin dentro del texto donde quieres insertar la imagen. Clic sobre el icono de imgenes en la barra rra de herramientas del editor y copia la URL de la imagen en el ventana pop-up up que ha aparecido. apare Configura la imagen con un alineamiento a la izquierda y usa 10 pxeles de espacio en vertical y horizontal (Quita la marca en Margen para que te deje poner espacios). espacios) La imagen aparecer en la ventana del editor. Pulsa Guardar y el artculo ser almacenado. almacenado. Existen varias formas de guardado del artculo: Para crear una nueva carpeta: Haz clic en el botn "Nueva carpeta" El dilogo "Nueva carpeta" se abrir.

Recuerda pulsar en Guardar cada poco tiempo para evitar prdidas de datos en caso de errores. errores Guardar: Se guarda el artculo y no se cierra el formulario. Se usa para guardar el trabajo y poder continuar trabajando. Guardar y cerrar: Se guarda el artculo y se cierra el formulario de edicin.

27

 Guardar y nuevo: Se guarda el artculo, se cierra el formulario de edicin y se abre uno nuevo vaco. 3- Insertando una imagen guardada en nuestro espacio web. Busca una imagen en internet y gurdala en tu ordenador. Recuerda redimensionar la imagen en caso de tener un tamao superior a 100Kb, Ves al Gestor multimedia y sube esa imagen a tu carpeta. Edita el artculo creado anteriormente, inserta la imagen que has subido siguiendo los pasos descritos anteriormente. Guarda el artculo. Ve al men Curso y al elemento de men Curso 2012 para ver los resultados. 4.- Insertando una tabla. Crea una tabla de 2 filas por 3 columnas. Inserta una imagen en las celdas exteriores de la primera fila y en la celda central de la segunda fila. Busca las imgenes en internet sobre el tema elegido y selecciona slo ver imgenes pequeas para evitar las imgenes grandes. 5.- Insertando un enlace a una pgina web externa. Busca tres pginas web sobre el tema elegido. Crea enlaces a estas pginas desde cada una de las imgenes anteriores. Pon un texto que indique la existencia de enlaces pulsando estas imgenes. 6.- Insertando un enlace a una pgina web de nuestro sitio. Escribe un texto. `por ejemplo visita esta pgina , selecionalo para insertarle un enlace que abra uno de los artculos de nuestro sitio. 7.- Incluir un Leer ms despus del primer prrafo del artculo. Sitate en un rengln vacio tras el primer prrafo (cralo si no existiera) y pulsa el botn leer ms. Pulsa en el icono Vista previa para ver como queda la pgina.

Como insertar otros elementos en nuestros artculos.

Insertar una presentacin de Slideshare.
Primero buscaremos con google la presentacin en Slideshare, una vez que estemos en la pgina de Slideshare debemos pulsar en Embed y copiar el cdigo.

28

Seguidamente iremos al artculo donde queremos insertar la presentacin y pulsaremos en el botn de cdigo HTML y pegaremos el cdigo que hemos copiado en Slideshare.

Volvemos a pulsar en el botn de cdigo HTML para ver el resultado. Una vez acabado el artculo pulsamos en Guardar. Este proceso es similar para otros tipos de tipos de pginas que permiten incrustar sus contenidos .

Insertar un vdeo de YouTube.

Primero buscaremos con google el video en YouTube, una vez que estemos en la pgina de YouTube debemos pulsar en Compartir y seguidamente en Insertar, aparece un cdigo (iframe) que es el que debemos copiar.

29

Seguidamente iremos al artculo donde queremos insertar la presentacin y pulsaremos en el botn de cdigo HTML y pegaremos el cdigo que hemos copiado en YouTube.

Volvemos a pulsar en el botn de cdigo HTML para ver el resultado. Una vez acabado el artculo pulsamos en Guardar.

Insertar un Enlace que descargue un archivo PDF subido a nuestro sitio

El primer paso es entrar en el Administrador Multimedia, para ello en el men superior acceder a Sitio >> Administrador Multimedia El administrador multimedia permite gestionar las carpetas y los archivos que estn dentro del directorio images. Se puede crear una nueva carpeta con el nombre PDF dentro de la carpeta personal que habis creado en un ejercicio anterior. El siguiente paso ser construir la url de acceso al documento pdf. Esta url tendr la siguiente forma: http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/images/pdf/ejemplo.pdf . Si os fijis en la

30

siguiente imagen se ha resaltado la zona donde os indica Joomla la ruta donde se encuentra almacenado el pdf, esta direccin tiene que ser concatenada con el nombre del archivo para poder acceder a l.

La direccin sera 1. Direccin base de nuestra web = http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/ 2. Direccin e la carpeta donde hemos puesto el archivo pdf, tomada del gestor multimedia = images/Paco/PDF/ 3. Nombre del archivo pdf (procurar no poner espacios ni caracteres especiales en el nombre) = ejemplo.pdf La direccin completa sera = http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/images/Paco/PDF/ejemplo.pdf Como tenemos el archivo pdf subido al servidor, y tenemos su direccin url, ahora solo queda crear un artculo en Joomla o modificar uno ya existente para insertar un hipervnculo al documento pdf. Podemos utilizar el programa gratuito Pdfcreator para hacer nuestros archivos pdf. Este proceso es similar para cualquier otro archivo que subamos a nuestro sitio. En caso de que el gestor multimedia no nos deje subir algn tipo de archivo, ej mp3 o videos, bastara con que incluyamos su extensin (las tres ltimas letras del nombre del archivo) en las opciones del Gestor Multimedia (debe hacerlo el administrador).

31

Insertar un mapa con google maps

Empezamos por ir a google maps (http://maps.google.es/maps?hl=es&tab=ll )y poner la direccin que queremos buscar en el mapa

32

Seguidamente pondremos el siguiente cdigo en la barra de direccionesy pulsaremos enter para que nos aparezcan las coordenadas de este lugar, copiaremos las coordenadas y las guardaremos en un archivo de texto. El cdigo es: javascript:void(prompt('',gApplication.getMap().getCenter()));

El siguiente paso es ir a nuestro artculo y situarnos en el lugar donde queremos que aparezca el mapa, all pegaremos el siguiente cdigo: (est en una sla lnea aunque no lo parezca) {mosmap width='500'|height='400'|lat='40.21452174352441'|lon='3.567681312561035'|zoom='14'|zoomType='Large'|zoomNew='0'|mapType='Hybrid'|showMaptype='1'|overview ='0'|text='IES Anselmo Lorenzo'|lang=''} Y sustituiremos las cantidades que hay en latitud y longitud por las obtenidas en google maps. Tambin debemos sustituir el texto que hay en text= por el que deseemos Puedes cambiar cualquiera de los parametros: width (ancho), height (alto) aunque si lo ajustas demasiado ser demasiado pequeo y podras no ver mucho. lon y lat para las coordenadas zoom puede ser cualquiera entre 1 y 19 zoomType, puede ser Small o Large, este controlael tipo de la funcin de zoom desplegada o None para que no haya control de zoom. zoomNew puede ser 1 para continuo zoom con docleclick y zoom o 0 para un click (por omision esta en 0) mapType puede ser Normal (default), Satellite, Hybrid, Terrain or Earth. showMaptype es 0 para que no haya controles de Maptype y 1 muestra dichos controles (por omision 1) Overview es 0 para que no se abra una ventana de sobrevista en la esquina inferior derecha y 1 muestra la sobrevista y 2 para la sobrevista habilitada pero cerrada en un principio (por omision 0) text es para el marcador, mostrandolo en el mapa como un bocadillo. Si usted no quiere ver el texto, solo ajuste text=" y no lo desplegar

33

(Slo para el administrador =Para poder insertar google maps se ha instalado el plugin plugin_googlemap_J16_J17.2.14 y se ha obtenido la clave de la API de GoogleMpas para nuestro sitio en http://code.google.com/intl/es-ES/apis/maps/signup.html)

Insertar una galera de imgenes en nuestro artculo.

Se ha instalado el plugin Very Simple Image Gallery y se ha activado para que funcione en nuestros artculos. Primero hemos de crear una carpeta para las imgenes con el gestor multimedia. La carpeta la crearemos dentro de nuestra carpeta personal dentro de la carpeta images y solo debe contener las imgenes de la galera. Seguidamente subiremos las imgenes deseadas con el gestor multimedia y copiaremos la direccin de nuestra carpeta desde images/. En este caso copiaramos Paco/Images

Para insertar una galera en nuestro artculo solo hay que escribir {vsig} Paco/Imagenes{/vsig} (siendo Paco/Imagenes el nombre de la carpeta donde hemos subido las imgenes, dentro de la carpeta images) en la posicin deseada de nuestro artculo para que aparezcan. La primera vez que se visite nuestro artculo el plugin se encargar de redimensionar las imgenes, por ello no es necesario preocuparse por el tamao de las imgenes subidas, el plugin las redimensionar automticamente.

34

El administrador tiene muchas opciones, seleccionar donde poner los thumbnails (imgenes pequeas que si pinchas aparecen en la principal) a la izquierda, derecha o debajo. Si recortar (para que aparezcan cuadrados perfectos) o conservar la proporcin de los mismos, la calidad de las imgenes (para reducir espacio), como ordenar las imgenes, si utilizar o no captions (textos que aparecen en las imgenes), etc...

Insertar una presentacin de imgenes en nuestro artculo.

Se ha instalado el plugin simplepictureslideshow y se ha activado para que funcione en nuestros artculos. Primero hemos de crear una carpeta para las imgenes con el gestor multimedia. La carpeta la crearemos dentro de nuestra carpeta personal y solo debe contener las imgenes de la galera. Seguidamente subiremos las imgenes deseadas con el gestor multimedia y copiaremos la direccin de nuestra carpeta desde images/. En este caso copiaramos Paco/Images Para insertar una presentacin (como en el ejemplo anterior) en nuestro artculo solo hay que escribir {besps}Paco/Imagenes{/besps} (siendo Paco/Imagenes el nombre de la carpeta donde hemos subido las imgenes, dentro de la carpeta images) en la posicin deseada de nuestro artculo para que aparezcan. La primera vez que se visite nuestro artculo el plugin se encargar de redimensionar las imgenes, por ello no es necesario preocuparse por el tamao de las imgenes subidas, el plugin las redimensionar automticamente. El administrador tiene muchas opciones, seleccionar donde poner los thumbnails (imgenes pequeas que si pinchas aparecen en la principal) a la izquierda, derecha o debajo. Si recortar (para que aparezcan cuadrados perfectos) o conservar la proporcin de los mismos, la calidad de las imgenes (para reducir espacio), como ordenar las imgenes, si utilizar o no captions (textos que aparecen en las imgenes), etc...

35

Otras Posibilidades

Configuracin Global.
Sitio

Configuracin del sitio:

Sitio desactivado. Se decidir S, por ejemplo, en operaciones de mantenimiento (actualizacin de versiones, copias de seguridad), para que los usuarios del Front-end estn avisados de esta situacin. Mensaje para el sitio web desactivado. Mensaje que se mostrar en la web cuando est Fuera de lnea por alguna razn. Nombre del sitio web. Nombre que identifica el sitio web y que es sealado por el navegador en la ventana donde se visualiza la pgina de la administracin. Editor WYSIWYG predeterminado. Editor html que, por defecto, se utiliza en la elaboracin de contenidos del sitio Web. Se puede seleccionar que no haya ningn editor seleccionado por defecto o el que viene instalado en esta versin de Joomla!: TinyMCE 2.0".

Nmero de tems por pgina. Determina la longitud de los listados en la Administracin de Joomla! Slo ser operativa cuando se vuelva a iniciar sesin. Longitud de la noticia. Cuando ofrecemos sindicacin desde nuestro sitio web, determinamos la longitud de la lista de elementos a sindicar desde esta opcin.

Parmetros de los metadatos. Los metadatos son informacin sobre los contenidos de nuestro sitio web. Son relevantes para los motores de bsqueda, por lo que una buena definicin puede hacer que nuestro sitio web aparezca en los buscadores.

36

Meta-Descripcin del sitio. Es la descripcin, breve, que muestran los motores de bsqueda y la que utilizar un usuario del buscador para decidir si es el espacio que busca o no. Meta-Palabras clave del sitio. Son las palabras ms importantes en un documento. Describen el principal propsito de nuestro sitio web y el medio de localizacin de muchos de los motores de bsqueda. Se pueden introducir palabras separadas por comas, o varias palabras entre comillas con los espacios en blanco correspondientes. Un nmero ptimo de caracteres en una descripcin de palabras clave puede estar entre 300 y 500. Por ejemplo, si queremos describir el sitio de la biblioteca de nuestro centro de secundaria, una posible relacin de trminos sera: IES, I.E.S., instituto, enseanza, secundaria, biblioteca, lectura, textos, libros, relatos, poesa, antiguos alumnos, nuestras lecturas, animacin a la lectura Mostrar Meta-etiquetas del ttulo. Permite considerar el ttulo del artculo de contenido como metadato. Mostrar Meta-etiquetas del autor. Permite decidir si el nombre del autor de contenidos se considera como metadato.

Parmetros de Optimizacin de SEO.

URLs amigables para motores de bsqueda. Modifica o no la URL de las pginas que se visitan del sitio Joomla! a escrituras ms amigables. Activada esta primera opcin, si queremos ver el contenido del artculo Joomla! License de nuestra instalacin en local, en vez de visualizar una URL del tipo: http://localhost/index.php?option=com_content&view=article&id=5&Itemid=2 tendramos una escritura como sigue, http://localhost/index.php/joomla-license Si observamos la primera URL, aparece informacin relativa a la parte de Joomla! (componente) que gestiona los artculos de contenido, as como referencias a cmo es identificado en el sistema. Modificar la URL que se muestra en el navegador supone aadir seguridad en nuestro sitio web. Usar Apache mod_rewrite. Si el servidor web en el que est Joomla! instalado es Apache, podemos decidir utilizar un mdulo de Apache, mod_rewrite, para lo que se debe renombrar el archivo htaccess.txt a .htaccess1, antes de activarlo. Agregar el sufijo a las URLs. Aade un sufijo a la URL basado en el tipo de documento. En el ejemplo utilizado anteriormente, el navegador mostrara una URL como sigue, http://localhost/index.php/joomla-license.html

Es probable que no te funcione en la instalacin que tenemos en local. Cuando realices una instalacin en un servidor remoto, podrs comprobar su funcionamiento, con las indicaciones que daremos en un captulo dedicado a la instalacin de Joomla! en un servidor remoto.

37

Los Mens.
La navegacin y el acceso a los recursos en el sitio web se realizan a travs de la navegacin que se decide en los mens.

Crear un men
(lo crearemos con enlacesa pginas interresantes para el profesorado. Ej. AFDI, aula Virtual, CTIF Madrid Este)

Vamos a crear nuestro primer men. 1. Entramos en el panel de Gestin de mens y seleccionamos la accin Nuevo. 2. Completamos la informacin de Detalles del men. En este caso: a. *Ttulo del men. El que identifica de forma nica internamente (dentro del cdigo) Joomla!, y para que el se recomienda un nombre sin espacios en blanco. (menu_1). b. Tipo de Menu: Ej mainmenu1, o topmenu1 c. Descripcin. 3. Seleccionamos Guardar. Y ya tenemos creado el nuevo men. Nuestro primer men creado ya aparece en la gestin de mens, aunque, claro, todava no tiene ningn tem de men creado. Hay que tener en cuenta que este nuevo men no ser visible en el Front-end hasta que sea habilitado (publicado). Publicar un men significa habilitar el mdulo asociado a l. Veamos cmo se habilita un mdulo. 1 Accedemos a la zona de gestin de los mdulos. Creamos un modulo nuevo. 2.- Damos el nombre al mdulo y lo ponemos en position-7 (zona de la Izq de la pgina). 3.- En Opciones bsicas de men seleccionamos el men al que queremos que est relacionado, por ej. Men departamentos. 4 Habilitamos el mdulo

En nuestra pgina los mens y mdulos ya estn creados y solo tenemos que habilitar o deshabilitar los elementos de men para que sean visibles o no. Los elementos del men departamentos y las categoras solo son editables por los usuarios de cada departamento. Podemos crear un mdulo HTML con ma informacin que deseemos o un mdulo de ltimas noticias.

38

Cambiar el nmero de artculos principales en el men inicial de Joomla.

Tienes que ir a "Opciones men" en la pgina de administracin y seleccionar el "mainmen". Una vez dentro, pinchas en Inicio. Ah te saldrn unos parmetros a la derecha de la pantalla. Principal: Muestra las noticias a todo el ancho de la pgina (que es lo que a t te interesa). Ah ponle el nmero de noticias que quieres que se muestren en la pgina de inicio. Introduccin: Las noticias que aparecern a dos (o ms) columnas. Djalo a 0. Columnas: Nmero de columnas en la pg. de inicio. Djalo a 1. Enlaces: Nmero de enlaces que aparecern en la parte inferior. Djalo a 0. Listo. Espero que te sirva de ayuda. Expliquemos cada uno de los parametros. Principal: Es la cantidad de noticias que deseas que ocupen todo el ancho del main body (lo que entre entre left y right en la mayoria de templates) Introduccin: Es la cantidad de noticias que deseas, que muestren nicamente la introduccin, es decir todo lo que esta antes del "Read More" Columnas: Todas las noticias que estan fuera de Principal, en cuantas columnas seran mostradas, generalmente se usa 1 o 2, Aunque puedes usar cualquier numero, siempre y cuando se vea bien en tu template. Enlaces: Ya mostrates las noticias principales, las introducciones, en las columnas que seleccionastes, Entonces cuantos titulos deseeas mostrar al final.

Permitir varias subidas simultaneas desde el Gestor multimedia.

Tenemos que permitir usar la subida Flash.

39

Ir al BaCKEND -> gestor Multimedia -> Opciones del gestor Multimedia y marcar usar la subida Flash.

Error al cargar la pgina inical.

Sucede si hemos quitado en el men Inicio, el elemento Inicio como pgina Inicial, debemos volver a ponerla como pgina Inicial.

40