DESARROLLO SESION DE CLASES

Cdigo: FOR-GA-83/Versin 1IDENTIFICACIN DE LA GUA

PROGRAMA DE FORMACINDISEO MULTIMEDIALES Y WEB

UNIDAD DE APRENDIZAJEGESTORES DE CONTENIDOS

ACTIVIDADCambiar plantilla predeterminada de Joomla Descargar e Instalar nueva plantilla

SESIN(ES)4DURACIN3 HORAS

DESARROLLO DE LA CLASE

Plantillas en Joomla 2.5Las plantillas se encargan de determinar la forma en la que se mostrarn los contenidos de nuestra web. La instalacin estndar de Joomla incluye varias plantillas, unas destinadas al back-end y otras al front-end. Adems existen pginas en las que podremos encontrar todo tipo de plantillas que cubrirn casi todas nuestras necesidades y, si no lo hacen, siempre tendremos las posibilidad de modificarlas o incluso de crear nuestra propia plantilla. Podemos instalar cuantas plantillas deseemos sin modificar el contenido de la Web, ya que el diseo y el contenido son independientes.Las plantillas web son muy importantes, ya que determinarn la posicin de los diferentes mdulos que habr en la pgina web. Es por ello, que la seleccin de una plantilla adecuada para nuestra Website sea ciertamente muy importante

Cambiar la plantilla predeterminada de JoomlaLa administracin de las plantillas la realizaremos desde Extensiones > Gestor de plantillas. En la pestaa Estilos veremos una lista con las plantillas instaladas y disponibles para nuestro sitio. Tanto para el front-end como para el back-end.

Figura 1: Lista de plantillas instaladas en Joomla

Pulsando sobre la estrella de la columna Predeterminado podremos decidir qu plantilla se aplica a nuestro sitio. Como vemos a continuacin, al cambiar la plantilla de la zona de administracin, el cambio se lleva a cabo de manera inmediata.

Figura 2: Plantilla predeterminada

Si pulsamos sobre el enlace de la plantilla ubicada en la columna Estilo, accederemos a las propiedades de aquella. Aqu podremos modificar algunas de sus propiedades y asignarla a los elementos del men que queramos. De esta forma, podemos hacer que una parte de nuestra web utilice una plantilla distinta a la predeterminada.

Figura 3: Asignar la plantilla a los elementos del men

A continuacin podemos ver el front-end de nuestro sitio empleando la plantilla Beez2 como predeterminada.

Figura 4: Front-end con la plantilla predeterminada

Pulsando sobre el enlace de la columna Plantilla accederemos a la personalizacin de las plantillas. Aqu veremos una descripcin de la plantilla y una lista con sus archivos principales y sus hojas de estilo.

Figura 6: Personalizacin de una plantilla

Para modificar cualquiera de los archivos que aparecen aqu, pulsaremos sobre l y accederemos a la pantalla de edicin desde donde podremos modificar el contenido del fichero.

Figura 7: Edicin de un archivo de la plantilla

Regresando al gestor de plantillas, veremos una pestaa llamada Plantillas. Desde aqu accederemos a una lista con informacin sobre el autor de la plantilla, su pgina web, fecha, etc. Tambin veremos una pequea imagen que nos servir para hacernos una idea del estilo de cada plantilla.

Figura 9: Lista de plantillas con informacin detallada

Si pulsamos en cualquiera de las imgenes de la lista, obtendremos una vista ms detallada de la misma.

El enlace Previsualizar que aparece en la lista, nos mostrar una vista previa de nuestra pgina con la plantilla elegida y podremos ver las posiciones disponibles en esa plantilla.

Figura 11: Vista previa de una plantilla aplicada a la pgina

Es posible que nos interese ver las posiciones que utiliza la plantilla que estamos empleando en nuestra web y cmo se est comportando a la hora de mostrar los contenidos de la pgina. Para ello podemos ir a Opciones y habilitar la previsualizacin de los mdulos.

Figura 12: Habilitar previsualizacin de los mdulos

Despus de guardar los cambios, tendremos que acceder al front-end y aadir al final de la direccin de la pgina ?tp=1, con lo que obtendremos la posicin de cada mdulo.

Figura 13: Vista de los mdulos de la plantilla

Como descargar una plantilla de Internet

Uno de los sitios ms populares de descarga de plantillas eshttp://www.joomla24.com/.

Damos clic en el Link Galera de plantillas y Accedemos a las plantillas para la versin Joomla 2.5 / 1.7

Nos muestra la siguiente ventana

Vemos que hay dos tipos de plantillas,Las plantillas estticas son aquellas cuyo tamao no cambia aunque usemos diferentes navegadores, por el contrario, las plantillas dinmicas se adaptarn a los diferentes navegadores.Accedemos a una de ellas, y podremos ver en miniatura un aspecto de la plantilla,

Sobre cualquiera de las plantillas que se muestran, damos clic en live preview y nos mostrara el aspecto de la Plantilla.

Para descargar la plantilla damos clic en el link Descargar (Download) ubicado a un lado de la plantilla en vista en miniatura.

Por ultimo marcamos la casilla verificacin, donde acepta los trminos y damos clic en el botn Descargar.

Instalar una plantilla

El proceso a seguir para instalar una plantilla es el mismo que seguiramos para instala cualquier otra extensin. Ingresamos en el administrador para la instalacin de nuestra plantilla, hacemos clic en el men Extensiones- Gestor de Extensiones.

Clic en el botn seleccionar archivo, hacemos la bsqueda del archivo compreso que descargamos y lo instalamos sin descomprimir.

Si la plantilla fue bien instalada, nos aparecer el siguiente mensaje,

COMO PREDETERMINAR LA PLANTILLA DESCARGADA

En el men Extensiones, hacemos clic en Gestor de Plantillas

Debes recordar el nombre de la plantilla que instalaste anteriormente; para activarla la seleccionamos

Luego hacemos clic en la opcin predeterminado, podrs encontrar esta opcin en la parte superior derecha de la pantalla y contiene una estrella como icono.

De esta forma ya puedes ver como quedo la plantilla que descargaste y predeterminaste en la pgina original, haciendo clic en ver sitio

ACTIVIDAD DE APRENDIZAJE

Instale su proyecto de aula de Joomla! e importe la Base de Datos. Instale el editor JCE y establzcalo como predeterminado. Modifique las posiciones de los mdulos de la plantilla predeterminada de Joomla Cambie la plantilla Predeterminada de Joomla y evale sus cambios o aspectos Descargue 4 plantillas 2 estticas y 2 dinmicas Instale las plantillas descargadas Establezca cada una de las plantillas descargadas como predeterminada y evalu su aspecto o presentacin, cambie de posicin los mdulos.

Webgrafa

http://ayudajoomla.com/joomla/tutorial-joomla-2-5/579-administracion-de-menus-en-joomla-25.html

http://www.joomla24.com/

Pgina14