Como crear un web site desarrollado en joomla. Manejo básico.

1. CONTENIDO PROGRAMATICO
Nivel I
- 1.1. Web Site y sus distintas presentaciones.
- 1.2. Joomla como tecnologia de última generación.
- 1.3 Instalacion y conexion con la base de datos.
- 1.4 El Uso de Front End y Back End.
- 1.5 Creacion de Administradores.
- 1.6 Despublicar/Eliminar/Publicar/Crear Item del Menu.
- 1.7 Despublicar/Eliminar/Publicar/Crear Articulos.
- 1.8 Despublicar/Eliminar/Publicar/Crear Modulos.
- 1.9 Actualizar contenidos desde el FrontEnd
Nivel II
- Que son los componentes y modulos.
- Instalacion de una Galeria de Foto y configuracion.
- Instalacion de foro y configuracion.
- Instalacion de un Editor de Contenido - y un Ftp Interno y configuracion.
- Instalacion de un mostrador de Video y configuracion.
Nivel III
- Creacion y configuracion del Streaming TV On line.
- Creacion y configuracion del Streaming Radio On Line.
- Integracion al Web Site.
Webmaster: Giovanni Toyo

2. 1. NIVEL I. CREANDO MI WEB SITE
1.1 EL WEB SITE Y SUS DISTINTAS PRESENTACIONES.
Una página web está compuesta principalmente por información (sólo texto y/o módulos multimedia)
así como por hiperenlaces; además puede contener o asociar datos de estilo para especificar cómo
debe visualizarse, y también aplicaciones embebidas para así hacerla interactiva.
Regularmente esta dividida en:
- Web Sites Personales: Deportistas, Artistas, Politicos, Escritores, Cineastas, etc.
- Web Sites Corporativos: Empresas privadas y publicas y organizaciones.
- Web Sites E-Commerce: Ventas y compras de accesorios y articulos en linea.
- Web Sites Comunidades virtuales: Comunidad de escritores, noticias, eventos y foros.
- Web Sites Redes Sociales: Interacciones de grupos, intereses, eventos, hobbies y fotos.
1.2 JOOMLA COMO TECNOLOGÍA DE ÚLTIMA GENERACIÓN.
Joomla! es un potente gestor de contenidos web (CMS o Content Management System) que
permite crear sitios web elegantes, dinámicos e interactivos. Por su diseño, potencia, flexibilidad y
por sus enormes posibilidades de ampliación se está convirtiendo en el sistema de publicación
preferido para muchas empresas y por millones de webmasters en todo el mundo para desarrollar su
portal web. Esta construido a nivel modular y a traves de ella pueden colocarse accesorios para
potencial el web site como galeria de fotos, videos, formularios, foros, chat, redes sociales,y otros.
1.3 INSTALACION DE JOOMLA Y CONEXIÓN CON LA BASE DE DATOS.
PASOS PARA INSTALAR EL SERVIDOR Y CREAR LA BASE DE DATOS CON JOOMLA
1er Paso. Ver configuracion en el Archivo Instalacion del Servidor. doc en el CD
PASOS PARA INSTALAR JOOMLA
1er Paso. Buscar la CARPETA JOOMLA 1.7 y colocarla dentro de la carpeta del servidor “WWW”.
Nota: Renombrar la carpeta al nombre de su proyecto, ejemplo. “MIPAGINAWEB”
Webmaster: Giovanni Toyo

3. 2do Paso. Seleccionar Idioma y dar clic en el boton Siguiente.
3er Paso. Se comprueba que todo el joomla este funcionando bien en el servidor. Dar clic en el
boton Siguiente.
4to Paso. Se acepta las condiciones de licencia de Joomla. Dar clic en el boton Siguiente.
Webmaster: Giovanni Toyo

4. 5to Paso. Se rellena los datos Servidor “Localhost” Usuario “Root” Contraseña “Root” Nombre
de la base de datos “mibasededatos”, el resto queda igual. Dar clic en el boton Siguiente.
6to Paso. Configuración FTP (Opcional - La mayoría de usuarios puede omitir este paso) Dar clic en
el boton Siguiente.
7to Paso. Rellenar lo datos de la configuracion básica con sus datos personales. Nombre de Sitio
“NOMBRE DE MI PAGINA WEB”, Su Email micorreo@correo.com, Usuario del Administrador
“Admin”, Contraseña del Administrador “123456” y Confirmar contraseña del Administrador
“123456” . Por último dar clic en INSTALAR DATOS DE EJEMPLOS.
Dar clic en el boton Siguiente.
Webmaster: Giovanni Toyo

5. 8to Paso. Por motivo de seguridad dar clic en el boton ELIMINAR LA CARPETA DE
INSTALACION. Luego se puede Acceder a la modalidad Sitio (FrontEnd) y Administrador
(BackEnd) y Dar clic en cualquiera de los botones.
SITIO (FRONT END) ADMINISTRADOR (BACK END)
Tu sitio web Tu sitio web/administrator
Webmaster: Giovanni Toyo

6. 1.4 EL USO DEL FRONT END Y BACK END.
Joomla trabaja de dos manera: Frontend y Backend, ya que la instalación crea dos espacios
diferentes accesibles vía Web, es decir, dispones de dos puertas de acceso a tu sitio:
El Frontend
Es la puerta de acceso pública a tu sitio, se refiere al propio sitio Web, a la parte a la que acceden
los usuarios y visitantes y que presenta el contenido del propio sitio Web. Aparece cuando abres la
ventana del navegador y escribes la dirección URL del sitio.
El Backend
La puerta de acceso privada a tu sitio. Es la interfaz del administrador, que es la que utilizamos para
manipular los contenidos del sitio Web. Proporciona un panel de control y otras herramientas
esenciales para mantener el sitio Web. Desde aquí se gestionan los contenidos, los usuarios que
pueden acceder al sistema, la estética global del sitio y, en general, el funcionamiento del sitio
Joomla. El acceso al BackEnd requiere de un administrador que tiene un usuario y un password.
Este se encuentra ubicado en la dirección URL “elnombredetupaginaweb/administrator”
1.5 CREACIÓN DE ADMINISTRADORES. “USERS”
1er Paso. Entrar al administrador BackEnd ubicado en “elnombredetupaginaweb/administrator” y
colocar los datos de acceso, en este caso Usuario “Admin” y Contraseña “123456”. Dar clic en el
Boton Icono “Gestor de Usuario” para crear un nuevo usuario.
Webmaster: Giovanni Toyo

7. 2do Paso. Aparecerá una ventana para crear Usuarios, Dar clic en el Icono Nuevo para crearlo.
Rellenar los datos y activar la casilla de verificación: SUPER USUARIO. Dar clic en Guardar y
Cerrar.
Una vez guardado se crea el nuevo usuario para acceder al administrador. Este se puede modificar
haciendo clic encima del nombre y modificar los datos nuevamente y dar clic en Guardar y Cerrar.
Webmaster: Giovanni Toyo

8. 1.6 DESPUBLICAR/ELIMINAR/PUBLICAR/CREAR ITEM DEL MENU.
1er Paso. Dar clic en el Boton Icono “Gestor de Menu” para entrar a los menu de web site.
Aparecerá todos los
menus disponible en la
Plantilla Joomla. Por lo
general se usa el
MENU PRINCIPAL.
Dar clic en ella.
2do Paso. Dar clic en el enlace MENU PRINCIPAL
3er Paso. Dar clic en Icono NUEVO. Aquí tambien podemos publicar Item despublicados o
publicarlos o borrarlos denitivamente de nuestro joomla activando la casilla del Item (enlace) y
presionando en el icono según sea el caso (NUEVO, PUBLICAR, DESPUBLICAR, PAPELERA).
1
2 3 4
Item del Menu
Iconos:
1 “Nuevo” Crea un nuevo Item 2
“Publicar”
Muestra un Item despublicado. 3
“Despublicar” Oculta un Item
publicado.
4 “Papelera” Borra un item
creado.
Los niveles de accesos son publico (Para todo publico) Registrado (Solo para usuario registrado)
y Especial (Para Administradores)
Webmaster: Giovanni Toyo

9. 4to Paso. Rellenar los datos del Gestor de Menu. En el campo Tipo Elemento Menú seleccionar
Articulo simple. Colocar el nombre del Item en el Titulo Menu. Rellenar los demas datos.
Importante: En la ventana CONFIGURACION REQUERIDA en Seleccione el Articulo, hacer clic
en el boton Seleccionar/Cambiar y buscar el articulo relacionado. Por último dar clic en el Icono
Guardar y Cerrar.
5
1 4
2
3
Una vez guardado aparecerá el nuevo Item (enlace) en la ventana Menu del Backend y
FrontEnd
Nuevo Item creado
Webmaster: Giovanni Toyo

10. 1.7 DESPUBLICAR/ELIMINAR/PUBLICAR/CREAR ARTICULOS.
1er Paso. Dar clic en el Boton Icono “Gestor de Articulos” para gestionar los artículos del web site.
Nota: Tambien podemos hacer clic en “Añadir un nuevo articulo” si queremos ir directamente a la
creación del articulo.
2do Paso. Dar clic en Icono NUEVO. Aquí tambien podemos publicar Articulos despublicados o
publicarlos o borrarlos denitivamente de nuestro joomla activando la casilla del Articulo y
presionando en el icono según sea el caso (NUEVO, PUBLICAR, DESPUBLICAR, PAPELERA).
1
2 3 4
Articulos
Iconos:
1 “Nuevo”
Crea un nuevo Articulo. Los niveles de accesos son publico (Para todo publico) Registrado (Solo para
usuario registrado) y Especial (Para Administradores)
2 “Publicar”
Muestra un Articulo despublicado.
3 “Despublicar”
Oculta un Articulo publicado.
4 “Papelera”
Borra un Articulo creado.
Webmaster: Giovanni Toyo

11. 3er Paso. Rellenar los datos del Gestor de Articulo. En el campo Titulo se escribe el nombre del
articulo. En el campo Categoria elegir la categoria del articulo (Este es una referencia para el
buscador, por ejemplo, Categoria: Deporte, Articulo: Beisbol. En el campo Texto Articulo colocar la
informacion del articulo. Rellenar los demas datos. Importante: En la ventana Opciones de
Configuracion, Opciones Articulos y Opciones Metadatos se configura la forma en que
aparecerá el articulo en Internet, como los dias, y en los buscadores como google, yahoo, msn, entre
otros. Por último dar clic en el Icono Guardar y Cerrar.
4
1
2
3
Para insertar imagenes
Hacer clic en el boton Image y luego buscar el archivo en tu computador (.JPG, .Gif, .Png) en el boton examinar del
campo Subir archivo. Seleccionamos la imagen y damos clic en Iniciar Subida. Una vez subido al servidor lo
seleccionamos y le damos clic en Insertar
4. Insertar la
Imagen
3. Seleccionar la Imagen
Subida al servidor
2. Buscar la imagen y dar clic en
Iniciar subida
1. Dar clic en Image
Webmaster: Giovanni Toyo

12. Una vez guardado aparecerá el nuevo articulo en la ventana Backend. Ahora para que este articulo
se vea en la pagina web debemos aplicar el procedimiento de la referencia del manual en el punto
1.6 DESPUBLICAR/ELIMINAR/PUBLICAR/CREAR ITEM DEL MENU. (Ver procedimientos)
Aplicar el procedimiento 1.6 1.6 DESPUBLICAR/ELIMINAR/PUBLICAR/CREAR ITEM
DEL MENU. (Ver procedimientos)
1.8 Despublicar/Eliminar/Publicar/Crear modulos.
Los Modulos
Los módulos son pequeños bloques de contenido que se pueden mostrar en las posiciones de una
página web. Los menús del sitio se muestran en los módulos.
El núcleo de Joomla! incluye 17 módulos independientes que van desde el acceso hasta la
búsqueda de imágenes aleatorias. Cada módulo tiene un nombre que comienza mod_ pero cuando
se muestra tiene un título. En las descripciones de esta sección, los títulos son los mismos que los
nombres.
1er Paso. Dar clic en el Boton Icono “Gestor de Modulos” para gestionar los Modulos del web site.
Webmaster: Giovanni Toyo

13. 2do Paso. Dar clic en Icono NUEVO. Aquí tambien podemos publicar Modulos despublicados o
publicarlos o borrarlos denitivamente de nuestro joomla activando la casilla del modulo y
presionando en el icono según sea el caso (NUEVO, PUBLICAR, DESPUBLICAR, PAPELERA).
1 2 3 4
Modulos del Web Site
Iconos:
1 “Nuevo” Crea un nuevo Articulo. 2 “Publicar” Muestra un Articulo despublicado.
3 “Despublicar” Oculta un Articulo publicado. 4 “Papelera” Borra un Articulo creado.
3er Paso. Dar clic en el enlace Personalizar HTML. Aquí tambien podemos crear otros modulos
especiales y pueden ser configurados. Los mas usados son Articulos Archivados (Muestra en lista
articulos almacenados), Anuncios Banner (Muestra banner publicitarios), Menu (Muestra un moulo e
menu ya creados), Ultima Noticias (Muestra los ultimos articulos publicados), entre otros.
Modulo especial para articulos
Webmaster: Giovanni Toyo

14. 4to Paso. Rellenar los datos del Gestor de Modulos. En el campo Titulo se escribe el nombre del
modulo. En el campo Posición elegir la posicion donde va a estar el modulo. En el campo Salida
Personalizada colocar la información del modulo. Por último dar clic en el Icono Guardar y Cerrar.
4
1
2
3
Una vez guardado aparecerá el nuevo modulo en la ventana Backend de los modulos y se podrá
reflejar en el FrontEnd del Sitio Web .
Este es el cambio realizado en el FrontEnd. Nuevo modulo creado. Personalizar HTML
Modulo creado
Webmaster: Giovanni Toyo

15. 1.9 Actualizar contenidos desde el FrontEnd
1er Paso. Ingresar los datos de acceso en el Formulario de Acceso. Una vez colocados los datos
seleccionar el articulo a editarse y dar clic en el Icono EDITAR (Icono en forma de papel y lapiz). Se
editan los cambios y luego dar clic en Guardar
Logearse para modificar Logeado como Super User
datos desde el FronEnd
Una vez logeado como Super User puedes editar tus articulos.
Se modifica los textos y dar clic
en Guardar
Webmaster: Giovanni Toyo