SlideShare a Scribd company logo
1 of 129
Seminario Iniciación a Joomla! 
Versión 3.3 
1 
Oklan Network, SL 
CIF: B90047234 
Tlf: 902 014 113 
C/Orfila 11 – 41003 Sevilla 
www.oklan.es
2 
Índice 
1. Presentación 
2. Características del Curso 
3. ¿Qué es un Sistema de Gestión de Contenido (CMS)? 
4. Historia de Joomla 
5. ¿Porqué Utilizar Joomla? 
6. Estrategia de Desarrollo 
7. Programas requeridos para el Curso 
8. Joomla! Requisitos 
9. Requisitos de Compatibilidad 
10. Estructura CMS Joomla! 
11. Servidor Web 
12. Servidor local XAMPP 
13. Descarga he instalación Joomla!. Servidor Local 
14. Descarga he instalación Joomla!. Desde Plesk
3 
Enrique Ruiz Millan 
• CEO Oklan 
• Formador y Consultor de empresas 
@eruizmillan 
¿Quién soy? 
enrique@oklan.es 
http://www.slideshare.net/eruizmillan 
Enrique Ruiz Millán lleva trabajando desde 2004 como especialista en el desarrollo de portales web con plataformas 
como Joomla!, WordPress y Prestashop. 
En la actualidad forma parte del equipo de Oklan, empresa en la que ha formado a decenas de usuarios en el manejo 
de Joomla! así como desarrollado proyectos de diferentes entidades, en los que siempre ha recomendado esta 
herramienta como el CMS más potente para la creación de portales de gran envergadura. 
Su relación con Joomla! viene de largo, ya que como miembro de Oklan ha participado activamente como colaborador 
en los encuentros Joomla!Day Spain Mérida 2012 y Albacete 2013. A título individual, es impulsor y cofundador junto 
del Grupo de Usuarios Joomla de Sevilla. 
Ha participado en encuentros destacados como patrocinador en el Primer Hackathon del Evento Blog España 
(EBE)-Betabeers y WordCamp Sevilla. También ha formado parte del I encuentro empresarial VoyJob Sevilla, Batalla 
Friki de Málaga y como expositor en ferias nacionales como eShow Barcelona o Internet Forum Zaragoza. Este año 
ha tenido la ocasión de ser invitado como conferenciante en Desafío Lab y formador de Andalucía Lab Málaga.
Carácterísticas del Curso 
• Existe una plataforma de ayuda y documentación en el portal 
www.formación.oklan.es la cual puede utilizar siempre que lo desee durante los días 
del curso como posteriormente. 
• Este manual será completado con información anexa durante el trascurso de las 
clases. Esta documentación que se presenta en este dossier es tan solo una 
guía de algunos pasos y procesos que se llevaran a cabo durante la formación. 
Para un completo aprendizaje, es recomendable la complementación de este 
manual, con las anotaciones y observaciones que cada alumno estime conveniente. 
www.formacion.oklan.es 
Usuario: 
Contraseña: 
4
¿Qué es un Sistema de Gestión de 
Contenidos (CMS)? 
Consiste en una interfaz que controla una o varias bases 
de datos donde se aloja el contenido del sitio web. El sistema 
permite manejar de manera independiente el contenido y el 
diseño. Así, es posible manejar el contenido y darle en 
cualquier momento un diseño distinto al sitio web sin tener que 
darle formato al nuevo contenido, además de permitir la fácil y 
controlada publicación en el sitio a varios editores. 
5
Historia de Joomla 
- Joomla surge como el resultado de una bifurcación o mejora 
de Mambo. 
- Nace por esta división el 17 de agosto de 2005. 
- En la lengua Swahili Joomla significa “todos juntos” 
- Joomla no tiene coste (de licencia). Se puede descargar y usar 
sin tener que pagar nada por ello. Pero lo más importante: 
- Es libre de acceder al código, 
- Modificarlo, mejorarlo o 
- Adaptarlo a sus necesidades. 
6
¿Porque utilizar Joomla!? 
¿Porque utilizar Joomla!? 
Medidor de popularidad de palabras a través del motor de 
búsqueda de Google 
7 
Fuente: Google Inside
¿Porque utilizar Joomla!? 
¿Porque utilizar Joomla!? 
8 
Joomla! dispone actualmente de la 
comunidad de usuarios mas amplia en 
comparación con cualquier otro CMS de 
las mismas características. 
Una de sus grandes ventajas 
El gran valor añadido de Joomla! Son sus 
extensiones y la enorme oferta que hay de 
estas. 
Empresa con proyectos realizados bajo CMS Joomla:
9 
Versiones y Soporte 
Continua
10 
Versiones y Soporte 
El soporte de la versión 2.5 de Joomla 
acabaría a finales de 2013 pero 
aumentaron el soporte hasta finales de 
2014
Programas requeridos 
para el Curso 
Para llevar a cabo este curso, es necesario la instalación en el 
equipo local los siguientes programas: 
- XAMPP (Simulador de hosting en nuestro propio equipo, Software Libre Descarga 
gratuita a través de su web oficial) 
- Joomla 3.3 
Durante la explicación del curso se irá guiando de donde y como 
se instalarán las aplicaciones y sus versiones correspondientes. 
11
Joomla! 
Requisitos 
Joomla tiene pocos requisitos y funciona sobre cualquier 
sistema operativo basado en Linux, Windows o Mac OS con 
PHP y MySQL instalado. Tanto si utiliza un servidor local o 
remoto (Hosting), estos son los requisitos para que Joomla 
funcione adecuadamente. 
1. Servidor Web: local o remoto 
2. Base de datos MySQL versión 5.1 o superior 
3. PHP 5.3.10 o superior (Aunque se recomienda 5.4 +) 
4. Un explorador Web que cumpla con las normativas como 
Firefox, Safari, Google Chrome, Internet Explorer. 
12
Requisitos de compatibilidad 
Requisitos para instalar Joomla! en nuestro equipo (Instalación en Local) 
Joomla! 
- MySQL versión 5.1 o 
superior 
- PHP 5.3.10 o superior 
(Aunque se recomienda 
5.4 +) 
13 
XAMPP 1.8.3 
- MySQL versión 5.6.16 o 
superior 
- PHP 5.5.11 o superior 
(Se recomienda 5.4 o 
superior)
ó 
Estructura CMS Joomla! 
Web dinámicas 
Archivos de Sistema Contenido informativo 
BBDD 
Diseño del Portal 
14 
(Templates) 
Servidor 
Local
Servidor Web 
Diferencia entre web estática y web dinámica 
15 
- Consultas a la base de datos a 
través de páginas en Php. 
- Respuesta de la base de datos. 
- Resultado en página dinámica en 
Php o html.
Servidor Local (XAMPP) I Instalación 
Muchos usarios saben por experiencia propia que 
la instalación de un servidor web Apache no es 
fácil y que se complica aún más si se desea 
agregar MySQL y PHP. 
XAMPP es una forma fácil de instalar la 
distribución Apache que contiene MySQL, PHP 
y Perl. XAMPP es realmente simple de instalar y 
usar. 
http://www.apachefriends.org/es/xampp.html 
16
Servidor Local (XAMPP) II Instalación 
17 
Recomendación de versiones de XAMPP: 
Windows XP/Me: XAMPP 1.8.2 
Windows Vista/7: XAMPP 1.8.3 
A tener en cuenta: 
Desactivar los siguientes programas: 
Skype, Cortafuego y Antivirus 
Mac OS 10.7.3: MAMP 1.9.4
Servidor Local (XAMPP) III Instalación 
XAMPP 1.8.3 contiene: 
• Apache 2.4.10 
• MySQL 5.6.20 
• PHP 5.5.15 
18 
• PhpMyAdmin 4.2.7.1 
• Strawberry Perl 7.0.42 Portable 
• FileZilla FTP Server 0.9.41 
• Tomcat 7.0.42 Apache 2.4.10
Servidor Local (XAMPP) III Instalacion 
Descargar la última versión. 
19 
XP 
7 +
Servidor Local (XAMPP) IV 
1.- En primer lugar hay que instalarlo. 
Selecciona los componentes a instalar y la Ubicación, es 
conveniente que permanezca en C:xampp 
20
21 
Pinchamos en siguiente y esperamos que se 
instale
22 
2.- Ahora Ejecútalo. 
2.1.- Debes activar Apache y 
MySQL pulsando Start en 
ambos botones. 
2.2.- Ojo!! Atención con marcar la casilla 
“Permitir Acceso”. Importante
Funcionamiento (XAMPP) 
Abrir ventana de navegación y acceder a la siguiente dirección: 
Luego selecciona el idioma 
23
Funcionamiento (XAMPP) 
Tras acceder a nuestro servidor 
local, debemos pasar a la 
zona de gestión de Bases de 
Datos (MySQL) para crear 
nuestra primera base de 
datos. 
24
Instalar Joomla en Español 
Descargar del portal oficial en 
España la ultima versión estable. 
http://www.joomlaspanish.org 
Servidor Local 
Instalar programa de 
Servidor Virtual: 
Ejemplo: 
XAMPP / MAMP 
Servidor Web 
Disponer de una contratación de 
Hosting 
25
Dentro de MySQL: 
- Deberemos acceder a la 
pestaña Bases de Datos. 
- Tras crear la base de datos 
deberemos crear los 
privilegios correspondientes 
en la pestaña Privilegios. 
Resumen 
- Crear base de datos 
- Crear nombre usuario 
- Crear privilegios al usuario 
creado. 
26 
Configuración MySQL I
Pasos: 
- Crear base de datos 
- Crear usuario 
27 
Configuración MySQL II
Configuración MySQL II 
28 
Pasos: 
- Crear usuario 
- Crear privilegios
Descargar Joomla 
Abra un explorador Web 
y vaya a 
www.joomla.org 
- Haga clic sobre la 
ultima versión estable 
de Joomla 
- Descargue Joomla y 
guarde el archivo en 
su escritorio 
29 
Descargar versión 
estable actual
Instalación Joomla! 
Descargaremos todos los 
archivos del paquete Joomla! 
Apoyo para la instalación de 
Joomla 
- http://ayuda.joomlaspanish.org/ayuda-joomla/ 
- http://www.joomlaspanish.org/foros/ 
30
Copiado de archivos 
1. Dentro de la carpeta htdocs 
2. Crearemos una carpeta con el 
Nombre: “midominio” 
3. Y por ultimo, todos los archivos 
descomprimidos de Joomla 
lo copiaremos en la 
carpeta “midominio”. 
31
Instalación Joomla! 
• Ponemos en el navegador: 
http://localhost/midominio/ 
• Para seleccionar un idioma, 
siga estos pasos: 
– Seleccione su idioma en la 
lista. 
32
Instalación Joomla! 
33 
Rellenamos los datos necesarios (nombre, descripción, 
correo, usuario y contraseña) y pulsamos en siguiente.
Instalación Joomla! 
34 
• Introduzca la configuración de su 
base de datos MySQL. 
• El Nombre del Host de la base de 
datos depende del modo en que su 
proveedor de hosting haya 
configurado MySQL. El nombre será 
‘localhost’, si la base de datos 
está instalada en el mismo servidor 
que el sitio Web. 
• No obstante, en ocasiones, cuando 
el servidor de la Web no se utiliza 
como servidor de la base de datos, 
necesitará contactar con su 
proveedor para conocer los datos 
de la base de datos. Un ejemplo 
sería: mysql.sudominio.com o 
similar.
Instalación Joomla! 
• Creación del usuario y la base de datos 
35
36 
Instalación Joomla! 
• Elegimos el tipo de base de 
datos (MySQL), la dirección 
del servidor (localhost), el 
usuario de la base de datos 
que hemos creado 
anteriormente, la contraseña 
y el nombre de la base de 
datos (en mi caso el mismo 
que el usuario). Por último 
pinchamos en siguiente.
Instalación Joomla! 
• En la última página nos encontramos con un resumen de la instalación 
que hemos configurado. Debemos prestar atención y comprobar que todo 
es correcto. También podemos elegir instalar unos datos de ejemplo: 
37
Instalación Joomla! 
Esperamos que el proceso de instalación termine 
38
Instalación Joomla! 
Una vez terminada debe salir un mensaje de felicitación. 
Por motivos de seguridad joomla exige eliminar la carpeta de instalación, 
por lo tanto, pinchamos en “Eliminar la carpeta de instalación” 
Ahora nos encontramos con dos posibles accesos: 
Publico Administración 39
Administración de Joomla 
Back-end 
www.nuestrodominio.com/administrator ó 
localhost/nuestrositio/administrator 
Usuarios del Sitio Front-end 
www.nuestrodominio.com ó 
localhost/nuestrositio 
40 
Sitios Joomla!
41 
Instalar Joomla en Español 
Descargar del portal oficial en 
España la ultima versión estable. 
http://www.joomlaspanish.org 
Servidor Local 
Instalar programa de 
Servidor Virtual: 
Ejemplo: 
XAMPP / MAMP 
Servidor Web 
Disponer de una contratación de 
Hosting
Instalación Joomla Plesk 
Descargamos joomla 
Creamos un cliente FTP para subir joomla a nuestro 
hosting 
42
Instalación Joomla Plesk 
43 
Añadimos una cuenta FTP
Instalación Joomla Plesk 
44 
Nos conectamos desde un cliente como Filezilla cliente 
Descarga: https://filezilla-project.org/download.php?type=client
Instalación Joomla Plesk 
Subimos el archivo descargado de joomla en la carpeta 
htdocs de nuestro hosting 
45
Instalación Joomla Plesk 
46 
Una vez subido el archivo lo extraemos desde Plesk 
Escribimos en el navegador http://<dominio>/ y debe aparecer esto:
Instalación Joomla Plesk 
47 
En este momento comienza el proceso de instalación de joomla, 
escribimos todos los campos necesarios y hacemos click en 
siguiente:
Instalación Joomla Plesk 
48 
Creamos el usuario y la base de datos desde Plesk: 
1 
2 
3 
4
Instalación Joomla Plesk 
Con la base de datos y el usuario creado volvemos a la instalación 
de joomla e ingresamos los datos correspondientes: 
49
Instalación Joomla Plesk 
En la ultima pestaña echamos un vistazo al resumen de 
instalación y cuando comprobemos que todo es correcto 
pinchamos en instalar 
50
Instalación Joomla Plesk 
Front-end Back-end 
51 
Para teminar esperamos que acabe el proceso de instalación y 
pinchamos en eliminar carpeta de instalación. Aquí termina la 
instalación de Joomla desde Plesk
Cambio Idioma 
Administración Joomla! 
Usuarios 
Artículos 
Categorías 
52
Administración de Joomla! 
Back-end 
53
Cambiar idioma 
54 
La version 3.3.6 está en inglés, si queremos que esté en 
español vamos a instalar el idioma 
1 2 
3 
4
Cambiar idioma 
55 
Una vez instalado el idioma solo 
tenemos que seleccionarlo como 
“por defecto” 
1 
2 
3 
Para 
actualizar 
los 
cambios 
cerramos 
e 
iniciamos 
la sesión
Administración de Joomla! 
Panel de Control 
• Usuarios Conectados 
• Artículos más populares 
• Artículos añadidos 
56
Administración de Joomla! 
Sistema 
• Panel de Control 
• Configuración Global 
• Comprobación Global 
• Comprobar 
• Limpiar la Caché 
• Purgar la Caché Expirada 
• Información del Sistema 
57
Administración de Joomla! 
Usuarios 
• Gestor de Usuarios 
• Grupos 
• Niveles de Acceso 
• Notas de usuarios 
• Añadir notas de las 
Categorías 
• Correo Masivo Usuarios 
58
Administración de Joomla! 
Menús: Desde esta zona es donde se gestionan todos los enlaces 
(botones) del portal. 
• Gestor de menús 
• Añadir Nuevo Menú 
• Menú principal 
• Añadir Nuevo Elemento de menú 
59
Administración de Joomla! 
Contenido: 
Información a ofrecer del portal 
• Gestor de artículos 
• Añadir Nuevo Artículo 
• Gestor de categorías 
• Añadir Nueva Categoría 
• Artículos Destacados 
• Gestor multimedia 
60
Administración de Joomla! 
Componentes 
• Actualización Joomla 
• Anuncios 
- Anuncios, Categorías, Clientes, 
Pistas 
• Buscar 
• Búsqueda Inteligente 
• Canales electrónicos 
- Canal electrónico, categoría 
• Contactos 
- Contactos, Categorías 
• Enlaces web 
- Enlaces, Categorías 
• Etiquetas 
• Mensajería 
- Nuevo Mensaje Privado, Leer 
Mensajes Privados 
• Mensajes de preinstalación 
• Redirección 
61
Administración de Joomla! 
Extensiones 
• Gestor de Extensiones 
• Gestor de módulos 
• Gestor de plugins 
• Gestor de plantillas 
• Gestor de idiomas 
62
Administración de Joomla! 
Ayuda 
• Ayuda Joomla! 
• Foro de Soporte de Joomla! 
• Wiki Documentación 
• Extensiones Joomla! 
• Traducciones de Joomla! 
• Recursos Joomla! 
• Portal Comunidad 
• Centro de Seguridad de Joomla! 
• Recursos Desarrolladores 
• Tienda Joomla! 
63
Tipos de usuarios y permisos de acceso 
Los Usuarios de sitios Web Joomla! pueden dividirse en dos grandes 
categorías: 
- Invitados (Sin previo registro) Todos los usuarios Públicos 
- Usuarios Registrados (Registrados, Especiales) 
Los Invitados son sencillamente usuarios que han navegado hasta encontrar 
su sitio web. Dependiendo de cómo el administrador ha configurado el sitio, 
los invitados podrán navegar libremente por todo el contenido o tener 
restringido el acceso a cierto tipo de contenidos, reservado para usuarios 
registrados. 
Los Usuarios Registrados están registrados en su sitio con un nombre de 
usuario y contraseña. Este nombre de usuario y contraseña les permite 
acceder al área restringida del sitio, recibiendo privilegios especiales no 
disponibles para los invitados. 
Usuarios > Gestor de usuarios 64
Grupos 
• Tipos 
– Público 
– Invitado 
– Gestor 
– Administrador 
– Registrado 
– Autor 
– Editor 
– Publicador 
– Super Usuarios 
Usuarios > Grupos 65
Nivel de Acceso 
• Niveles de acceso 
• Especial 
• Invitado 
• Publico 
• Registrado 
• Súper usuarios 
Usuarios > Nivel de acceso 66
Gestor de usuarios 
• Listado de usuarios 
– Nombre 
– Nombre de usuario 
– Activado 
– Activado 
– Grupo de usuarios 
– Email 
– Última visita 
– Fecha de Registro 
– ID 
Usuarios > Gestor de usuarios 67
Gestor de usuarios 
• Crear un nuevo usuario 
– Nombre 
– Nombre Acceso 
– Contraseña 
– Confirmar contraseña 
– Email 
– Enviar E-mail a este 
Usuario 
– Bloquear usuario 
– Requiere restablecer 
contraseña 
– Grupo 
– Opciones básicas 
Detalles Cuenta 
Grupos Asignados 
Opciones Básicas 
Usuarios > Gestor de usuarios > Nuevo 68
Creación de artículos (Contenido) 
Tipo 1: Siempre deberá crear 
una categoría para 
posteriormente crear el 
artículo. Su funcionamiento 
sería como un índice de un 
libro. 
Tipo 2: No necesita crear 
secciones ni categorías. De 
esta manera los artículos 
serían “huérfanos”/ Sin 
categoría. 
Tipo 1 
Tipo 2 
69
Creación de artículos (Contenido) 
Tipo 3: Una categoría dentro de otra categoría. 
Tipo 3 
70
Crear Categoría 
• Título 
• Alías 
• Categoría Raíz 
• Estado 
• Acceso 
• Idioma 
• Descripción 
• Publicación 
• Permisos 
• Opciones 
Contenido > Gestor de categorías > Nuevo 71
Creación de artículos (Contenido) 
Tipo 3: Una categoría dentro de otra categoría. 
Tipo 3 
Contenido > Gestor de categorías > Nuevo 72
Galería Multimedia 
Gestión de artículos 
Gestión de Menús 
Estructura Jerárquica Interna 
73
Gestor multimedia 
El gestor multimedia 
permite organizar y guardar 
todos los archivos 
multimedia para su sitio 
Web. Puede subir las 
imágenes desde el gestor o 
incluso directamente desde 
los propios artículos. 
Explorador 
Carpetas 
Subir archivos 
Contenido > Gestor Multimedia 74
Gestor multimedia 
• Administrador de archivos 
de imágenes. 
1.- Subir archivos 
2.- Crear carpeta 
1 2 
Contenido > Gestor Multimedia 75
El menú Contenido 
El menú contenido es el encargado de organizar toda la 
información que se va a suministrar en el portal. 
Contenido > Gestor de artículos 76
Gestor de artículos 
Listado de artículos donde se puede: 
• Crear 
• Editar 
• Publicar 
• Despublicar 
• Destacar 
• Archivar 
• Comprobar 
• Eliminar 
Contenido > Gestor de artículos 77
Crear artículos 
• Título 
• Alías 
• Categoría 
• Etiquetas 
• Estado 
• Destacados 
• Acceso 
• Idioma 
Cuerpo del artículo 
Contenido > Gestor de artículos > Añadir nuevo artículo 78
Parámetros de artículos 
Parámetros – Artículo 
Autor: Selecciona el auto que 
desea que aparezca como 
creador del artículo. 
Alias de autor: Para modificar el 
nombre de autor por uno 
personalizado y no registrado. 
Nivel de acceso: Selección de 
privilegios para visualizar el 
archivo. 
Fecha de creación, Inicias 
publicación y publicación 
finalizada: Gestiona los tiempos 
de publicación de los artículos. 
Contenido > Gestor de artículos > Añadir nuevo artículo 79
Estructura de contenidos 
Creación de categorías y artículos 
Categoría: 
1.- Empresa 
2.- Productos 
Sub Categorías: 
1.1.- Historia 
1.2.- Quienes somos 
2.1.- Helados 
2.2.- Pasteles 
2.3.- Tartas 
Artículos: 
Historia, Instalaciones, Tradición, etc. 
80 
Categorías 
Artículos
Estructura de botones de menú 
Creación de botones 
Botones de menú y 
submenú: 
1.- Empresa 
1.1.- Historia 
1.2.- Instalaciones 
1.3.- Tradiciones 
2.- Productos 
2.1.- Helados 
2.2.- Pasteles 
2.3.- Tartas 
3.- Contactar 
81
Menús 
Gestión de menús 
Menús: Desde esta zona es 
donde se gestionan todos los 
enlaces (botones) del portal. 
> Gestor de menús 
> Menú principal 
Por defecto Joomla habilita el 
menú: “Menú principal” 
A continuación incorporaremos 
nuevos botones 
Menús > 82
Gestor de items del menú 
Editar un botón ya creado 
Mainmenu 
Haga clic sobre el vínculo Home (Inicio) 
en el Gestor de ítems del menú. 
Menú > Gestor de menús > Elementos del Menú 83
Ítem del menú 
Campos del Gestor de menús 
Titulo Menú: Nombre del botón 
Alias: Dato interno 
Tipo Elemento Menú: El tipo de botón/función del 
menú. Haciendo clic en seleccionar podrá 
acceder a los detalles del menú. Enlace: 
Ruta(URL) del botón 
Enlace: URL 
Localización Menú: El menú asignado 
Elemento padre: Esta casilla es la que controla la 
creación de submenús 
Ordenar: Organiza los diferentes botones 
Estado: Publicado 
Página principal: Capacidad de asignar el botón en 
la zona de inicio. 
Acceso: Público 
Idioma/Plantillas de estilo 
Nota: Lugar para anotaciones privadas 
Menús > Menú principal > Editar “Inicio” 84
Crear Menús de artículos 
Panel de tipos de menús (botones) 
En este menú tendremos todas la 
opciones necesarias para 
ofrecer el contenido de 
artículos en el portal. 
85 
Elementos de Menú. 
En este panel nos encontramos 
todas las opciones disponibles 
para crear botones y de ese 
forma publicar los contenidos 
Menús > Menú Principal > Nuevo > Seleccionar
Crear Menú de artículo 
Panel para botones de artículos 
Artículos 
1.- Artículo Simple 
Presentación de un artículo: La presentación del artículo muestra un 
solo un artículo. 
2.- Artículos Archivados 
Presentación de la lista de artículos archivados: La presentación 
de artículos archivados, muestra artículos que han sido archivados y 
son localizables por fecha. 
3.- Artículos Destacados 
4.- Categoría Blog 
Presentación de la página principal del Blog: La página principal 
estandar del blog, muestra artículos que han sido configurados como artículos 
de la página principal, en formato Blog. 
5.- Crear Artículo 
6.- Lista de Categorías 
(El equivalente a página de inicio) 
7.- Lista de Todas las Categorías 
Menús > Menú Principal > Nuevo > Seleccionar “Artículos” 86
87 
Crear Menú de artículo 
Artículo simple 
Cada tipo de botón dispone 
de parámetros específicos 
Menús > Menú Principal > Nuevo > Seleccionar “Artículos” > …
Crear Menús 
Desde el gestor de menús 
puedes editar, eliminar, 
reconstruir o añadir 
nuevos módulos de 
menú. 
Haga clic en el vinculo Menú 
principal. Aparecerá una 
pantalla donde se 
configuran el nombre, el 
título y la descripción del 
menú principal. 
Menús > Gestor de menús 88
Crear Menús 
Titulo: Nombre externo 
Tipo de Menú 
Descripción: información 
sobre el contenido del 
menú 
Ejemplo: Crear Menú Superior 
Menús > Gestor de menús > Añadir un menú 89
Crear Menús 
Ejemplo: Crear Menú Superior 
Menús > Gestor de menús > Añadir un menú 90
Estructura Web 
Resumen: 
• Botones de Menús 
• Categorías 
• Artículos 
91
Plantilla Joomla 
Para establecer la posición de los módulos en Joomla 3.3 hay que tener en 
cuenta que la plantilla por defecto es de diseño responsive. 
¿Qué significa diseño responsive? 
Cuando una plantilla es de diseño responsive quiere decir que se adapta a 
cualquier resolución adaptando nuestra web para dispositivos móviles, 
tablets, ipads, … 
92
Estructura Externa 
93 
En nuestra plantilla por defecto nos encontramos con el zócalo Position-7 a la 
derecha pero si ajustamos el tamaño al de un dispositivo móvil cambia la posición. 
Vista 
Normal
Estructura Externa 
94 
Podemos observar que el zócalo position-7 se ha desplazado 
Vista Dispositivo Móvil
Estructura Jerárquica Interna 
Componentes Módulos Plugin 
-Aplicación integrada 
en Joomla 
Ej. Galería de 
imágenes 
-Suelen ser 
complementes de los 
componentes. 
Ej. Lugar en la Web 
publica para visualizar 
las fotos. 
-Suelen ser 
herramientas de los 
complementos, 
aunque también 
pueden ser autónomas 
Ej. Efecto de Zoom en 
fotos. 
95
Crear módulos 
Carácterísticas de los módulos 
Los módulos añaden elementos interactivos al sitio Web. 
Algunos funcionan independientemente, como un flash de 
noticias o la barra de búsqueda, y otros funcionan en 
combinación con componentes u otros elementos del sitio 
Web. 
Los módulos pueden contener enlaces, contenido o 
imágenes, e incluso realizar funciones interactivas 
Extensiones > Gestor de Módulos 96
Crear módulos 
Tipos de módulos 
Para crear y gestionar 
módulos use el Gestor de 
módulos. 
Algunos tipos de módulos: 
- Menús 
- Anuncios-Banners 
- Quien está en línea 
- Buscar 
- Etc. 
Módulos 
Extensiones > Gestor de Módulos 97
Gestión de Componentes 
Banner 
Contactos 
Enlaces Web 
Etiquetas 
Búsqueda inteligente 
Canales electrónicos 
98
Banner 
Carácterísticas del componente 
Este Componente permite mostrar 
banners (anuncios) en su sitio. 
También permite gestionar algunas 
características avanzadas como 
impresiones de los banners y 
código personalizado. 
Los banners pueden mostrarse en el 
sitio web simplemente publicando el 
banner una vez a través del 
siguiente proceso. Su localización 
dependerá del diseño de la plantilla 
utilizada. 
Necesario: 
1. Configurar componente de banner 
2. Configurar módulo de banner 
Componentes > Banners > Banners 99
Crear Banner 
Pasos para configurar banner 
1. Crear categoría de banner 
Obligatorio 
2. Crear cliente de banner 
Opcional 
3. Crear banner 
Obligatorio 
100
Módulo Banners 
- Módulo 
- Menú asignado 
- Permisos del módulo 
- Parámetros 
- Destino 
- Contador 
- Cliente 
- Categoría 
- Buscar por palabras 
- Aleatorio 
- Texto Cabecera 
- Texto Pie 
- Sufijo clase Módulo 101
Contactos 
- Nombre 
- Alias 
- Vincular usuario 
- Posición 
- Categoría 
- Estado 
- Acceso 
102
Crear Categoría de Contacto 
- Título 
- Alías 
- Padre 
- Etiquetas 
- Estado 
- Acceso 
- Idioma 
- Descripción 
103
Crear Contacto 
104 
Información 
Interna 
Información 
detallada del 
Contacto a crear. 
Control de 
Información 
a publicar
Enlaces Web 
Su función es igual que 
gestión de banner 
1. Crear categoría 
2. Crear Enlaces 
Crear enlace 
Título 
Alias 
Url 
Categoría 
Etiquetas 
Estado 
Acceso 
Idioma 
Descripción 105
Etiquetas 
En joomla 3.3.6 nos encontramos con la pestaña etiquetas 
donde podemos añadir nuevas etiquetas o 
moficar las existentes. 
106
Búsqueda Inteligente 
Permite búsquedas más rápidas y precisas que la extensión de 
búsqueda habitual. Para hacer uso de éste modulo hay que hacer 
un índice, habilitarlo en el gestor de plugins y mostrarlo en la web. 
107 
3 
2 
1 
4 
5 
Componentes > Búsqueda Inteligente
Canales electrónicos 
Los canales electrónicos permite la suscripción a distintas fuentes 
de información para conocer las últimas novedades: 
108 
1 
Componentes > Canales electrónicos 
2 
3 4
Instalar Componente 
Instalar Plantilla 
Editar Plantilla 
Resumen de estructuras 
109
Crear un Menú 
Crear Menú 
Nuevo Menú Módulo de Menú 
- Botón 1 
- Botón 2 
- Botón 3 
110
Instalar Extensiones 
Componentes, Módulos, 
Plugin, Plantillas e 
Idiomas: 
Pasos a seguir: 
Administración> 
Extensiones> 
Instalar> 
Subir e instalar 
111
Componentes 
Listado de tipo de componentes de 
terceros: 
• Galería de Imágenes 
• Foros 
• Tienda Online 
• Catálogo de Productos 
• Reserva de habitaciones 
• Anuncios Clasificados 
• Directorio de Empresas 
• Control de Gastos e ingresos. 
• Gestor Documental 
• Inmobiliaria, etc. 
Descargar Extensiones: 
http://extensions.joomla.org/ 
112
Módulos 
Listado de tipo de 
componentes de Terceros: 
Galería Rotativa de Imágenes 
Reproductor de audio 
Chat 
Nube 
Video Streaming 
Zoom imágenes 
Etc. 
Descargar Extensiones: 
http://extensions.joomla.org/ 
113
Plugíns 
Listado de tipo de 
Componentes de Terceros: 
Efecto Zoom imágenes 
Editores de contenido 
Efectos visuales. 
Etc. 
Descargar Extensiones: 
http://extensions.joomla.org/ 
114
Cambiar Tipo de Plantilla 
Para acceder al Gestor de 
plantillas: 
Extensiones>Gestor de 
plantillas 
Para activar una plantilla, tan 
solo hay que marcar: 
Predeterminado en la 
plantilla que deseamos 
utilizar. 
115
Visualizar posiciones de plantilla 
116 
Hay que escribir en nombre de 
dominio seguido de los 
parámetros siguientes: 
http://midominio.com?tp=1 
Extensiones > Gestor de plantillas > “Opciones” > Plantillas
Modificar estilos 
Editar estilo de la 
plantilla 
117
Configuración Global 
Sitio 
• Configuración del sitio 
• Parámetros de los 
metadatos 
• Parámetros de 
optimización de SEO 
• Configuración Cookie 
Sitio > Configuración global > Sitio 118
Configuración Global 
• Configuración del sistema 
• Configuración de 
depuración de errores 
• Configuración de la caché 
• Configuración de sesión 
Sitio > Configuración global > Sistema 119
Configuración Global 
• Configuración del servidor 
• Configuración de 
Localización 
• Configuración FTP 
• Configuración de la base 
de datos 
• Configuración E-Mail 
• Configuración Proxy 
Sitio > Configuración global > Servidor 120
Tarea a realizar Opción de Menú Pasos a llevar 
Crear Artículo (Tipo 1) Contenido 
Crear Categoría 
Crear Artículo 
Menús Crear Botón 
Crear Artículo (tipo 2) Huerfano Contenido Crear Artículo (Sin categoría) 
Menús Crear Botón 
Banner Componentes > Banners Crear Categoría 
Crear Cliente 
Crear Banner 
Extensiones > Gestor de Módulos Crear Módulo Anuncios-Banners 
Enlace Componentes > Enlaces Web Crear Categoría 
Crear Enlace 
Menús Crear Botón Enlaces 
Contacto Componentes Crear Categoría 
Crear Contactos 
Menús Crear Botón Contactos 
121 
Resumen de estructuras
Mejoras Joomla 3.3 
122 
SEGURIDAD JOOMLA 
ALMACENAMIENTO 
EN LA NUBE 
PAGINAS MÁS RÁPIDAS 
jQuery 
MICRODATOS 
HACER MÁS
Mejoras Joomla 3.3 
Forzar reseteos de contraseñas en 
intervalos predeterminados de tiempo 
123 
Seguridad Joomla 
Mínimo la versión 5.3.10 de PHP 
Encriptación BCrypt de las claves 
Autenticación de factor doble
Mejoras Joomla 3.3 
124 
Acceso al Almacenamiento en la nube
Mejoras Joomla 3.3 
Páginas que cargan más rápido gracias a las mejoras 
realizadas en el Jrouter. Se ha conseguido que con la 
configuración por defecto el tráfico de Joomla sea un 10% más 
rápido. 
125
Mejoras Joomla 3.3 
126 
Implementación de JQuery 
Ahora Joomla incluye en su 
núcleo la librería de Jquery 
proporcionando ventajas como 
estas: 
• Joomla carga ahora una 
librería menos 
• Un pequeño aumento en la 
velocidad de los sitios 
• Supresión de conflictos entre 
las dos librerías (Mootools)
Mejoras Joomla 3.3 
127 
Microdatos 
Los microdatos proporcionan 
información adicional para 
que los motores de 
búsquedas puedan encontrar 
nuestros contenidos más 
fácilmente y así aumentar 
nuestro posicionamiento en 
la web. Los microdatos están 
altamente relacionados con 
SEO por lo tanto son de gran 
importancia.
Mejoras Joomla 3.3 
128 
Hacer más 
Otras mejoras incorporadas en Joomla 3.3 son: 
 Posibilidad de añadir etiquetas 
 Dieño web responsive 
 Historial de versiones 
 Gestión de plantillas mejorada 
 …
129 
Oklan Network, SL 
CIF: B90047234 
Tlf: 902 014 113 
C/Orfila 11 – 41003 Sevilla 
www.oklan.es

More Related Content

What's hot

Curso de Administración de Joomla
Curso de Administración de JoomlaCurso de Administración de Joomla
Curso de Administración de JoomlaPablo MC
 
Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...
Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...
Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...Reynaldo Morillo
 
Diapositivas joomla
Diapositivas joomlaDiapositivas joomla
Diapositivas joomlaBruja Loca
 
Joomla cms primeros pasos para administrar contenidos en la web
Joomla cms primeros pasos para administrar contenidos en la webJoomla cms primeros pasos para administrar contenidos en la web
Joomla cms primeros pasos para administrar contenidos en la webxsolca
 
Manual de Joomla
Manual de JoomlaManual de Joomla
Manual de JoomlaJose Ponce
 
Instalacion Joomla 1.5
Instalacion Joomla 1.5Instalacion Joomla 1.5
Instalacion Joomla 1.5Emir Cedeño
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Leonel Canton
 
Presentación Joomla en encuentrocms.com
Presentación Joomla en encuentrocms.comPresentación Joomla en encuentrocms.com
Presentación Joomla en encuentrocms.comOpenWeb Software
 
Iniciojoomla
IniciojoomlaIniciojoomla
Iniciojoomlautez
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso NoviembreÁngel Puente
 

What's hot (17)

Curso de Administración de Joomla
Curso de Administración de JoomlaCurso de Administración de Joomla
Curso de Administración de Joomla
 
Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...
Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...
Clase 6 | CMS Gestores de Contenido - Servidor local - XAMPP - Subir una pági...
 
Presentacion Joomla
Presentacion JoomlaPresentacion Joomla
Presentacion Joomla
 
Diapositivas joomla
Diapositivas joomlaDiapositivas joomla
Diapositivas joomla
 
Joomla cms primeros pasos para administrar contenidos en la web
Joomla cms primeros pasos para administrar contenidos en la webJoomla cms primeros pasos para administrar contenidos en la web
Joomla cms primeros pasos para administrar contenidos en la web
 
CMS-JOOMLA
CMS-JOOMLACMS-JOOMLA
CMS-JOOMLA
 
Manual de Joomla
Manual de JoomlaManual de Joomla
Manual de Joomla
 
Instalacion Joomla 1.5
Instalacion Joomla 1.5Instalacion Joomla 1.5
Instalacion Joomla 1.5
 
Joomla Basico
Joomla BasicoJoomla Basico
Joomla Basico
 
Presentacion joomla-publicador
Presentacion joomla-publicadorPresentacion joomla-publicador
Presentacion joomla-publicador
 
Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!Estructura básicas de plantillas en joomla!
Estructura básicas de plantillas en joomla!
 
Joomla y wordpress
Joomla y wordpressJoomla y wordpress
Joomla y wordpress
 
Joomla 3
Joomla 3Joomla 3
Joomla 3
 
Kajona Jose Rafael Fedz Pascual
Kajona Jose Rafael Fedz PascualKajona Jose Rafael Fedz Pascual
Kajona Jose Rafael Fedz Pascual
 
Presentación Joomla en encuentrocms.com
Presentación Joomla en encuentrocms.comPresentación Joomla en encuentrocms.com
Presentación Joomla en encuentrocms.com
 
Iniciojoomla
IniciojoomlaIniciojoomla
Iniciojoomla
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembre
 

Viewers also liked

Creacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMSCreacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMSzarmath
 
Joomla 3.0 Made Easy | Free E-book
Joomla 3.0 Made Easy | Free E-book Joomla 3.0 Made Easy | Free E-book
Joomla 3.0 Made Easy | Free E-book JoomlaShine
 
La magia de los CCK en joomla 3 (19 de feb)
La magia de los CCK en joomla 3 (19  de feb) La magia de los CCK en joomla 3 (19  de feb)
La magia de los CCK en joomla 3 (19 de feb) aulaideal
 
Joomla! Mipyme: El Modelo de Virtualización Empresarial
Joomla! Mipyme: El Modelo de Virtualización EmpresarialJoomla! Mipyme: El Modelo de Virtualización Empresarial
Joomla! Mipyme: El Modelo de Virtualización EmpresarialOscar Valbuena
 
Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!
Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!
Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!Oscar Valbuena
 
Presentacion de joomla_completa
Presentacion de joomla_completaPresentacion de joomla_completa
Presentacion de joomla_completaMjP86
 
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)Josep Massó Carreras
 

Viewers also liked (11)

Creacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMSCreacion de sitios web a medida con CMS
Creacion de sitios web a medida con CMS
 
Joomla acabado
Joomla acabadoJoomla acabado
Joomla acabado
 
Joomla 3.0 Made Easy | Free E-book
Joomla 3.0 Made Easy | Free E-book Joomla 3.0 Made Easy | Free E-book
Joomla 3.0 Made Easy | Free E-book
 
Joomla
JoomlaJoomla
Joomla
 
La magia de los CCK en joomla 3 (19 de feb)
La magia de los CCK en joomla 3 (19  de feb) La magia de los CCK en joomla 3 (19  de feb)
La magia de los CCK en joomla 3 (19 de feb)
 
¿Qué es Joomla?
¿Qué es Joomla?¿Qué es Joomla?
¿Qué es Joomla?
 
Joomla! Mipyme: El Modelo de Virtualización Empresarial
Joomla! Mipyme: El Modelo de Virtualización EmpresarialJoomla! Mipyme: El Modelo de Virtualización Empresarial
Joomla! Mipyme: El Modelo de Virtualización Empresarial
 
Sistemas CMS libres - Joomla! (ES)
Sistemas CMS libres - Joomla! (ES)Sistemas CMS libres - Joomla! (ES)
Sistemas CMS libres - Joomla! (ES)
 
Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!
Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!
Emprendimientos de Base Tecnológica: No busques trabajo! Caza Fortunas!
 
Presentacion de joomla_completa
Presentacion de joomla_completaPresentacion de joomla_completa
Presentacion de joomla_completa
 
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
Haz tu web con un CMS - (Módulo 2 del curso de HTML5)
 

Similar to Curso iniciacion-joomla-3.3-oklan

Administración del sitio web avanzado
Administración del sitio web avanzadoAdministración del sitio web avanzado
Administración del sitio web avanzadoEdgar Yacelga
 
Joomlacursonoviembre en pdf
Joomlacursonoviembre en pdfJoomlacursonoviembre en pdf
Joomlacursonoviembre en pdfÁngel Puente
 
Páginas web en joomla
Páginas web en joomlaPáginas web en joomla
Páginas web en joomlalumecas
 
Joomla! Curso Noviembre
Joomla! Curso NoviembreJoomla! Curso Noviembre
Joomla! Curso NoviembreÁngel Puente
 
Desarrollo de protales
Desarrollo de protalesDesarrollo de protales
Desarrollo de protalesrlramirez
 
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezManual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezBrox Technology
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembrejomyto
 
Qué es joomla15
Qué es joomla15Qué es joomla15
Qué es joomla15dragondw
 
Presentacion de joomla
Presentacion de joomlaPresentacion de joomla
Presentacion de joomlayaser6700
 
Presentacion De Joomla
Presentacion De JoomlaPresentacion De Joomla
Presentacion De Joomlafliriano
 
02 Joomla. Instalacion De Joomla En Un Servidor Web Local
02 Joomla. Instalacion De Joomla En Un Servidor Web Local02 Joomla. Instalacion De Joomla En Un Servidor Web Local
02 Joomla. Instalacion De Joomla En Un Servidor Web LocalJosé M. Padilla
 
Curso.introducción a Xampp y Mysql.José ignacio Valaer Rubio
Curso.introducción a Xampp y Mysql.José ignacio Valaer RubioCurso.introducción a Xampp y Mysql.José ignacio Valaer Rubio
Curso.introducción a Xampp y Mysql.José ignacio Valaer RubioJosé Ignacio Valaer Rubio
 
C:\Fakepath\Dm Trejo Produccion De Recursos[1]
C:\Fakepath\Dm Trejo Produccion De Recursos[1]C:\Fakepath\Dm Trejo Produccion De Recursos[1]
C:\Fakepath\Dm Trejo Produccion De Recursos[1]Dulce trejo
 

Similar to Curso iniciacion-joomla-3.3-oklan (20)

Joomla
JoomlaJoomla
Joomla
 
Administración del sitio web avanzado
Administración del sitio web avanzadoAdministración del sitio web avanzado
Administración del sitio web avanzado
 
Php. sintaxis
Php. sintaxisPhp. sintaxis
Php. sintaxis
 
Joomlacursonoviembre en pdf
Joomlacursonoviembre en pdfJoomlacursonoviembre en pdf
Joomlacursonoviembre en pdf
 
Páginas web en joomla
Páginas web en joomlaPáginas web en joomla
Páginas web en joomla
 
Joomla! Curso Noviembre
Joomla! Curso NoviembreJoomla! Curso Noviembre
Joomla! Curso Noviembre
 
Desarrollo de protales
Desarrollo de protalesDesarrollo de protales
Desarrollo de protales
 
Open Source
Open SourceOpen Source
Open Source
 
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado SánchezManual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
Manual Joomla 3.0 Fuente: bitacoraderedes Autor : Juan Carlos Tirado Sánchez
 
Joomla Curso Noviembre
Joomla Curso NoviembreJoomla Curso Noviembre
Joomla Curso Noviembre
 
Joomla 3.0 avanzado
Joomla 3.0 avanzadoJoomla 3.0 avanzado
Joomla 3.0 avanzado
 
Qué es joomla15
Qué es joomla15Qué es joomla15
Qué es joomla15
 
Joomla
JoomlaJoomla
Joomla
 
Joomla
JoomlaJoomla
Joomla
 
Presentacion de joomla
Presentacion de joomlaPresentacion de joomla
Presentacion de joomla
 
Presentacion De Joomla
Presentacion De JoomlaPresentacion De Joomla
Presentacion De Joomla
 
Gestores de contenido
Gestores de contenidoGestores de contenido
Gestores de contenido
 
02 Joomla. Instalacion De Joomla En Un Servidor Web Local
02 Joomla. Instalacion De Joomla En Un Servidor Web Local02 Joomla. Instalacion De Joomla En Un Servidor Web Local
02 Joomla. Instalacion De Joomla En Un Servidor Web Local
 
Curso.introducción a Xampp y Mysql.José ignacio Valaer Rubio
Curso.introducción a Xampp y Mysql.José ignacio Valaer RubioCurso.introducción a Xampp y Mysql.José ignacio Valaer Rubio
Curso.introducción a Xampp y Mysql.José ignacio Valaer Rubio
 
C:\Fakepath\Dm Trejo Produccion De Recursos[1]
C:\Fakepath\Dm Trejo Produccion De Recursos[1]C:\Fakepath\Dm Trejo Produccion De Recursos[1]
C:\Fakepath\Dm Trejo Produccion De Recursos[1]
 

Recently uploaded

La electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluwLa electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluwDanielaEspaa3
 
Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]QuantiKa14
 
Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024Educática
 
Taller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docxTaller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docxSANTIAGOREYES92
 
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024Mariano Cabrera Lanfranconi
 
PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.SARA BUENDIA RIOJA
 
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdfCuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdfRosaAmeliaLlacsahuan
 

Recently uploaded (7)

La electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluwLa electricidad y la electrónica.pdf.iluw
La electricidad y la electrónica.pdf.iluw
 
Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]Violencia sexual a través de Internet [ICAS 2024]
Violencia sexual a través de Internet [ICAS 2024]
 
Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024Perspectivas en ciberseguridad para el año 2024
Perspectivas en ciberseguridad para el año 2024
 
Taller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docxTaller Evaluativo Tecnologías Web 2.0.docx
Taller Evaluativo Tecnologías Web 2.0.docx
 
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
Charla eCommerce Day Bolivia 2024 - Comercio Electrónico en Bolivia 2024
 
PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.PRESENTACION DE "CASO NOKIA" // PDF.EDU.
PRESENTACION DE "CASO NOKIA" // PDF.EDU.
 
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdfCuadernillo de Comunicación 1. Primer grado de Primaria.pdf
Cuadernillo de Comunicación 1. Primer grado de Primaria.pdf
 

Curso iniciacion-joomla-3.3-oklan

  • 1. Seminario Iniciación a Joomla! Versión 3.3 1 Oklan Network, SL CIF: B90047234 Tlf: 902 014 113 C/Orfila 11 – 41003 Sevilla www.oklan.es
  • 2. 2 Índice 1. Presentación 2. Características del Curso 3. ¿Qué es un Sistema de Gestión de Contenido (CMS)? 4. Historia de Joomla 5. ¿Porqué Utilizar Joomla? 6. Estrategia de Desarrollo 7. Programas requeridos para el Curso 8. Joomla! Requisitos 9. Requisitos de Compatibilidad 10. Estructura CMS Joomla! 11. Servidor Web 12. Servidor local XAMPP 13. Descarga he instalación Joomla!. Servidor Local 14. Descarga he instalación Joomla!. Desde Plesk
  • 3. 3 Enrique Ruiz Millan • CEO Oklan • Formador y Consultor de empresas @eruizmillan ¿Quién soy? enrique@oklan.es http://www.slideshare.net/eruizmillan Enrique Ruiz Millán lleva trabajando desde 2004 como especialista en el desarrollo de portales web con plataformas como Joomla!, WordPress y Prestashop. En la actualidad forma parte del equipo de Oklan, empresa en la que ha formado a decenas de usuarios en el manejo de Joomla! así como desarrollado proyectos de diferentes entidades, en los que siempre ha recomendado esta herramienta como el CMS más potente para la creación de portales de gran envergadura. Su relación con Joomla! viene de largo, ya que como miembro de Oklan ha participado activamente como colaborador en los encuentros Joomla!Day Spain Mérida 2012 y Albacete 2013. A título individual, es impulsor y cofundador junto del Grupo de Usuarios Joomla de Sevilla. Ha participado en encuentros destacados como patrocinador en el Primer Hackathon del Evento Blog España (EBE)-Betabeers y WordCamp Sevilla. También ha formado parte del I encuentro empresarial VoyJob Sevilla, Batalla Friki de Málaga y como expositor en ferias nacionales como eShow Barcelona o Internet Forum Zaragoza. Este año ha tenido la ocasión de ser invitado como conferenciante en Desafío Lab y formador de Andalucía Lab Málaga.
  • 4. Carácterísticas del Curso • Existe una plataforma de ayuda y documentación en el portal www.formación.oklan.es la cual puede utilizar siempre que lo desee durante los días del curso como posteriormente. • Este manual será completado con información anexa durante el trascurso de las clases. Esta documentación que se presenta en este dossier es tan solo una guía de algunos pasos y procesos que se llevaran a cabo durante la formación. Para un completo aprendizaje, es recomendable la complementación de este manual, con las anotaciones y observaciones que cada alumno estime conveniente. www.formacion.oklan.es Usuario: Contraseña: 4
  • 5. ¿Qué es un Sistema de Gestión de Contenidos (CMS)? Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio web. El sistema permite manejar de manera independiente el contenido y el diseño. Así, es posible manejar el contenido y darle en cualquier momento un diseño distinto al sitio web sin tener que darle formato al nuevo contenido, además de permitir la fácil y controlada publicación en el sitio a varios editores. 5
  • 6. Historia de Joomla - Joomla surge como el resultado de una bifurcación o mejora de Mambo. - Nace por esta división el 17 de agosto de 2005. - En la lengua Swahili Joomla significa “todos juntos” - Joomla no tiene coste (de licencia). Se puede descargar y usar sin tener que pagar nada por ello. Pero lo más importante: - Es libre de acceder al código, - Modificarlo, mejorarlo o - Adaptarlo a sus necesidades. 6
  • 7. ¿Porque utilizar Joomla!? ¿Porque utilizar Joomla!? Medidor de popularidad de palabras a través del motor de búsqueda de Google 7 Fuente: Google Inside
  • 8. ¿Porque utilizar Joomla!? ¿Porque utilizar Joomla!? 8 Joomla! dispone actualmente de la comunidad de usuarios mas amplia en comparación con cualquier otro CMS de las mismas características. Una de sus grandes ventajas El gran valor añadido de Joomla! Son sus extensiones y la enorme oferta que hay de estas. Empresa con proyectos realizados bajo CMS Joomla:
  • 9. 9 Versiones y Soporte Continua
  • 10. 10 Versiones y Soporte El soporte de la versión 2.5 de Joomla acabaría a finales de 2013 pero aumentaron el soporte hasta finales de 2014
  • 11. Programas requeridos para el Curso Para llevar a cabo este curso, es necesario la instalación en el equipo local los siguientes programas: - XAMPP (Simulador de hosting en nuestro propio equipo, Software Libre Descarga gratuita a través de su web oficial) - Joomla 3.3 Durante la explicación del curso se irá guiando de donde y como se instalarán las aplicaciones y sus versiones correspondientes. 11
  • 12. Joomla! Requisitos Joomla tiene pocos requisitos y funciona sobre cualquier sistema operativo basado en Linux, Windows o Mac OS con PHP y MySQL instalado. Tanto si utiliza un servidor local o remoto (Hosting), estos son los requisitos para que Joomla funcione adecuadamente. 1. Servidor Web: local o remoto 2. Base de datos MySQL versión 5.1 o superior 3. PHP 5.3.10 o superior (Aunque se recomienda 5.4 +) 4. Un explorador Web que cumpla con las normativas como Firefox, Safari, Google Chrome, Internet Explorer. 12
  • 13. Requisitos de compatibilidad Requisitos para instalar Joomla! en nuestro equipo (Instalación en Local) Joomla! - MySQL versión 5.1 o superior - PHP 5.3.10 o superior (Aunque se recomienda 5.4 +) 13 XAMPP 1.8.3 - MySQL versión 5.6.16 o superior - PHP 5.5.11 o superior (Se recomienda 5.4 o superior)
  • 14. ó Estructura CMS Joomla! Web dinámicas Archivos de Sistema Contenido informativo BBDD Diseño del Portal 14 (Templates) Servidor Local
  • 15. Servidor Web Diferencia entre web estática y web dinámica 15 - Consultas a la base de datos a través de páginas en Php. - Respuesta de la base de datos. - Resultado en página dinámica en Php o html.
  • 16. Servidor Local (XAMPP) I Instalación Muchos usarios saben por experiencia propia que la instalación de un servidor web Apache no es fácil y que se complica aún más si se desea agregar MySQL y PHP. XAMPP es una forma fácil de instalar la distribución Apache que contiene MySQL, PHP y Perl. XAMPP es realmente simple de instalar y usar. http://www.apachefriends.org/es/xampp.html 16
  • 17. Servidor Local (XAMPP) II Instalación 17 Recomendación de versiones de XAMPP: Windows XP/Me: XAMPP 1.8.2 Windows Vista/7: XAMPP 1.8.3 A tener en cuenta: Desactivar los siguientes programas: Skype, Cortafuego y Antivirus Mac OS 10.7.3: MAMP 1.9.4
  • 18. Servidor Local (XAMPP) III Instalación XAMPP 1.8.3 contiene: • Apache 2.4.10 • MySQL 5.6.20 • PHP 5.5.15 18 • PhpMyAdmin 4.2.7.1 • Strawberry Perl 7.0.42 Portable • FileZilla FTP Server 0.9.41 • Tomcat 7.0.42 Apache 2.4.10
  • 19. Servidor Local (XAMPP) III Instalacion Descargar la última versión. 19 XP 7 +
  • 20. Servidor Local (XAMPP) IV 1.- En primer lugar hay que instalarlo. Selecciona los componentes a instalar y la Ubicación, es conveniente que permanezca en C:xampp 20
  • 21. 21 Pinchamos en siguiente y esperamos que se instale
  • 22. 22 2.- Ahora Ejecútalo. 2.1.- Debes activar Apache y MySQL pulsando Start en ambos botones. 2.2.- Ojo!! Atención con marcar la casilla “Permitir Acceso”. Importante
  • 23. Funcionamiento (XAMPP) Abrir ventana de navegación y acceder a la siguiente dirección: Luego selecciona el idioma 23
  • 24. Funcionamiento (XAMPP) Tras acceder a nuestro servidor local, debemos pasar a la zona de gestión de Bases de Datos (MySQL) para crear nuestra primera base de datos. 24
  • 25. Instalar Joomla en Español Descargar del portal oficial en España la ultima versión estable. http://www.joomlaspanish.org Servidor Local Instalar programa de Servidor Virtual: Ejemplo: XAMPP / MAMP Servidor Web Disponer de una contratación de Hosting 25
  • 26. Dentro de MySQL: - Deberemos acceder a la pestaña Bases de Datos. - Tras crear la base de datos deberemos crear los privilegios correspondientes en la pestaña Privilegios. Resumen - Crear base de datos - Crear nombre usuario - Crear privilegios al usuario creado. 26 Configuración MySQL I
  • 27. Pasos: - Crear base de datos - Crear usuario 27 Configuración MySQL II
  • 28. Configuración MySQL II 28 Pasos: - Crear usuario - Crear privilegios
  • 29. Descargar Joomla Abra un explorador Web y vaya a www.joomla.org - Haga clic sobre la ultima versión estable de Joomla - Descargue Joomla y guarde el archivo en su escritorio 29 Descargar versión estable actual
  • 30. Instalación Joomla! Descargaremos todos los archivos del paquete Joomla! Apoyo para la instalación de Joomla - http://ayuda.joomlaspanish.org/ayuda-joomla/ - http://www.joomlaspanish.org/foros/ 30
  • 31. Copiado de archivos 1. Dentro de la carpeta htdocs 2. Crearemos una carpeta con el Nombre: “midominio” 3. Y por ultimo, todos los archivos descomprimidos de Joomla lo copiaremos en la carpeta “midominio”. 31
  • 32. Instalación Joomla! • Ponemos en el navegador: http://localhost/midominio/ • Para seleccionar un idioma, siga estos pasos: – Seleccione su idioma en la lista. 32
  • 33. Instalación Joomla! 33 Rellenamos los datos necesarios (nombre, descripción, correo, usuario y contraseña) y pulsamos en siguiente.
  • 34. Instalación Joomla! 34 • Introduzca la configuración de su base de datos MySQL. • El Nombre del Host de la base de datos depende del modo en que su proveedor de hosting haya configurado MySQL. El nombre será ‘localhost’, si la base de datos está instalada en el mismo servidor que el sitio Web. • No obstante, en ocasiones, cuando el servidor de la Web no se utiliza como servidor de la base de datos, necesitará contactar con su proveedor para conocer los datos de la base de datos. Un ejemplo sería: mysql.sudominio.com o similar.
  • 35. Instalación Joomla! • Creación del usuario y la base de datos 35
  • 36. 36 Instalación Joomla! • Elegimos el tipo de base de datos (MySQL), la dirección del servidor (localhost), el usuario de la base de datos que hemos creado anteriormente, la contraseña y el nombre de la base de datos (en mi caso el mismo que el usuario). Por último pinchamos en siguiente.
  • 37. Instalación Joomla! • En la última página nos encontramos con un resumen de la instalación que hemos configurado. Debemos prestar atención y comprobar que todo es correcto. También podemos elegir instalar unos datos de ejemplo: 37
  • 38. Instalación Joomla! Esperamos que el proceso de instalación termine 38
  • 39. Instalación Joomla! Una vez terminada debe salir un mensaje de felicitación. Por motivos de seguridad joomla exige eliminar la carpeta de instalación, por lo tanto, pinchamos en “Eliminar la carpeta de instalación” Ahora nos encontramos con dos posibles accesos: Publico Administración 39
  • 40. Administración de Joomla Back-end www.nuestrodominio.com/administrator ó localhost/nuestrositio/administrator Usuarios del Sitio Front-end www.nuestrodominio.com ó localhost/nuestrositio 40 Sitios Joomla!
  • 41. 41 Instalar Joomla en Español Descargar del portal oficial en España la ultima versión estable. http://www.joomlaspanish.org Servidor Local Instalar programa de Servidor Virtual: Ejemplo: XAMPP / MAMP Servidor Web Disponer de una contratación de Hosting
  • 42. Instalación Joomla Plesk Descargamos joomla Creamos un cliente FTP para subir joomla a nuestro hosting 42
  • 43. Instalación Joomla Plesk 43 Añadimos una cuenta FTP
  • 44. Instalación Joomla Plesk 44 Nos conectamos desde un cliente como Filezilla cliente Descarga: https://filezilla-project.org/download.php?type=client
  • 45. Instalación Joomla Plesk Subimos el archivo descargado de joomla en la carpeta htdocs de nuestro hosting 45
  • 46. Instalación Joomla Plesk 46 Una vez subido el archivo lo extraemos desde Plesk Escribimos en el navegador http://<dominio>/ y debe aparecer esto:
  • 47. Instalación Joomla Plesk 47 En este momento comienza el proceso de instalación de joomla, escribimos todos los campos necesarios y hacemos click en siguiente:
  • 48. Instalación Joomla Plesk 48 Creamos el usuario y la base de datos desde Plesk: 1 2 3 4
  • 49. Instalación Joomla Plesk Con la base de datos y el usuario creado volvemos a la instalación de joomla e ingresamos los datos correspondientes: 49
  • 50. Instalación Joomla Plesk En la ultima pestaña echamos un vistazo al resumen de instalación y cuando comprobemos que todo es correcto pinchamos en instalar 50
  • 51. Instalación Joomla Plesk Front-end Back-end 51 Para teminar esperamos que acabe el proceso de instalación y pinchamos en eliminar carpeta de instalación. Aquí termina la instalación de Joomla desde Plesk
  • 52. Cambio Idioma Administración Joomla! Usuarios Artículos Categorías 52
  • 54. Cambiar idioma 54 La version 3.3.6 está en inglés, si queremos que esté en español vamos a instalar el idioma 1 2 3 4
  • 55. Cambiar idioma 55 Una vez instalado el idioma solo tenemos que seleccionarlo como “por defecto” 1 2 3 Para actualizar los cambios cerramos e iniciamos la sesión
  • 56. Administración de Joomla! Panel de Control • Usuarios Conectados • Artículos más populares • Artículos añadidos 56
  • 57. Administración de Joomla! Sistema • Panel de Control • Configuración Global • Comprobación Global • Comprobar • Limpiar la Caché • Purgar la Caché Expirada • Información del Sistema 57
  • 58. Administración de Joomla! Usuarios • Gestor de Usuarios • Grupos • Niveles de Acceso • Notas de usuarios • Añadir notas de las Categorías • Correo Masivo Usuarios 58
  • 59. Administración de Joomla! Menús: Desde esta zona es donde se gestionan todos los enlaces (botones) del portal. • Gestor de menús • Añadir Nuevo Menú • Menú principal • Añadir Nuevo Elemento de menú 59
  • 60. Administración de Joomla! Contenido: Información a ofrecer del portal • Gestor de artículos • Añadir Nuevo Artículo • Gestor de categorías • Añadir Nueva Categoría • Artículos Destacados • Gestor multimedia 60
  • 61. Administración de Joomla! Componentes • Actualización Joomla • Anuncios - Anuncios, Categorías, Clientes, Pistas • Buscar • Búsqueda Inteligente • Canales electrónicos - Canal electrónico, categoría • Contactos - Contactos, Categorías • Enlaces web - Enlaces, Categorías • Etiquetas • Mensajería - Nuevo Mensaje Privado, Leer Mensajes Privados • Mensajes de preinstalación • Redirección 61
  • 62. Administración de Joomla! Extensiones • Gestor de Extensiones • Gestor de módulos • Gestor de plugins • Gestor de plantillas • Gestor de idiomas 62
  • 63. Administración de Joomla! Ayuda • Ayuda Joomla! • Foro de Soporte de Joomla! • Wiki Documentación • Extensiones Joomla! • Traducciones de Joomla! • Recursos Joomla! • Portal Comunidad • Centro de Seguridad de Joomla! • Recursos Desarrolladores • Tienda Joomla! 63
  • 64. Tipos de usuarios y permisos de acceso Los Usuarios de sitios Web Joomla! pueden dividirse en dos grandes categorías: - Invitados (Sin previo registro) Todos los usuarios Públicos - Usuarios Registrados (Registrados, Especiales) Los Invitados son sencillamente usuarios que han navegado hasta encontrar su sitio web. Dependiendo de cómo el administrador ha configurado el sitio, los invitados podrán navegar libremente por todo el contenido o tener restringido el acceso a cierto tipo de contenidos, reservado para usuarios registrados. Los Usuarios Registrados están registrados en su sitio con un nombre de usuario y contraseña. Este nombre de usuario y contraseña les permite acceder al área restringida del sitio, recibiendo privilegios especiales no disponibles para los invitados. Usuarios > Gestor de usuarios 64
  • 65. Grupos • Tipos – Público – Invitado – Gestor – Administrador – Registrado – Autor – Editor – Publicador – Super Usuarios Usuarios > Grupos 65
  • 66. Nivel de Acceso • Niveles de acceso • Especial • Invitado • Publico • Registrado • Súper usuarios Usuarios > Nivel de acceso 66
  • 67. Gestor de usuarios • Listado de usuarios – Nombre – Nombre de usuario – Activado – Activado – Grupo de usuarios – Email – Última visita – Fecha de Registro – ID Usuarios > Gestor de usuarios 67
  • 68. Gestor de usuarios • Crear un nuevo usuario – Nombre – Nombre Acceso – Contraseña – Confirmar contraseña – Email – Enviar E-mail a este Usuario – Bloquear usuario – Requiere restablecer contraseña – Grupo – Opciones básicas Detalles Cuenta Grupos Asignados Opciones Básicas Usuarios > Gestor de usuarios > Nuevo 68
  • 69. Creación de artículos (Contenido) Tipo 1: Siempre deberá crear una categoría para posteriormente crear el artículo. Su funcionamiento sería como un índice de un libro. Tipo 2: No necesita crear secciones ni categorías. De esta manera los artículos serían “huérfanos”/ Sin categoría. Tipo 1 Tipo 2 69
  • 70. Creación de artículos (Contenido) Tipo 3: Una categoría dentro de otra categoría. Tipo 3 70
  • 71. Crear Categoría • Título • Alías • Categoría Raíz • Estado • Acceso • Idioma • Descripción • Publicación • Permisos • Opciones Contenido > Gestor de categorías > Nuevo 71
  • 72. Creación de artículos (Contenido) Tipo 3: Una categoría dentro de otra categoría. Tipo 3 Contenido > Gestor de categorías > Nuevo 72
  • 73. Galería Multimedia Gestión de artículos Gestión de Menús Estructura Jerárquica Interna 73
  • 74. Gestor multimedia El gestor multimedia permite organizar y guardar todos los archivos multimedia para su sitio Web. Puede subir las imágenes desde el gestor o incluso directamente desde los propios artículos. Explorador Carpetas Subir archivos Contenido > Gestor Multimedia 74
  • 75. Gestor multimedia • Administrador de archivos de imágenes. 1.- Subir archivos 2.- Crear carpeta 1 2 Contenido > Gestor Multimedia 75
  • 76. El menú Contenido El menú contenido es el encargado de organizar toda la información que se va a suministrar en el portal. Contenido > Gestor de artículos 76
  • 77. Gestor de artículos Listado de artículos donde se puede: • Crear • Editar • Publicar • Despublicar • Destacar • Archivar • Comprobar • Eliminar Contenido > Gestor de artículos 77
  • 78. Crear artículos • Título • Alías • Categoría • Etiquetas • Estado • Destacados • Acceso • Idioma Cuerpo del artículo Contenido > Gestor de artículos > Añadir nuevo artículo 78
  • 79. Parámetros de artículos Parámetros – Artículo Autor: Selecciona el auto que desea que aparezca como creador del artículo. Alias de autor: Para modificar el nombre de autor por uno personalizado y no registrado. Nivel de acceso: Selección de privilegios para visualizar el archivo. Fecha de creación, Inicias publicación y publicación finalizada: Gestiona los tiempos de publicación de los artículos. Contenido > Gestor de artículos > Añadir nuevo artículo 79
  • 80. Estructura de contenidos Creación de categorías y artículos Categoría: 1.- Empresa 2.- Productos Sub Categorías: 1.1.- Historia 1.2.- Quienes somos 2.1.- Helados 2.2.- Pasteles 2.3.- Tartas Artículos: Historia, Instalaciones, Tradición, etc. 80 Categorías Artículos
  • 81. Estructura de botones de menú Creación de botones Botones de menú y submenú: 1.- Empresa 1.1.- Historia 1.2.- Instalaciones 1.3.- Tradiciones 2.- Productos 2.1.- Helados 2.2.- Pasteles 2.3.- Tartas 3.- Contactar 81
  • 82. Menús Gestión de menús Menús: Desde esta zona es donde se gestionan todos los enlaces (botones) del portal. > Gestor de menús > Menú principal Por defecto Joomla habilita el menú: “Menú principal” A continuación incorporaremos nuevos botones Menús > 82
  • 83. Gestor de items del menú Editar un botón ya creado Mainmenu Haga clic sobre el vínculo Home (Inicio) en el Gestor de ítems del menú. Menú > Gestor de menús > Elementos del Menú 83
  • 84. Ítem del menú Campos del Gestor de menús Titulo Menú: Nombre del botón Alias: Dato interno Tipo Elemento Menú: El tipo de botón/función del menú. Haciendo clic en seleccionar podrá acceder a los detalles del menú. Enlace: Ruta(URL) del botón Enlace: URL Localización Menú: El menú asignado Elemento padre: Esta casilla es la que controla la creación de submenús Ordenar: Organiza los diferentes botones Estado: Publicado Página principal: Capacidad de asignar el botón en la zona de inicio. Acceso: Público Idioma/Plantillas de estilo Nota: Lugar para anotaciones privadas Menús > Menú principal > Editar “Inicio” 84
  • 85. Crear Menús de artículos Panel de tipos de menús (botones) En este menú tendremos todas la opciones necesarias para ofrecer el contenido de artículos en el portal. 85 Elementos de Menú. En este panel nos encontramos todas las opciones disponibles para crear botones y de ese forma publicar los contenidos Menús > Menú Principal > Nuevo > Seleccionar
  • 86. Crear Menú de artículo Panel para botones de artículos Artículos 1.- Artículo Simple Presentación de un artículo: La presentación del artículo muestra un solo un artículo. 2.- Artículos Archivados Presentación de la lista de artículos archivados: La presentación de artículos archivados, muestra artículos que han sido archivados y son localizables por fecha. 3.- Artículos Destacados 4.- Categoría Blog Presentación de la página principal del Blog: La página principal estandar del blog, muestra artículos que han sido configurados como artículos de la página principal, en formato Blog. 5.- Crear Artículo 6.- Lista de Categorías (El equivalente a página de inicio) 7.- Lista de Todas las Categorías Menús > Menú Principal > Nuevo > Seleccionar “Artículos” 86
  • 87. 87 Crear Menú de artículo Artículo simple Cada tipo de botón dispone de parámetros específicos Menús > Menú Principal > Nuevo > Seleccionar “Artículos” > …
  • 88. Crear Menús Desde el gestor de menús puedes editar, eliminar, reconstruir o añadir nuevos módulos de menú. Haga clic en el vinculo Menú principal. Aparecerá una pantalla donde se configuran el nombre, el título y la descripción del menú principal. Menús > Gestor de menús 88
  • 89. Crear Menús Titulo: Nombre externo Tipo de Menú Descripción: información sobre el contenido del menú Ejemplo: Crear Menú Superior Menús > Gestor de menús > Añadir un menú 89
  • 90. Crear Menús Ejemplo: Crear Menú Superior Menús > Gestor de menús > Añadir un menú 90
  • 91. Estructura Web Resumen: • Botones de Menús • Categorías • Artículos 91
  • 92. Plantilla Joomla Para establecer la posición de los módulos en Joomla 3.3 hay que tener en cuenta que la plantilla por defecto es de diseño responsive. ¿Qué significa diseño responsive? Cuando una plantilla es de diseño responsive quiere decir que se adapta a cualquier resolución adaptando nuestra web para dispositivos móviles, tablets, ipads, … 92
  • 93. Estructura Externa 93 En nuestra plantilla por defecto nos encontramos con el zócalo Position-7 a la derecha pero si ajustamos el tamaño al de un dispositivo móvil cambia la posición. Vista Normal
  • 94. Estructura Externa 94 Podemos observar que el zócalo position-7 se ha desplazado Vista Dispositivo Móvil
  • 95. Estructura Jerárquica Interna Componentes Módulos Plugin -Aplicación integrada en Joomla Ej. Galería de imágenes -Suelen ser complementes de los componentes. Ej. Lugar en la Web publica para visualizar las fotos. -Suelen ser herramientas de los complementos, aunque también pueden ser autónomas Ej. Efecto de Zoom en fotos. 95
  • 96. Crear módulos Carácterísticas de los módulos Los módulos añaden elementos interactivos al sitio Web. Algunos funcionan independientemente, como un flash de noticias o la barra de búsqueda, y otros funcionan en combinación con componentes u otros elementos del sitio Web. Los módulos pueden contener enlaces, contenido o imágenes, e incluso realizar funciones interactivas Extensiones > Gestor de Módulos 96
  • 97. Crear módulos Tipos de módulos Para crear y gestionar módulos use el Gestor de módulos. Algunos tipos de módulos: - Menús - Anuncios-Banners - Quien está en línea - Buscar - Etc. Módulos Extensiones > Gestor de Módulos 97
  • 98. Gestión de Componentes Banner Contactos Enlaces Web Etiquetas Búsqueda inteligente Canales electrónicos 98
  • 99. Banner Carácterísticas del componente Este Componente permite mostrar banners (anuncios) en su sitio. También permite gestionar algunas características avanzadas como impresiones de los banners y código personalizado. Los banners pueden mostrarse en el sitio web simplemente publicando el banner una vez a través del siguiente proceso. Su localización dependerá del diseño de la plantilla utilizada. Necesario: 1. Configurar componente de banner 2. Configurar módulo de banner Componentes > Banners > Banners 99
  • 100. Crear Banner Pasos para configurar banner 1. Crear categoría de banner Obligatorio 2. Crear cliente de banner Opcional 3. Crear banner Obligatorio 100
  • 101. Módulo Banners - Módulo - Menú asignado - Permisos del módulo - Parámetros - Destino - Contador - Cliente - Categoría - Buscar por palabras - Aleatorio - Texto Cabecera - Texto Pie - Sufijo clase Módulo 101
  • 102. Contactos - Nombre - Alias - Vincular usuario - Posición - Categoría - Estado - Acceso 102
  • 103. Crear Categoría de Contacto - Título - Alías - Padre - Etiquetas - Estado - Acceso - Idioma - Descripción 103
  • 104. Crear Contacto 104 Información Interna Información detallada del Contacto a crear. Control de Información a publicar
  • 105. Enlaces Web Su función es igual que gestión de banner 1. Crear categoría 2. Crear Enlaces Crear enlace Título Alias Url Categoría Etiquetas Estado Acceso Idioma Descripción 105
  • 106. Etiquetas En joomla 3.3.6 nos encontramos con la pestaña etiquetas donde podemos añadir nuevas etiquetas o moficar las existentes. 106
  • 107. Búsqueda Inteligente Permite búsquedas más rápidas y precisas que la extensión de búsqueda habitual. Para hacer uso de éste modulo hay que hacer un índice, habilitarlo en el gestor de plugins y mostrarlo en la web. 107 3 2 1 4 5 Componentes > Búsqueda Inteligente
  • 108. Canales electrónicos Los canales electrónicos permite la suscripción a distintas fuentes de información para conocer las últimas novedades: 108 1 Componentes > Canales electrónicos 2 3 4
  • 109. Instalar Componente Instalar Plantilla Editar Plantilla Resumen de estructuras 109
  • 110. Crear un Menú Crear Menú Nuevo Menú Módulo de Menú - Botón 1 - Botón 2 - Botón 3 110
  • 111. Instalar Extensiones Componentes, Módulos, Plugin, Plantillas e Idiomas: Pasos a seguir: Administración> Extensiones> Instalar> Subir e instalar 111
  • 112. Componentes Listado de tipo de componentes de terceros: • Galería de Imágenes • Foros • Tienda Online • Catálogo de Productos • Reserva de habitaciones • Anuncios Clasificados • Directorio de Empresas • Control de Gastos e ingresos. • Gestor Documental • Inmobiliaria, etc. Descargar Extensiones: http://extensions.joomla.org/ 112
  • 113. Módulos Listado de tipo de componentes de Terceros: Galería Rotativa de Imágenes Reproductor de audio Chat Nube Video Streaming Zoom imágenes Etc. Descargar Extensiones: http://extensions.joomla.org/ 113
  • 114. Plugíns Listado de tipo de Componentes de Terceros: Efecto Zoom imágenes Editores de contenido Efectos visuales. Etc. Descargar Extensiones: http://extensions.joomla.org/ 114
  • 115. Cambiar Tipo de Plantilla Para acceder al Gestor de plantillas: Extensiones>Gestor de plantillas Para activar una plantilla, tan solo hay que marcar: Predeterminado en la plantilla que deseamos utilizar. 115
  • 116. Visualizar posiciones de plantilla 116 Hay que escribir en nombre de dominio seguido de los parámetros siguientes: http://midominio.com?tp=1 Extensiones > Gestor de plantillas > “Opciones” > Plantillas
  • 117. Modificar estilos Editar estilo de la plantilla 117
  • 118. Configuración Global Sitio • Configuración del sitio • Parámetros de los metadatos • Parámetros de optimización de SEO • Configuración Cookie Sitio > Configuración global > Sitio 118
  • 119. Configuración Global • Configuración del sistema • Configuración de depuración de errores • Configuración de la caché • Configuración de sesión Sitio > Configuración global > Sistema 119
  • 120. Configuración Global • Configuración del servidor • Configuración de Localización • Configuración FTP • Configuración de la base de datos • Configuración E-Mail • Configuración Proxy Sitio > Configuración global > Servidor 120
  • 121. Tarea a realizar Opción de Menú Pasos a llevar Crear Artículo (Tipo 1) Contenido Crear Categoría Crear Artículo Menús Crear Botón Crear Artículo (tipo 2) Huerfano Contenido Crear Artículo (Sin categoría) Menús Crear Botón Banner Componentes > Banners Crear Categoría Crear Cliente Crear Banner Extensiones > Gestor de Módulos Crear Módulo Anuncios-Banners Enlace Componentes > Enlaces Web Crear Categoría Crear Enlace Menús Crear Botón Enlaces Contacto Componentes Crear Categoría Crear Contactos Menús Crear Botón Contactos 121 Resumen de estructuras
  • 122. Mejoras Joomla 3.3 122 SEGURIDAD JOOMLA ALMACENAMIENTO EN LA NUBE PAGINAS MÁS RÁPIDAS jQuery MICRODATOS HACER MÁS
  • 123. Mejoras Joomla 3.3 Forzar reseteos de contraseñas en intervalos predeterminados de tiempo 123 Seguridad Joomla Mínimo la versión 5.3.10 de PHP Encriptación BCrypt de las claves Autenticación de factor doble
  • 124. Mejoras Joomla 3.3 124 Acceso al Almacenamiento en la nube
  • 125. Mejoras Joomla 3.3 Páginas que cargan más rápido gracias a las mejoras realizadas en el Jrouter. Se ha conseguido que con la configuración por defecto el tráfico de Joomla sea un 10% más rápido. 125
  • 126. Mejoras Joomla 3.3 126 Implementación de JQuery Ahora Joomla incluye en su núcleo la librería de Jquery proporcionando ventajas como estas: • Joomla carga ahora una librería menos • Un pequeño aumento en la velocidad de los sitios • Supresión de conflictos entre las dos librerías (Mootools)
  • 127. Mejoras Joomla 3.3 127 Microdatos Los microdatos proporcionan información adicional para que los motores de búsquedas puedan encontrar nuestros contenidos más fácilmente y así aumentar nuestro posicionamiento en la web. Los microdatos están altamente relacionados con SEO por lo tanto son de gran importancia.
  • 128. Mejoras Joomla 3.3 128 Hacer más Otras mejoras incorporadas en Joomla 3.3 son:  Posibilidad de añadir etiquetas  Dieño web responsive  Historial de versiones  Gestión de plantillas mejorada  …
  • 129. 129 Oklan Network, SL CIF: B90047234 Tlf: 902 014 113 C/Orfila 11 – 41003 Sevilla www.oklan.es