Date post: | 23-Jan-2016 |
Category: |
Documents |
Upload: | roberta-rubi |
View: | 231 times |
Download: | 0 times |
Joomla
Gestores de Contenidos (CMS)
Sistema de Gestión de Contenidos o Content Managment System (CMS) Aplicación informática para crear, editar,
manejar y publicar contenidos de una forma organizada y consistente.
Es una forma de construir sitios webs con gran funcionalidad y poco esfuerzo
Gestores de Contenidos (CMS)
Dividido en dos partes: Base de datos, donde se almacena todo el
contenido El interfaz que controla el acceso a ese
contenido. Es la forma en la que se muestra el contenido
Gestores de Contenidos (CMS)
Contenidos y presentación se tratan por separado: Es posible cambiar el diseño del contenido en
cualquier momento, sin tener que darle formato de nuevo al mismo
Permiten la edición y publicación de varios usuarios. Ejemplo: Un profesor pone datos nuevos El administrador los hace públicos
Gestores de Contenidos (CMS)
Hay varios tipos de CMS: Foros de discusión Blogs con artículos o noticias en orden
cronológico Wikis, artículos que todos pueden editar Sitios webs completos, que incluyen
funcionalidades diversas
Joomla
Joomla es un CMS libre que permite la creación de sitios web, e incluye características como: Gestión de noticias Blogs Galerías de imágenes Gestión de usuarios Búsqueda dentro de la propia web ...
Instalación
Requisitos previos Apache
Es el servidor Web, el programa que interpreta el código y nos muestra las páginas
PHP Lenguaje de programación usado en Joomla
Descargar la última versión de Joomla http://www.joomlaspanish.org/
Sitio web del equipo español de Joomla, que proporciona paquetes de Joomla en español
Joomla
Joomla se divide en dos partes bien diferenciadas: Parte de usuarios (front-end). Todos los
visitantes pueden ver los contenidos publicados Los usuarios autorizados para ello pueden introducir
contenido Parte de administrador (back-end). Sólo tienen
acceso aquellos usuarios que el administrador haya autorizado.
Aquí se administra todo el portal
Como Funciona Joomla ?
Front – end
Parte de usuario. Formato común. Cabecera de la página Menú izquierdo y otros bloques Bloques en el lado derecho Parte central de la página, donde aparece el
contenido. Es lo que cambia al cambiar de página dentro del
sitio web
Tipos de contenido
En Joomla hay diferentes tipos de contenido para que elijamos en cada momento el que mas se ajuste al contenido a tratar:
Artículos Es el contenido que se introduce como tal Son las páginas de información o las noticias
del sitio Ejemplo: Noticias, Visión general
Tipos de contenido
En versiones anteriores de Joomla, este contenido se dividía en:
Contenido estático Una página del sitio que se mantiene en el
tiempo Ejemplo: Visión general
Contenido dinámico, o artículos Es contenido que se van introduciendo
Tipos de contenido
En Joomla hay diferentes tipos de contenido para que elijamos en cada momento el que mas se ajuste al contenido a tratar:
Componentes Muestran información en la parte central de la
página, de alguna manera especial. Ejemplo: Página de portada. Muestra todos
los artículos seleccionados para aparecer en portada.
Tipos de contenido
Módulos Muestran alguna información en los bloques
laterales de la página Ejemplo: Encuestas
Tipos de contenido
El contenido dinámico se organiza en base a secciones y categorías:
Las secciones contienen categorías Las categorías contienen artículos
Cada sección debe tener al menos una categoría, para poder asignar artículos.
Back - end
Parte de administrador. Visión general. Acceso a través de:
http://joomla.64-bits.com/administrator
Autenticación necesaria para acceder nombre de usuario y contraseña introducidos
en la instalación pueden crearse otros usuarios para repartir
las funciones de mantenimiento de la web
Back - end
Parte de administrador. Podemos dividir la página en 4 áreas importantes: Menú principal Barra de información Barra de herramientas Área de trabajo
Página inicial del administrador
Accesos rápidos para las acciones más frecuentes a realizar por el administrador
Back - end
Menú principal
Acceso a todas las funciones de administración de Joomla
Al pulsar sobre un menú se despliegan las opciones, pudiendo algunas de ellas tener submenús
Back - end
Barra de información
En la parte derecha hay 4 iconos: Notificaciones del portal Vista previa Usuarios Salir
Back - end
Barra de herramientas
Provee de distintos instrumentos para la creación y manipulación de contenidos y otros elementos de Joomla, como menús.
Esta barra tiene botones distintos dependiendo del elemento que se está administrando
Aparecen casi siempre: Nuevo, Editar, Publicar, Guardar, Cancelar, etc.
Back - end
Espacio de trabajo
Es la zona donde se realiza el trabajo realmente También dependerá de que elemento estemos
administrando
Menú del administrador
Sitio
Panel de control: vuelve a la página inicial Gestor de usuarios: para gestionar los usuarios
del sistema Gestor multimedia: para subir fotos y demás Configuración global. Opciones generales de la
web. Cerrar sesión: para salir de la zona de
administración.
Menú del administrador
Menús Cada elemento del menú Menús da acceso a la
edición de un menú del portal Aparecen en forma de lista, todos los elementos
del menú seleccionado Enlace Indicación de si está publicado Orden y controles para modificarlo Tipo de acceso necesario Tipo de contenido e identificadores
Menú del administrador
Contenido Gestor de artículos: acceso a todos los artículos Papelera de artículos: acceso a los artículos
eliminados Gestor de secciones: para manejar las
secciones Gestor de categorías: para manejar las
categorías Gestor de la página de inicio: artículos que
aparecen en la página de inicio
Menú del administrador
Componentes Acceso a todos los componentes instalados
Extensiones Instalar/desinstalar: para instalar o desinstalar
extensiones Gestor de módulos: acceso a todos los módulos
instalados Gestor de plugins: acceso a todos los plugins
instalados
Menú del administrador
Extensiones Gestor de plantillas: para gestionar las plantillas
del sitio Gestor de idiomas: para elegir el idioma
predeterminado del sitio web
Menú del administrador
Herramientas Leer mensajes: accede a los mensajes del
administrador Escribir mensajes: para escribir mensajes
privados a otros administradores Correo masivo: Para mandar correos a los
usuarios del portal Desbloqueo global: Quita todos los candados. Limpiar la caché
Pasos siguientes
Hemos visto una visión general del front-end y el back-end Muchos datos, difíciles de recordar
A partir de ahora, iremos haciendo prácticas para aprender todo lo que hemos contando hasta ahora: gestión de contenido, uso de módulos y componentes, instalación de extensiones, etc.
Artículos
Añadiendo contenido
Panel de control : Añadir un nuevo artículo La página que aparece se divide en tres
partes: El editor Las opciones, que aparecen en la parte
derecha de la pantalla La barra de herramientas para actuar
sobre el contenido.
Artículos
Título del artículo Se mostrará subrayado y de mayor tamaño. El
alias no se usa. Publicado: si se publica el artículo Página principal: si aparece en la página
principal Sección a la que pertenece Categoría a la que pertenece
Artículos
Joomla tiene posibilidad de ordenar el contenido del sitio en base a:
Las secciones contienen categorías Las categorías contienen artículos
Cada sección debe tener al menos una categoría, para poder asignar artículos.
También podemos tener artículos sin clasificar
El editor
Barra de herramientas del editor. Negrita/cursiva/subrayado Alineación del texto Estilo Formato Tipo Lista (no numerada y numerada) Incrementar/decrementar sangrado Rehacer y deshacer
El editor
Barra de herramientas del editor. Insertar enlace Quitar enlace Insertar ancla Insertar imagen Limpiar código Editar HTML Buscar/reemplazar Insertar fecha
El editor
Barra de herramientas del editor. Insertar hora Emoticonos Insertar vídeo Dirección del texto Nueva capa y opciones de capas Color del texto Insertar línea horizontal Quitar formato
El editor
Barra de herramientas del editor. Ver/no ver elementos invisibles Subíndice Superíndice Insertar carácter especial Insertar barra horizontal Insertar/modificar tabla
El editor
Barra de herramientas del editor. Propiedades de la fila Propiedades de la celda Insertar fila (antes/después), borrar fila Insertar columna (antes/después), borra
columna Dividir celdas Combinar celdas
El editor
Barra de herramientas del editor. Cambiar a pantalla completa Editar estilos CSS
Parámetros del artículo
Parámetros – Artículo Autor Alias Nivel de acceso Fecha de creación Iniciar publicación Publicación finalizada
Parámetros del artículo
Parámetros – Avanzado Información de metadatos
Barra de herramientas
Previsualizar. Muestra en una nueva ventana como se vería actualmente la página que estamos modificando.
Guardar. Guarda los cambios y vuelve al menú de contenido estático.
Aplicar. Guarda los cambios y sigue editando.
Barra de herramientas
Cerrar. Cierra sin guardar. Ayuda. Muestra una página muy completa
con instrucciones sobre la edición de contenido (en inglés)
IMPORTANTE: cuando terminemos de editar, siempre salir con Guardar o Cancelar, ya que si no el elemento quedará bloqueado para otros usuarios.
Práctica
Escribir un nuevo artículo Insertar algún enlace Insertar una lista Insertar una tabla
Clasificarlo en alguna de las categorías existentes
Publicarlo en la página principal y comprobar que aparece correctamente
Gestor de artículos
El gestor de artículos muestra una lista con todos los artículos que tenemos confeccionados en el portal
Para cada uno se muestra: Título Si está o no publicado Si aparece en la página principal
Gestor de artículos
Para cada uno se muestra: Orden Nivel de acceso requerido Sección Categoría Autor Fecha Número de impresiones
Editando contenido
Manejo de fotos y otros archivos externos. Primero debemos subir la foto al sitio web, si
aun no la tenemos allí, usando Gestor multimedia
Después, al editar el artículo, pulsamos en Insertar/Editar Imagen y ponemos la dirección de la foto subida:
http://localhost/images/foto.png Al editar las propiedades de la imagen, podemos
cambiar su tamaño y otras opciones.
Práctica
Subir una foto con el Gestor Multimedia Usar el administrador de contenido para
acceder a la edición del artículo que creamos antes, y modificarla insertando la imagen que hemos subido
Componentes
Componentes
Son mini aplicaciones que muestran contenido de una manera especial.
Ejemplo: la página principal. “no existe como tal” Se crea con las noticias que indicamos que
deben aparecer en la página de inicio
Componentes
Componentes incluidos en la instalación básica:
Banners para publicidad Búsqueda en la web Contactos. Organiza los contactos. Encuestas. Para proponer encuestas. Enlaces web. Para gestionar enlaces. Servidor de noticias. Para mostrar noticias
externas.
Uso de un componente
Ej: Contactos
Componente que permite la categorización de contactos
Componentes -> Contactos -> Categorías Para gestionar las categorías de contactos
Componentes -> Contactos -> Contactos Para gestionar los contactos
Uso de un componente
Ej: Enlaces web
Componente que permite la categorización de enlaces web enviados por los usuarios
Enlaces Web -> Categorías. Permite la gestión de categorías
Enlaces Web -> Enlaces. Permite la gestión de enlaces.
Módulos
Módulos
Muy diferente de los anteriores Los artículos y los componentes se muestran
en el cuerpo principal de la página Los módulos se pueden mostrar en cualquier
parte Son los bloques que aparecen a los lados:
Acceso, ¿Quien está en línea?, ...
Módulos
Accesibles en Extensiones -> Gestor de Módulos Algunos componentes usan también módulos para
completar su funcionamiento Para cada menú del sitio, se crea un módulo del
mismo nombre, a través del que podremos controlar las opciones de comportamiento del menú
Posteriormente los veremos
Módulos
Ej de uso de un módulo: ¿Quien está en línea?
Este módulo muestra información sobre los usuarios conectados
La información no se muestra en la parte central de la página, sino a la derecha
Para configurar este módulo, entramos a Extensiones -> Gestor de Módulos -> ¿Quien está en línea?
Módulos
Ej de uso de un módulo: ¿Quien está en línea?
Podemos configurar: Opciones comunes a todos los módulos:
Posición Nivel de acceso En que partes del portal debe aparecer
Opciones específicas del módulo: Mostrar número o nombre de los miembros
conectados
Práctica
Cambiar la posición del módulo ¿Quien está en línea?, para que aparezca a la izquierda Modificar la Posición Pulsar Guardar en la barra de herramientas
Hacer también que se muestren los nombres de usuario
Comprobar el cambio en la web
Uso de un componente/módulo
Ej: Encuestas
Conjunto de componente y módulo que permite disponer de encuestas en el portal
Los usuarios pueden votar y ver el progreso de los resultados
Uso de un componente/módulo
Ej: Encuestas
Para introducir una nueva encuesta, usamos Componentes -> Encuestas
Nuevo: lleva a crear una nueva encuesta Debemos publicarla
Para que se muestre en la página, debemos ir a Extensiones -> Gestor de Módulos -> Encuestas
En Parámetros del módulo, seleccionar la nueva encuesta
Práctica
Añadir una nueva encuesta y hacer que aparezca publicada en la página principal Introducir nueva encuesta a través del
componente Ponerla activa a través del módulo
Recordar: Modulo , después en componentes agregamos nuevos de cada tipo de modulo.
Módulos
Para cada menú hay un módulo con el mismo nombre
Al entrar, podemos configurar posición, acceso, páginas en las que debe aparecer, etc.
Por tanto, las opciones de configuración del menú se cambian en Módulos, mientras que la edición de las opciones mostradas en el menú, se realiza en Menús.
Menús
El portal se presenta ahora con una serie de menús predefinidos Si no estuviesen instalados los datos de
ejemplo, estaría vacío Para adaptarlo a nuestras necesidades,
podemos modificar, borrar o añadir nuevas entradas a los menús, o crear menús nuevos
Para modificar un menú accedemos a Menús -> Nombre del menú
Menús
Se muestra un listado con todos los enlaces del menú, indicando el sangrado, el orden, el tipo de enlace, el tipo de acceso, etc.
Si entramos en uno de ellos, podemos modificar opciones como el nivel de acceso requerido, o en que ventana debe abrirse en enlace
Podemos añadir uno, pulsando Nuevo
Menús
Cuando añadimos un nuevo enlace al menú, debemos elegir el tipo de contenido enlazado. Las opciones dependerán de las extensiones que tengamos instaladas, aunque algunas aparecerán siempre.
Menús
Añadir/editar entradas del menú Opciones de una entrada del menú
Nombre Enlace (a donde apunta la entrada del menú).
Dependerá del tipo de entrada. Abrir en: donde se abrirá el enlace:
misma ventana nueva ventana con controles nueva ventana sin controles
Artículo padre. Sangrado de la entrada en el menú.
Menús
Añadir/editar entradas del menú Opciones de una entrada del menú
Orden en el que aparece en el menú Nivel de acceso necesario para que se muestre la
entrada del menú al visitante
Práctica
Crear en el menú izquierdo un enlace al primer artículo que creamos
Seleccionar Nuevo Seleccionar Artículo -> Presentación del artículo Poner título Seleccionar el artículo enlazado en Parámetros
–> Básico Comprobar en el front-end
Menús
Para controlar la configuración del menú, debemos acceder al módulo de mismo nombre que aparece en la lista de módulos
Así, podemos configurar: Título, y si queremos o no que se muestre Posición y orden Nivel de acceso requerido En que partes del portal debe aparecer Más opciones avanzadas
Usuarios
Tipos de usuarios del front-end Invitado. Es el que llega al sitio web sin identificarse. Registrado. Puede acceder a las secciones
restringidas, y enviar nuevos enlaces. Autor. Pueden crear nuevo contenido. Editor. Capacidad de editar sus artículos, y los de
otros autores. Publicador. Pueden hacer lo que autores y editores, y
además pueden publicar contenido.
Usuarios
Añadir un nuevo usuario Menú Sitio -> Administrador de usuarios Pulsar el icono Nuevo de la barra de
herramientas Rellenar los datos del nuevo usuario Elegir el grupo al que pertenece Pulsar el icono Guardar de la barra de
herramientas
Práctica
Añadir un nuevo usuario Registrado Menú Sitio -> Gestor de usuarios Pulsar el icono Nuevo de la barra de
herramientas Rellenar los datos del nuevo usuario Pulsar el icono Guardar de la barra de
herramientas Entrar en la web con el usuario creado
Editores
Los usuarios con el rol Editor, podemos editar los artículos de los demás usuarios Al lado de cada artículo, podemos ver que
aparece el icono Si pulsamos, podemos editar el artículo en
cuestión
Publicadores
Los usuarios con el rol Publicador, podemos editar los artículos de los demás usuarios Al lado de cada artículo, podemos ver que
aparece el icono También aparecen los artículos no publicados,
ya que estos usuarios pueden activar su publicación
Instalando extensiones
Pasos para instalar una extensión: Descargar la extensión de Internet Instalar la extensión desde el back-end Activar la extensión. Donde hacerlo dependerá
del tipo de extensión: módulo, componente, plugin...
Usar la extensión
Plantillas
Podemos instalar nuevas plantillas del mismo modo que instalamos otras extensiones: Después de instalarlo, tenemos que activarlo,
para todo el sitio o parte de él, para poder verlo Esto lo hacemos en Extensiones -> Gestor de
plantillas, como ya hicimos al ver las plantillas instaladas por defecto
Plantillas
Un sitio web con muchas plantillas gratis es: http://plantillasjoomla.org
Práctica
Descargar dos nuevas plantillas de la web antes mencionada Asignar una de ellas como plantilla
predeterminada
(Se proporcionan 2 plantillas , para no tener que ser descargadas.)
Buscando extensiones
Para localizar una extensión que resuelva alguna necesita que se nos plantee en Joomla, podemos ir a: http://extensions.joomla.org/
Repositorio de extensiones de Joomla, organizado por categorías
También podemos buscar
RECURSOS
Plantillas:
http://plantillasjoomla.org Extensiones
http://extensions.joomla.org/ Joomla español
http://www.joomlaspanish.org/ Practicas con Joomla
practicas-con-joomla-1-5.pdf
Paginas con Joomla
http://www.uteq.edu.mx/ http://www.univer.edu.mx/ http://www.iesgrancapitan.org http://frances.iesleonardodavinci.net http://ividal.com