Curso de Uso, Configuración y Administración de Joomla 2.5

EL COLEGIO DE LA FRONTERA SUR (ECOSUR), UNIDAD SAN CRISTBAL
CURSO DE USO, CONFIGURACIN Y ADMINISTRACIN DEL GESTOR DE CONTENIDO WEB JOOMLA 2.5
PRESENTA EL ING. JOS LUIS MNDEZ PREZ 25 DE FEBRERO DE 2013
INSTALACIN
Requerimientos mnimos del sistema
Un servidor web instalado.
PHP en su versin 5.2.4 o superior.

Gestor de bases de datos MySQL, versin 5.0.4 o superior.
INSTALACIN DE JOOMLA
Descargar el paquete de Joomla 2.5.9

http://www.joomlaspanish.org/
Paso 1.- Eligiendo un idioma
Paso 2.- Comprobacin de la instalacin
Paso 3.- Licencia
Paso 4 Base de datos
Paso 5.- Configuracin de FTP
Paso 6.- Configuracin
Paso 6.- Configuracin
Paso 7.- Finalizacin

C:\wamp\www\CursoJoomla\cofiguration.php
Estructuras y trminos
Sitio o Administrador?
FrontEnd
ESTRUCTURAS Y TRMINOS
localhost/CursoJoomla/administrator
BackEnd
Estructura de archivos
Administrator
Estructura de la plantilla Posiciones de la plantilla
Portal
Plantillas
Estructura de Base de datos
61 Tablas
Elementos de Joomla: artculos
Elementos de Joomla: artculos

Crear un nuevo artculo
Barra de herramientas
Elementos de Joomla: Categoras

Las categoras pueden ser anidas
Elementos de Joomla: Usuarios

Gestor de usuarios
Elementos de Joomla: Usuarios

Barra de herramientas de usuarios
Las contraseas son encriptados con MD5
Elementos de Joomla: Navegacin

Men padre
1
Mdulo de tipo men

3
Submenus
2 4

Barra de herramientas del Gestor de mens

Tipos de elementos de mens
Mdulos
24 mdulos
Plantillas
Plug-ins
11 Tipos de Plug-ins
46 Plug-ins
Componentes
Ejemplo de un componente
Opciones
Ajustes individuales de configuracin para el sitio, se encuentran en Gestor de:

Mdulos Extensiones Usuarios Categoras Plantillas Mens
Conguracin global del sitio

La mayora de los valores de las variables sern almacenados en el archivo conguration.php.
El rea de trabajo se divide en cinco pestaas:
CONFIGURACIN GLOBAL DEL SITIO
Eliminar los datos de muestra
Hacer los mismo para mens, categoras y mdulos

ELIMINAR LOS DATOS DE MUESTRA
Plantillas (Templates)
Posiciones en la plantilla
http://localhost/CursoJoomla/index.php/?tp=1
PLANTILLAS (TEMPLATES)
Plantillas (Templates)
Estilos en la plantilla
PLANTILLAS (TEMPLATES)
EDITANDO EL BANNER
EDITANDO EL BANNER
Ir a gestor de plantillas
Hacer clic sobre la plantilla predeterminada
EDITANDO EL BANNER
Hacer clic en el botn limpiar y editar los siguientes campos: Hacer clic en el botn Guardar & Cerrar:
EDITANDO EL BANNER
Hacer clic sobre la plantilla predeterminada
Hacer clic sobre editar css/personal.css
EDITANDO EL BANNER
Editar las siguientes lneas de cdigo css, posteriormente Guardar & Cerrar:
EDITANDO EL BANNER
Crear una imagen de un tamao de 1060x125 y guardarla con el nombre de ecosur.png en la ruta de la plantilla beez_20:
CursoJoomla\templates\beez_20\images\personal\ecosur.png
EDITANDO EL BANNER
Actualizar el navegador
Diseo y margen del banner

Modificar la siguiente lnea de cdigo: CursoJoomla\templates\beez_20\css\ personal.css lnea 91
Modificar la siguiente linea de cdigo: CursoJoomla\templates\beez_20\css\ personal.css lnea 261
Diseo y margen del banner

Modificar la siguiente lnea de cdigo: CursoJoomla\templates\beez_20\css\ personal.css lnea 233
Resultado del diseo:
Administracin de contenidos
a.- Estructuracin categoras. de contenido en
b.- Creacin de artculos.
c.- Gestin multimedia y el editor.

d.- Estados, papelera y desbloqueo de artculos.
Crear las siguientes categoras: ECOSUR Quines somos? Noticias ltimas noticas ECOSUR Novedades ECOSUR Posgrado Maestras Doctorados Informtica Servicios Novedades informtica
Crear los siguientes artculos en las categoras: ECOSUR (10 artculos) Quines somos? (1 artculo) Noticias (4 artculos) ltimas noticas ECOSUR (2 artculos) Novedades ECOSUR (2 artculos) Posgrado (2 artculos) Maestras (1 artculo) Doctorados (1 artculo) Informtica (3 artculos) Servicios (1 artculo) Novedades informtica (2 artculos)
Crear los siguientes Mens: Men principal Inicio Quines somos? Posgrado Maestras Doctorado Informtica Contacto
Crear los siguientes Mdulos: Vincular a una categora:
Novedades de ECOSUR Novedades informtica ltimas noticias ECOSUR Novedades ECOSUR Novedades informtica ltimas noticias ECOSUR
Bsquedas
Este mdulo bsqueda. muestra una caja de
Bsquedas
Bsquedas
Habilitar el plug-ins de tipo search.
Bsquedas
Bsquedas
Este mdulo de bsqueda se deber colocar en la posicin-0.
Bsquedas
Bsquedas
Resultados de la bsquedas:
Bsquedas
Bsquedas inteligentes
Este es un mdulo de bsqueda para el sistema de bsqueda Inteligente propio de Joomla.
Bsquedas
Habilitar el plug-ins de tipo finder.
Bsquedas
Indexar todo contenido de artculos en Joomla.
Los posibles resultados desplegados en un div. son
El resultado es el siguiente:
GoogleSearch
Iniciar sesin a www.google.com.mx una cuenta de
GoogleSearch
GoogleSearch
Crear una cuenta de www.google.com.mx
GoogleSearch
GoogleSearch
GoogleSearch
GoogleSearch
Confirmacin del registro.
GoogleSearch
GoogleSearch
Hacer clic sobre el botn inicio
GoogleSearch
GoogleSearch
Ir a la siguiente pgina: http://www.google.com/cse/manage/all
GoogleSearch
GoogleSearch
Agregar los sitios donde buscar:
GoogleSearch
GoogleSearch
Clave proporcionada
GoogleSearch
Descargar el componente GoogleSearch

Bsquedas efectivas
GoogleSearch
Descargar el componente GoogleSearch

Hacer clic sobre el botn Download para iniciar la descarga del componente:
GoogleSearch
Instalar el componente GoogleSearch

Ir al men Extensiones, elegir Gestor de Extensiones y seleccionar el componente e instalar.
GoogleSearch
Configuracin del componente GoogleSearch

Introducir la clave del componente, obtenida de la pgina de google.
GoogleSearch
Crear el formulario de bsquedas de GoogleSearch

Agregar el siguiente cdigo para el formulario de bsquedas al archivo index de nuestra plantilla, dentro de un div.
GoogleSearch
Probar nuestro nuevo bscador
GoogleSearch
Redireccionamientos
Redireccionamientos
Habilitar la reescritura URL
Redireccionamientos
Guardar el .htaccess: archivo htaccess.txt como
Redireccionamientos
Abrir el apache: archivo httpd.conf del servidor
1
Redireccionamientos
Quitar el gato que se encuentra al inicio de las lineas 116 y 117 para habilitar la reescritura de nuestro .htaccess:
Redireccionamientos
Verificar que se encuentre habilitado la opcin de rewrite_module:
Redireccionamientos
Crear los redireccionamientos:
Gestor de Usuarios
Crear los siguientes Mdulos:
Gestor de artculos: Opciones

Ajustes individuales de configuracin
Gestor de artculos: Opciones

Mostrar los detalles deseados en el artculo:
Categoras tipo blog

Muestra la introduccin del artculo en un diseo de una o varios columnas.
Categoras tipo blog

Mostrar varios artculos en una sola pgina:
Lista de categoras
Muestra una lista de artculos en una categora:
Lista de categoras
Al hacer clic sobre una de las categoras muestra las subcategoras o artculos contenidos en l:
Wrapper
Este mdulo muestra una web dentro de una ventana iframe
Wrapper: Ejemplo 1
Wrapper: Ejemplo 2
Enlaces web
Este mdulo muestra los enlaces de una categora definida en los componentes de enlaces web.
Uso del loadposition

La sintaxis para mostrar un mdulo en un artculo es la siguiente:
{loadposition nombreposicion}

Asignar el nombre al mdulo:

Este mdulo muestra una imagen aleatoria cada vez que carga la pgina:
Componente para el Carrusel

Instalar el componente TCVN Carousel
Componente para el Carrusel

Pasos para configurar el mdulo:
Personalizacin de mdulos utilizando CSS

Modificar el margen del men
Modificar la lnea 180 del archivo layout.css:


Modificar el margen del men Colocar un valor de 0px en el margen:

Modificar el margen del men Colocar un valor de 0px en el margen:

Agregar una clase a uno de los mdulos creados:

CursoJoomla\templates\beez_20\css\personal.css
1 2

Por ltimo se deber agregar la clase con un espacio antes idmodulo a cada mdulo.
Crear nuevas posiciones en la plantilla

Agregar las siguientes lneas de cdigo para las nuevas posiciones:

Agregar las siguientes lneas de cdigo para el diseo de las posiciones:

Agregar las posiciones templateDetails.xml: en las archivo
MAPA DE SITIO
RESPALDOS
MySQLdump Akeeba Backup
RESPALDOS: MySQLdump
Copiar el proyecto completo de Joomla (CursoJoomla) a un lugar diferente al servidor:
Respaldos
Abrir el CMD, ir a la ruta del bin del MySQL: Wamp: cd C:\wamp\bin\mysql\mysql5.5.24\bin Xampp: cd C:\xampp\mysql\bin MySQL: cd C:\Program Files\MySQL\MySQL Server 5.5\bin
Respaldos
Ejecutar el MySQLdump, guardar la base de datos en un lugar diferente al servidor y con la fecha en que se est realizando el respaldo.
Verificar que se haya creado realmente el archivo SQL.

Respaldos
RESPALDOS: Recuperar el respaldo

Copiar el proyecto completo de Joomla al servidor
Respaldos

Crear la base de datos en MySQL, s la base datos ya existe seguir el siguiente paso.
Respaldos

Ejecutar el siguiente comando de recuperacin de la base de datos:
Realizar los cambios pertinentes al archivo de configuracin: CursoJoomla\configuration.php
Respaldos
RESPALDOS: Akeeba
Descargar el componente Akeeba en su versin 3.6.5 para Joomla 2.5.
Respaldos
RESPALDOS: Akeeba
Instalar el componente Akeeba.
Respaldos
RESPALDOS: Akeeba
Hacer clic en Apply these preferences:
Respaldos
RESPALDOS: Akeeba
Determinando la configuracin optima de los respaldos:
Respaldos
RESPALDOS: Akeeba
Al terminar la configuracin predeterminada hacer clic en Configuration:
Respaldos
RESPALDOS: Akeeba
Configuracin bsica:
Elegir la ruta donde se guardar el respaldo:
Elegir el tipo de respaldo: Todo el sitio o solo la base de datos:
Respaldos
RESPALDOS: Akeeba
Despus de haber guardado la configuracin anterior, hacer clic en Backup Now:
Respaldos
RESPALDOS: Akeeba
Despus de haber guardado la configuracin anterior, hacer clic en Backup Now:
Respaldos
RESPALDOS: Akeeba
Hacer una descripcin del respaldo, luego hacer clic sobre el botn Backup Now!:
Respaldos
RESPALDOS: Akeeba
La duracin del respaldo depender el tipo de respaldo que se haya seleccionado y el tamao de archivos contenidos en el portal:
Respaldos
RESPALDOS: Akeeba
Al finalizar, el componente indicar s el respaldo fue exitoso o hubieron problemas.
Respaldos
RESPALDOS: Akeeba
Posteriormente ir a la pestaa Administer Backup Files:
Respaldos
RESPALDOS: Akeeba
Al terminar el componente genera dos archivos en la ruta especificada:
Respaldos
RESPALDOS: Akeeba
Para recuperar el respaldo del portal
Respaldos
GRACIAS
PRESENTADO POR: EL INGENIERO EN TECNOLOGAS DE LA INFORMACIN: JOS LUIS MNDEZ PREZ CORREO ELECTRNICO: jhonson_louis@hotmail.com

Curso de Uso, Configuración y Administración de Joomla 2.5

Uploaded by

Document Information

Original Title

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

Curso de Uso, Configuración y Administración de Joomla 2.5

Uploaded by

Copyright:

Available Formats

EL COLEGIO DE LA FRONTERA SUR (ECOSUR), UNIDAD SAN CRISTBAL

PRESENTA EL ING. JOS LUIS MNDEZ PREZ 25 DE FEBRERO DE 2013

PHP en su versin 5.2.4 o superior.

Descargar el paquete de Joomla 2.5.9

Paso 1.- Eligiendo un idioma

Paso 2.- Comprobacin de la instalacin

Paso 3.- Licencia

Paso 4 Base de datos

Paso 4 Base de datos

Paso 4 Base de datos

Paso 5.- Configuracin de FTP

Paso 6.- Configuracin

Paso 6.- Configuracin

Paso 7.- Finalizacin

Paso 7.- Finalizacin

Paso 7.- Finalizacin

Estructura de la plantilla Posiciones de la plantilla

Estructura de Base de datos

Elementos de Joomla: artculos

Elementos de Joomla: artculos

Elementos de Joomla: Categoras

Elementos de Joomla: Usuarios

Elementos de Joomla: Usuarios

Las contraseas son encriptados con MD5

Elementos de Joomla: Navegacin

Mdulo de tipo men

Elementos de Joomla: Navegacin

Elementos de Joomla: Navegacin

Ajustes individuales de configuracin para el sitio, se encuentran en Gestor de:

Conguracin global del sitio

El rea de trabajo se divide en cinco pestaas:

CONFIGURACIN GLOBAL DEL SITIO

Eliminar los datos de muestra

Hacer los mismo para mens, categoras y mdulos

Hacer clic sobre la plantilla predeterminada

Diseo y margen del banner

Modificar la siguiente linea de cdigo: CursoJoomla\templates\beez_20\css\ personal.css lnea 261

Diseo y margen del banner

Resultado del diseo:

b.- Creacin de artculos.

c.- Gestin multimedia y el editor.

Descargar el componente GoogleSearch

Descargar el componente GoogleSearch

Instalar el componente GoogleSearch

Configuracin del componente GoogleSearch

Crear el formulario de bsquedas de GoogleSearch

Probar nuestro nuevo bscador

Verificar que se encuentre habilitado la opcin de rewrite_module:

Gestor de artculos: Opciones

Gestor de artculos: Opciones

Categoras tipo blog

Categoras tipo blog

Uso del loadposition

Uso del loadposition

Uso del loadposition

Componente para el Carrusel

Componente para el Carrusel

Personalizacin de mdulos utilizando CSS

Modificar la lnea 180 del archivo layout.css:

Personalizacin de mdulos utilizando CSS

Personalizacin de mdulos utilizando CSS

Personalizacin de mdulos utilizando CSS

Personalizacin de mdulos utilizando CSS