Tutorialjoomla1.7

390 views

Published on

Published in: Self Improvement
  • Be the first to comment

  • Be the first to like this

Tutorialjoomla1.7

  1. 1. Tutorial Joomla 1.7ContenidoTutorial Joomla 1.7 ......................................................................................................................................................... 1Ejemplos de sitios creados con Joomla. ......................................................................................................................... 3Estructuras de un sitio creado con Joomla. .................................................................................................................... 3Elementos de JOOMLA. .................................................................................................................................................. 4 Artículo ................................................................................................................................................................... 4 Categorías ............................................................................................................................................................... 4 Usuario.................................................................................................................................................................... 4 Menús. .................................................................................................................................................................... 4 Módulos .................................................................................................................................................................. 4 Plantillas.................................................................................................................................................................. 4 Plug-ins y Componentes. ........................................................................................................................................ 4Planteamiento general : web IES Anselmo Lorenzo. ..................................................................................................... 5 Estructura de permisos y accesos .......................................................................................................................... 5 Estructura de los contenidos .................................................................................................................................. 6 Estructura de Menús .............................................................................................................................................. 6Entrar y Salir del Sistema ................................................................................................................................................ 7 Iniciar Sesión ........................................................................................................................................................... 7 Menú del Usuario ................................................................................................................................................... 7 Cerrar Sesión .......................................................................................................................................................... 7Registro de Usuarios. ...................................................................................................................................................... 7 Como Registrarnos. ................................................................................................................................................ 7 Recuperar una Contraseña Perdida............................................................................................................................ 7 Acceder a nuestros datos para modificarlos. ......................................................................................................... 8Gestión del contenido desde el Frontend ...................................................................................................................... 8 1. Envío de nuevo contenido al sistema ..................................................................................................................... 8 Edición de artículos............................................................................................................................................... 11 Supervisión y aprobación de artículos.................................................................................................................. 11 Enviar Enlaces Web .................................................................................................................................................. 12 Comprobar Mis Artículos.......................................................................................................................................... 12Administración (Back-end). .......................................................................................................................................... 13 Gestor multimedia .................................................................................................................................................... 14 1
  2. 2. Estructurar el Contenido en Categorías ....................................................................................................................... 16 Crear una Nueva Categoría................................................................................................................................... 17 Mover una Categoría ............................................................................................................................................ 18 Eliminar una Categoría ......................................................................................................................................... 18Administrar Artículos de Contenido ............................................................................................................................. 18 Crear un Nuevo Artículo de Contenido .................................................................................................................... 19 Tablas. ................................................................................................................................................................... 23 Edición de filas de tabla ........................................................................................................................................ 24 Insertar una nueva fila .......................................................................................................................................... 25 Eliminación de una fila.......................................................................................................................................... 25 Mover o Copiar un Artículo de Contenido ........................................................................................................... 26 Gestor de ARTICULOS. Proceso Por Lotes ............................................................................................................ 26 Eliminar un Artículo de Contenido ....................................................................................................................... 26 Archivar un Artículo de Contenido ....................................................................................................................... 26 Quitar un Artículo de la Página de Inicio .............................................................................................................. 26 Eliminar Artículos Archivados ............................................................................................................................... 26Como insertar otros elementos en nuestros artículos. ............................................................................................... 28 Insertar una presentación de Slideshare. ................................................................................................................. 28 Insertar un vídeo 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 galería de imágenes en nuestro artículo. ............................................................................................ 34 Insertar una presentación de imágenes en nuestro artículo. .................................................................................. 35 Otras Posibilidades ................................................................................................................................................... 36Configuración Global. ................................................................................................................................................... 36 Sitio ........................................................................................................................................................................... 36Los Menús..................................................................................................................................................................... 38 Crear un menú .......................................................................................................................................................... 38Cambiar el número de artículos principales en el menú inicial de Joomla. ................................................................. 39Permitir varias subidas simultaneas desde el Gestor multimedia. .............................................................................. 39Error al cargar la página inical. ..................................................................................................................................... 40 2
  3. 3. Joomla! es un Sistema de Gestión de Contenidos (CMS), que nos ayuda a construir sitios web fácilmente, pudiendocrear artículos para nuestros visitantes que contengan información, fotos, videos, audio, documentos…Ejemplos de sitios creados con Joomla.http://ies.antares.rivas.educa.madrid.org/ Página web del IES Antares de Rivashttp://ies.mariadezayas.majadahonda.educa.madrid.org/Joomla/ Página web del IES María Zayashttp://www.guggenheim.org/ Página web del Museo Guggenheim.Estructuras de un sitio creado con Joomla.Antes de empezar con la configuración explicaremos algunas estructuras y términos para aclarar conceptos.FRONTEND (Sitio)Con frontend entendemos que es la parte que los visitantes o usuarios registrados pueden verdel sitio. Un usuario registrado suele moverse por el frontend. Por ejemplo en una tienda virtualvisita los productos que se muestran.Nuestro sitio web está enhttp://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/BACKEND (Administrador)Esa es la zona de administración, también conocida como administrador. Es posible asignarpermisos a los usuarios registrados que necesiten trabajar en el backend. Este privilegio suele serlimitado a algunos empleados que llevan la tarea de administrar el sitio. Puedes acceder aladministrador desde /administrator ej. http://localhost/administratorNuestro acceso a la administración está en la dirección:http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/administrator/Desde aquí puedes acceder a la interfaz de administración con tus credenciales de acceso.Una vez logueado correctamente, tendrás acceso a la administración, la cual está estructurada en función de tuspermisos de usuario. 3
  4. 4. Elementos de JOOMLA.La estructura de Joomla consta de los siguientes elementos.ArtículoJoomla se utiliza para escribir artículos que es el elemento donde ponemos la información que deseamos. Unartículo consiste en un título, texto y los parámetros de configuración.Los artículos pueden ser visualizados individualmente o en un listado de varios artículos. Si los artículos son muylargos puedes insertar un enlace Leer más.CategoríasCon la finalidad de mostrar los artículos de forma clara puedes crear categorías, donde posteriormente clasificaráslos artículos. Las categorías pueden estar anidadas sin límites de profundidad. Un artículo puede ser asignado a unasola categoría .UsuarioLos usuarios producen contenidos. Todo sitio Joomla cuenta con al menos un usuario, que fue creado durante lainstalación y tiene permisos totales en el sitio. Dependiendo de los permisos de usuario podrá trabajar en elfrontend o en el backend para escribir un artículo. Cada usuario necesita u nombre, una dirección de email y unacontraseña.Menús.Para poder moverte por el sitio necesitas enlaces para poder navegar por su contenido. EnJoomla esto se hace con menús. Puedes crear todos los menús que sean necesarios y combinarlos como desees.Cada menú es un módulo que puede ser situado en cualquier posición definida en la plantilla.MódulosUn módulo es un contrenedor que puedes posicionar en la plantilla. Por ejemplo el bloque de registro de usuariossituado en la parte izquierda del frontend es un módulo. Puedes crear todos los módulos que necesites yposicionarlos en las posiciones predefinidas en la plantilla.PlantillasUna plantilla es un patrón gráfico para el sitio web.Plug-ins y Componentes.Los plug-ins Son extensiones que pueden ser instalados para añadir funciones adicionales a nuestra web. 4
  5. 5. 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 (Creación de categorías) 3. Estructura de menús (navegación y presentación de los contenidos)Estructura de permisos y accesos . Registro Acceso a Zonas Tipo de Usuario Características Permisos de Visualización No Front End Invitado Sólo pueden ver sólo los contenidos Público Registrado (Sitio) públicos de FrontEnd Registrado Front End Registrado Son personas que ya se han registrado y Registrado (Sitio) logueado. que pueden ver los contenidos que tengan asignación “Registrado”. Autor Pueden crear artículos de contenido pero Especial su publicación está condicionada a la supervisión de un publicador o superior. Editor Crea y modifica artículos de contenido su publicación está condicionada a la supervisión de un publicador o superior. Publicador Pueden crear, modificar y publicar artículos. BackEnd Gestor Pueden crear, modificar y publicar (Administración) artículos. Tienen acceso al BackEnd y modificar algunas opciones de la configuración Administrador Igual que los gestores pero con acceso a modificar más opciones SuperAdministrador Es único y tiene la totalidad de permisosVamos 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 creación de contenidos, mantenimiento y actualización de una de las categorías que se crearán. A los alumnos se les puede asignar perfil de Usuario registrado.De esta forma conseguimos: • Sólo 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, sólo la parte pública 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 darán a estos profesores el rol de Gestor de su departamento o de usuario registrado simplemente. 4. Tras darse todos de alta se cierra la opción de “Crear Nueva Cuenta”. En el portal sigue apareciendo el módulo 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
  6. 6. 5. Cada año habrá que dar de alta a los nuevos alumnos abriendo un periodo de matriculación abriendo la opción de “Nuevas altas”.Podemos cerrar o abrir la opción de “Crear Nueva Cuenta” desde el Panel de Control del BackEnd, en Configuraciónde Usuarios pulsamos en el Botón de Opciones y marcamos “No” o “Si” Permitir Registro de Usuarios. Debemospulsar en el botón Guardar y Cerrar para que los cambios queden guardados.Estructura de los contenidos 1. Las Categorías son contenedores grandes (Armarios) 2. Las Sub-categorías son contenedores pequeños (cajones dentro de cada armario). 3. Los artículos van siempre dentro de una categoría o sub-categoría y son las publicaciones (texto, imágenes, 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 menús deben ir dentro de un módulo, para que sean visibles.Se pueden crear tantas categorías como se quiera, en nuestra página web se han creado ya las siguientes: • Equipo Directivo • Orientación • Act. Extraescolares • Biblioteca • Periódico Escolar • AMPA • Información General • Una Categoría para cada Departamento Didáctico.Como subcategorías vamos a crear las siguientes. • Dentro de la categoría Equipo Directivo: Dirección, Jefatura de Estudios y Secretaria. • Dentro de cada categoría de los Departamentos Didácticos: Noticias, Asignaturas, Programaciones, Apuntes, Enlaces de Interés, Aula Virtual.Estructura de MenúsLos Departamentos tienen entrada directa desde el módulo “Departamentos” de la columna Izquierda .El resto de las categorías tienen entrada directa desde el menú superior.Estos menús y categorías son de acceso público, aunque esta característica puede cambiarse. 6
  7. 7. Entrar y Salir del SistemaIniciar SesiónIntroduzca su nombre de usuario y contraseña en el Formulario de Acceso y pulse el botón Iniciar Sesión paraacceder al área restringida del sitio web.Menú del UsuarioUna vez que ha iniciado sesión en el sitio web, notará que aparece un Menú del Usuario en el panel denavegación de la izquierdaLa siguiente tabla proporciona una breve descripción de cada artículo del Menú del Usuario:Opción de Menú Detalles/OpcionesDetalles de Usuario Usado para Ver/Modificar los detalles de la cuenta de usuarioEnviar Noticias Usado para Enviar nuevos artículos (Autores y Superiores)Enviar Enlace Usado para Enviar nuevos Enlaces Web.Cerrar SesiónPulse el botón Salir en el Menú del Formulario de acceso para finalizar la sesión actual.Registro de Usuarios.Además del SúperAdministrador (admin) creado por defecto en la instalación de Joomla!, existen dos formas paraque 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 SúperAdministrador puede añadirlos directamente usando el Panel del Administrador (Backend).Como Registrarnos.Para registrarnos pulsamos en “Crear una Cuenta” en el módulo Formulario e Acceso del Frontend.Aparecerá un formulario que debemos rellenar, tras lo cual pulsaremos en “Registro”.A la dirección de correo que pongamos nos enviará un mensaje con un enlace que debemos pulsar para activarnuestra cuenta.Recuperar una Contraseña PerdidaComo mucha gente de hoy en día, si usted dispone de muchas contraseñas es inevitable que tarde o temprano seolvide de una de ellas. Joomla!, como la mayoría de los sistemas actuales, permite reemplazar automáticamente sucontraseña en caso de olvidarla.Pulsando el enlace ¿Olvidó su Contraseña? O el enlace ¿Olvidó su usuario? ubicado en el Formulario de Acceso, semostrará la siguiente pantalla:Recibiremos en nuestro correo la información necesaria para recuperar el dato olvidado. 7
  8. 8. Acceder a nuestros datos para modificarlos.Tras poner nuestros datos de usuario y contraseña 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 actualizarnuestros datos.Ejercicio.Registrarnos en la página web del instituto. Darles permisos de Gestor.Entra en la página de edición de tus datos y observa que datos puedes cambiar.Salir Cerrando Sesión.Gestión del contenido desde el FrontendEn general, la gestión de contenido incluye las siguientes tres operaciones:1. Envío de nuevo contenido (Crear un Artículo).2. Corrección y edición de ese contenido si es necesario.3. Publicación del contenido.1. Envío de nuevo contenido al sistemaTras poner nuestros datos de usuario y contraseña aparecerá el menú de usuario, desde él pulsando en“Crear Artículo” en el Menú del Usuario, se presenta el formulario de edición para crear un artículo nuevo.Esta ventana tiene 5 zonas principales. 8
  9. 9. Zona 1.- Ponemos un Título (es obligatorio), también tiene el botón Guardar para pulsarlo cuando tengamosterminado el artículo. El Alias es el contenido que se utilizara como URL por Joomla en algunas funciones, podemosdejarlo en blanco y que joomla lo rellene automáticamente.Zona 2.- Es la zona donde podemos escribir la información del artículo, tenemos un editor para dar formato altexto, incluir imágenes …. Bajo el editor hay cuatro botones: • Artículo: Al pulsarlo aparece un cuadro de diálogo para que seleccionemos que artículo queremos enlazar dentro de la información que estamos escribiendo. Si hay muchos artículos podemos utilizar las opciones de filtrado que nos ofrece este cuadro de diálogo. • Imagen: Nos permite insertar imágenes y subirlas a nuestro sitio web. • Pagebreak: Nos permite partir el articulo en páginas, secciones o pestañas, se puede emplear cuando el artículo es muy grande. Se utiliza situándonos en la zona donde queremos que el artículo quede partido y 9
  10. 10. pulsando el botón Pagebreak, en el cuadro de diálogo 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 paginación desde las opciones básicas. Entre otras opciones, vemos que en estilos de presentación podemos escoger como queremos que se visualice la paginación: páginas, pestañas o slides. El principal problema es que cuando la utilizas afecta a todos los artículos. No puedes tener unos utilizando pestañas y otros con slides o pestañas. • Leer Mas: Nos divide el artículo 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 artículo, la segunda parte sólo la veremos al pulsar en el enlace “Leer Mas” que nos aparecerá el final del articulo. Se utiliza situándonos en la zona del artículo donde queremos que quede dividido en dos partes y pulsamos en el botón “Leer Mas”.Zona 3.- Nos permite establecer los siguientes parámetros: • Categoría: Establecemos la categoría a la que pertenecerá el artículo. • Alias Autor: Establece quien es el autor del artículo, podemos dejarla en blanco que Joomla lo pondrá automáticamente. • Estatus: Establece si el artículo está Publicado (es visible), Despublicado (No es visible) o enviado a la Papelera (eliminado). • Destacado: Lo muestra en la página de Inicio del FrontEnd, conviene que solo el Administrador publique artículos en el FrontEnd (categoría = página inicial y Destacado = Si). • Iniciar publicación: Fecha de inicio de la publicación (dejarla en blanco para que inicie desde que se publique el artículo) • Finzalizar publicación: Fecha de final de la publicación (dejarla en blanco para que no finalice nunca). No es necesario encontrar un calendario para determinar las fechas de Inicio y Fin de Publicación apropiadas. Joomla! incluye un pequeño 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 función. El formato es „Año-Mes-Día Hora:Minutos:Segundos • Acceso: Indica que usuarios podrán ver el artículo. Público (todos los visitantes del sitio), Registrado (Hay que ser usuario registrado, al menos, para ver el artículo), Especial (sólo este tipo de usuarios ven el artículo).Zona 4.- Idioma: Asigna un idioma a este artículo. 10
  11. 11. Zona 5.- Metadatos: Los campos de Descripción y Palabras Clave introducidos aquí, no estarán visibles en eldocumento publicado. Los Motores de Búsqueda y otros sistemas los utilizan para clasificar de una formaapropiada la información contenida en el artículo. El siguiente código HTML será incluido dentro de la etiqueta<head></head> del documento HTML publicado.Una vez terminado el artículo debemos pulsar en el botón “Guardar” .Edición de artículos.Cuando acceden al sistema Joomla!, los Autores, Editores y Supervisores y usuaros superiores, pueden ver unpequeño icono de Edición al lado de los artículos de los que son responsables de su autoría, edición opublicación. Pulsando este icono se mostrará una página de edición del contenido que contendrá las mismaspantallas que hemos descrito para la creación de artículos de contenido. Desde aquí se puede editar el contenido yguardar el artículo una vez más.Supervisión y aprobación de artículosLos Publicadores tienen todos los privilegios de los Autores y Editores, y además disponen de capacidad parapublicar los artículos en el sitio web. Los Supervisores tienen acceso a los mismos controles de envío y edición decontenido que hemos visto previamente. Por tanto, los Supervisores también 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 artículos de los Autores y Editores para pasarlos a estado de “Publicados”.Los artículos no publicados aún 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 artículo, tal como vimos en elapartado anterior.Ejercicio. • Cada participante escribirá un artículo contando algún error grave que un alumno/a haya cometido en un examen. El artículo sólo contendrá texto y deberá incluirlo en la categoría “curso 2012”. Guardar el artículo. • Editar el Artículo y poner “Leer más” y Pagebreak. Ponerle también el enlace a otro artículo. • Editar el Artículo y Ponerlo con la propiedad Si en “Destacado” “Características” para ponerlo en la página inicial. • Volver a editar el artículo y hacerlo visible sólo a los usuarios registrados o a los usuarios especiales. 11
  12. 12. • Comprobar si puede ver el artículo si entra en el sitio como invitado (primero hay que Finalizar Sesión”. • Volver a entrar en el sitio con nuestra contraseña y quitar al artículo la característica de destacado.Enviar Enlaces WebEl Enlace Web es otra forma de contenido que utiliza un sitio web Joomla!.Los enlaces web son simples vínculos a otros sitios de interés, y pueden ser enviados por cualquier usuarioRegistrado en un sitio web Joomla!.Cuando pulsa el artículo de menú Enviar Enlace se presenta una ventana que permite introducir el Nombre,Sección, URL y la Descripción del enlace web que desea enviar.Advertirá que, inmediatamente después de enviar un nuevo Enlace Web, el sistema regresará a la página de iniciomostrando un breve mensaje, a menudo pasado por alto, agradeciéndole el envío e indicando que deberá serrevisado antes de publicarlo en el sitio web.Existe una interesante cuestión a considerar sobre la función Enviar Enlace en un sitio web Joomla!. Estos EnlacesWeb no podrán publicarse desde el Front-end del sitio web Joomla!. Esto significa que cualquier enlace webenviado por cualquier usuario desde el Front-end necesita ser publicado por un usuario con privilegios deadministrador desde el Back-end (de otro modo no podrán incorporarse al sitio web).Comprobar Mis ArtículosCuando se trabaja en una de las ventanas de edición, por ejemplo, cuando un Autor crea un nuevo contenido, sedebe pulsar siempre los iconos Cancelar o Guardar para salir de la página. La razón de esto es que Joomla! bloqueael contenido mientras lo está editando, para evitar que otros usuarios, como Editores o Supervisores, puedanacceder al contenido.Cuando se sale de forma inadecuada de estas ventanas de edición, el Artículo de contenido queda bloqueado paraotros usuarios. A continuación mostramos algunos de los casos que podrían 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 navegación del navegador para salir del sitio sin haber cancelado o guardado el trabajo. 3. También puede ocurrir un fallo eléctrico que apague el PC en un mal momento.Independientemente de la razón, si no se guarda o cancela el trabajo correctamente, se bloqueará el accesoposterior de los usuarios al artículo.Si pulsa un icono Editar, para editar un artículo y ve un mensaje de alerta, esto significa que alguien no ha guardadoo cancelado una sesión de edición correctamente.Para corregir esto, el usuario que bloqueó el artículo debe hacer una las siguientes opciones: 1. Usar la opción Comprobar Mis Artículos del Menú del Usuario. 2. Entrar en el Artículo para completar, o cancelar, la edición que estaba realizando. 3. Avisar a un Súper-Administrador para que lleve a cabo una Validación Global. 12
  13. 13. Administración (Back-end).Para acceder a las funciones de la Administración (Back-end) introduzca la siguiente dirección:http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/administrator/ Nos mostrará la pantallade acceso:Tras poner nuestro nombre de usuario y contraseña, si tenemos los derechos necesarios, accederemos a la páginade Inicio de la Administración. Desde los menús de esta página o desde sus iconos de acceso rápido se puedeacceder a las distintas p de administración.El número de iconos que aparecen en esta área depende de los derechos que tengamos, en la siguiente imagenaparece la página de administración del Super usuario. En ella podemos apreciar las siguientes zonas:Zona 1.- Los menús proporcionan acceso a todas las funciones disponibles en el Back-end. Las opciones de menú ysubmenú mostradas variarán dependiendo de su Nivel de Usuario, ya sea: Gestor, Administrador o Súper-Administrador. 13
  14. 14. Zona 2.- Iconos de Inicio Rápido, proporcionan enlaces a las principales funciones del Back-end, el número deiconos depende del tipo de usuario y los permisos que tenga.Zona 3.- Información sobre el número de usuarios conectados, el número de mensajes privados que ha recibido yel enlace Finalizar.Zona 4.- Información sobre usuarios conectados, artículos populares y últimos artículos añadidos. Se puede forzarla salida del sistema de un usuario pulsando el icono con la línea roja.Los Iconos de Inicio Rápido que se muestran a un gestor son:Las principales funciones disponibles son.Gestor multimediaEs 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 arcghivosmultimedia a nuestro sitio para utilizarlos en los artículos. Estos archivos se almacenan en la carpeta “”images” denuestro sitio.1.- Permite dos presentaciones: “Vista en miniatura” y “Vista detallada”. 14
  15. 15. 2.- El Arbol de Carpetas. Nos permite navegar entre las carpetas y archivos que existan en el Gestor Multimedia. La .navegación se realiza pulsando con el ratón sobre los iconos de las carpetas, pudiendo retornar al nivel superioractivando el botón o bien, utilizando la navegación por carpetas .3.- Contenido de la Carpeta Seleccionada Pulsando con el ratón sobre el icono de un archivo, se abre una ventana Seleccionada:pop-up para verlo, y si lo hacemos sobre su nombre, se visualiza en una nueva ventana de navegación, en tamañooriginal. 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 añadir algunas im imágenes diferenciadasdel resto, debemos utilizar la caja de texto de “Crear Carpeta y, una vez introducido el nombre pulsaremos el , Carpeta”botón “Crear Carpeta”, se creará una nueva carpeta en la localización desde la que estamos realizando la ,operación. Es conveniente crear una carpeta para cada departamento y dentro de cada una de ellas lassubcarpetas que deseemos.5.- En la parte inferior de la ventana tenemos localizada la herramienta de gestión de subida de archivos alservidor, en la carpeta en la que nos encontramos, basta con localizarlo con el “Navegador de archivos y decidir “Navegador archivos”“Empezar subida”. Se pueden subir varios archivos a la vez, si tenemos activado el parámetro “Habilitar la subida de ”.Flash” en las opciones del Gestor Multimedia. Una vez seleccionados los archivos deseados con el navegador dearchivos debemos pulsar en el botón Iniciar Subida para que comience la subida de los archivos.Es conveniente recordar ciertos criterios adecuados para trabajar con imágenes: 1. para nombrar archivos y no tener problemas de gestión con el servidor, en concreto, no utilizar caracteres especiales como espacios en blanco, tildes eñes… tildes, 2. Recuerde utilizar archivos de imágenes de poco peso ( más de 100kb por imagen). (no 3. Redimensionar el tamaño de Imagen: Si la imagen original es grande, hay que redimensionarl a un amaño redimensionarla tamaño de imagen más pequeño. Cuando redimensiona una imagen en su página web, nada cambia en el tamaño del archivo. Lo que realmente está haciendo es decirle al navegador que re navegador re-escale la imagen „al vuelo‟. Este comportamiento supone una gran cantidad de trabajo para el navegador. Cuando usa una . programa de edición de imágenes imágenes(por ejemplo Paint) para redimensionar la imagen, y la guarda como .jpg o .gif, entonces sí está creando una imagen más pequeña, y por lo tanto de menor tamaño de archivo. Para cambiar el tamaño de una imagen la editamos con Paint y vamos al menú Imagen + Expandir o contraer, aquí le indicamos el porcentaje de reducción horizontal y vertical que deseemos (el mismo en horizontal y vertical). Podemos comprobar el tamaño de la imagen en el menú Imagen + Atributos.Existen dos formas de insertar una imagen en un artículo: a. A través del icono del editor podemos insertar imágenes que ya estén publ publicadas en Internet indicando su URL o alguna imagen de las que tenemos subidas con el gestor multimedia multimedia. b. A través del botón Imagen que hay debajo del cuadro de texto del artículo podemos elegir cualquier imagen del Administrador multimedia o subir nuevas imágenes. imágenes.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
  16. 16. • Cada participante subirá tres imágenes a la carpeta con su nombre. • Cada participante borrará una de las imágenes que ha subido. • Busque en internet una imagen de tamaño grande, redimensiónela usando Paint y súbala a su carpeta. • Cada participante subirá un archivo .pdf a su carpeta.Estructurar el Contenido en CategoríasLos artículos en Joomla pueden ser clasificados por categorías. Joomla ofrece la posibilidad de crear tantascategorías como sean necesarias.Puede imaginar estas categorías como una jerarquía en la que: las Categorías son cajones, lasSubCategorías son carpetas y los Artículos de Contenido son documentos de papel. • Si usted tiene los documentos de papel desperdigados por cualquier parte de su habitación, esto resultaría en un gran desorden. Si tiene los documentos distribuidos en carpetas, pero las carpetas están desperdigadas por la habitación, no sería mucho mejor. Si tiene los documentos en un cajón, pero sin organizarlos en carpetas, tampoco sería mejor. • Por lo tanto, mantenga las cosas organizadas, ponga sus documentos (Artículos de Contenido) dentro de carpetas (SubCategorías) y éstas dentro de cajones (Categorías).Es posible construir categorías anidadas y un artículo puede ser relacionado con cualquiera de ellas. En el Gestor deCategorías ( Administración → Contenido → Gestor de Categorías o pulsando su icono en el panel de control), sepuede administrar el árbol de categorías hasta diez niveles.Descripción de las columnas.Columna FunciónSelección Pulse está casilla para seleccionar una Categoría. Si aparece un icono Candado en lugar de la casilla de selección, la Categoría está bloqueada, sólo podrá desbloquearla si usted es el autor de la Categoría o si tiene privilegios de Súper-Administrador. ( Se selecciona y se pulsa Reconstruir)Título Este es el nombre de la Categoría. Pulse el Nombre para editar los parámetros de la Categoría.Publicado Esto muestra si la Categoría está publicada o no. Pulse el icono para cambiar el estado de Publicado a No Publicado o viceversa.Reordenar Pulse las flechas de icono para mover la Categoría Arriba o Abajo, y así cambiar el orden en el listado. 16
  17. 17. Orden Muestra el orden de las Categorías en el listado. También puede ordenar las Categorías introduciendo un valor en el campo orden y pulsando el icono GuardarAccesos Muestra qué tipo de usuarios pueden visualizar la Categoría. Pulse el nivel de Acceso para escoger otro valor: (Público), (Registrado), (Especial).Idioma Muestra el idioma de la categoría.ID de la Categoría Muestra el Número de Identificación de la Categoría en la base de datosPulsando en cualquiera de estas cabeceras las categorías se ordenan según esa característica.En la parte superior del gestor están los botones para las principales funciones.FiltrarPuede introducir un texto en el campo Filtro para refinar la lista buscando en el título de las Categorías. Escribacualquier texto y pulse „Enter‟. También puede ordenar la lista por la Sección a que pertenecen las Categorías.Crear una Nueva CategoríaPulse el icono Nuevo. Se mostrará la pantalla Categoría: Nuevo.Hay que Completar los siguientes campos:Campo FunciónTítulo Escriba aquí el título breve para la nueva Categoría, tal y comoPadre Sirve para anidar categorías si lo deseamos seleccionando la Categoría Padre a la que quedaría anidada.Estatus Publicado a No Publicado 17
  18. 18. Acceso Público, Registrado o Especial.Descripción Explicación de la categoríaPermisos Establecer los permisos para cada grupo de Usuarios.Pulse el icono Guardar y Cerrar para crear la categoría y regresar al gestor de categorías.Mover una CategoríaEl la parte inferior del gestor de categorías, seleccione la Categoría que desea mover usando la casilla de selecciónsituada a la izquierda del título. Pulse el icono Mover o Copiar. La categoría será copiada (duplicada) o Movidajunto con sus artículos asociados.Eliminar una CategoríaSeleccione la Categoría que desea eliminar usando la casilla de selección situada a la izquierda del título. Pulse elicono Papelera. La Categoría no puede contener ningún Artículo de Contenido para poder ser eliminada.Ejercicios.Crea una categoría y dos subcategorías dentro de ella.Elimina una de las subcategorías.Administrar Artículos de ContenidoLos Gestores, Administradores y Súper-Administradores pueden crear, editar y gestionar los Artículos deContenido desde el Administrador (Back-end) o desde el Sitio (Front-end).Para administrar los artículos debemos seleccionar Contenido -> Gestor de Artículos. O desde su icono enPanel de Control -> Gestor de ArtículosEl Gestor de Artículos muestra un listado de todos los Artículos de Contenido de su sitio.Iconos de la Barra de HerramientasEn esta pantalla dispone de las siguientes opciones: Nuevo, Editar, Publicar, Despublicar,Caracterísitcas, Archivo, Comprobar, Papelera, Opciones y Ayuda. 18
  19. 19. FiltrarPuede introducir un texto en el campo Filtro para restringir el listado en base a la presencia de dicho texto en eltítulo de los artículos. Escriba cualquier texto y pulse la tecla “Enter‟. También puede filtrar la lista en base a laEstado, Categoría, Acceso, Autor y/o Idioma del artículo, seleccionando una o más combinaciones en las listasdesplegables.Descripción de las columnas.Columna FunciónSelección Pulse está casilla para seleccionar un Artículo. Si aparece un icono Candado en lugar de la casilla de selección, el artículo está bloqueado, sólo podrá desbloquearlo si usted es el autor o si tiene privilegios de Súper- Administrador. ( Se selecciona y se pulsa Comprobar)Título Este es el nombre dl artículo. Pulse el Nombre para editar los parámetros del artículo.Estatus Esto muestra si el artículo está publicada o no. Pulse el icono para cambiar el estado de Publicado a No Publicado o viceversa.Características Establece si el artículo es “Destacado”, es decir si se muestra en la página inicial del Frontend, pulsándolo se publica o despublica en la página inicial.Categoría Muestra a que categoría pertenece un artículoOrden Muestra el orden de las Secciones en el listado. También puede ordenar los artículos introduciendo un valor en el campo orden y pulsando el icono GuardarAcceso Muestra qué tipo de usuarios pueden visualizar la Sección. Pulse el nivel de Acceso para escoger otro valor: (Público), (Registrado), (Especial).Creado Por Muestra el autor del artículoFecha Muestra la fecha de creación del artículoImpactos IndicaIdioma Muestra el idioma del artículoID de la Sección Muestra el Número de Identificación del artículo en la base de datosPulsando en cualquiera de estas cabeceras los artículos se ordenan según esa característica.PaginadorAl fondo de la lista de Artículos de Contenido se muestra un Paginador (<< Inicio < Anterior [número de página]Siguiente > Fin >>), que permite navegar entre las páginas del listado de Artículos de Contenido. Puede escoger elnúmero de Artículos de Contenido que se muestran en cada página, seleccionando un valor de la lista desplegableen la parte inferior de la pantalla (también puede establecer un valor por defecto en la Configuración Global paratodos los listados de elementos).En la parte inferior de la página hay varios iconos para proceso por lostes como copiar o mover artículos.Crear un Nuevo Artículo de ContenidoExisten varias formas para acceder a la pantalla de creación de un nuevo artículo:1. Acceso: Pulse el icono Añadir Nuevo Artículo en el Panel de Control.2. Acceso: Seleccione Contenido -> Gestor de Artículos -> Añadir Nuevo. Artículo 19
  20. 20. 3. Pulsar el icono “Nuevo” en el Gestor de Artículos.4. Acceso: Desde el Frontend.Cualquiera de esas acciones mostrará la pantalla Gestor de Artículos: Añadir Nuevo ArtículoEn este formulario hay que rellenar los siguientes campos: • Título Introduzca un Título para el Artículo de Contenido. • Alias del Título Introduzca un Alias del Título para el Artículo de Contenido o mejor déjelo en blanco y se insertará automáticamente al guardar el artículo. • Categoría Seleccione una Categoría para el Artículo de Contenido. • Estatus. Normalmente seleccionaremos Publicado, para que el articulo sea visible. También podemos seleccionar Despublicar, Archivar o Eliminar. • Acceso. Determinamos si el artículo será visible para todo el Público, para usuarios Registrados o para usuarios Especiales. • Permisos. Podemos estableer que usuarios tendrán derechos de edición, modificación, eliminación… sobre este artículo. • Características. Si deseamos que el artículo se publique en la página de inicio seleccionaremos Si. • Idioma. Seleccionamos el texto del idioma del artículo, normalmente lo dejamos en Todo. • Texto artículo Introduzca el Texto del Artículo de Contenido. Si este texto es muy largo puede dividirse en páginas situando el cursor donde queremos hacer la división y pulsando el botón “Page Break” situado bajo el editor de texto. Si lo deseado es mostrar un texto de introducción y un enlace al artículo completo, nos situaremos al final del texto introductorio y pulsaremos el botón “Leer Mas” situado bajo el editor de texto, se creará un enlace al final de la introducción que nos llevará a la página del artículo completo.Bajo el editor hay cuatro botones: • Artículo: Al pulsarlo aparece un cuadro de diálogo para que seleccionemos que artículo queremos enlazar dentro de la información que estamos escribiendo. Si hay muchos artículos podemos utilizar las opciones de filtrado que nos ofrece este cuadro de diálogo. 20
  21. 21. • Imagen: Nos permite insertar imágenes y subirlas a nuestro sitio web. • Pagebreak: Nos permite partir el articulo en páginas, secciones o pestañas, se puede emplear cuando el artículo es muy grande. Se utiliza situándonos en la zona donde queremos que el artículo quede partido y pulsando el botón Pagebreak, en el cuadro de diálogo 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 paginación desde las opciones básicas. Entre otras opciones, vemos que en estilos de presentación podemos escoger como queremos que se visualice la paginación: páginas, pestañas o slides. El principal problema es que cuando la utilizas afecta a todos los artículos. No puedes tener unos utilizando pestañas y otros con slides o pestañas. • Leer Mas: Nos divide el artículo 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 artículo, la segunda parte sólo la veremos al pulsar en el enlace “Leer Mas” que nos aparecerá el final del articulo. Se utiliza situándonos en la zona del artículo donde queremos que quede dividido en dos partes y pulsamos en el botón “Leer Mas”.En la parte derecha del formulario tenemos las Opciones de Publicación en las que podemos establecer el nombredel creador, las fechas de inicio y fin de la publicación (en caso de desear que solo esté publicado entre ciertasfechas…Una vez que estés listo con la configuración puedes continuar con el contenido actual del artículo. Utiliza el editorde texto incluido para escribir el texto del artículo.Si queremos desactivar el editor, tendremos que pulsar sobre el enlace “show/hide”. Pero es mucho más cómodoutilizar el editor. El editor nos permite dar formato al texto, insertar imágenes… Recuerda que para cambiar elformato 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 botón“Nuevo Documento” borraremos todo el contenido del editor, pero manteniendo el resto de elementos delartículo…Con la segunda fila de iconos tendremos la posibilidad de establecer el tamaño y la familia de la letra y suscolores… 21
  22. 22. 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 opción “Previsualizar” nos mostrará una vista previa del artículo y la opción “Imprimir” permanecerá activa. La vista previa se mostrará dentro del propio editor. • Pulsando en “Código Fuente o HTML” veremos el código fuente y además activaremos otros botones. Podremos desactivar y activar el ajuste de línea, el color de las etiquetas html y los números de línea. • Con los botones “Buscar” y “Buscar/Reemplazar”podremos realizar búsquedas en el texto de los artículos y reemplazar las posibles coincidencias. • El botón “Insertar Tabla” nos permitirá crear tablas y a la vez activará varios botones relacionados con las tablas y que nos facilitarán 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 añadir una imagen a nuestro artículo de las existentes en el directorio “images”. También tendremos la opción subir imágenes nuevas. • Otra de las opciones del editor es la corrección ortográfica. Podremos activar la corrección en tiempo real y elegir distintos idiomas. 22
  23. 23. Tablas.Las tablas se crean con el Insertar tabla botón , se accede desde la barra de herramientas.Elemento Propiedades generalesColumnas Establecer el número de columnas de la tablaFilas Establecer el número de filas de la tablaMargen de Celda Establezca el espacio entre la pared celular y el contenido de la celdaEspaciado de Celda Establezca el espacio entre las celdasAlineación Alineación del textoBorde Número de pixel del borde de las celdas y la tablaAncho Ajuste el ancho de la tabla en píxeles, por ejemplo: 200px o porcentaje, por ejemplo: 100%Altura Ajuste la altura de la tabla en píxeles, por ejemplo: 200px o porcentaje, por ejemplo: 100%Clase establecer una clase para la tablaLeyenda de la Tabla Active o desactive para incluir o eliminar un título de la tabla 23
  24. 24. Elemento Propiedades avanzadasIdentificación Establecer un ID único de la tablaResumen Establecer un resumen del contenido de la tablaEstilo css Establecer estilos de la tabla en el estilo: el valor, formato, por ejemplo: color: negro;Código de idioma Ajuste el código de idioma para la tablaImagen de fondo Seleccione una Imagen de fondo de la tabla. Puede buscar una imagen utilizando el cuadro de diálogo Explorador de archivos haciendo clic en el botón Explorador de archivosMarco seleccionar las partes de las tablas de las fronteras exteriores debe ser visibleReglas de seleccionar las partes de las tablas de las fronteras interiores debe ser visibleDirección del idioma Seleccione la dirección de traducción para la tablaEl color del borde Ajuste el color de borde de la tabla en formato hexadecimal, por ejemplo: # CCCCCCColor de fondo Establece el color de fondo de tabla, por ejemplo en formato hexadecimal: # CCCCCCPara eliminar una tabla, haga clic en cualquier lugar dentro de la tabla y haga clic en el cuadro Eliminar la barrade herramientas del editor, o en el botón derecho del ratón menú contextual en el editor.Edición de filas de tablaPara editar una fila de la tabla, haga clic en la fila de la tabla y haga clic en la fila de tabla Propiedades debotón en la barra de herramientas en el editor .Propiedades generales 24
  25. 25. Elemento Propiedades generalesTipo de Fila Indica si esta fila representa cabecera de la tabla, cuerpo de la tabla o la tabla de pie de página.Alineación Alineación del texto en la filaAlineación vertical Establecer la alineación vertical de la fila.Clase la clase de la filaAltura Establecer el alto de fila en píxeles, 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, otodas las filas pares e impares. Seleccione la opción deseada de la lista anterior en el botón Actualizar.Insertar una nueva filaLas filas se pueden insertar antes o después 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 botón en labarra de herramientas de editor o haga clic en el menú contextualPara insertar una fila después de la fila seleccionada haga clic en el Insertar fila después de botón · enla barra de herramientas de editor o haga clic en el menú contextualEliminación de una filaSeleccione una fila haciendo clic en cualquier lugar dentro de la fila. Haga clic en la tabla Eliminar filabotón en la barra de herramientas editor o haga clic en el menú contextual 25
  26. 26. Mover o Copiar un Artículo de Contenido .Gestor de ARTICULOS. Proceso Por LotesSeleccione el Artículo(s) de Contenido que desea mover, usando la casilla de selección situada a laizquierda del título. Marque Mover o Copiar. Seleccione la Categoría a la que se moverá el Artículo(s) deContenido y pulse el icono Procesar.Eliminar un Artículo de ContenidoSeleccione el Artículo(s) de Contenido que desea eliminar, usando la casilla de selección situada a laizquierda del título. Pulse el icono Papelera.Archivar un Artículo de ContenidoSeleccione el Artículo(s) de Contenido que desea archivar, usando la casilla de selección situada a laizquierda del título. Pulse el icono Archivar. Se puede sacar del archivo utilizando el filtro para mostrararticulos archivados y pulsando en el icono de su estad =Archivado= seguidamente habrá que publicarlopues aparecera despublicado.Quitar un Artículo de la Página de InicioPara quitar un Artículo de la Página de Inicio: Seleccione el Artículo de Contenido que quiere quitar ypulse el icono Caracteristicas.Eliminar Artículos ArchivadosPara eliminar un Artículo de Contenido Archivado: Seleccione el Artículo de Contenido Archivado quequiere eliminar y pulse el icono Papelera en la barra de herramientas. El artículo podrá eliminarsepermanentemente o restaurarse en el Administrador de la Papelera = utilizando el filtro para mostrararticulos eliminados=.Ejercicio.Crear una página con información sobre la afición o pasatiempo que deseemos.La página consistirá en los siguientes componentes:• Un titulo• Un texto• Una imagen• La página no debe aparecer en la portada• Incluiremos la página en la categoría pruebas 2012Esto al principio puede parecer muy sencillo. Empieza haciendo login en la interfaz de administración.1 – Crear el contenidoVe al gestor de artículos (Contenido -> Gestor de Artículos). 26
  27. 27. Pulsa el botón Nuevo para crear un nuevo artículo e introduce el título y el texto. Debajo del título selecciona“Prueba 2012” como categoría. El campo destacado indica si el contenido debe ser mostrado en el blog dedestacados, que suele ser empleado en la página principal. Selecciona No. En el editor puedes introducir el textoque quieres que aparezca en la página, puedes copiarlo desde internet y pegarlo en el editor de texto (el pegado no nfunciona en Mozilla Firefox).Dar formato al texto: • Selecciona algunas palabras y dales formato negrita. • Selecciona algunas palabras y dales formato s subrayado. • Selecciona algunas palabras y ponlas de color rojo. • Selecciona un párrafo y justifícalo centrado. • Selecciona algunas palabras y pon su color de fondo amarillo. pones • Selecciona algunas palabras y cambiales el tipo de letra. • Selecciona un párrafo y conviértelo en “cita”. • Escribe cinco aspectos de esta afición y ponlos en forma de lista numerada.2- Insertando una imagen desde una URLComo primer ejemplo vamos a coger una imagen de internet, Busca en Google Imágenes una sobre tu afición oseleccionada, ves a la página original de esa imagen y copia su url (Boton derecho del ratón sobre la imagen+Copiar acceso Directo (en I.Explorer) o Copia la Ruta del Enlace (en Mozilla Firefox). CopiarMueve el cursor a la posición dentro del texto donde quieres insertar la imagen. Clic sobre el icono de imágenes enla barra de herramientas del editor y copia la URL de la imagen en el ventana pop-up que ha apare rra up aparecido. Configura laimagen con un alineamiento a la izquierda y usa 10 píxeles de espacio en vertical y horizontal (Quita la marca enMargen para que te deje poner espacios) espacios).La imagen aparecerá en la ventana del editor. Pulsa Guardar y el artículo será almacenado. Existen varias formas de almacenado.guardado del artículo:Para crear una nueva carpeta:Haz clic en el botón "Nueva carpeta" El diálogo "Nueva carpeta" se abrirá.Recuerda pulsar en Guardar cada poco tiempo para evitar pérdidas de datos en caso de errores errores.• Guardar: Se guarda el artículo y no se cierra el formulario. Se usa para guardar el trabajo y poder continuartrabajando.• Guardar y cerrar: Se guarda el artículo y se cierra el formulario de edición. 27
  28. 28. • Guardar y nuevo: Se guarda el artículo, se cierra el formulario de edición y se abre uno nuevo vacío.3- Insertando una imagen guardada en nuestro espacio web.Busca una imagen en internet y guárdala en tu ordenador. Recuerda redimensionar la imagen en caso de tener untamaño superior a 100Kb, Ves al Gestor multimedia y sube esa imagen a tu carpeta. Edita el artículo creadoanteriormente, inserta la imagen que has subido siguiendo los pasos descritos anteriormente. Guarda el artículo.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 celdacentral de la segunda fila. Busca las imágenes en internet sobre el tema elegido y selecciona sólo ver imágenespequeñas para evitar las imágenes grandes.5.- Insertando un enlace a una página web externa.Busca tres páginas web sobre el tema elegido. Crea enlaces a estas páginas desde cada una de las imágenesanteriores. Pon un texto que indique la existencia de enlaces pulsando estas imágenes.6.- Insertando un enlace a una página web de nuestro sitio.Escribe un texto. `por ejemplo “visita esta página” , selecionalo para insertarle un enlace que abra uno de losartículos de nuestro sitio.7.- Incluir un “Leer más” después del primer párrafo del artículo.Sitúate en un renglón vacio tras el primer párrafo (créalo si no existiera) y pulsa el botón leer más. Pulsa en el iconoVista previa para ver como queda la página.Como insertar otros elementos en nuestros artículos.Insertar una presentación de Slideshare.Primero buscaremos con google la presentación en Slideshare, una vez que estemos en la página de Slidesharedebemos pulsar en “Embed” y copiar el código. 28
  29. 29. Seguidamente iremos al artículo donde queremos insertar la presentación y pulsaremos en el botón de códigoHTML y pegaremos el código que hemos copiado en Slideshare.Volvemos a pulsar en el botón de código HTML para ver el resultado. Una vez acabado el artículo pulsamos enGuardar.Este proceso es similar para otros tipos de tipos de páginas que permiten incrustar sus contenidos .Insertar un vídeo de YouTube.Primero buscaremos con google el video en YouTube, una vez que estemos en la página de YouTube debemospulsar en “Compartir” y seguidamente en “Insertar”, aparece un código (iframe) que es el que debemos copiar. 29
  30. 30. Seguidamente iremos al artículo donde queremos insertar la presentación y pulsaremos en el botón de códigoHTML y pegaremos el código que hemos copiado en YouTube.Volvemos a pulsar en el botón de código HTML para ver el resultado. Una vez acabado el artículo pulsamos enGuardar.Insertar un Enlace que descargue un archivo PDF subido a nuestro sitioEl primer paso es entrar en el Administrador Multimedia, para ello en el menú superior acceder a Sitio >>Administrador MultimediaEl administrador multimedia permite gestionar las carpetas y los archivos que están dentro del directorio images.Se puede crear una nueva carpeta con el nombre PDF dentro de la carpeta personal que habéis creado en unejercicio 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 fijáis en la 30
  31. 31. siguiente imagen se ha resaltado la zona donde os indica Joomla la ruta donde se encuentra almacenado el pdf,esta dirección tiene que ser concatenada con el nombre del archivo para poder acceder a él.La dirección sería 1. Dirección base de nuestra web = http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/ 2. Dirección 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.pdfLa dirección completa sería =http://ies.anselmolorenzo.sanmartindelavega.educa.madrid.org/ies/images/Paco/PDF/ejemplo.pdfComo tenemos el archivo pdf subido al servidor, y tenemos su dirección url, ahora solo queda crear un artículo enJoomla o modificar uno ya existente para insertar un hipervínculo 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 gestormultimedia no nos deje subir algún tipo de archivo, ej mp3 o videos, bastara con que incluyamos su extensión (lastres últimas letras del nombre del archivo) en las opciones del Gestor Multimedia (debe hacerlo el administrador). 31
  32. 32. Insertar un mapa con google mapsEmpezamos por ir a google maps (http://maps.google.es/maps?hl=es&tab=ll )y poner la dirección que queremosbuscar en el mapa 32
  33. 33. Seguidamente pondremos el siguiente código en la barra de direccionesy pulsaremos enter para que nosaparezcan las coordenadas de este lugar, copiaremos las coordenadas y las guardaremos en un archivo de texto. Elcódigo es:javascript:void(prompt(,gApplication.getMap().getCenter()));El siguiente paso es ir a nuestro artículo y situarnos en el lugar donde queremos que aparezca el mapa, allípegaremos el siguiente código: (está en una sóla línea 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. Tambiéndebemos sustituir el texto que hay en text= por el que deseemosPuedes cambiar cualquiera de los parametros:width (ancho), height (alto) aunque si lo ajustas demasiado será demasiado pequeño y podrías no ver mucho.lon y lat para las coordenadaszoom puede ser cualquiera entre 1 y 19zoomType, puede ser Small o Large, este controlael tipo de la función 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
  34. 34. (Sólo para el administrador =Para poder insertar google maps se ha instalado el pluginplugin_googlemap_J16_J17.2.14 y se ha obtenido la clave de la API de GoogleMpas para nuestro sitio enhttp://code.google.com/intl/es-ES/apis/maps/signup.html)Insertar una galería de imágenes en nuestro artículo.Se ha instalado el plugin Very Simple Image Gallery y se ha activado para que funcione en nuestros artículos.Primero hemos de crear una carpeta para las imágenes con el gestor multimedia. La carpeta la crearemos dentrode nuestra carpeta personal dentro de la carpeta images y solo debe contener las imágenes de la galería.Seguidamente subiremos las imágenes deseadas con el gestor multimedia y copiaremos la dirección de nuestracarpeta desde images/. En este caso copiaríamos Paco/ImagesPara insertar una galería en nuestro artículo solo hay que escribir {vsig} Paco/Imagenes{/vsig} (siendoPaco/Imagenes el nombre de la carpeta donde hemos subido las imágenes, dentro de la carpeta images) en laposición deseada de nuestro artículo para que aparezcan.La primera vez que se visite nuestro artículo el plugin se encargará de redimensionar las imágenes, por ello no esnecesario preocuparse por el tamaño de las imágenes subidas, el plugin las redimensionará automáticamente. 34
  35. 35. El administrador tiene muchas opciones, seleccionar donde poner los thumbnails (imágenes pequeñas que sipinchas aparecen en la principal) a la izquierda, derecha o debajo. Si recortar (para que aparezcan cuadradosperfectos) o conservar la proporción de los mismos, la calidad de las imágenes (para reducir espacio), comoordenar las imágenes, si utilizar o no captions (textos que aparecen en las imágenes), etc...Insertar una presentación de imágenes en nuestro artículo.Se ha instalado el plugin simplepictureslideshow y se ha activado para que funcione en nuestros artículos.Primero hemos de crear una carpeta para las imágenes con el gestor multimedia. La carpeta la crearemos dentrode nuestra carpeta personal y solo debe contener las imágenes de la galería. Seguidamente subiremos las imágenesdeseadas con el gestor multimedia y copiaremos la dirección de nuestra carpeta desde images/. En este casocopiaríamos Paco/ImagesPara insertar una presentación (como en el ejemplo anterior) en nuestro artículo solo hay que escribir{besps}Paco/Imagenes{/besps} (siendo Paco/Imagenes el nombre de la carpeta donde hemos subido lasimágenes, dentro de la carpeta images) en la posición deseada de nuestro artículo para que aparezcan.La primera vez que se visite nuestro artículo el plugin se encargará de redimensionar las imágenes, por ello no esnecesario preocuparse por el tamaño de las imágenes subidas, el plugin las redimensionará automáticamente.El administrador tiene muchas opciones, seleccionar donde poner los thumbnails (imágenes pequeñas que sipinchas aparecen en la principal) a la izquierda, derecha o debajo. Si recortar (para que aparezcan cuadradosperfectos) o conservar la proporción de los mismos, la calidad de las imágenes (para reducir espacio), comoordenar las imágenes, si utilizar o no captions (textos que aparecen en las imágenes), etc... 35
  36. 36. Otras PosibilidadesConfiguración Global.SitioConfiguración del sitio: • Sitio desactivado. Se decidirá “Sí”, por ejemplo, en operaciones de mantenimiento (actualización de versiones, copias de seguridad), para que los usuarios del Front-end estén avisados de esta situación. • Mensaje para el sitio web desactivado. Mensaje que se mostrará en la web cuando esté “Fuera de línea” por alguna razón. • Nombre del sitio web. Nombre que identifica el sitio web y que es señalado por el navegador en la ventana donde se visualiza la página de la administración. • Editor WYSIWYG predeterminado. Editor html que, por defecto, se utiliza en la elaboración de contenidos del sitio Web. Se puede seleccionar que no haya ningún editor seleccionado por defecto o el que viene instalado en esta versión de Joomla!: “TinyMCE 2.0". • Número de ítems por página. Determina la longitud de los listados en la Administración de Joomla! Sólo será operativa cuando se vuelva a iniciar sesión. • Longitud de la noticia. Cuando ofrecemos sindicación desde nuestro sitio web, determinamos la longitud de la lista de elementos a sindicar desde esta opción.Parámetros de los metadatos.Los “metadatos” son información sobre los contenidos de nuestro sitio web. Son relevantes para losmotores de búsqueda, por lo que una buena definición puede hacer que nuestro sitio web aparezca en losbuscadores. 36
  37. 37. • Meta-Descripción del sitio. Es la descripción, breve, que muestran los motores de búsqueda 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 más importantes en un documento. Describen el principal propósito de nuestro sitio web y el medio de localización de muchos de los motores de búsqueda. Se pueden introducir palabras separadas por comas, o varias palabras entre comillas con los espacios en blanco correspondientes. Un número óptimo de caracteres en una descripción 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 relación de términos sería: IES, I.E.S., instituto, enseñanza, secundaria, biblioteca, lectura, textos, libros, relatos, poesía, “antiguos alumnos”, “nuestras lecturas”, “animación a la lectura” • Mostrar Meta-etiquetas del título. Permite considerar el título del artículo de contenido como “metadato”. • Mostrar Meta-etiquetas del autor. Permite decidir si el nombre del autor de contenidos se considera como “metadato”.Parámetros de Optimización de SEO. • URLs amigables para motores de búsqueda. Modifica o no la URL de las páginas que se visitan del sitio Joomla! a escrituras más “amigables”. Activada esta primera opción, si queremos ver el contenido del artículo “Joomla! License” de nuestra instalación en local, en vez de visualizar una URL del tipo: http://localhost/index.php?option=com_content&view=article&id=5&Itemid=2 tendríamos una escritura como sigue, http://localhost/index.php/joomla-license Si observamos la primera URL, aparece información relativa a la parte de Joomla! (componente) que gestiona los artículos de contenido, así como referencias a cómo es identificado en el sistema. Modificar la URL que se muestra en el navegador supone añadir 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 módulo de Apache, “mod_rewrite”, para lo que se debe renombrar el archivo “htaccess.txt” a “.htaccess”1, antes de activarlo. • Agregar el sufijo a las URLs. Añade un sufijo a la URL basado en el tipo de documento. En el ejemplo utilizado anteriormente, el navegador mostraría una URL como sigue, http://localhost/index.php/joomla-license.html1 Es probable que no te funcione en la instalación que tenemos en local. Cuando realices una instalación enun servidor remoto, podrás comprobar su funcionamiento, con las indicaciones que daremos en un capítulodedicado a la instalación de Joomla! en un servidor remoto. 37
  38. 38. Los Menús.La navegación y el acceso a los recursos en el sitio web se realizan a través de la navegación que se decide en losmenús.Crear un menú(lo crearemos con enlacesa páginas interresantes para el profesorado. Ej. AFDI, aula Virtual, CTIF Madrid Este…)Vamos a crear nuestro primer menú. 1. Entramos en el panel de “Gestión de menús” y seleccionamos la acción “Nuevo”. 2. Completamos la información de “Detalles del menú”. En este caso: a. *Título del menú. El que identifica de forma única internamente (dentro del código) Joomla!, y para que el se recomienda un nombre sin espacios en blanco. (“menu_1”). b. Tipo de Menu: Ej mainmenu1, o topmenu1 c. Descripción. 3. Seleccionamos “Guardar”. Y ya tenemos creado el nuevo menú.Nuestro primer menú creado ya aparece en la gestión de menús, aunque, claro, todavía no tiene ningún ítem demenú 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 módulo asociado a él. Veamos cómo se habilita un módulo.1 Accedemos a la zona de gestión de los módulos. Creamos un modulo nuevo.2.- Damos el nombre al módulo y lo ponemos en position-7 (zona de la Izq de la página).3.- En Opciones básicas de menú seleccionamos el menú al que queremos que esté relacionado, por ej. Menúdepartamentos.4 Habilitamos el móduloEn nuestra página los menús y módulos ya están creados y solo tenemos que habilitar o deshabilitar los elementosde menú para que sean visibles o no.Los elementos del menú departamentos y las categorías solo son editables por los usuarios de cada departamento.Podemos crear un módulo HTML con ma información que deseemos o un módulo de últimas noticias. 38
  39. 39. Cambiar el número de artículos principales en el menú inicial de Joomla.Tienes que ir a "Opciones menú" en la página de administración y seleccionar el "mainmenú". Una vez dentro,pinchas en Inicio. Ahí te saldrán unos parámetros a la derecha de la pantalla.Principal: Muestra las noticias a todo el ancho de la página (que es lo que a tí te interesa). Ahí ponle el número denoticias que quieres que se muestren en la página de inicio.Introducción: Las noticias que aparecerán a dos (o más) columnas. Déjalo a 0.Columnas: Número de columnas en la pág. de inicio. Déjalo a 1.Enlaces: Número de enlaces que aparecerán en la parte inferior. Déjalo 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 yright en la mayoria de templates)Introducción: Es la cantidad de noticias que deseas, que muestren únicamente la introducción, es decir todo lo queesta antes del "Read More"Columnas: Todas las noticias que estan fuera de Principal, en cuantas columnas seran mostradas, generalmente seusa 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, Entoncescuantos titulos deseeas mostrar al final.Permitir varias subidas simultaneas desde el Gestor multimedia.Tenemos que permitir usar la subida Flash. 39
  40. 40. Ir al BaCKÇEND -> gestor Multimedia -> Opciones del gestor Multimedia y marcar usar la subida Flash.Error al cargar la página inical.Sucede si hemos quitado en el menú Inicio, el elemento Inicio como página Inicial, debemos volver a ponerla comopágina Inicial. 40

×