Mejora tu sitio web

Rafael Sebastin Aguilar Vctor Fernndez Bauset Curso de extensin universitaria Campus de Burjasot Universidad de Valencia

Junio 2011
Mejora tu sitio web Curso de extensin universitaria Junio 2011

ndice

Breve introduccin a CMS: Joomla Instalacin de Apache + PHP + MySQL Instalacin Joomla Introduccin al administrador de Joomla Introduccin a los templates de Joomla Nuestra primera pgina web con Joomla Libro de visitas Contacto (Google maps) Event calendar Elementos multimedia
Mejora tu sitio web Curso de extensin universitaria Junio 2011

Indice (II)

eCommerce (VirtueMart) eCards Foro Mapa del sitio Optimizacin en buscadores Idiomas Juegos Extensibilidad de Joomla
Mejora tu sitio web Curso de extensin universitaria Junio 2011

Introduccin CMS: Joomla

CMS: Content Management System o Sistema de gestin de contenidos. Como su nombre indica, es un sistema que permite al usuario de forma cmoda (grfica) administrar los contenidos una web (aadir, elminar, etc.) Ser la plantilla del CMS la que defina qu posiciones posibles hay para cada contenido que se va a aadir. El gestor le asignar una posicin de todas las posibles Otras de las caractersticas de CMS es la modularidad. Se pueden aadir mdulos desarrollados por terceros, siempre la plantilla indicar el lugar

posiciones

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Introduccin CMS: Joomla

Todas las acciones de administracin se realizan a travs del navegador web No es necesario tener conocimientos de HTTP Joomla est programado en PHP Elementos principales de Joomla:

Base de datos MySQL: informacin + configuracin Scripts PHP: Acceso a la base de datos y presentacin de la informacin
Mejora tu sitio web Curso de extensin universitaria Junio 2011

Posibilidades de Joomla
Accin Organizar tu web Publicar contenidos Cmo? Administrador Editor, artculos, categoras

Modificar aspecto del portal Templates Calendario, Estadsticas, Visitas, reproductores, etc Mdulos y Componentes

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Instalacin de Apache + PHP + MySQL

Instalar XAMPP. Este paquete lo engloba todo (servidores Apache, MySQL, ) Permite que simulemos un servidor de pginas web (Apache) y una base de datos (MySQL) en nuestro PC Usaremos la ltima version 1.7

xampp-win32-1.7.4-VC6-installer (autoinstalador)

Mejora tu sitio web Curso de extensin universitaria Junio 2011

XAMPP (Apache)

Estado

Mejora tu sitio web Curso de extensin universitaria Junio 2011

XAMPP (MySql)

phpMyAdmin

Crear Base de datos

1. nombre de la base de datos 2. el nombre del usuario de dicha base de datos 3. una contrasea para ese usuario creado 4. nombre del servidor (que la mayora de las ocasiones ser localhost).
Mejora tu sitio web Curso de extensin universitaria Junio 2011

Instalacin de Joomla
Importante!

Al crear la base de datos con MySQL apuntar:

Usuario de la base de datos Nombre de la base de datos Contrasea de usuario

Versin de Joomla

Joomla_1.6.3-Spanish-Pack_Completo

Mejora tu sitio web Curso de extensin universitaria Junio 2011

XAMPP Crear Base de Datos

Mejora tu sitio web Curso de extensin universitaria Junio 2011

XAMPP Crear Usuario

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Instalacin de Joomla

En directorio htdocs crear directorio Joomla16 En el directorio anterior descomprimir el contenido de Joomla Iniciar instalacin Joomla: http://localhost/joomla16/ Borrar directorio de instalacin

Cambiar la contrasea por defecto del usuario 'admin a admin (para evitar descuidos)
Observar estructura de directorios creado

Mejora tu sitio web Curso de extensin universitaria Junio 2011

El administrador de Joomla

Es lo que se llama el back end Es una aplicacin web con interfaz grfica muy intuitiva Para acceder a l hay que entrar con usuario y contrasea (admin,admin) Permite configurar todos los aspectos de nuestro sitio web

http://localhost/joomla16/administrator/
Mejora tu sitio web Curso de extensin universitaria Junio 2011

El administrador de Joomla (II)

Imagen administrador

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Back end: Site

Configuracion de aspectos del sitio web

Configuracin Global Gestor de artculos Eliminar algunos Gestor de categoras Gestor multimedia Gestor de mens Gestor de Usuarios Gestor de mdulos Gestor de extensiones Gestor de idiomas Gestor de plantillas
Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de artculos

Eliminar el artculo Central: Actualizadores En su lugar escribir una entrada:

Ttulo: Web Personal de XX Texto: ..

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de artculos

Cada Template define reas en la pantalla Podemos usarlas para colocar nuestros artculos

Primero generamos un artculo Despus le asignamos un lugar en el template

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de artculos

Contenedor de Artculo y Categoras Categoras: Ayudan a organizar

Diferentes niveles
Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de artculos

Generar un nuevo artculo Documento de prueba Darle la categora Componentes Colocarlo en el orden 1

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Configuracin global

Vamos a hacer que las URL sean ms amigables

Configuracin Global:

Configuracin SEO:

Renombrar fichero htacess.txt .htacess (desde consola MS-DOS)

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Configuracin global

Vamos a incluir informacin para que los motores de bsqueda pueda indexar nuestra pgina

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de mens

Vamos aadir un nuevo elemento al Men Principal

Crearemos Documento de Prueba en Components

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de mens

Vamos aadir un nuevo elemento a un men

Crearemos Documento de Prueba dentro de Components

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de mens

Vamos a limpiar el contenido que no necesitamos

Eliminar Menu Sobre Joomla! La eliminacin no borra todos documentos asociados al men Crear una categora que se llame Categoria Crear una subcategora que se llame Subcategoria

Crear un men con las siguientes propiedades

Crear un men que se llame Mi menu

Dentro del men crear un submenu Mostrarlo en la parte derecha de la pantalla El men mostrar una lista de los artculos del gestor de artculos

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de mens

El menu principal: Inicio

Configuracin del aspecto de la pgina principal Prueba diferentes configuraciones de los nmero indicados en el recuadro rojo

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador Gestor de Extensiones

Permite instalar

Componentes Mdulos Plugins Templates Lenguajes

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Administrador: Gestor de Mdulos

Dispone de todos los mdulos instalados

Los mdulos pueden ser colocados en una posicin de un template

Asociar el mdulo Quien Esta En Lnea con todos los mens

Hacer que se muestre en la parte inferior de cada pgina Dar de alta a un usuario y acceder con l

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Templates en Joomla

Definen la visualizacin de nuestra pgina Descargar una plantilla sencilla de Internet:

http://plantillasjoomla.com/descargar-plantilla-joomla-1-6-simplex/

Instalarla con el Gestor de Extensiones

Aplicar la plantilla en el Gestor de Plantillas y utilizarla como plantilla por defecto

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Templates en Joomla

Los templates se pueden modificar y personalizar Cada template tiene unos campos diferentes que pueden ser modificados

Modificar el Color de la Plantilla de Beez_20

Cambiar el logo que utiliza por defecto Escribir en la descripcin del sitio, Pgina web personal Modifica el estilo de la pgina Parks Sitio para que coincida con el de la pgina principal

Mejora tu sitio web Curso de extensin universitaria Junio 2011

Mdulos y Componentes

Vamos a instalar un mdulo y un componente para encuestas que descargaremos de:

http://afactory.org/downloads (Joomla v1.6)

Mediante el componente podremos configurar el sistemas de encuestas Mediante el mdulo visualizamos las estadsticas y permitimos que los usuarios hagan sus votos

Activar el mdulo en el Gestor de Mdulos Incluir, Nombre, posicin, encuesta activa, men asociado

Mejora tu sitio web Curso de extensin universitaria Junio 2011