Este documento introduce el sistema de gestión de contenidos (CMS) Joomla. Explica que Joomla es una herramienta para construir y administrar sitios web de cualquier tamaño. Detalla algunas de las características y funcionalidades clave de Joomla, como la publicación y edición de contenido, la administración de usuarios, y la capacidad de instalar extensiones para ampliar las funcionalidades del sitio. También cubre los requisitos técnicos de Joomla y algunos de los tipos comunes de sitios web que se pueden crear con esta
La empresa sostenible: Principales Características, Barreras para su Avance y...
Manual de Joomla
1. INSTITUTO SUPERIOR TECNOLÓGICO PÚBLICO
“FRANCISCO DE PAULA GONZÁLES VIGÍL”
CARRERA PROFESIONAL DE COMPUTACIÓN E INFORMÁTICA
CURSO TALLER
DISEÑO Y GESTIÓN
DE SITIOS WEB
LIC. JOSÉ LUIS PONCE SEGURA
jlponcesg@hotmail.com
www.redtacna.net
cel. 952636911
TACNA – PERÚ
2009
2. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CAPITULO I
INTRODUCCIÓN AL CMS JOOMLA
1.1. ¿QUÉ ES JOOMLA?
Joomla! es un Sistema de Administración de Contenidos Web (CMS), esto es, una herramienta de
software utilizada para construir, administrar, y mantener sitios web de cualquier tipo y
tamaño.
Joomla para tu propio sitio web
Si tu sitio se desarrolla con Joomla!, cada contenido del mismo podrás
administrarlo vos desde un panel de control muy fácil de usar (no
requieres de conocimientos ni habilidades técnicas avanzadas).
El contenido web de tu sitio puede ser cualquier tipo de recurso digital
publicable en Internet, por ejemplo: simple texto, fotos, música, videos, documentos (PDF, Word,
Excel, etc),
Joomla! te permitirá gestionar completamente tu sitio web utilizando tan solo un navegador web
conectado a Internet, y unos conocimientos básicos sobre el manejo de la herramienta.
1.2. QUÉ PODRÁS HACER CON TU SITIO WEB JOOMLA?
Podrás:
Actualizar todas tus páginas web,
Crear páginas nuevas, eliminar
contenidos obsoletos,
Administrar los enlaces del menú,
Publicar novedades o eventos de tu
actividad,
Editar información de la cabecera o del
pie de página de tu sitio web,
Publicar banners o cualquier tipo de
información en las barras laterales de
la web,
Administrar los formularios de
contacto,
Entre otras cosas más.
Joomla! es la herramienta ideal para vos que te preocupa tu presencia en Internet, para vos que
deseas mantener tu sitio web siempre actualizado y vivo.
Joomla posee además un múltiple abanico inmenso de extensiones que amplían las
funcionalidades de tu sitio web, en el momento que lo necesites: foros, encuestas online,
calendarios de eventos, e-commerce, newsletters, wikis, gestores de descargas, directorios, galerías
de fotos, galerías de audio y videos, y muchos recursos más.
1.3. QUÉ TIPO DE SITIOS WEB PUEDEN HACERSE CON JOOMLA?
Con Joomla se pueden crear sitios web de cualquier tipo y tamaño:
Sitios web para pequeños negocios (PYMES), para profesionales independientes y trabajadores
autónomos
Sitios web o portales corporativos (para empresas medianas o grandes)
Diarios digitales de noticias y Blogs
Lic. José Luis Ponce Segura www.redtacna.net Pag. 2 de 32
3. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Sitios de comercio electrónico (tiendas virtuales)
Sitios web de colegios, iglesias y clubes, personales y familiares, organizaciones no
gubernamentales, etc.
Comunidades virtuales y puntos de encuentro
1.4. ALGUNOS BENEFICIOS Y VENTAJAS DE USAR JOOMLA!
Joomla! permite desarrollar y mantener al costo más bajo y con la mayor eficiencia posible,
sitios web 100% profesionales puesto que cumple con los más altos estándares de calidad de
software/aplicación para sitios web de Internet.
Es robusto y altamente funcional (tiene literalmente TODO lo que necesita tener una
herramienta de desarrollo web)
Es escalable y extensible sin límites (se puede hacer crecer un sitio web hecho con Joomla!
tanto como se desee)
Su diseño/aspecto estético es 100% personalizable (la apariencia visual o "look and feel" de
los sitios web hechos con Joomla!)
Joomla está desarrollado siguiendo patrones de diseño estándares (MVC) que garantizan su
calidad
Está preparado para altas exigencias de: arquitectura de la información, accesibilidad,
usabilidad, rendimiento y velocidad, compatibilidad multinavegador, etc.
1.5. CARACTERÍSTICAS DE JOOMLA
Organización del sitio web: Joomla está preparado para organizar eficientemente los
contenidos de tu sitio en secciones y categorías, lo que facilita la navegabilidad para los usuarios
y permite crear una estructura sólida, ordenada y sencilla para los administradores.
Publicación de Contenidos: Con Joomla CMS podrás crear páginas ilimitadas y editarlas
desde un sencillo editor que permite formatear los textos con los estilos e imágenes deseados.
Los contenidos son totalmente editables y modificables.
Escalabilidad e implementación de nuevas funcionalidades: Joomla ofrece la posibilidad
de instalar, desinstalar y administrar componentes y módulos, que agregarán servicios de valor
a los visitantes de tu sitio web.
Administración de usuarios: Joomla te permite almacenar datos de usuarios registrados y
también la posibilidad de enviar E-mails masivos a todos ellos. La administración de usuarios es
jerárquica, y los distintos grupos de usuarios poseen diferentes niveles de facultades/permisos
dentro de la gestión y administración del sitio.
Diseño y aspecto estético del sitio: Es posible cambiar todo el aspecto del sitio web tan solo
con un par de clicks, gracias al sistema de templates que utiliza Joomla.
Navegación y menú: Totalmente editables desde el panel administrador de Joomla
Administrador de Imágenes: Joomla posee una utilidad para subir imágenes al servidor y
usarlas en todo el sitio.
Disposición de módulos modificable: En un sitio creado con Joomla, la posicion de módulos
(bloques periféricos) puede acomodarse como se prefiera.
Encuestas: Joomla posee un sistema de votaciones y encuestas dinámicas con resultados en
barras porcentuales.
Feed de Noticias: Joomla trae incorporado un sistema de sindicación de noticias por RSS/XML
de generación automática.
1.6. ALGUNAS OPCIONES DE PUBLICACIÓN DE PÁGINAS WEB EN JOOMLA:
a) Automatización en la publicación: Las páginas y documentos de Joomla pueden
programarse con fecha de publicación y fecha de caducidad.
b) Archivo e historial: Las páginas viejas o publicaciones que hayan perdido vigencia pueden
enviarse a un "archivo" de almacenamiento, sin necesidad de tener que borrarlas. Esto permite
también dar la posibilidad a los navegantes de consultar artículos viejos o documentos
anteriores en un historial.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 3 de 32
4. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
c) Formatos de lectura: Cada documento es generado automáticamente por Joomla en formato
PDF, en versión imprimible, y en XML (para compartir los contenidos con otros sitios o
aplicaciones de lectura)
d) Envío por E-mail: Los usuarios del sitio Joomla podrán enviar automáticamente a un amigo
por email cada documento publicado.
e) Valoración de contenidos: Los visitantes del sitio podrán votar la calidad de lo publicado.
1.7. ¿QUÉ TECNOLOGÍAS UTILIZA JOOMLA?
Joomla sigue el modelo de desarrollo más avanzado y actual de Software (Modelo Vista
Controlador). Su estructura/arquitectura está separada en 3 capas:
Modelo: Almacenamiento y relación de datos (Mysql, XML),
Controlador: lógica funcional y estructuras de control del sistema (PHP o Hypertext Pre
Processor), y
Vista: Presentación del aspecto estético (XHTML, CSS, Ajax o Js, imágenes y multimedia)
El sistema funciona en servidores de páginas web (HTTP Servers), generalmente Apache, bajo
plataformas Linux/Unix.
Desde el punto de vista del usuario, Joomla en parte se ejecuta en el navegador y sistema operativo
del cliente (usuario, navegante), esto es su compatibilidad es multiplataforma. Se accede a Joomla!
desde un simple navegador web conectado a Internet (Internet Explorer, Mozilla Firefox, Opera,
Safari, etc)
1.8. JOOMLA ES DE USO LIBRE Y GRATUITO!
Joomla CMS es de uso gratuito, y de código abierto (OpenSource). El mismo se usa y distribuye bajo
licencia pública general (GNU/GLP, esto significa que:
Puedes usarlo gratuitamente sin pagar licencias, sin importar el tipo de sitio web que vos tengas
con él
Puedes modificarlo, adaptarlo y personalizarlo como quieras, para tu propio uso
Versión Actual de Joomla!
La versión actual de Joomla es la linea 1.5.x.
La versión tradicional de Joomla es la linea 1.0.x (actualmente no debería utilizarse para nuevos
proyectos porque ya es obsoleta)
1.9. EXTENSIONES DE JOOMLA!
Las extensiones de Joomla! son aplicaciones que se instalan en el núcleo del sistema base (o Core)
para extender su funcionalidad, interactividad, operatividad y servicios web. Permiten hacer crecer
los sitios web desarrollados con Joomla! hacia una escalabilidad sin límites!
Extensiones de Joomla clasificadas por categorías
Extensiones para Acceso y seguridad (autenticación, backups, restricción de contenidos,
accesos al sitio, etc.)
Extensiones para la Administración (addon e interfaces de la administración de joomla)
Extensiones para Anuncios y Afiliados (banners, clasificados, publicidad, enlaces de texto,
etc)
Extensiones de Autoría (para la publicación de contenido de los autores)
Bridges (para la integración de autenticación u otras funciones con otros sistemas)
Extensiones de Calendarios y Eventos (Agendas, recordatorios de fechas)
Extensiones para Clientes (CRM -administrador de clientes-, mesa de ayuda, soporte online)
Lic. José Luis Ponce Segura www.redtacna.net Pag. 4 de 32
5. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Extensiones para Comunicación (entre usuarios del sitio: foros, chats, mensajería
instantánea, newsletters, SMS, PMS, etc.)
Extensiones para Comunidades, Miembros y Grupos de trabajo (lista de miembros,
perfiles, administración de proyectos y tareas, wiki, etc.)
Extensiones para Contacto y Feedback (comentario de artículos, contactos, email,
formularios, libros de visitas, encuestas, testimonios y sugerencias, etc.)
Extensiones para Noticias y contenidos (Blog, Noticias, Microblogging, RSS)
Extensiones para las Mejoras del nucleo -de Joomla-
Extensiones para Directorios y Documentos (Descargas, glosarios, portfolios, directorios
temáticos, preguntas frecuentes, etc.)
Extensiones para Comercio Electrónico (subastas, tienda de afiliados, donaciones, facturas
y cuentas, sistemas de pago, plataformas de pago, carritos de compra, etc.)
Extensiones para Edición (Editores y addons para editores)
Extensiones para Contenidos Externos (extensiones para la publicación de contenidos
externos en tu sitio Joomla! alertas y recordatorios, lectores RSS, clima, noticias, etc.)
Extensiones para Finanzas y estadísticas (calculadoras, moneda y cambio, stock de
mercado)
Extensiones para Servidores y Alojamiento Web
Extensiones para Idiomas (traductores automáticos, contenidos multilenguaje, traducciones
para Joomla)
Extensiones para Multimedia (reproductores de audio, galerías multimedia, fotos e
imágenes, Streaming, reproductor de video, reproductor de audio, etc)
Extensiones para Búsqueda e Indexación (búsqueda de dominios, tagclouds, buscadores
internos, etc.)
Extensiones para Administración del sitio (Cache, estadísticas de contenido, SEF, SEO y
metatags, mapas de sitio, redirecciones url, visitantes, etc)
Extensiones para Estilo y diseño (accesibilidad, presentación de módulos, popups y frames,
pdf / versión imprimible, templates, etc)
Extensiones de Joomla por tipo:
Componentes: Son aplicaciones que se reproducen (renderizan) en el cuerpo principal de
la página (sector maincontent)
Modulos: Son bloques pequeños que disponen información o herramientas alrededor del
cuerpo principal de las páginas (columna izquierda, columna derecha, cabecera de página, pie
de página, etc)
Plugins (ex mambots): Cambia el comportamiento de la salida HTML dinámicamente
(agrega, transforma o quita elementos dentro del sector principal de las páginas)
Las extensiones de Joomla tienen 3 tipos de compatibilidades:
1.0.x Native: Esto indica que la extensión es compatible con las versiones 1.0.x
de Joomla!
1.5.x Native: Esto indica que la extensión es compatible con las versiones 1.5.x
de Joomla!
1.5.x Legacy Esto indica que la extensión es compatible con la versión 1.0.x y
también es compatible con la versión 1.5.x con el modo de compatibilidad activado "Legacy
Mode".
Legacy mode es un plugin de integración que contiene algunas funciones y librerías de Joomla
1.0.x cargadas en 1.5.x, para que ciertas aplicaciones de 1.0.x puedan funcionar con Joomla
1.5.x
Las extensiones de Joomla pueden ser gratuitas o pagas:
Las extensiones de Joomla! gratuitas vienen con licencia GLP (General Public License)
Las extensiones de Joomla! comerciales vienen con licencias propias donde cada desarrollador
puede definir con qué tipo de licencia de software para limitar el uso que hacen los usuarios del
mismo.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 5 de 32
6. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CAPITULO II
INSTALACIÓN DE JOOMLA 1.5.X
2.1. CREACIÓN DE LA CARPETA LOCAL PARA SU SITIO WEB
La carpeta local será aquella donde aloje Usted los archivos que forman parte de su Sitio Web
Para la instalación de Joomla, primero deberá crear una carpeta para su proyecto Web,
ejemplo: MIPORTAL,
¿Dónde debe crearse ésta carpeta? Ésta carpeta contendrá
La carpeta debe crearse en la siguiente ruta: todos los archivos de su
C:APPSERVWWW Sitio Web
Es decir, luego de creada su carpeta, la ruta
completa donde estarán sus archivos de su Sitio
Web será:
C:APPSERVWWWMIPORTAL
2.2. DESCOMPRIMIR LOS ARCHIVOS DEL JOOMLA A SU CARPETA MIPORTAL
Una vez que tenga el archivo comprimido de Joomla: Joomla_1.5.x-xxxxxxzip, proceda a
descomprimirlo:
Archivo Comprimido:
Joomla_1.5.x-xxxxxx.zip
Descomprimir
C:APPSERVWWWMIPORTAL
Para la instalación propia de Joomla deberá ingresar a su navegador preferido (Internet Explorer,
Mozilla Firefox, etc.), entonces deberás ingresar así en el navegador:
http://localhost/miportal
2.3. INSTALACIÓN DE JOOMLA 1.5.X
a) Seleccionamos el idioma a utilizar durante la instalación:
Selección de idioma para la instalación
Lic. José Luis Ponce Segura www.redtacna.net Pag. 6 de 32
7. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
b) Joomla! comprueba si nuestro sistema supera los requisitos mínimos para la
instalación:
Comprobación de requisitos del sistema: arriba obligatorios, abajo recomendados
c) Aceptamos los términos de la licencia simplemente pulsando Siguiente:
Aceptamos los términos de licencia GNU/GPL
Lic. José Luis Ponce Segura www.redtacna.net Pag. 7 de 32
8. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
d) Ingresar la información de la base de datos para que Joomla! cree su juego de
tablas.
Conforme hemos configurado MySQL en pasos anteriores, los datos a introducir deberán ser:
Tipo de base de datos: mysql
Nombre del servidor: localhost
Nombre del usuario: joomlauser
Contraseña: la que pusimos al dar de alta el usuario joomlauser
Nombre de la base de datos: joomladb
Aportar la información de la base de datos MySQL
Al pulsar Siguiente tardará unos instantes en avanzar a la siguiente pantalla. En caso de
mensaje de error, revisar los pasos de este tutorial.
e) Configuración FTP
Para nuestro caso responderemos NO, ya que lo haremos en forma independiente con un cliente
FTP, como es FileZilla FTP
Lic. José Luis Ponce Segura www.redtacna.net Pag. 8 de 32
9. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
f) Configuración inicial de Joomla!
Tras pulsar en Siguiente en el paso anterior, en esta pantalla haremos tres operaciones:
1. Poner un nombre a nuestra web en el cuadro de texto Nombre de sitio web (e.g. Portal web
computo)
2. Introducir un correo electrónico válido y una contraseña, que se asociarán al usuario
ADMIN de Joomla, el administrador inicial.
3. Instalar datos de ejemplo. Activamos el radiobutton Instalar contenido de ejemplo
predeterminado y pulsamos en el botón Instalar los datos de ejemplo
predeterminado. Cuando este botón se convierta en el texto "Datos de ejemplo
instalados", habrá finalizado al operación:
Primera configuración de Joomla
Pulsamos sobre Siguiente para continuar.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 9 de 32
10. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
g) Finalizar la instalación
Joomla! nos pide que para finalizar correctamente la instalación, eliminemos el directorio
miportalinstallation. De esta manera no se podrá repetir accidentalmente o
malintencionadamente la instalación:
Finalizar el proceso eliminando el directorio installation
Ahora podemos acceder ya a Joomla! La página inicial del portal es:
http://localhost/miportal/
Pagina inicial de Joomla con contenido de ejemplo
Lic. José Luis Ponce Segura www.redtacna.net Pag. 10 de 32
11. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Acceder al panel de administración
El acceso al backend de administración del gestor es
http://localhost/miportal/administrator/
Luego deberá ingresar el password del usuario ADMIN que se ingreso en punto f):
Pantalla de login de la consola de administración del CMS
Panel de administración de Joomla!
Ya tenemos Joomla! instalado y preparado para nuestros desarrollos.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 11 de 32
12. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CAPITULO III
LAS DOS CARAS DE JOOMLA
3.1 LA INTERFAZ PÚBLICA DE JOOMLA -O FRONT-END
La interfaz pública o Frontend de Joomla! es el sitio que tus usuarios/visitantes ven, navegan y usan.
Esta puede encontrarse en la raíz de tu dominio, ejm: http://www.tusitio.com, o en un
directorio interno, ej: http://www.tusitio.com/portal/
La apariencia del frontend Joomla dependerá del template que utilices. Es decir, el aspecto
estético de tu sitio web (colores, estilos, imágenes, iconografía, disposición de elementos, etc) está
definido por el template que utilices, por un lado, y por la configuración y nivel de personalización
(personalización) que se haga sobre el mismo.
La siguiente imagen muestra un sitio web Joomla recién instalado, con su template que viene por
defecto -Rhuk Milkyway- (el cual tiene una configuración de 3 columnas, una cabecera -header- y un
pie de página -footer-)
En esta instancia es importante comprender cómo organiza la disposición de contenidos Joomla
dentro de su interfaz gráfica pública. Es decir, cómo se disponen y organizan los elementos
dentro del template.
Las zonas rojas representan módulos, y la zona verde representa el área del contenido principal
(main content) de las páginas web.
Los módulos se disponen alrededor del contenido principal (main content): en las columnas laterales
(izquierda y derecha), en la cabecera y pié de página, y también por encima o por debajo del
contenido principal.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 12 de 32
13. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
3.2 LA INTERFAZ ADMINISTRATIVA DE JOOMLA O BACKEND
La interfaz administrativa de Joomla! es el panel de control desde donde administrarás tu sitio web.
Para acceder a ella, primero debes ingresar a la administración de tu sitio:
http://www.tusitio.com/administrator/ (debes reemplazar"tusitio.com" por tu verdadero
dominio), una vez allí debes tipear el usuario y contraseña para acceder.
Si los datos que se ingreso para acceder eran los correctos deberá ser redireccionado al Panel de
Administración Principal:
Lic. José Luis Ponce Segura www.redtacna.net Pag. 13 de 32
14. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Existe una forma de administrar Joomla desde su Front-End, pero no lo explicaremos ahora.
CONSEJO: Para comprender bien la relación que existe entre el frontend y el backend, conviene
tener abiertas dos ventanas (o pestañas) del navegador, cada vez que administres tu sitio.
En una ventana carga la interfaz pública del sitio:
http://www.tusitio.com
Y en la otra ventana carga la interfaz administrativa:
http://www.tusitio.com/administrator/
De esta manera, podremos ir alternando la visualización en ambas.
Cada vez que hacemos un cambio en el administrador, vemos cómo queda aplicado el cambio en la
parte pública, maximizando su respectiva ventana (o seleccionando su pestaña en el navegador).
Esto nos permitirá comprender rápidamente cómo funciona el sistema.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 14 de 32
15. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CAPITULO IV
ORGANIZACIÓN Y PLANIFICACIÓN
La organización, clasificación y jerarquización de contenidos web es la tarea más importante de todas, en la
etapa previa de creación o rediseño web. Aquí trataremos conceptos de Arquitectura de la Información
aplicada a Joomla! y también de Usabilidad de los elementos de navegación.
La clasificación de contenidos web - Secciones y Categorías de Joomla
El sistema gestor de contenidos Joomla "organiza" la información en elementos clasificadores o
"contenedores".
A estos elementos Joomla da el nombre de "Secciones" y "Categorías", que son quienes contienen los
propios documentos o "páginas web". Las secciones contienen categorías, y estas a su vez contienen
documentos.
Una sección es una colección de categorías que se relacionan de una cierta forma. Las secciones son la
jerarquía de orden superior que engloban toda la información de sitios Joomla.
Una categoría es un nombre genérico para un conjunto de items de contenido (documentos o páginas web)
que se relacionan de una cierta manera bajo algún criterio.
4.1 ¿CÓMO ORGANIZAR UN SITIO WEB CON JOOMLA?
El tamaño del sitio web a crear, su cantidad y variedad de contenidos, determinará de qué manera
administraremos secciones y categorías dentro de Joomla.
Una cosa es cómo organizas tus secciones y/o categorías, y otra cosa es qué ordenación,
estructura, o forma de acceso le das a los contenidos desde el/los menú/es para que los
navegantes/usuarios puedan acceder a ellos. Joomla brinda infinitas posibilidades a la hora de hacer
esto.
Sección 1 Sección 2
Categoría B Categoría F
Categoría A Documento 4 Documento 11
Documento 1 ...
Documento 5 Documento N
Documento 2
Documento 6 ...
...
Documento 3 Sección N
Documento 7
Categoría N
Categoría N + 1
Categoría C Documento R
Documento R + N
Documento 8 Categoría D ...
+1
Documento 10 Documento R + N
Documento 9
Documento Sin Clasificar 1
Documento Sin clasificar 2
Lic. José Luis Ponce Segura www.redtacna.net Pag. 15 de 32
16. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
4.2 CONTENIDOS PARA SITIOS PEQUEÑOS
Si tu sitio es pequeño o muy pequeño:
1. Podrás crear solo una sección y dentro de ella una sola categoría que va a contener a todos los
documentos web, o
2. Podrás crear solamente items de contenido sin clasificar (sin sección ni categoría) y luego
linkearlos desde el menú
CASO 1: UNA SECCIÓN Y UNA CATEGORÍA
En sitios web pequeños es común que haya una sola sección, que contiene una sola categoría,
en cuyo interior se encuentran todos los documentos del sitio, por ejemplo:
Nombre de la Nombre de la
Documentos (Items de contenido)
Sección Categoría
- Quienes somos
- Nuestros servicios
General Empresa
- Tarifas
- Clientes
CASO 2: CONTENIDO SIN CLASIFICAR
Si tu sitio web es muy pequeño, no es necesario crear secciones y categorías. Joomla! te permite
crear documentos web sin clasificar (o uncategorized)
Documentos sin clasificar (Sin Clasificar ó Uncategorized)
- Quienes somos
- Nuestros servicios
- Tarifas
- Clientes
4.3 CONTENIDOS PARA SITIOS MEDIANOS O GRANDES
Si el sitio a realizar con Joomla es grande, es necesario generar varias secciones y categorías
para ordenar y clasificar mejor la información.
Antes de ponerte a crear secciones y categorías, primero piensa bien cómo organizarás la
información y la agruparás teniendo en cuenta:
La facilidad o dificultad que ofrezcas a los usuarios de encontrar la información ordenada y
rápidamente localizable
La facilidad de administración (para encontrar y reconocer fácilmente los items, para no perderte
cuando haya muchos, etc.)
El uso de las distintas maneras de publicar la información categorizada que te ofrece Joomla:
(navegable por secciones, por categorías, por blogs, por menús personalizados, etc.)
Lic. José Luis Ponce Segura www.redtacna.net Pag. 16 de 32
17. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Con esto, puedes hacerte algunas secciones y varias categorías dentro de ellas. Allí colocarás y
organizarás toda la información.
Ejemplo:
En vigilvirtual.com hemos organizado nuestro sitio Joomla! así:
Secciones Categorías
Información General
Principal Servicios
….
... ...
Notas de Prensa
Noticias Eventos
Deportes
A su vez, dentro de cada categoría, generamos diferentes documentos: un documento para cada
uno de los servicios que ofrecemos. Por ejemplo:
Sección Categoría Documentos (Items de contenido)
Aniversario IST Vigil
Notas de Prensa
Juegos florales IST Vigil 2009
Noticias
Eventos Simposio Nacional de Física
Deportes Computación Campeón en Voley
4.4 CONTENIDOS PARA SITIOS MUY GRANDES
Un modelo con el cual puede resolverse el trabajo de organización de contenidos (cuando se tiene
mucha y muy diversa información), puede resultar en una clasificación taxonómica de varios niveles
de anidamiento.
Joomla tiene básicamente 4 niveles de taxonomías (si usamos la paginación interna de items de
contenido -o pagebreak-):
seccion >> categoria >> item de contenido >> subitems de contenido
ó también podrían considerarse solo 3 niveles (si no utilizamos la paginación interna de documentos)
seccion >> categoría >> item de contenido
Joomla no posee anidamiento infinito de taxonomías tal como sí permiten otros gestores de
contenidos (Drupal, Wordpress, por ej.)
Por eso, ante presencia de sitios muy grandes, es recomendable reagrupar secciones y
categorías, en unidades compuestas de conceptos más elementales.
Ejemplo:
Supongamos que tenemos que hacer la web de una empresa distribuidora de alimentos, la cual
comercializa una gran cantidad y variedad de productos (digamos, unos 4000 artículos) que están
categorizados como se ve a continuación.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 17 de 32
18. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Cada producto, debería ser presentado en un único documento web, que en Joomla es un ítem de
contenido.
Ejemplo de categorización de un ítem cualquiera de contenido:
Alimentos >> Perecederos >> Lacteos >> Quesos >> Gruyere
que abstrayendo un poco sería:
Sección >> Subsección >> categoría >> subcategoría >> Item
de contenido
Pero como Joomla no permite generar 5 niveles de anidación (profundidad) de contenidos, se puede
resolver la categorización agrupando niveles. Para ilustrar el ejemplo anterior quedaría entonces.
Categorizando el ítem real de contenido primero:
Alimentos / Perecederos >> Lacteos / Quesos >> Gruyere
En forma abstracta quedaría...
Sección / Subsección >> Categoría /Subcategoría >> Documento
Y llevando las cosas a Joomla...
Sección de Joomla >> Categoría de Joomla >> Item de contenido
4.5 ¿CUÁL ES EL ÓRDEN EN EL QUE DEBERÍAMOS TRABAJAR?
La primera vez que "generamos" contenidos en Joomla, es cuando creamos el sitio web y
organizamos sus contenidos y navegación. Debemos respetar este orden:
1. Crear una o varias secciones
2. Dentro de la sección/es previamente creada/s, crear varias categorías
3. Crear varios documentos o páginas web (dentro de la/s categoría/s previamente creada/s)
4. Crear enlaces desde el menú hacia los contenidos (o hacia sus contenedores), para que los
usuarios puedan navegar por el sitio.
5. Configurar módulos para contenidos secundarios o contextuales (OPCIONAL)
Luego que el sitio web en Joomla ya está "armado" no es necesario volver a realizar todos esos
pasos. Obviamente porque ya tenemos secciones, categorías, y enlaces hacia los contenidos
previamente creados, entonces, en esta instancia podemos:
Editar contenidos previamente creados o
Agregar nuevos contenidos (y/o contenedores)
Nota importante!!!!
Al crear secciones y categorías ten en cuenta estas reglas:
No tiene sentido crear una sección que solo tenga la posibilidad de contener UNA sola categoría,
por ende no debe hacerse.
No tiene sentido crear una categoría que solo tenga la posibilidad de contener UN solo item de
contenido (documento web), por ende no debe hacerse.
No debes crear diferentes secciones y categorías para un mismo documento web, es decir, cada
item de contenido debería estar solo en su sección y categoría correspondiente, y no ser
duplicado en otras.
Una sección amerita ser creada únicamente cuando se crearán varias categorías en su interior, y
análogamente una categoría amerita ser creada únicamente cuando luego se crearán varios
documentos en su interior
La creación de secciones y categorías debe utilizarse para clasificar la información según los
criterios más importantes de información del sitio web, para criterios menos importantes se
deben utilizar tags (etiquetas)
Lic. José Luis Ponce Segura www.redtacna.net Pag. 18 de 32
19. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
4.6 CREAR SECCIÓN Y CATEGORÍA
Dentro del panel principal hay dos botones para administrar secciones y categorías.
CREAR UNA SECCIÓN
Ir a Panel Principal >> Gestor de Secciones >> Botón Nuevo >> Colocar el Titulo, Alias >>
completar la descripción del contenido de la sección el campo de trabajo (si fuese necesario, esto es
opcional) >> Guardar los cambios
Lic. José Luis Ponce Segura www.redtacna.net Pag. 19 de 32
20. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CREAR UNA CATEGORIA
Panel Principal >> Gestor de Categorías >> Botón Nuevo >> Colocar el Titulo, Alias
>>Seleccionar Sección >> Rellenar el campo de trabajo (si es necesario)>> Guardar los cambios
Lic. José Luis Ponce Segura www.redtacna.net Pag. 20 de 32
21. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CAPITULO V
REÚNE Y ORGANIZA LOS CONTENIDOS DE TU WEB
Para reunir el material a publicar en tu web (textos, imágenes, y cualquier material digital), debes
comprender que todo debes organizarlo en torno a documentos web individuales.
Asimismo ten en cuenta que cada documento web contiene:
1. Una serie de elementos comunes (que comparte con otros documentos del sitio, generalmente son
elementos del layout o template, o información contextual), y
2. Elementos únicos y propios del documento en cuestión
5.1. ORGANIZANDO EL SITIO WEB EN TU PROPIA PC
Es preciso que identifiques unidades de contenido y las separares en entidades únicas, para crear
con ellas cada documento de tu sitio web. Para esto yo recomiendo utilizar una hoja de Word por
cada documento web a publicar.
También vas a contemplar, la forma en que vas a clasificar cada uno de esos documentos web
dentro de tu sitio. Crea primero un directorio (carpeta) en tu PC donde colocarás tu proyecto web.
Puedes llamar a este directorio, por ej: "Sitio Web"
A esta altura voy a repetir una distinción importante: para sitios web pequeños (de 4 a 10
documentos, o un poco más), todos los documentos web deben ser colocados inmediatamente
dentro del directorio "Sitio Web". Pero si tu sitio contendrá muchos documentos web, vas a hacer
uso de las secciones y categorías de información.
EN EL PRIMER NIVEL COLOCA LAS SECCIONES DE INFORMACIÓN:
Dentro del directorio de tu proyecto ("Sitio Web" en el ejemplo), vas a crear una carpeta por cada
sección de tu sitio, utiliza para nombrarla el mismo nombre que tendrá su sección correspondiente
en tu sitio web. Ej:
Lic. José Luis Ponce Segura www.redtacna.net Pag. 21 de 32
22. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
EN EL SEGUNDO NIVEL COLOCA LAS CATEGORÍAS DE INFORMACIÓN:
Dentro de cada sección (carpeta), crea una nueva carpeta por cada categoría de documentos a
publicar. Utiliza para nombrar tus carpetas los mismos nombres que tendrán las categorías en tu
sitio web Ej.
Recuerda que las categorías están "contenidas" en sus secciones correspondientes.
Y EN EL TERCER NIVEL COLOCA LOS DOCUMENTOS O PÁGINAS WEB:
Finalmente, en cada una de las categorías (carpetas) coloca todos los documentos a publicar dentro
de ellas, ej:
Si tienes todos los textos de tu sitio web en un solo archivo Word, debes empezar a seccionarlos y a
dividirlos en varios. La idea es, repito, que tengas una hoja Word por cada documento web de
tu sitio. Y que la mayor cantidad de documentos corresponda necesariamente a una sección y
categoría de la información.
Si notas que hay algunos documentos que no pueden ser clasificados en ninguna de tus secciones y
categorías, simplemente colocarlos en una carpeta llamada "Sin Categorizar" que debes crear en
tu carpeta del proyecto "Sitio Web"
Cada hoja word perteneciente a un documento web debería contener entonces:
Los textos del documento
La vinculación a sus imágenes, archivos flash, u otro material digital / multimedia
Datos y metadatos, ej: título del documento, breve descripción y términos claves asociados
indicar sus relaciones (enlaces con otros documentos)
Lic. José Luis Ponce Segura www.redtacna.net Pag. 22 de 32
23. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
indicar si el documento contiene elementos interactivos, por ej, formularios, botones de llamada
a la acción, etc.
5.2. FOTOGRAFÍAS E IMÁGENES
Las fotografías se sugieren colocarlas en un directorio "imagenes" y referenciarlas desde cada
documento Word, llamándolas por su nombre de archivo.
Algunos tips para imágenes:
Si tienes muchas imágenes tal vez sea necesario clasificarlas / organizarlas en diferentes
carpetas
Nombra los archivos con nombres representativos de lo que contienen, evita usar solo números
Usa para los nombres de imágenes solo caracteres alfanuméricos, reemplazando los espacios
por guiones "_" o "-"
No uses caracteres extraños para los nombres de archivo
Si tienes fotos en secuencia, serializalas con un nombre seguido de un número creciente cada
una de ellas, ej: producto_x_01.jpg, producto_x_02.jpg, producto_x_03.jpg, etc.
Si puedes baja el tamaño y peso de archivo sin perder la calidad de visualización/resolución
Si las dimensiones de tus imágenes es demasiado grande, reducirlas a un máximo de 800
pixeles de ancho
5.3. QUÉ CONTENIDOS DEBE TENER UN SITIO WEB CORPORATIVO
Algunas sugerencias:
Un mensaje directo a tus usuarios que les explique: de qué trata el sitio y cómo pueden usarlo,
qué tipo de información encontrarán en él, a quiénes está dirigido tu mensaje, qué prometes y
con qué te comprometes, etc.
Información bien detallada de tu empresa, actividad o profesión (quiénes somos, valores, misión
y visión, historia, trayectoria, miembros, etc)
Lista de clientes que han confiado en tu empresa, y Testimonios o casos de éxito de tus clientes
Fotografías de tu gente (staff), y de tu infraestructura: fotos de tus oficinas, showrooms, locales
comerciales, planta fabril, flota de vehículos, etc
Información explícita sobre tus ventajas competitivas, propuestas únicas de valor para tus
clientes, compromisos asumidos, garantías de calidad, certificaciones, premios y logros
obtenidos.
Información completa y bien detallada de tus productos o servicios (no escatimes datos que
puedan ser útiles para que tus clientes conozcan lo que ofreces)
Cartas de ventas con textos orientados a despertar el interés en lo que ofreces, con propuestas
concretas y ofertas cerradas
Documentación e información de interés sobre el rubro, o actividad, divulgación sobre
Investigación y Desarrollo, artículos y whitepappers, etc
Novedades, eventos y cualquier información de valor de tu sector/rubro/actividad o empresa
Lic. José Luis Ponce Segura www.redtacna.net Pag. 23 de 32
24. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CAPITULO VI
LA APARIENCIA ESTÉTICA Y VISUAL DE TU SITIO
6.1. SOBRE EL SISTEMA DE TEMPLATES DE JOOMLA!
Joomla posee un sistema de templates o plantillas, encargado de definir:
La configuración estructural de la interfaz gráfica de usuario (la pantalla),
La disposición de los diferentes elementos y su aspecto estético, y
El formato de estilo visual (colores, imágenes de fondo, tipografía, íconografía, divisiones, etc.)
La mayor flexibilidad de Joomla se deriva de su filosofía de desarrollo MVC (modelo-vista-
controlador) Esto es la separación de los contenidos por un lado y el diseño (presentación), por
otro. Hablando con propiedad el concepto MVC es más complejo pero no lo explicaré aquí para
simplificar
Lo importante de este patrón es que implica que podemos cambiar en un instante el diseño
visual de cualquier sitio Joomla! sin alterar sus contenidos, ni su organización, ni su
navegabilidad, ni sus funcionalidades.
Cuando instalas tu Joomla por primera vez, este ya trae tres templates instalados y uno que está
asignado para cargar por defecto (Rhuk Milkyway).
Luego puedes cambiar el aspecto visual de tu sitio simplemente:
Descargando de Internet e instalando nuevos templates, los cuales podrás configurarlos y
personalizarlos en la medida de tus posibilidades,
Creando (o encargando) templates desarrollados a medida, para Joomla. o también
Personalizando los templates que ya vienen instalados por defecto
6.2. ¿COMO INSTALAR UNA TEMPLATE?
Ingrese al Panel de administración de Joomla
Luego diríjase al menú [Extensiones]
Luego seleccione [Instalar/Desinstalar]
Lic. José Luis Ponce Segura www.redtacna.net Pag. 24 de 32
25. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Luego debe hacer clic en el botón subir Archivo & Instalar:
Luego deberá mostrar un mensaje de éxito, el cual nos indica que la plantilla fue instalada
correctamente
Luego para establecer la plantilla recientemente instalada, debemos seguir el
siguiente procedimiento:
Ir al menú [Extensiones]
Luego seleccionar [Gestión de Extensiones]
Ahí deberemos seleccionar la plantilla recién instalada y luego hacemos clic en el botón
[Predeterminado]
Luego observará que la plantilla seleccionada es la predeterminada
Lic. José Luis Ponce Segura www.redtacna.net Pag. 25 de 32
26. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
CAPITULO VII
CREACIÓN O EDICIÓN DE DOCUMENTOS
7.1. CREAR UN DOCUMENTO NUEVO (PÁGINA WEB)
Desde el Panel Principal debe hacer clic en Add New Article
7.1.1. EDITOR VISUAL
Joomla 1.5.x ya viene con un editor de contenidos visual (WYSIWYG), llamado TinyMCE
2.x. Este editor tiene dos áreas principales: El Área de herramientas y el campo de
trabajo.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 26 de 32
27. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
7.1.2 INTERFAZ DE EDICIÓN/CREACIÓN DE UN DOCUMENTO WEB
Datos y estado del documento: Titulo del documento, alias, estado de publicación
(publicado o no publicado), sección y categoría a la cual pertenece el documento actual,
front page (esto nos indica si el documento está publicado en la página principal o no)
Campo de trabajo: el mismo es donde va el cuerpo del documento: el texto, las
imágenes, y los enlaces que se pueden editar (todo esto se llama hipertexto).
Campo de Herramientas: Aquí están las herramientas que sirven para "formatear"
el cuerpo del documento editado: incrustar y editar imágenes, alinear el texto/imagen,
establecer jerarquías entre encabezados de textos (títulos y subtítulos entre los
diferentes párrafos), insertar tablas, enlaces, utilizar formato para los párrafos de texto:
viñetas, negritas, itálicas, etc.
Al crear un documento nuevo (ver imagen 16), debe colocarle un titulo al documento, un
alias (usualmente es el mismo que colocamos en el titulo), y seleccionar una sección y
categoría (previamente creadas) donde pertenecerá ese documento.
Luego proceda a colocar el contenido del documento en el campo de trabajo, utilizando el
editor visual para formatear el contenido. Cuando el documento está listo: Guarde o aplique
los cambios.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 27 de 32
28. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
7.1.3 GUARDAR/CANCELAR LOS CAMBIOS REALIZADOS
1- Guardar la edición del documento (guarda y cierra el documento actual)
2- Aplicar la edición y continuar editando (guarda el cambio pero el documento actual
carga nuevamente)
3- Cerrar la edición, los cambios realizados hasta el momento sin haber clickeado en los
botones 1 y 2 no serán guardados.
7.2. EDITAR/CONFIGURAR DOCUMENTOS
7.2.1. EDITAR CONTENIDO, DOCUMENTO/PÁGINA WEB
Existen varias formas de encontrar el contenido que queremos editar (dependiendo de si se
trata de un sitio web pequeño con pocas páginas o uno grande con muchos documentos):
a) Ir a >> Contenido >> Gestor de Artículos >>
b) Aparecerán todos los documentos listados, cuyos nombres se ven en la columna
"Título". Haga click en el "nombre del documento" que desea editar.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 28 de 32
29. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
c) En el Gestor de Artículos se puede filtrar la lista de contenidos por sección y/o
categoría: Seleccionar Sección y Categoría (ver imágenes 20 y 21) >> Aparecerán todos
los documentos listados cuyos nombres están en la columna Título, haga click en el que
desea editar.
d) Cuando encontró el artículo de contenido que desea editar, debe hacer clic sobre el
título (columna "Título"), y será dirigido a la interfaz de edición del documento en
cuestión, tal como se vio en la figura del punto 7.1.2.
7.3. CONFIGURAR PREFERENCIAS DE PUBLICACIÓN
Cuando se crea un artículo y se publica sin haber configurado/editado las preferencias que por
defecto trae Joomla, la parte pública del contenido principal (maincontent) se ve así:
Todos los textos e íconos que están en los recuadros rojos de la imagen anterior, dependiendo de la
temática o el tipo de sitio que estamos creando, pueden o no estar activados.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 29 de 32
30. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Si usted no desea estos elementos -Todos o algunos- lo que debe hacer es ir a Contenido >>
Gestor de Artículos >> Preferencias
Luego se abrirá una pantalla con las preferencias:
En ella deberá establecer los valores para los parámetros de los artículos, luego guardar los
mismos.
Lic. José Luis Ponce Segura www.redtacna.net Pag. 30 de 32
31. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Veamos cómo activar o desactivar dichos elementos
Artículo original
Cambiando preferencias
Luego deberá hacer clic en Guardar
Lic. José Luis Ponce Segura www.redtacna.net Pag. 31 de 32
32. I.S.T. “F.P.G.V.”
Computación e Informática Diseño y Gestión de Sitios Web
Vista del artículo luego de cambiar las preferencias
Lic. José Luis Ponce Segura www.redtacna.net Pag. 32 de 32