ESPOCH-FIE EIS

NOMBRE:

Efran Quingue

CODIGO:

5809

WEB APP
INSTALACION Y PERSONALIZAR JOOMLA

INSTALACION JOOMLA
Joomla es una herramienta muy til para crear una pgina web y utilizar en un espacio
de trabajo local.
Para esto es necesaria la instalacin de servidor Apache y MySQL bajo mencionados
servidores correr Joomla, para esto utilizare XAMPP. En el trabajo anterior de
INSTALACION Y CREACION DE DOS DIRECTORIOS VIRTUALES USANDO
XAMPP se explic paso a paso la instalacin y configuracin de puertos de XAMPP,
por lo cual en esta ocasin
omitir la instalacin de
XAMPP.
Una vez instalado XAMPP
vamos a proceder a instalar
Joomla,
para
esto
descargamos de la pgina
oficial de Joomla, luego que
tenemos el archivo vamos al
directorio de xampp, dentro
ingresamos a la carpeta
htdocs he aqu creamos una carpeta con el nombre del sitio que queremos.
Aqu comprimir el contenido del archivo Joomla.

Una vez hecho esto ahora procedemos a la instalacion de Joomla, para ello ingresamos a
nuestro browser con la direccion: http://localhost:8080/joomla/ ahoar no saparece una
pantalla donde debemos llenar y dar en SIGUIENTE.

Luego nos pide enlazar a la base de datos, para esto creamos la base de datos, para ello
nos dirigimos a la direccin http://localhost:8080/xampp/ e ingresamos a phpMyAdmin

Luego en Bases de Datos, nos vamos al formulario Crear base de datos y aqu le damos
un nombre a nuestra base de datos y le damos en Crear.

Hecho esto regresemos a la instalacin de Joomla, llenamos los campos con la base de
datos creado y le damos en Siguiente.

Ahora que termina la instalacin es necesario borrar la carpeta de instalacin.

Listo ! Hemos concluido con la instalacin.

PERSONALIZAR JOOMLA
Para personalizar vamos a acceder con el usuario y la contrasea con la que instalamos
Joomla.

Nuestra primera pgina de administracin.

Y muestra la pgina de inicio del sitio

Editar Contenidos

Para poder editar el contenido de nuestra pgina

vamos ingresar a la pagina de nuestro sitio.

Una vez ingresado aqu podemos editar el contenido que tendr nuestra pgina web. En
las partes superiores de cada una de las secciones podemos ver que nos permite editar.
Aqu podemos cambiar el contenido del texto, insertar imgenes, insertar tablas,
hipervnculos en fin todo lo que nuestra pgina web contendr.

Vamos editando.

En este espacio editamos el contenido, para dividir en partes mi pgina yo utilizo la

tabla que me permite dividir mi pgina en varias secciones la misma que tendr el
contenido de mi pgina.

Tambin podemos editar a travs de etiquetas html para esto escogemos la opcin

Y nos aparece la pantalla donde podemos editar como en html

Ahora que hemos editado el contenido de nuestra pgina ahora veamos insertando o
instalado una nueva plantilla.

Instalar Nueva Plantilla

Para editar la plantilla de Joomla, vamos a la pestaa Extensiones y seleccionamos el

submen Gestor de Plantillas.

Aqu nos muestra opciones para editar plantillas de sitio de administracin y de sitio
que aparecer para el pblico.
Para personalizar instalare una plantilla descargada desde internet, para esto en el men
de administracin de Joomla, nos vamos a la pestaa Extensiones y seleccionar Gestor
de Plantillas, luego en la Opcin Subir Archivo de Paquete buscamos la plantilla lo
subimos y lo instalamos.

Nos notifica que se instal correctamente la plantilla.

Ahora veamos cambiando, para hacer esto volvemos al men Extensiones,

seleccionamos el submen Gestor de Plantillas y aqu podemos ver la plantilla que
instalamos.

Seleccionamos y veamos el cambio en nuestra pgina.

Pero como notamos hay logo y algunas cosas fuera de sentido de nuestra pgina, y para
cambiar esto vamos a la pgina de administrador.
Seleccionamos la plantilla a editar

Y luego en editar

Nos aparece esta pantalla

Aqu encontramos mltiples opciones para editar por ejemplo vamos a cambiar los
nombres y direcciones de los slide que tenemos vaco.

Ahora ya hemos cambiado

Y damos clic en aplicar, y nos debe cambiar los nombres y direcciones de los slides.
Veamos.

Efectivamente vemos los cambios.

Ahora vamos a cambiar las imgenes que nos aparece.

Para esto nos dirigimos a directorio donde estn ubicados los archivos, por ejemplo el
mo es la direccin: D:\xampp\htdocs\joomla\templates\driverally\slideshow

Aqu copiamos los archivos de imgenes con el mismo nombre de los que estn.
Ahora procedemos a reemplazar nuestros archivos en esta carpeta.

Le damos en Copiar y reemplazar

Ahora tenemos nuestras imgenes y en la pgina nos debe aparecer estas imgenes en
los slides.

Veamos

Ahora cambiemos nuestro logo.

Tenemos este logo DriveRally

El logo est ubicado en D:\xampp\htdocs\joomla\templates\driverally\images como
anterior con el mismo nombre reemplazamos el archivo.
Pues ahora ya hemos cambiado el logo

Zona Administracin.
Para editar este sitio administracin se sigue igual que el de sitio de la pgina.

Ubicamos

en

Seleccionar

Localizacin

seleccionamos

en

Administrador.

Seleccionamos la plantilla a editar.

Le damos editar y en la pantalla siguiente se edita la apariencia.

Una vez cambiado le damos en Aplicar.

Y veamos cmo cambia la zona de apariencia del administrador

Mi Pagina Joomla despus de Editar

As Joomla nos permite ir modelando nuestra pgina web de acurdo a nuestra necesidad
y gusto.

CONCLUSION:
Joomla es una herramienta muy til para disear nuestra propia pagina web, podemos
insertar plantillas para que nuestro sitio se vea elegante, y exponer nuestros contenidos
de forma ordenada.