Practicas Con Joomla 1 5

CkEACIN DE FGINA$ WE8 DINMICA$
FFCIlC/S CCN JCCML/ 1.5

DEF/FI/MENIC DE IECNCLCGl/S E lNFCFMIlC/

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.



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:


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.



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:



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.


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:


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:

http://plantillasjoomla.org/
http://JoomlaOS.de/
http://JoomlaDesigns

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:


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.



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.



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.


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.


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.



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


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.


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.

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.


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.


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

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

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


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:


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).

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:


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).


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


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.

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.

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.


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.


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:


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)

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)


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



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


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

Practicas Con Joomla 1 5

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Practicas Con Joomla 1 5

Uploaded by

Copyright:

Available Formats

CkEACIN DE FGINA$ WE8 DINMICA$

FFCIlC/S CCN JCCML/ 1.5

You might also like