EFA MOkAIALAI Centro de Educoc|on $ecundor|o Ob||gotor|o v Formoc|on Fro|es|ono| (Monzonores - C|udod keo|)
INDICE
Prctica 1. Descargar el servidor JS U-Server................................ 3 Prctica 2. Descomprimir el archivo descargado ............................ 3 Prctica 3. Iniciado el servidor local ............................................. 4 Prctica 4. Ver la pgina web de ejemplo...................................... 5 Prctica 5. Acceso a la administracin de Joomla 1.5.3................... 6 Prctica 6. Panel de control de Joomla Spanish 1.5.3 ..................... 7 Prctica 7. Visualizar la web........................................................ 7 Prctica 8. Ver las plantillas instaladas ......................................... 8 Prctica 9. Buscar e instalar nuevas plantillas ............................... 9 Prctica 10. Posiciones de los mdulos visibles en el portal ............11 Prctica 11. Gestor de mdulos ..................................................12 Prctica 12. Operaciones con el gestor de mdulos .......................13 Prctica 13. Editor de un mdulo................................................14 Prctica 14. Modificar un mdulo ................................................15 Prctica 15. Gestor de la pgina de inicio.....................................17 Prctica 16. Cambiar la distribucin de la pgina de inicio..............18 Prctica 17. Secciones - Categoras - Artculos ............................23 Prctica 18. Gestor de secciones.................................................23 Prctica 19. Gestor de categoras ...............................................24 Prctica 20. Gestor de artculos ..................................................25 Prctica 21. Preferencias en los artculos .....................................26 Prctica 22. Creacin de un nuevo artculo...................................27 Prctica 23. Gestor multimedia...................................................29 Prctica 24. Insercin de imgenes en un artculo.........................30 Prctica 25. Gestor de mens ....................................................34 Prctica 26. Creacin de un men...............................................34 Prctica 27. Asignar tems a un men .........................................35 Prctica 28. Mdulos interesantes para la web..............................37 Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 3 El objetivo de estas prcticas es disear una web sencilla con el CMS Joomla.
Para utilizar Joomla en un servidor de Internet, ste debe cumplir estos 3 requisitos:
Lenguaje PHP Servidor Apache Base de datos MySql
En clase, simularemos las pginas web dinmicas php con un servidor local de Internet.
Prctica 1. Descargar el servidor JS U-Server
Este se puede obtener en: www.joomlaspanish.org (que es la comunidad virtual de Joomla en Espaa).
Prctica 2. Descomprimir el archivo descargado.
Crea una carpeta llamada Web de (con vuestros nombres) y descomprime dentro de sta el archivo que has descargado anteriormente. El proceso durar algunos minutos, dependiendo de la velocidad del procesador.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 4
Prctica 3. Iniciando el servidor local
Tras la descompresin del archivo, los archivos que vers son los siguientes:
Haz clic en el icono:
Aparecern dos alertas de seguridad del Firewall, que debes desbloquear y continuar. Sern similares a la siguiente:
Si tuvieses algn problema, escribe en la barra de direcciones del explorador lo siguiente: http://localhost y podrs ver la siguiente pantalla:
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 5 A partir de este momento, ya puedes comenzar a disear tu web con joomla como si estuvieses en Internet, pero ten en cuenta que tu pgina an no est alojada en ningn servidor de Internet, es decir, que solo es visible en tu ordenador.
Prctica 4. Ver la pgina web de Ejemplo
Ahora es el momento de ver las posibilidades de crear una web con Joomla, para ello, antes que nada vamos a ver la web de ejemplo que incorpora el JS U-Server.
Haz clic en:
Se abrir una ventana como la siguiente:
Como puedes observar tiene muchas posibilidades: distintos tipos de mens, plantillas, noticias dinmicas, encuestas, anuncios, registro de usuarios, ltimas noticias, noticias ms ledas, rss, bsqueda, conectados en lnea.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 6
Prctica 5. Acceso a la Administracin de Joomla 1.5.3*
Volvemos de nuevo a la ventana del Localhost y esta vez hacemos clic en:
A continuacin, se abrir una nueva ventana de acceso a la administracin del portal.
Por defecto, viene configurado de la siguiente forma:
Nombre de usuario: admin. Contrasea: admin.
* Nota: en este servidor local viene instalada la versin 1.5.3 de Joomla, pero se puede actualizar a versiones posteriores.
Tras introducir el nombre de usuario y contrasea, haz clic en:
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 7
Prctica 6. Panel de control de Joomla Spanish 1.5.3
El panel de control de Joomla Spanish 1.5.3 presenta el siguiente aspecto:
Las prcticas siguientes las realizars a partir de este panel de control.
Prctica 7. Visualizar la web
Cada vez que modifiques tu pgina y quieras ver como queda en tu navegador*, haz clic en el botn Previsualizar (en la parte superior):
* Nota: A veces, el aspecto que ofrece nuestra web en un explorador como Internet Explorer es distinto al de Mozilla Firefox. Esto es debido al cdigo CSS de la plantilla utilizada (aunque esto no se tratar en estas prcticas)
Recuerda que para actualizar el navegador en Internet Explorer es F5 y CTRL+R en Mozilla Firefox. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 8
Prctica 8. Ver las plantillas instaladas
Trabajar con un CMS como Joomla tiene sus ventajas, entre ellas, est que no hace falta que tengamos conocimientos en programacin web para disear nuestro portal.
La apariencia de la web, es lo que se denomina plantilla. Por defecto, en el JS U-Server solo vienen instaladas dos plantillas:
Beez Rhuk_Milkyway (predeterminada)
Para cambiar de una a otra, hacemos clic en el men Extensiones Gestor de Plantillas. Aparecer la siguiente ventana:
Como puedes comprobar la plantilla predeterminada es la 2.
Cambiamos de plantilla: selecciona la plantilla beez, haz clic en y despus en el botn Previsualizar o actualizar/recargar
pgina en tu navegador.
El portal tendr ahora el siguiente aspecto: Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 9
Prctica 9. Buscar nuevas plantillas
En Internet nos podemos encontrar miles de plantillas gratuitas* para Joomla. No hay nada ms que poner Plantillas gratuitas de joomla o algo similar en tu buscador, y a partir de ah pinchar en los enlaces.
* Nota: Asegrate que la plantilla es 100% gratuita, ya que en la red te encontrars tambin numerosas plantilla de pago
Aqu os dejo algunas webs donde puedes encontrar plantillas gratuitas:
Recuerda que Plantilla en ingls se escribe: Template
Prctica 10. Instalar nuevas plantillas
Descargad 5 plantillas que os gusten, o de las pginas anteriores o cualquier otra (eso s, asegrate que es gratuita y evita dar cualquier tipo de dato).
Para instalar la plantilla sigue los siguientes pasos: Panel de Control Men Extensiones Instalar/Desinstalar. Aparecer la siguiente ventana:
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 10 Para instalar, en Subir paquete pinchamos en el botn Examinar y buscamos el archivo que hemos descargado (a veces hay que descomprimirlo anteriormente), y una vez seleccionado hacemos clic en Subir Archivo & Instalar. Tras un tiempo, si lo hemos realizado bien, aparecer el mensaje Instalar Plantilla xito:
Una vez, que habis instalado las plantillas, ya podis probarlas como se indicaba en la prctica 8.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 11
Prctica 10. Posiciones de los mdulos visibles en el portal
Un mdulo es un elemento web - men, banner, artculo, logo, formulario. - que aparece en una determinada posicin de la plantilla de nuestra web.
As pues, se puede decir que una plantilla web en Joomla est estructurada en mdulos.
Para ver los mdulos utilizados en nuestra plantilla y ver su posicin debemos hacer lo siguiente: Panel de Control Extensiones Gestor de Plantillas Seleccionar Plantilla Botn Editar Ventana Plantilla [Editar] Botn Previsualizar.
Si habis seleccionado todo correctamente, saldra una ventana como la siguiente:
Los cuadritos en rojo como top, user3, right, left. indican la posicin de la plantilla en la que aparecer el mdulo deseado.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 12
Prctica 11. Gestor de Mdulos
Una vez, que tengis claro el concepto de mdulo. Vamos a ver que podemos cambiar de la web de ejemplo.
Entramos en el Gestor de Mdulos: Panel de Control Extensiones Gestor de Mdulos. Aparecer la siguiente ventana:
Aparece la siguiente barra:
En este caso el mdulo Ruta est habilitado - es visible en el portal web -, est colocado en el primer lugar - ordenado - respecto a otros elementos que puedan estar en la misma posicin breadcrumb. Tien un acceso pblico y aparece en todas la pginas de la web. Es de tipo mod_breadcrumbs*. Tiene el ID 20 (es nmero que se asigna en la base de datos de la web).
* Nota: como podrs comprobar hay numerosos tipos de mdulos. Cada uno se especializa en realizar una funcin. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 13
Prctica 12. Operaciones con el Gestor de Mdulos
En la ventana de gestor de mdulos podemos realizar diferentes operaciones.
Hacer visible o no un mdulo en la red. (Tambin se puede hacer clic en el icono de la columna Habilitado)
Copiar es duplicar un mdulo . Borrar: eliminar mdulo.
Editar: modificar la configuracin del mdulo. Nuevo: crear un nuevo mdulo.
Vamos a hacer una serie de prcticas. Cada vez que hagis una de ellas previsualizar la web para ver que ha ocurrido.
Habilitar / Deshabilitar 1. Deshabilita el men Conceptos Clave. 2. Deshabilita el men Encuestas. 3. Deshabilita Buscar. 4. Vuelve a habilitar todo los que has deshabilitado
Copiar / Borrar 1. Copia el men Recursos y habiltalo. 2. Borra Copia de Recursos.
Ordenar
Los mdulos los podemos ordenar como queramos dentro de una posicin. Para ello, hacer clic en los tringulos verdes, o cambiar la numeracin del orden (1, 2, 3) y al final hacer clic en el disquete para guardar.
1. Cambia el orden de los mdulos de tipo mod_mainmenu. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 14
Prctica 13. Editar un mdulo
Adems de las operaciones anteriores, tambin podemos configurar un mdulo, para detallar su comportamiento en nuestro portal web.
Para editar un mdulo podemos seleccionarlo y despus hacer clic en el botn Editar o bien hacer clic en el nombre del mdulo (ms rpido que la primera opcin).
Vamos a editar el mdulo Men principal.
Haced clic en el nombre del mdulo, con lo que aparecer una ventana como la siguiente:
Los campos de Detalles y Asignacin de men son los mismos en cualquier mdulo. En cambio los campos de Parmetros variarn dependiendo del tipo de mdulo.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 15
Prctica 14. Modificar un mdulo
Siguiendo con la prctica anterior, y estando dentro de la edicin del mdulo Men Principal, vamos a ver que podemos cambiar:
Detalles
Realiza las siguientes prcticas y comprueba el resultado tras cada una de ellas:
1. Cambiad el ttulo por Mi Men. 2. Haced que no muestre el ttulo. 3. Cambiad la posicin del mdulo de left a right. 4. Cambiad la posicin del mdulo de right a user1. 5. Ordenad el men tras ltimas Noticias 6. Haced los cambios que queris.
Asignacin del Men
Podemos asignar en que men/s se mostrar nuestro mdulo: Todo: en todas las pginas de nuestro portal. Ninguno: no se muestra en ninguna. Selecciona item(s) del men: solo en los mens que indiquemos. Prcticas:
1. Haced que este mdulo solo se vea en Sobre Joomla! y Noticias. 2. Probad otras combinaciones.
No es modificable. Nombre del mdulo (podemos cambiarlo) Mostrar ttulo del mdulo o no Hacer visible en el portal o no Posicin de la plantilla en la que aparece Orden de la posicin anterior en la plantilla Pblico (todos) - Registrado (con registro) - Especial (Administradores y otros) N asignado en la BBDD Funcin del mdulo
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 16 Parmetros
Cada mdulo se configura de una determinada manera, podis comprobarlo editando distintos mdulos y viendo sus parmetros.
Para ver parmetros avanzados u otros parmetros haced clic en el tringulo verde.
Prcticas: 1. Cambiad el nombre del men por topmenu. 2. Cambiad el estilo del men por Compatibilidad-Horizontal. 3. Volved a dejarlo como estaba. 4. Modificad cualquier otro parmetro para ver que sucede, despus dejarlo como estaba.
Al igual que hemos modificado la configuracin del mdulo Men Principal podis modificar otros mdulos. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 17
Prctica 15. Gestor de la Pgina de Inicio
Podemos controlar los artculos de texto que aparecen en la pgina de inicio. Para ello: Panel de Control Botn Gestor de la Pgina de Inicio o Panel de Control Contenido Gestor de la Pgina de Inicio.
En esta ventana aparecen todos los artculos que se mostrarn en pantalla, segn la configuracin de Inicio (que veremos posteriormente).
En este caso habra 5 artculos que se muestran en la pgina de inicio. Para que se muestre el artculo debe estar publicado*.
* Nota: si despublicas un artculo no aparecer ni en la pgina de inicio ni en su men. Luego es conveniente no hacer clic en publicado si quieres que ese artculo permanezca en el portal web
Vamos a quitar de la pgina de inicio el artculo de Para qu es la capa de FCT?. Como se ha comentado en la nota, no lo vamos a despublicar sino a quitarlo de la pgina principal. Se hara de la siguiente forma: haced clic en el nombre del artculo y poner a No en Pgina Principal. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 18 Prctica 16. Cambiar la distribucin de la pgina de Inicio
Es posible que no nos guste la distribucin de los artculos* en la pgina de inicio de nuestro portal, y queramos que aparezcan ms artculos, sin columnas, con el nombre del autor.
* Nota: con artculo nos referimos a un texto que queremos que aparezca en el portal web, y que est escrito por nosotros. No hay que confundirlo con un mdulo, que aparece en una posicin determinada de nuestra plantilla.
Para cambiar el diseo de la pgina de inicio tenemos que buscar donde se encuentra dicha pgina en nuestro portal, la cual se debe encontrar como elemento - item - de un men. Hacemos clic en Panel de Control Mens tal como aparece en la siguiente ventana:
Si nos fijamos en la lista de mens, observaremos que uno de ellos tiene un (*), en este caso es Men principal*. Por lo tanto, la pgina de Inicio de nuestro portal web es un elemento de dicho men.
Hacemos clic en Men principal * y aparece la ventana del Gestor de tems de mens, que posteriormente veremos con ms detalle.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 19 En ella destaca un item llamado Inicio, que esta Predeterminado con el smbolo de una estrella, y adems es del tipo Artculos>Pgina Principal. Luego este es el item que contiene la configuracin de la pgina de inicio.
Hacemos clic en Inicio y aparecer la siguiente ventana:
Consta de los siguientes elementos:
Tipo de item del men: Botn cambiar tipo: se puede cambiar por otro mdulo o componente que haya sido instalado (de momento no modificar).
Detalles de item del men: ID: nmero identificador de la base de datos de la web (se asigna automticamente). Ttulo: nombre que tiene el item del men. Alias: posibilidad de poner un nombre ms corto o identificativo para nosotros. Enlace: pgina en php del portal web con la que enlaza (este cdigo nos puede resultar til para enlazar desde cualquier otro elemento de nuestra web). Mostrar dentro: dentro del men en el que se encuentra. Insertar item: para insertarlo dentro de otro lugar. Publicado: por defecto Si, si est a no la web puede dar problemas al no encontrar la pgina de inicio. Ordenar: lugar dentro del men donde aparece este item. Nivel de acceso: quien tiene permiso para ver este item. Al hacer clic.: abrir ventana nueva o en la misma.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 20 Lo que ms nos interesa es modificar los parmetros, que ser con lo que cambiaremos la distribucin de los artculos en la pgina de inicio.
Parmetros - Bsico.
Prcticas: 1. Modificad #Destacando por 2. 2. Modificad #Introduccin por 5. 3. Modificad #Introduccin por 0. 4. Modificad Columnas por 3 5. Modificad Columnas por 1 6. Modificad #Enlaces por 2 7. Probad cualquier otro valor.
Parmetros - Avanzados.
Prcticas: 1. Probad los 4 tipos de valores de orden de categora. 2. Probad varios tipos de orden primario. 3. Probad los 3 valores de Paginacin. 4. Ocultar los resultados de paginacin 5. No mostrar un enlace a la noticia (feed). 6. Dejad la combinacin que ms os guste. N de artculos destacados (ocupa todo el ancho) N artculos - no destacados - en el inicio N de columnas de artculos de introduccin N enlaces a otros artculos de inicio (solo el ttulo) Tipo de orden que se quiere aplicar. Definir el orden primario (antigedad, alfabtico.)
Paginacin (resto de artculos con n de pginas) Mostrar/Ocultar la paginacin Enlace a la noticia Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 21 Parmetros - Componente
Los valores de estos campos son: Si, No, Usar el valor global*, Mostrar, Ocultar.
* Nota: "Usar el valor global se refiere al valor seleccionado en Gestor de Artculos botn Preferencias.
Estos parmetros se refieren a lo que queremos mostrar/ocultar de los artculos que aparecen en la pgina de inicio. Estos campos son iguales a los que aparecen en cualquier artculo.
Prcticas: 1. Probad todas las combinaciones que queris para ver como funciona cada una de las caractersticas. 2. Mostrar solo: el ttulo del artculo, la seccin, la categora (y que todas sean enlazables), el nombre del autor, la valoracin/votacin de artculos, solo el icono de e-mail. Todo los dems ocultarlo. Mostrar o no los enlaces no autorizados Mostrar/Ocultar el ttulo del artculo Ttulo con enlace (hipervnculo) para abrir aparte Mostrar/Ocultar texto que aparece antes de Leer ms
Mostrar/Ocultar seccin bajo la que est el artculo Enlace en la seccin si se muestra Mostrar/Ocultar categora bajo la que est el artculo Enlace en la categora si se muestra
Mostrar/ocultar alias del autor del artculo Mostrar/ocultar la fecha en que se cre Mostrar/ocultar la fecha en que se modific Para pasar de un artculo a otro con enlace Para seguir leyendo el resto del artculo Para que puedan votar cada artculo
Mostrar/ocultar los iconos que vienen a continuacin Convertir artculo a PDF Imprimir el artculo Mandar un email del artculo a otra persona N de veces que se ha pinchado en el artculo
Muestra texto de introduccin o completo Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 22 Parmetros - Sistema
Aqu podemos modificar el ttulo de nuestra pgina de inicio, que es la que aparece en:
Prcticas: 1. Cambiar el ttulo de pgina por: Mi primera pgina web. 2. Ocultar el ttulo de la pgina. 3. Dejad la pgina de inicio como queris. Ttulo de la pgina (como se ve en los recuadros) Mostrar/Ocultar el ttulo de la pgina de inicio CSS (no es un objetivo de este manual)
No modificar
No modificar Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 23
Prctica 17. Secciones - Categoras - Artculos
Una web que tiene xito en Internet es aquella que presenta buenos contenidos, y que adems estos se actualizan con cierta frecuencia.
Los contenidos que actualizamos en nuestra web es lo que se llama Artculo. Por ejemplo, el artculo de Bienvenido a Joomla! que aparece en nuestro portal.
Si en nuestra web tenemos pensado poner muchos artculos, tendramos que tener cierto orden, por ejemplo, si estamos haciendo una web de un peridico, distinguiramos los artculos de actualidad, poltica, deporte . En joomla, tenemos las categoras y las secciones, que son como carpetas y subcarpetas, donde se encontrarn los artculos.
En resumen, una seccin contiene una serie de categoras, y cada categora contiene una serie de artculos.
Prctica 18. Gestor de Secciones
Para ver las secciones: Panel de Control Gestor de Secciones o Panel de Control Contenido Gestor de Secciones.
De momento en nuestra web tenemos 3 secciones. As por ejemplo, la seccin FAQs contiene 4 categoras (#Categoras) y un total de 22 artculos (#Activo) y 0 artculos en la papelera (#Papelera).
Para crear una nueva seccin haz clic en y aparecer la siguiente ventana: Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 24
Prcticas: 1. Crea una nueva seccin llamada Deportes. 2. Crea una nueva seccin llamada Tienda.
Prctica 19. Gestor de Categoras
Para ver las categoras: Panel de Control Gestor de Categoras o Panel de Control Contenido Gestor de Categoras.
En la ventana anterior, podemos ver que la categora General pertenece a la seccin FAQs y que contiene 8 artculos activos.
Cada vez que creemos una categora nueva tenemos que asignarla a una seccin ya existente.
Para crear una nueva seccin haz clic en y aparecer una ventana casi igual que la de secciones, pero incorpora el campo Seccin. Nombre de la seccin. El mismo nombre u otro Publicar
Nivel de acceso Imagen que acompaa Posicin de la imagen
Editor de texto TinyMCE 2.0 (viene instalado por defecto en Joomla). Aqu escribiremos explicaremos la seccin (opcional). Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 25 Prcticas: 1. Dentro de la seccin Deporte, crea las categoras: Ftbol, Baloncesto y Tenis. 2. Dentro de la seccin Tienda, crea las categoras: Impresoras, Porttiles, Monitores y Ordenadores.
Prctica 20. Gestor de Artculos
Una vez que hemos creado las secciones y las categoras, podemos pasar al Gestor de Artculos: Panel de Control Gestor de Artculos o Panel de Control Contenido Gestor de Artculos.
Como se puede apreciar, esta ventana difiere un poco de las anteriores y nos aporta ms datos.
As por ejemplo, el artculo Cmo instalar Jooomla! 1.5?: se encuentra publicado; no aparece en la pgina principal; est ordenado en la posicin 3 respecto a la seccin FAQs y categora General; es de acceso pblico; su autor es Administrator; fue creado con fecha 11.10.06; ha tenido 4 impresiones (lecturas, es decir clics en el ttulo) desde que se cre la web.
En cambio, si os fijis en el artculo Pginas de ejemplo y men de enlaces no tiene ni Seccin ni Categora. Esto se debe a que Joomla 1.5, permite tener artculos libres, es decir, que no pertenecen a ninguna seccin ni categora. Para representarlo se pondr el valor Sin Clasificar en la seccin y en la categora. Esta es parte de la ventana que se ve si hacis clic en el artculo: Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 26
Prctica 21. Preferencias en los artculos
Siguiendo en el Gestor de Artculos y antes de crear un nuevo artculo, podemos definir las Preferencias que tenemos a la hora de mostrar el artculo. Para ello, hacemos clic en el botn y nos aparecer*:
*Nota: Esta configuracin es igual a la que vimos en la prctica 16 (distribucin de los artculos de la pgina de inicio) en el apartado Parmetros-Componente.
Prcticas: 1. Pon la configuracin que ms te guste para tus artculos (no tiene porqu ser la misma que la de la pgina de inicio). Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 27
Prctica 22. Creacin de un nuevo artculo
Esta ser la parte que ms trabajaremos con Joomla, por lo que es necesario que os habituis a la ventana que aparecer al hacer clic en
Como puedes observar, lo primero que se debe hacer es asignar un ttulo a al artculo, despus un alias (que puede ser el mismo nombre que el artculo o no). Indicaremos tambin a que seccin y categora pertenece (recuerda que si no pertenece a ninguna pondremos el valor sin clasificar). Para que el artculo sea visible en la web debe aparecer como publicado y si adems quieres que se muestre en la pgina principal debes poner tambin este valor a si.
Despus podrs escribir lo que quieres incluir en este artculo: texto, imgenes, hipervnculos, tablas.
Al final del editor de texto tenemos 3 botones:
Imagen: para incluir imgenes en el artculo. Paginacin: hacer distintas separaciones por pginas. Leer ms: hace una separacin entre el texto de introduccin y el artculo completo. (Es muy aconsejable utilizarlo). Parmetros - Artculo Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 28
Parmetros - Artculo
Muy similar a lo que ya has visto en Preferencias.
Si usas valor global ser el valor que hayas elegido para ese campo en preferencias.
Informacin de metadatos
Es la informacin que vamos a aadir para que nos encuentren los buscadores como Google
Prcticas: 1. Entrad en la web de un peridico deportivo, y copiad los textos que os interesen para crear los siguientes artculos: 4 de ftbol, 2 de baloncesto y 1 de tenis. Muestra al menos 3 en la pgina de inicio. 2. Entrad en la web de alguna tienda de informtica, y copiad los textos que os interesen para crear los siguientes artculos: 3 porttiles distintos, 2 impresoras, 1 ordenador y 2 monitores. Muestra al menos 3 en la pgina de inicio.
Aparecen los usuarios registrados en nuestra web Podemos poner nuestro nombre como autor Permisos del artculo (pblico: todos) Fecha en que se crea Fecha en que aparecer pblicamente en la web Fecha en que finalizar el artculo
Descripcin del artculo: de qu va? o simplemente poner el ttulo.
Palabras clave por la que queremos que encuentren nuestro artculo.
Robots preferidos (se puede dejar en blanco) Nombre del autor. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 29 Prctica 23. Gestor Multimedia
Subir imgenes para posteriormente publicarlas en tus artculos, es una de las posibilidades que te ofrece Joomla.
Haz clic en Panel de control Gestor Multimedia o Panel de control Sitio Gestor Multimedia.
Como podis observar, podis crear una serie de carpetas para organizar tus imgenes, que pueden ser del tipo jpg, bmp, png y algunos ms.
La ventana que aparece en esta hoja es la vista en miniatura, si hacis clic en vista detallada obtendris ms informacin de cada archivo de imagen como su dimensiones (en pixeles) y el tamao del archivo.
Para crear una nueva carpeta de imgenes dentro de la carpeta llamada stories (esto es MUY IMPORTANTE), escribimos su nombre en:
Prcticas: 1. Crea una carpeta llamada deportes. 2. Crea una carpeta llamada tienda. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 30 Una vez creada nuestra carpeta podemos proceder a subir los archivos de imgenes que necesitemos para nuestra web. Por lo que hacemos clic en la carpeta correspondiente, y comenzamos la subida de imgenes (mximo 10 Mb).
Prcticas: 1. Sube 5 imgenes relacionadas con el deporte. 2. Sube 5 imgenes de artculos de informtica.
Prctica 24. Insercin de imgenes en un artculo
Cuando queremos que nuestro artculo contenga imgenes, lo primero es asegurarse que dicha imagen est almacenada en nuestro servidor local (o en el hosting en caso de trabajar en Internet). Esto es lo que hemos realizado en la prctica anterior.
Aunque tambin podemos insertar una imagen desde el propio artculo.
Ahora vamos a crear un nuevo artculo con una imagen.
Escribimos nuestro artculo como vimos en la prctica 22. Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 31
Insertamos una imagen en la posicin del texto que deseemos. Nos saldr la siguiente ventana:
Por ejemplo, insertaremos el baln que hay dentro de la carpeta Deportes, le indicamos que tipo de alineacin deseamos (izquierda o derecha) y rellenamos la Descripcin de la imagen, el ttulo y si queremos aadir una leyenda.
Finalmente hacemos clic en el botn Insertar.
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 32 Como podemos observar en la ventana de dilogo anterior, tambin se puede subir una imagen desde aqu.
El resultado sera el siguiente:
Como podemos ver la imagen sale excesivamente grande, y quizs la quisiramos que se mostrase ms pequea. Para hacer esto, vamos a seleccionar la imagen y hacer clic en el icono imagen, que se encuentra en la barra de tareas del editor de texto:
Con lo que nos saldra la siguiente ventana:
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 33 Hacemos clic en la pestaa aspecto, para configurar principalmente la alineacin, sus dimensiones y los espacios respecto al texto:
Una vez configurado hacemos clic en actualizar, obteniendo el siguiente resultado:
Prcticas: 1. Inserta una imagen en cada uno de los artculos que creaste anteriormente.
Alineacin izquierda, centrado, derecha. Dimensin Alto x Ancho en pixeles (lo que queramos) Espacio en pixeles respecto al texto Espacio en pixeles respecto al texto Tamao del borde en la imagen (0 = no) Clase CSS (nada) Estilo CSS (nada) Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 34 Prctica 25. Gestor de Mens
Si queremos acceder a nuestros artculos, tendremos que hacerlo a travs de un men.
Para acceder a los mens: Panel de Control Gestor de Mens o Panel de Control Mens Gestor de Mens.
As por ejemplo, el Men Recursos es del tipo othermenu, tiene 4 items publicados y se le han asignado 2 mdulos.
Prctica 26. Creacin de un men
Para crear un nuevo men hacemos clic, como siempre, en:
Escribimos estos datos de ejemplo y hacemos clic en guardar. Como puedes ver, cada vez que se crea un men se le asignar un mdulo. Para que sea visible en el portal web, deberemos ir al gestor de mdulos y hacer clic en habilitado. Un nombre nico para el men Ttulo que se le asigna Descripcin de lo que va el men Mdulo que se le asigna (nombre en el portal) Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 35
Prctica 27. Asignar tems a un men
Ya tenemos creado nuestro nuevo men, ahora procederemos a crear los tems correspondientes.
Vamos a seguir con el Men Informtica, creado en la prctica anterior: Panel de Control Mens Informtica.
Creamos un nuevo item:
Las opciones que se nos ofrecen son numerosas. En ellas estn todos los componentes* / mdulos que estn instalados.
* Nota: los componentes aaden funcionalidad a la web, por ejemplo una encuesta, registro de usuarios, enlaces web. Podemos encontrar muchos ms en www.joomla.org/extensions e instalarlos posteriormente para poder utilizarlos en nuestra web.
Hacemos clic en artculos y nos aparece lo siguiente: Para mostrar los artculos en el portal web, hacemos clic en Artculos
Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 36
Para practicar haz clic en Presentacin de la seccin blog:
Como podis observar es una ventana similar a la que ya vimos con el item de Inicio del men principal. Luego ya podis configurar la ventana.
Prcticas: 1. Crea un item llamado Porttiles que muestre todos los artculos tipo blog relacionados con la categora Ftbol. 2. Crea un item llamado Porttiles 2 que muestre todos los artculos tipo lista relacionados con la categora Ftbol. 3. Crea un item llamado Tienda que muestre todos los artculos tipo blog relacionados de la seccin Tienda.
Prctica 28. Mdulos interesantes para la web
Artculos que se han archivado (no visibles) Enlace a un nico artculo Solo para autores Todos los artculos de una categora tipo blog Lista de artculos de una categora (sin texto)
Pgina principal de la web Todos los artculos de una seccin Lista de artculos de una seccin Dpto. Tecnologas e Informtica Efa Moratalaz
Prcticas con Joomla 1.5 37
Si adems de tener mens y artculos a nuestra web, queremos aadir ms funcionalidad, podemos insertar algunos mdulos preinstalados o instalar algunos nuevos de www.joomla.org/extensions.
Los mdulos que vienen preinstalados son:
mod_breadcrumbs: ruta de los artculos. mod_banners: banners aleatorios (imgenes que estn instaladas en una carpeta) mod_footer: para el pie de pgina. mod_mainmenu: para los mens. mod_stats: muestra estadsticas de la web (n de visitas, enlaces, artculos.) mod_login: para registrarse en nuestra web. mod_archive: artculos que se han archivado (antiguos) mod_sections: secciones incluidas en la web mod_related_items: artculos relacionados con los artculos que se muestran en una pgina (se relaciona por el campo "clave de Metadatos) mod_wrapper: muestra otra web de Internet dentro de nuestro portal web (por ejemplo, la pgina de Marca en nuestra web) mod_feed: lectores de noticias y otros. mod_poll: para realizar encuestas. mod_whosonline: ordenadores viendo nuestra web ahora. mod_random_image: imgenes aleatorias (instaladas en una carpeta) mod_syndicate: para que puedan enlazarnos con RSS mod_newsflash: artculos aleatorios. mod_latestnews: ltimas artculos. mod_mostread: artculos ms ledos de la web. mod_search: bsqueda de textos en nuestra web o en Internet