Guia de Joomla

I.E.S.P.P.
Jos Jimnez Borja

rea Acadmica de Ed. Secundaria
www.iesppjjb.edu.pe

Lic. Piero Chvez Ormeo 1 Computacin e Informtica

WAMPSERVER - JOOMLA - CONFIGURACIN

INSTALACIN
WampServer

Definicin
Qu es WampServer?
Caractersticas
Utilidad
Requerimientos de Wampserver
Funcionalidades de wampserver
Instalacin

1
I.E.S.P.P. Jos Jimnez Borja
www.iesppjjb.edu.pe


WAMPSERVER

1. DEFINICIN

WAMP acrnimo usado para describir un sistema de infraestructura de internet que usa las siguientes
herramientas:

Windows, como sistema operativo;
Apche, como Servidor web;
MySQL, como gestor de bases de datos;
PHP (generalmente), Perl, o Pyton, como lenguaje de programacin.

El uso de un WAMP permite servir pginas html a internet, adems de poder gestionar datos en ellas,
al mismo tiempo un WAMP, proporciona lenguajes de programacin para desarrollar aplicaciones
web.

2. QUE ES WAMP SERVER?

WampServer es un entorno de desarrollo web para Windows con el que se puede crear aplicaciones
web con Apache, PHP y bases de datos MySQLdatabase. Tambin incluye PHPMyAdmin y
SQLiteManager para manejar tus bases de datos en un plisplas.

3. CARACTERSTICAS

Provee a los desarrolladores con los cuatro elementos necesarios para un servidor web: un Sistema
Operativo (Window), un manejador de base de datos (MySQL), un software para servidor web
(Apache) y un software de programacin script Web (PHP (generalmente), Python o PERL), debiendo
su nombre a dichas herramientas. Lo mejor de todo es que WAMPServer es completamente gratuito.
WAMP incluye, adems de las ltimas versiones de Apache, PHP Y MySQL, versiones anteriores de las
mismas, para el caso de que se quiera testear en un entorno de desarrollo particular.

4. UTILIDAD

El uso de WAMP permite servir pginas HTML a internet, adems de poder gestionar datos en ellas, al
mismo tiempo WAMP, proporciona lenguajes de programacin para desarrollar aplicaciones Web.

5. REQUERIRIENTOS DE WAMP SERVER CON PHP

Servidor web con soporte a PHP y base de datos (MySQL o PostgreSQL) GNULinux: LAMPserver,
Apache + PHP 5 + MySQL . Windows: WAMPserver: XAMPP o WOS

Del lado del servidor:

Apache (servidor de aplicaciones)
PHP (lenguaje de programacin web) WAMP SERVER
MySql (Base de datos)

www.iesppjjb.edu.pe


Del Lado del cliente
Navegador de internet

6. FUNCIONALIDADES DE WAMPSERVER

WampServer tiene funcionalidades que lo hacen muy completo y fcil de usar.

Con un clic izquierdo sobre el icono de Wampserver, ser capaz de:

Gestionar sus servicios de Apache y MySQL
Cambiar a modo en lnea / fuera de lnea (accesible a todos, estar limitado a localhost)
Instalar y cambiar la versin de Apache, MySQL y PHP
Administrar la configuracin de los servidores
Acceder a los registros
El acceso a los archivos de configuracin
Crear alias y mucho ms ..

7. INSTALACIN

Paso 1
Ejecutar la Aplicacin de WampServer

Paso 2
Seguir la Instalacin Pulsando NEXT y ACEPTAR el contrato y de la misma manera ir hasta el final.

www.iesppjjb.edu.pe



Es el Lugar donde va hacer
instalado la Aplicacin por defecto
la Unidad C:\wamp
www.iesppjjb.edu.pe



Hay que desbloquear
para que permita el
acceso.
www.iesppjjb.edu.pe


Paso 3
Ahora en el Navegador de Internet escribir en la Barra de direcciones (URL): http://localhost

Paso 4
Crearemos ahora la base de datos colocando la especialidad que pertenece (inicial fsica)

Pulsar en PHPMYADMIN para poder
acceder a la creacin de la Base de Batos
Debern colocar el nombre
de su especialidad en
minscula. (inicial fsica)
www.iesppjjb.edu.pe


Paso5
Pulsamos en SERVIDOR: LOCALHOST para retroceder

Paso6
Pulsamos en la opcin PRIVILEGIOS para crear un usuario con sus privilegios

Pulsamos Clic en esta
Seccin para retroceder.
Pulsamos Clic en esta
Seccin crear usuarios y
derechos a la base de datos
A continuacin pulsamos en
la opcin AGREGAR UN
NUEVO USUARIO
www.iesppjjb.edu.pe


Paso7
Llenamos el formulario siguiente, luego marcamos todas las casillas de verificacin de la seccin
DATOS y luego pulsar el botn CONTINUAR.

Usuario :fsica inicial
Servidor :localhost
Contrasea : 123
Volver a escribir :123
Marcar todas las casillas
de verificacin de DATOS
Pulsar Continuar
www.iesppjjb.edu.pe


Paso8
Marcamos todas las casillas de verificacin de las secciones de DATOS ESTRUCTURA
ADMINISTRACIN, luego aadimos privilegios eligiendo el nombre de base de datos creado inicial
fisica y luego pulsamos el botn CONTINUAR.

Luego ocurrir un parpadeo en la ventana y se borrar todos los vistos de la casilla de verificacin, luego
nuevamente hay que marcar todas las casillas y pulsar el primer botn CONTINUAR.

(A continuacin Minimizar la ventana para ms adelante continuar)
Paso 1 Marcamos
todas las casillas de
verificacin.
Seleccionamos el nombre
de la base de datos creada
Inicial fisica
Nuevamente
Marcamos todas
las casillas de
verificacin.
Luego el
Botn
Continuar
En la parte superior central de
la ventana aparecer el
siguiente mensaje.
www.iesppjjb.edu.pe


Paso9
El Archivo de tu especialidad (inicial fsica) lo copiamos hacia la carpeta C:\wamp\www y luego
lo descomprimimos segn nos muestra la imagen:

Los archivos descomprimidos
quedarn como se muestra
en la ventana
www.iesppjjb.edu.pe


Paso10
En la ventana minimizada de LOCALHOST elegir la base de datos (inicial fsica)

Seleccionar la Base de Datos
de tu especialidad inicial
fisica
Clickear en IMPORTAR
www.iesppjjb.edu.pe



Seleccionar el archivo de texto
de tu especialidad que est en
la carpeta c:\wamp\www
(El archivo de texto)
Luego Pulsar el botn continuar
www.iesppjjb.edu.pe


La ventana se mostrar de la siguiente manera, y de esta manera hemos
terminado la instalacin de Joomla

Escribiendo en el navegador de internet la siguiente URL: LOCALHOST/INICIAL cargar la pgina web de
joomla.

www.iesppjjb.edu.pe



JOOMLA

Definicin
Administracin
Creando Nuevo Articulo
Nuevo Artculo

2
www.iesppjjb.edu.pe



Joomla es un Sistema de gestin de contenidos o CMS (por sus siglas en ingls, Content Management
System) que permite desarrollar sitios web dinmicos e interactivos. Permite crear, modificar o eliminar
contenido de un sitio web de manera sencilla a travs de un Panel de Administracin. Es un software de
cdigo abierto, desarrollado en PHP y liberado bajo licencia GPL. Este administrador de contenidos puede
utilizarse en una PC local (en Localhost), en una Intranet o a travs de Internet y requiere para su
funcionamiento una base de datos creada con un gestor de bases de datos (MySQL es lo ms habitual), as
como de un servidor HTTP Apache.

Para ingresar a la configuracin de joomla debemos escribir la URL:Localhost/inicial/administrator

Usuario: Admin
Clave :123
www.iesppjjb.edu.pe



Se visualizar el siguiente Panel de Control, y pulsando clic en Gestor de artculos podremos crear nuevos
artculos.

Se mostrar una lista de artculos publicados en la WEB

Pulsando Clic en GESTOR DE
ARTICULOS podremos administrar y
crear nuevos artculos
Visualiza la pgina WEB
en otra pestaa
Crea un nuevo Artculo
Relacin de Artculos
ordenados
alfabticamente.
www.iesppjjb.edu.pe



En la siguiente Ventana escribimos la nueva noticia o publicacin

1)Ttulo de la
Noticia
2)En destacado
colocar SI
3)Procesador de Textos
para digitar el artculo.
4)Guardar el Artculo y
cerrar la ventana.
Relacin de artculos
ordenados por fecha, pulsando
clic en esta seccin.
www.iesppjjb.edu.pe



Mostrando la Nueva
Noticia Publicada.
www.iesppjjb.edu.pe



JOOMLA

Plantillas
Editar Plantillas
Cambio de imagen en la Plantilla

3
www.iesppjjb.edu.pe



En la ventana de panel de control nos dirigimos al cono de GESTOR DE PLANTILLAS para realizar el cambio
por otra plantilla que se mostrar en la pgina web.

Ventana de Plantillas tanto como para la pgina web, como para el panel de control de joomla.

Pulsa Clic en esta
seccin para cambiar la
plantilla.
Plantillas para
cambiar la forma
de la pgina Web.
Plantillas para
cambiar el panel de
control de Joomla.
La estrella amarilla nos
muestra la plantilla
activa o seleccionada.
www.iesppjjb.edu.pe



1) Pulsar clic en la plantilla
seleccionada por defecto.
2) Luego pulsar clic
en Editar.
Pulsar clic en seleccin para
cambiar el logo de la pgina Web.
www.iesppjjb.edu.pe



A continuacin hay que seleccionar el logotipo subido anteriormente (logo del IESPPJJB)

1)Elegir una
imagen de tu disco
duro (logotipo)
2)Seleccionar la
imagen y luego
pulsar Abrir.
3)Subir la
imagen al
hosting
1)Seleccionar
imagen.
2)Insertar
imagen
seleccionada.
www.iesppjjb.edu.pe



ANTES DESPUS

1)Muestra la imagen
insertada.
2)Guardar y cerrar
para realizar los
cambios
www.iesppjjb.edu.pe



Vista preliminar de la pgina web con la nueva plantilla. (Beez5)

Seleccionar por
defecto a Beez5.
www.iesppjjb.edu.pe


A continuacin dirigirnos a MI PC, al disco duro
C:\WAMP\WWW\INICIAL\TEMPLATES\BEEZ5\IMAGES

Utilizando un editor de imgenes, cambiar la imagen fruits.jpg por una imagen del mismo tamao y
con el mismo nombre y reemplazarlo en el mismo lugar.

Reemplazar la
imagen por otro del
mismo tamao.
www.iesppjjb.edu.pe


Despus de reemplazada la imagen fruits.jpg ahora actualizando la pgina web se visualizar de la
siguiente manera.

Si queremos cambiar el logotipo y algunos ttulos debemos editar la Plantilla.

Cambiar el logotipo,
pudiendo elegir el tamao.
Cambio de Titulo,
descripcin y
posicin.
www.iesppjjb.edu.pe



Pgina Web con las modificaciones correspondientes.

Guia de Joomla

Загружено:

Сведения о документе

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Guia de Joomla

Загружено:

Авторское право:

Доступные форматы

I.E.S.P.P.

Jos Jimnez Borja

Вам также может понравиться