Curso online de Joomla: XAMPP, también en Ubuntu 9.04

10 05 2009

Joomla 1.5.10, nueva versión estableLos chicos de Joomla Spanish nos facilitan desde finales de marzo la última versión disponible de Joomla, completamente traducida al castellano: Joomla! Spanish 1.5.10 estable-Full. Con el ordenador a cuestas te invita a que descargues, pruebes y uses en tus sitios Web este fantástico Gestor de contenidos (C.M.S) que te permitirá crear y administrar de forma muy sencilla contenido dinámico en tu Web.

En nuestros anteriores artículos dedicados a Joomla ya te hablamos de sus características y de los requisitos técnicos necesarios para ejecutarlo. Te recomendamos accedas a ellos para conocerlos y, sobre todo, leas los artículos dedicados a la instalación de un servidor local en tu equipo con un sistema Windows si este es el Sistema Operativo de tu ordenador. Ten en cuenta que Joomla es un sistema de administración de contenidos de código abierto que se ejecuta en servidores con PHP y base de datos MySQL, por tanto, si quieres instalarlo en tu equipo necesitarás la instalación previa de alguna solución que convierta tu ordenador en un servidor: nuestro recomendado, XAMPP (por ser multiplataforma -versiones para Windows, Linux y Mac- y opensource.

Como ya conoces, si eres uno de nuestros habituales lectores, Con el ordenador a cuestas está especialmente dirigido a la formación de docentes, de ahí que nuestros artículos dedicados a Joomla se destinen a la creación, edición y mantenimiento de sitios webs educativos. Han pasado ya unos cuantos meses desde que la línea 1.5 de Joomla apareciera (Febrero 2007) y ya está claramente desarrollada, por ello, a partir de este momento nuestros tutoriales tomarán como base esta versión.

En este artículo te mostramos cómo instalar XAMPP en un equipo con Ubuntu 9.04, la última versión estable de esta popular distribución Linux con el claro objetivo de instalar posteriormente Joomla 1.5.10 en él.

¿Por qué un servidor Web?

Por tratarse de una aplicación Web, Joomla necesita instalarse sobre un servidor web, como Apache o Internet  Information Services (IIS), pero además requiere que este servidor esté ampliado con PHP y disponga de acceso a una base de datos MySQL.

En concreto, los requisitos de la versión 1.5 de Joomla, la que vas a instalar, son:

  • Un servidor web (Apache 1.3 o superior, o IIS) dotado de
  • PHP (4.3.10 o superior)
  • Servidor de bases de datos MySQL (3.23 o superior)

Esto puedes obtenerlo contratando un servicio de alojamiento (hosting), que no tiene por qué ser de pago (algunas empresas ofrecen alojamiento gratuito a cambio de incluir publicidad en las páginas del sitio, pero muy pocas admiten sitios Joomla), o instalando un servidor local en tu propio ordenador. Esta será la opción que utilicemos para seguir este curso de aprendizaje básico sobre Joomla.

Te recomendamos, además, que, aunque dispongas de un sitio en producción en un hosting remoto, siempre tengas una versión de testeo con un servidor local en tu equipo: resulta muy útil para comprobar los cambios que vayas realizando, comprobar la compatibilidad y estabilidad del sistema a medida que instales nuevos complementos para el mismo, etc. Cuando compruebes que todo funciona correctamente en tu servidor local, realiza los mismos cambios en tu servidor remoto.

Cuando accedes a través de Internet a una web gestionada con Joomla (o con cualquier otro CMS) no necesitas nada especial para ver sus contenidos ni para editar otros nuevos. Es posible hacerlo a través de cualquier navegador conectado a la Red: Internet Explorer, Firefox, Ópera, Flock…

Pero el ordenador en el que se encuentre alojada esa Web sí que necesita un entorno especial para que las tareas que ejecuta Joomla puedan realizarse y para que puedas ver su contenido: debe ser un servidor web capaz de interpretar el lenguaje PHP en el que está escrito Joomla y un programa para gestionar la base de datos SQL en la que se almacena la información que le introduces cuando configuras tu web o cuando creas contenidos. Cuando te planteas realizar tu sitio Web con Joomla y vas a utilizar algún servicio de hosting debes considerar que el servicio que contrates o utilices (si es un hosting gratuito) tiene que ofrecerte estas condiciones especiales para que Joomla pueda funcionar. Y no todos los proveedores de alojamiento web tienen este tipo de servidores (Educastur, sí). El motivo parece ser que está relacionado con los riesgos de ataques externos que corre un sistema informático que ejecuta programas siguiendo órdenes remotas.

¿Por qué un servidor local?

Si no dispones de espacio en un servidor web contratado, no deseas utilizar un hosting gratuito (suele tener contrapartidas, como publicidad, spam, limitaciones en los servicios, temporalidad limitada…) o bien deseas probar primero Joomla en tu ordenador (algo muy recomendable, sobre todo cuando trabajes de un modo más avanzado con Joomla, ya que te permitirá testear que todo funciona perfectamente, antes de probar nuevos complementos directamente en tu sitio web), tendrás que instalar en tu ordenador un servidor web que posea las características comentadas.

La instalación de Joomla en un servidor local tiene algunas ventajas:

  • Te permite trabajar con Joomla sin necesidad de estar conectado a Internet
  • Las operaciones y tareas a realizar en Joomla son mucho más rápidas, casi instantáneas (en un servidor remoto dependerá, claro está, de tu conexión a Internet).
  • Te posibilita comprobar que las funcionalidades que añades a Joomla son completamente compatibles con el sistema.

Aunque no todo son ventajas:

  • Deberás trabajar siempre desde el mismo ordenador.
  • No existe una funcionalidad que te permita diseñar todo tu sitio web en local y posteriormente “subirla” a un sitio remoto.

Cómo instalar un servidor local en tu equipo

Xampp, servidor web también en UbuntuUn servidor local es simplemente un programa, instalado en el PC, que permite mostrar las páginas HTML mediante un navegador. El más conocido que, además es de código abierto, es Apache. Como ya te hemos comentado, Joomla necesita ser instalado en un ordenador en el que el servidor web Apache esté funcionando. Y tendrás además que añadirle el intérprete de lenguaje PHP y el motor de bases de datos SQL, junto con una utilidad que permita acceder a través del navegador web a dicha base de datos: PHPMyAdmin. Y todas estas herramientas son software libre, programas y aplicaciones que podrás descargar gratuitamente desde sus páginas oficiales desde Internet y que podrás instalar de manera independiente.

Ahora bien, aunque su instalación es sencilla, la configuración de estas herramientas para que funcionen adecuadamente no está al alcance de usuarios noveles. Por ello, la solución más simple es utilizar paquetes ya preinstalados y preconfigurados que incluyen no sólo estas herramientas sino también algunas otras añadidas, que nos facilitan mucho esta tarea y que son suficientes para nuestros propósitos con Joomla.

Existen diversas soluciones, cada una con sus propias características:

  • EASYPHP. Profusamente utilizado. Se caracteriza por ser un paquete exclusivamente para Windows, no libre pero sí gratuito, pero no tiene servidor de correo, necesario por ejemplo para que en Joomla puedan registrarse nuevos usuarios a través de e-mail o para que funcionen los formularios de contacto (se pueden utilizar los datos de una cuenta POP).
  • JS-U SERVER. El equipo de desarrolladores de Joomla Spanish, muy interesados en que Joomla se utilice por el mayor número de usuarios, nos ofrece en su sitio oficial un archivo comprimido con el servidor local JS-U Server instalado y configurado junto con la instalación de Joomla en sus dos últimas versiones: joomla 1.0.15 y joomla 1.5. Es una muy buena manera de acercarse a Joomla desde un punto de vista educativo, para iniciarse y para experimentar con Joomla en las primeras etapas de aprendizaje de la herramienta.
  • XAMPP. Nuestro preferido. Es open source, libre, gratuito y multiplataforma (posee versiones para Windows, Linux, Mac). Incluye servidor de correo y aplicación de FTP. De fácil instalación y sencilla utilización.

Cómo obtener e instalar XAMPP para Linux

Si utilizas un equipo con Linux, Ubuntu por ejemplo (mi sistema operativo preferido), tendrás que descargar la versión XAMPP para Linux. El procedimiento es muy sencillo:
Accede a la página oficial del proyecto XAMPP desde Mozilla Firefox:

Apache friends - XAMPP for Linux http://www.apachefriends.org/en/xampp-linux.html

Descarga la última versión disponible: en concreto, la versión XAMPP para Linux 1.7. En la página inicial localiza el apartado Step 1. Download y haz clic sobre el enlace Xampp Linux 1.7.1. El enlace te llevará a la descarga del archivo desde SourceForge.net, el mayor almacén de software libre en Internet y, en breves segundos, la ventana de descargas del navegador Firefox te solicitará qué hacer con el archivo en cuestión. Guárdalo en tu directorio personal.

 Descarga Xampp para Linux

El resultado de este proceso será la presencia en el directorio /home/”nombrede usuario” de un archivo denominado xampp-linux-1.7.tar.gz.

Xampp, servidor web también en Ubuntu

Inicia una sesión en la consola o terminal (Menú Aplicaciones - Accesorios - Terminal) e identifícate como administrador del sistema escribiendo el siguiente comando:

sudo -s

El sistema te solicitará tu contraseña de root, de superadministrador (la que pusiste en la instalación del sistema), tecléala y observa que ante la consola ya estarás identificado como tal.

Xampp, servidor web también en Ubuntu

Observa que en la terminal estás posicionado directamente en tu directorio personal, justo el directorio en el que se localiza el archivo tar.gz descargado en el paso previo (si hubieras descargado el archivo a una carpeta de este directorio tendrías que teclear en la consola cd /home/”nombredeusuario/”carpetadedescarga”, si no conoces la ruta siempre puedes utilizar el comando ls -l para listar archivos y carpetas o bien acudir a Nautilus utilizando el botón presente en la ventana Cambiar entre la barra de lugares y de botones). Pero vamos a suponer que, en efecto, se encuentra en tu directorio personal, por tanto, nuestras instrucciones apuntarán a esta ubicación.

El siguiente paso será descomprimir la carpeta y copiar sus archivos al directorio /opt, directorio predeterminado para este tipo de instalaciones, con el siguiente comando en la consola o terminal:

tar xvfz xampp-linux.1.7.1.tar.gz -C /opt

te explicamos el comando:

  • tar xvfz descomprime el contenido del archivo comprimido tar.gz y genera de nuevo la estructura de directorios
  • xampp-linux.1.7.1.tar.gz archivo descargado de Apache friends
  • -C ordenamos que lo descomprima a un directorio concreto
  • /opt el directorio de destino en el que se copiará toda la estructura de directorios de XAMPP

Observarás que comienza el volcado de archivos y que, en breve, XAMPP para Linux ya estará instalado en el directorio señalado. Así, si navegas por el sistema de archivos y acudes al directorio opt observarás que, en efecto, se ha creado un nuevo directorio llamado lampp en cuyo interior se encuentran todas las carpetas y archivos de Xampp. Una de ellas, la carpeta htdocs, es precisamente el directorio en el que se debe alojar Joomla cuando vayas a realizar su instalación.

Como iniciar el servidor

Deberás iniciar el servidor siempre desde la consola o terminal utilizando el comando:

sudo /opt/lampp/lampp start

Tras teclear la contraseña de root aparecerá en la consola un mensaje indicando que el servidor XAMPP para Linux se ha
iniciado correctamente:
root@edisue-laptop:~# /opt/lampp/lampp start
Starting XAMPP for Linux 1.7…
XAMPP: Starting Apache with SSL (and PHP5)…
XAMPP: XAMPP-MySQL is already running.
XAMPP: XAMPP-ProFTPD is already running.
XAMPP for Linux started.
root@edisue-laptop:~#

Para comprobar que efectivamente es así y que todo funciona correctamente, inicia tu navegador y accede a la dirección

http://localhost

Aparecerá la página inicial de XAMPP en la que podrás seleccionar la opción Español para acceder a la página de presentación.

Xampp, servidor web también en Ubuntu

Como detener el servidor

Siempre desde la consola o terminal. Teclea el comando:

sudo /opt/lampp/lampp stop

¡Así de simple!

 



Mowes portable II, un servidor Web en tu llave USB

8 04 2009
Contenido especialmente dirigido a aquellos lectores de nuestros artículos que necesitéis implementar un servidor local en vuestro ordenador (por ejemplo, los que seguís nuestros artículos de Joomla).
Para usuarios de Windows XP (no se garantiza su utilización en W. Vista, de hecho sólo en la copia de archivos en la llave USB el proceso es extremadamente lento (problemas de vista, no de Mowes, claro) y también se han documentado errores en su ejecución http://www.mowesforum.chsoftware.net/topic/189/mowes-and-vista/, al menos, con la versión que he utilizado en este artículo).

En un artículo previo de nuestro Blog os hemos hablado de XAMPP. Es nuestro elegido porque, a sus características generales y su buen funcionamiento, le añadimos dos premisas fundamentales: la primera, que es una aplicación libre y la segunda, que al ser multiplataforma puede ser instalada en Ubuntu, nuestra distribución Linux preferida.

Ver artículo: http://blog.educastur.es/sofwarelibre/2008/04/20/curso-online-de-joomla-monta-un-servidor-local-con-xampp/

Mowes PortablePara los usuarios de Windows que no quieran complicarse mucho la vida (porque la solución que te planteo en este artículo es la más sencilla y simple que he utilizado hasta ahora) tienes MOWES, un sencillo servidor web,  opensource, bajo licencia GNU/GPL… ¡y portable!, así que tiene la ventaja de poder ser incluido en una llave USB y, por tanto, resulta muy cómodo si tienes que llevarte tu servidor web local (y todo tu trabajo en él) de casa al cole, o viceversa (eso sí, no esperes que su comportamiento sea el de un coche de Fórmula 1, lógicamente al trabajar desde una llave USB todos los procesos se volverán algo más lentos, dado que debe leer y escribir desde el puerto USB). Salvando esta circunstancia, la comodidad de llevar tu trabajo “a cuestas” creo que puede merecer la pena que lo pruebes.

Podrás disponer de información sobre MoWeS Portable en su sitio web oficial (en inglés):

MOWES PORTABLE

Otra de las particularidades de Mowes es que te permitirá descargar e instalar, además de todos los archivos necesarios para ejecutar el servidor (Apache, PHP o MySQL) otras aplicaciones directamente ya listas y configuradas para ser usadas. Por ejemplo, podrás instalar PhpMyAdmin (necesario para gestionar tus bases de datos) y un montón de soluciones preinstaladas, para que no te tengas que preocupar de absolutamente nada cuando decidas usarlas; este es el caso de Joomla, Wordpress, Drupal, Moodle, MediaWiki, Xoops…

Descarga Mowes Portable (opción sólo servidor local)

Conéctate con el sitio web oficial de Mowes. En la página inicial del sitio verás un menú a la izquierda con la entrada Download (descarga) que te permitirá acceder a otra página en la que el equipo de desarrolladores te invitará a conocer el proyecto: el enlace No thanks, take me to the downloads, te permitirá continuar con el proceso de descarga.

descargas

Haz clic sobre este enlace y en la siguiente página valida una de las dos opciones. En este caso, vamos a suponer que no sabes que es Mowes y que lo vas a utilizar por vez primera, por lo tanto, valida la segunda opción: I do not have a Mowes Portable II Package and want to obtaint a new package (no dispongo de Mowes Portable y quiero obtenerlo). Haz clic en Go (Ir).

descarga

En la siguiente página tienes que seleccionar qué archivos vas a incluir en la descarga. Como ves se encuentra validada la opción Mowes Portable II core, el núcleo de la aplicación, sin el cual no podrás utilizarlo. Un poco más abajo de la página verás el bloque Server software en el que debes seleccionar las aplicaciones que deseas instalar para configurar el servidor local. Algunas aparecen duplicadas con la coletilla SE para indicarte que son versiones más pequeñas en la que no están incluidos todos los módulos pero si versiones suficientes para la mayoría de los usos posibles.Valida, por ejemplo, Apache 2_SE, ImageMagic, PHP4_SE, PHP5_SE, MySQL5_SE.

Acude al siguiente bloque, el llamado Application Software. No olvides validar en este bloque la aplicación PHPMyAdmin, la aplicación necesaria para la gestión y administración de bases de datos en tu servidor local.

Vete a la parte inferior de la página donde el sitio te mostrará información sobre el peso del archivo zip descargado (en este caso apenas 12 MB) y haz clic sobre el botón Download now (descarga ahora).

En la siguiente página tendrás que contestar a la pregunta al final de la misma en el apartado Spam Detection para evitar la utilización del sitio por los clásicos robots informáticos en busca de información. Suele ser una operación aritmética, responde correctamente y haz clic en el botón Continue.

En breve el navegador te preguntará qué hacer con el archivo mowes_portable.zip. Guárdalo en tu equipo, por ejemplo, en la misma llave USB que vas a utilizar para su instalación.

Descarga Mowes Portable (servidor local y Joomla, por ejemplo)

La única diferencia con respecto a los procedimientos mostrados en el apartado anterior es la elección de aplicaciones que acompañarán a los archivos necesarios para ejecutar el servidor local. En concreto, en el bloque Application SoftwareDownload now tendrás que seleccionar aquellas aplicaciones de servidor que quieras probar o implementar en tu servidor. Es decir, a PHPMyAdmin añádele la aplicación o aplicaciones que desees validando la opción que se encuentra a la izquierda de su nombre. Por ejemplo, valida Joomla (versión 1.5.9) y cuantas aplicaciones desees. Observa que, lógicamente, a medida que valides opciones, el peso del archivo zip a descargar aumenta. Cuando finalices tu selección, pulsa el botón , que encontrarás al final de la página.

Contesta de nuevo a la pregunta Spam y haz clic sobre Continue. De nuevo el navegador te preguntará qué hacer con el archivo mowes_portable.zip. Guárdalo en tu equipo (en la llave USB que vas a emplear, por ejemplo).

Descomprime el archivo zip

Pues eso… así de sencillo, descomprime el archivo zip que acabas de descargas en tu llave USB. Te recomendamos utilices una carpeta específica para ello: por ejemplo, llámala servidor local y descomprime el archivo zip en ella.

Comienza a utilizar Mowes Portable

Localiza la carpeta servidor local de tu llave USB (o la que hayas utilizado para descomprimir el zip) y observa su contenido haciendo doble clic sobre ella. En su interior encontrarás el archivo mowes.exe, un archivo ejecutable que, al hacer doble clic sobre él, te permitirá iniciar el volcado de los archivos necesarios a tu carpeta servidor local de tu llave USB. Comenzará así el proceso de copia de archivos.

un servidor Web en tu llave USB

Nota. En la instalación básica del servidor (sin aplicaciones añadidas tipo Joomla o Wordpress) mi equipo de hace 4 años, un AMD 64 Athlon 3500 con 2GB de Ram, empleó 10 minutos: por tanto, si es necesario… ten paciencia.

Primer paso: escoge el idioma de instalación. Entre los dos posibles, me quedo con el inglés, de alemán, nada de nada.

un servidor WEB en tu llave USB

Paso 2. Acepta el acuerdo de licencia. Ya te hemos comentado que Mowes se rige bajo licencia GNU/GPL, licencia que sustenta el software libre. Valida la opción para aceptarla y haz clic en OK.

un servidor WEB en tu llave USB

En la siguiente pantalla, Mowes te informará de las aplicaciones que serán instaladas: las aplicaciones básicas de servidor: PHP, MySQL y Apache 2 en ServerSoftware y las aplicaciones que elegiste al descargar el archivo zip del sitio web oficial de Mowes: PHPMyAdmin y aquellas con las que desees experimentar (Joomla, entre ellas, por ejemplo). El proceso es simple, haz clic sobre Install - instalar.

servidor Web en tu llave USB

Un mensaje de advertencia te preguntará si realmente deseas instalar todas las aplicaciones. Haz clic en el botón Aceptar para comenzar:

un servidor WEB en una llave USB

Poco a poco, las aplicaciones se instalarán en tu llave: una ventana te informará del progreso de copia de los archivos y otra, que se mostrará cuando finalice, te indicará que cada aplicación se ha instalado correctamente.

un servidor WEB en tu llave USB   un servidor WEB en tu llave USB

Pudiera ocurrir que, durante este largo proceso, el sistema te muestre algún mensaje indicándote la posibilidad de bloquear o no el acceso de algunas de las aplicaciones que estás instalando. Si esto ocurriera, desbloquea los programas correspondientes o, en caso contrario, no podrás seguir con la instalación:

un servidor WEB en tu llave USB

Cuando acabe la copia de archivos, se abrirá una ventana en tu navegador, indicándote que, en el caso de que hayas realizado la instalación de las aplicaciones que soporta Mowes, como es el caso de Joomla, Drupal, WordPress, MediaWiki, Moddle, etc. podrás acceder a las mismas utilizando las credenciales admin como usuario y password como contraseña.

Mowes Portable, un servidor WEB en tu llave USB

Iniciar y parar el servidor web local

Cada vez que desees iniciar el servidor Web tendrás que acudir a la carpeta servidor local de tu llave USB, localizar el archivo ejecutable mowes.exe y hacer doble clic sobre él.

un servidor WEB en tu llave USB

Aparecerá una pantalla en tu monitor indicándote que Apache y PHP han iniciado su ejecución. ¡No cierres esta ventana!

un servidor WEB en tu llave USB

Ahora acude a tu navegador y escribe en el cuadro de texto dirección, http://localhost o http://127.0.0.1. Verás una página similar a la siguiente, en la que Mowes Portable te informa de que todas las aplicaciones se han instalado y están en funcionamiento. En la parte inferior de la pantalla aparecerá la lista de los paquetes de aplicaciones instalados (en la captura de pantalla siguiente sólo PHPMyAdmin, recuerda que hemos instalado sólo la versión básica, si has descargado también otras aplicaciones se mostrarán en este listado).

 un servidor WEB en tu llave USB

Parar el servidor es también muy sencillo: en la ventana de Mowes, la que has mantenido abierta, haz clic sucesivamente sobre Stop server, para parar los servicios en ejecución y End para cerrar la ventana.

Si ahora tu intención es instalar Joomla, por ejemplo, debes considerar:

  1. Que la carpeta que Mowes utiliza para alojar los archivos de cada aplicación que desees instalar es la carpeta www que localizarás en la carpeta servidor local de tu llave USB. Para Joomla, crea una carpeta llamada joomla en su interior y vuelca aquí todos los archivos de Joomla. Si no sabes cómo hacerlo te recomendamos accedas a nuestro artículo “Curso online de Joomla: Monta un servidor local con Xampp” pues los pasos a seguir son exactamente los mismos con la salvedad de que en Xampp la carpeta destino es htdocs y en Mowes la referida www (no olvides que Joomla necesita un usuario y una base de datos para funcionar, créalos con PHPMyAdmin primero antes de instalar Joomla).

  2. Si, en cambio, has optado por la instalación de Mowes Portable con diversas aplicaciones, recuerda que debes utilizar las credenciales indicadas en el sitio Mowes y que, para acceder a Joomla, tendrás que teclear en el navegador la dirección http://localhost/joomla/administrator para acceder a la administración y http://localhost/joomla para visualizar el sitio Web.

El resto… ya sabes, sigue nuestro curso online sobre Joomla… y Joomla no tendrá secretos para tí.



Curso online de Joomla: nuevos menús en el sitio Web (II)

13 11 2008

Joomla incluye diversos menús ya creados en la instalación básica de la herramienta que, como has visto en el artículo Curso online de Joomla: los menús del sitio Web (I), puedes aprovechar editándolos o creando en ellos nuevos puntos de menú. Pero Joomla también te ofrece la posibilidad de crear nuevos menús desde cero, diferentes a los cuatro que presenta la instalación básica de Joomla, y te mostramos cómo. Te recordamos, si acabas de llegar por primera vez a “Con el ordenador a cuestas” que nuestra serie dedicada a Joomla tiene como propósito el diseño y creación de un sitio Web para un centro educativo (Infantil, Primaria o Secundaria) pero que lógicamente, podrás adaptar nuestras indicaciones a la realización de cualquier otra web (web de departamento, de área, de proyecto de centro, etc.) si estructuras y organizas sus correspondientes secciones, artículos y menús al sitio que estás diseñando (de todo ello ya hemos hablado en esta misma sección).

Para crear un nuevo menú tendrás que acudir al Administrador de menús tanto si utilizar la versión Joomla 1.0.x como la versión 1.5

administrador de menus

o bien utilizar la entrada Menús que localizarás en la barra de menú de la parte superior de la pantalla: en el desplegable verás Administrador de Menús así como la lista de menús creada hasta el momento, que en nuestro caso sólo contiene los cuatro menús que Joomla creó en la instalación:

administrador de menús

El diseño del menú y de los puntos de menú

Siempre debes tener muy claro la estructura del menú que vas a realizar. Te recomendamos que lo diseñes previamente con lápiz y papel porque aunque su edición en Joomla, una vez diseñado y realizado, siempre es posible en cualquier momento, siempre te costará menos modificarlo si tus ideas iniciales están muy claras.

En el ejemplo que nos ocupa tenemos creado un menú principal con los puntos de menú Centro, Alumnado, Profesorado y Familias y ahora deseamos crear un nuevo menú, que funcione a modo de submenú, de cada uno de ellos. Por ejemplo, un submenú que recoja los diferentes menús de navegación que encontrará el visitante de nuestro sitio Web cuando haga clic en el punto de menú Centro o un submenú que recoja igualmente el menú de navegación dirigido a los alumnos si, en cambio, hace clic en Alumnado.

Tomemos como punto de partida la creación de un nuevo menú orientado al menú Centro. Por lo general, incluirá alguno de los siguientes apartados: Situación (dirección del centro, callejero, situación en la ciudad, cómo llegar, etc.), Instalaciones (imágenes y recorridos por las diferentes dependencias del centro, oficinas, aulas, patios escolares, etc.), Organización (profesorado, órganos de gobierno, departamentos…), Horario, Oferta educativa, Secretaría (becas, ayudas al estudio, admisión de alumnos…), Proyectos del centro, etc. Estas entradas de este nuevo menú pueden dirigirse tanto a determinadas páginas que muestran información estable (que no cambia a lo largo del curso): por ejemplo, las páginas que muestran la ubicación del centro o su oferta educativa, o su horario de apertura y, en cambio, otras entradas pueden apuntar hacia páginas cuya información cambia constantemente y de forma habitual. Imagina por ejemplo, la entrada Secretaría: a principios del curso mostrará la lista de libros de texto o los grupos de clases, en cambio a mediados del curso quizá tengamos que informar de algún tipo de convocatoria de ayudas a las familias y a finales del curso se abrirá el proceso de admisión de alumnos, del cual informaremos puntualmente en la Web.

¡Esta distinción es fundamental.
Tenlo muy en cuenta a la hora de diseñar los puntos de menú!

Como has visto en el artículo anterior, Joomla dispone de menús diferenciados para propósitos diferentes y tendrás que elegir, a la hora de crear un punto de menú, qué tipo de página estás diseñando. Si, en principio, estos conceptos te resultan algo confusos, no te desanimes, pues realizaremos ejemplos concretos a continuación para que lo entiendas todo perfectamente.

Crea un nuevo menú - JOOMLA 1.0.x

Vas a crear un nuevo menú y lo llamarás Centro. En él crearás los diferentes puntos de menús relativos a las categorías creadas en la sección Centro y aparecerán también otros puntos de menú dirigidos a aquellas páginas en las que la Web mostrará contenidos estables.

Haz clic sobre el botón Administrador de menús del Panel de Control para acceder a la página que te permitirá crear un nuevo menú.

Localiza el botón Nuevo para crear un nuevo menú en Joomla:

Crear un nuevo menu

En la nueva pantalla Detalles del Menú, teclea el término Centro en Nombre del menú y en Título del módulo.

crear nuevo menú

Nota. Cuando crees o edites un nuevo menú en Joomla, debes obligatoriamente escribe una única palabra identificativa para el sistema en el campo Nombre del menú. En cambio en Título del módulo, podrás escribir varias palabras separadas por espacios, pues éste será el nombre con el que aparecerá ese menú en la zona pública de nuestro sitio Web, es decir, en el Frontend.

Haz clic en el botón Guardar y observa que el nuevo menú se añade a la lista de menús de Joomla.

crear un nuevo menu

Crea puntos de menú que enlacen a contenidos estables

En nuestro nuevo menú Centro habrá una entrada o punto de menú llamado Oferta educativa que apuntará a una página en la que informaremos sobre la oferta educativa del centro. Esta información, estable, que no cambiará durante todo el curso, se incluirá en un artículo independiente y no asociado a ninguna categoría ni sección. Después, realizaremos un punto de menú llamado Oferta educativa que apunte a dicho artículo. ¡Pongámonos a la tarea!

Crea el artículo sin asociar

En versiones 1.0.x de Joomla este tipo de artículo se denomina Contenido estático; en cambio, en Joomla 1.5 no existe diferenciación en los tipos de artículo, simplemente será un artículo como cualquier otro que no se asociará a ninguna categoría ni sección de nuestro sitio Web.

Para crear un artículo de Contenido estático acude al Administrador de Contenido Estático. Haz clic sobre el botón Nuevo y la pantalla de creación de un artículo aparecerá en tu monitor. Ponle como título Oferta educativa del centro y como alias copia este mismo contenido. Crea el contenido del artículo, por ejemplo:

La oferta educativa del centro es la siguiente:
Educación Secundaria Obligatoria: 1º, 2º, 3º y 4º
Bachillerato LOE, en las modalidades de: Humanidades y Ciencias Sociales. Ciencias de la Naturaleza y de la Salud.
Ciclos Formativos de Grado Medio: Gestión Administrativa. (turnos de mañana y nocturno). Equipos e Instalaciones Electrotécnicas (turno de mañana)
Ciclos Formativos de Grado Superior: Administración y Finanzas. (turnos de mañana y nocturno). Instalaciones Electrotécnicas. Regulación y Control Automáticos. Secretariado.(turnos de mañana y nocturno)

Edítalo a tu gusto, añade imágenes si lo deseas y cuando finalices haz clic en Guardar. El nuevo artículo de contenido estático se añadirá en el listado del Administrador de artículos de Contenido Estático.

Crea el punto de menú que apunte al artículo anterior

Acude al Administrador de menús y en concreto, haz clic sobre el icono situado a la derecha del nuevo menú Centro (icono Artículos de menú) para crear los puntos o entradas de menú. Haz clic sobre el menú Nuevo y en la nueva pantalla selecciona en el bloque Contenido, Enlace - Contenido estático validando la opción correspondiente. Haz clic sobre Siguiente.

crear un nuevo punto de menú a un contenido estático

Teclea en Nombre la palabra o palabras que desees aparezca en el menú de navegación (en este caso Oferta Educativa), selecciona de la lista de contenido estático aquél al que apuntará el punto de menú (el artículo que has creado en el apartado anterior), selecciona el comportamiento concreto que tendrá la ventana al hacer clic sobre la entrada de menú: como ven en la captura de pantalla siguiente hemos seleccionado Seguir con la misma ventana de navegación porque deseamos que continúe la navegación por nuestro sitio y deja la opción por defecto Top para que la entrada de menú sea una entrada independiente en el menú (no un submenú de un punto de menú ya creado - no tenemos otras entradas creadas, claro, al menos de momento).

Tras hacer estos cambios pulsa el botón Guardar. La nueva entrada de menú en el menú Centro se habrá creado.

crear un punto de menú a un art�culo de contenido estático

Previsualiza tu sitio… ¿Dónde está el nuevo menú?

Si ahora previsualizas tu sitio Web, el nuevo menú ni siquiera aparece, te preguntarás qué has hecho mal. Pues nada, sencillamente que debes comprobar siempre que los nuevos módulos que creas son públicos (y un menú no es más que un nuevo módulo), si se encuentran publicados o no. Por ello acude al Administrador de módulos en Módulos - Módulos del sitio y localiza el nuevo menú Centro en el listado de módulos y asegúrate de publicarlo haciendo clic en el botón con el aspa de color rojo.

También debes ubicarlo correctamente. Como ves se encuentra situado por encima del Menú Principal (y lo queremos justo debajo) y se localiza en la parte izquierda de la página (columna Posición - left). Esto dependerá de la plantilla que estés utilizando en cada momento, compruébalo en tu caso concreto. Colocarlo es simple, utiliza las flechitas azules para moverlo hacia arriba o hacia abajo a una nueva posición.

Previsualiza o recarga ahora tu sitio Web para comprobar que, en efecto, el nuevo menú con la nueva entrada aparece y comprueba que al hacer clic sobre el enlace Oferta educativa, se abre el artículo con el contenido que muestra la oferta del centro.

aspecto de un menú

De esta misma manera puedes crear otros artículos de contenido estático que recojan informaciones sobre la ubicación del centro (entrada en el menú Localización), el horario (entrada en el menú Horario), Instalaciones (entrada en el menú Instalaciones), repitiendo los procedimientos señalados hasta ahora.



Curso online de Joomla: los menús del sitio Web (I)

24 08 2008

Joomla, excelente CMS de código abiertoEn los artículos anteriores has visto como administrar y publicar contenidos y como crear y administrar categorías y secciones. Pero, publicar no significa siempre “hacer visible”. Si bien es cierto que los visitantes de tu sitio web podrán buscar contenidos mediante la función de búsqueda, ¿quién se molestará en buscar algo que no se puede ver?. En otras palabras, falta algo esencial: los apuntadores a los contenidos, es decir, los menús que permitan a los usuarios navegar por las distintas secciones y sus distintos artículos para acceder a los contenidos del sitio.

El diseño de los menús es básico a la hora de diseñar una Web pues serán éstos los que facilitarán la accesibilidad y la navegabilidad por sus contenidos. Por tanto, debes tener muy claro los menús de navegación que incluirás en la Web de tu centro. En Joomla, en realidad, los menús son un tipo particular de módulos cuya configuración se realiza en un apartado específico. La potencia y versatilidad de tu sitio Web va a depender en buena medida de una buena configuración de los menús porque podrán suponer enlaces a contenidos o artículos de tu sitio pero también enlaces a componentes para potenciar determinados servicios e incluso enlaces a sitios web externos.

La instalación base de Joomla viene con diversos menús ya configurados con varios items o enlaces en cada uno de ellos para mostrarte distintas posibilidades de configuración. Pero además de poder editar estos menús, podrás crear con Joomla todos los menús que necesites. Incluso podrás mostrar diferentes menús según la sección o página por la que navegue el usuario, como verás más adelante.

ejemplo de menú de navegación ejemplo de menú de navegación ejemplo de menú de navegación

Ejemplos de menús de navegación de sitios web realizados con Joomla


El administrador - gestor de menús

En la instalación base de Joomla existen ya creados diversos menús, cuatro específicos que localizarás en todas las versiones de Joomla y dos más para Joomla 1.5:

  • Main Menu (mainmenu): el Menú Principal del sitio y el más importante. Está ubicado, de forma predeterminada, en la posición left - izquierda y es fácilmente reconocible. Lo que se encuentre como primer elemento de este menú es lo que se mostrará en la página principal.
  • Other Menu (othermenu): Menú adicional, aparece justamente debajo del anterior, pero sín título.
  • User Menu (usermenu): Menú de usuario. Es un menú muy especial porque sólo aparece cuando un usuario se registra e ingresa en el sistema con su nombre de usuario y contraseña.

menú de usuario

  • Top Menu (topmenu): menú horizontal que suele mostrarse en el encabezado dentro de la posición top, pero que no se verá en todas las plantillas, porque no todas tienen definida dicha posición.

Además, en la versión 1.5 Joomla incluye otros dos menús:

  • Páginas de ejemplo (ExamplePages): un menú que permite la navegabilidad hacia páginas de demostración de Joomla para que aprecies las posibilidades de la creación de menús.
  • Concepto clave (KeyConcepts): menú que la instalación básica de Joomla destina al enlace con ciertos artículos de ayuda.

Puedes visualizar y acceder a todos ellos desde el Administrador de menús que encontrarás en el Panel de Control en la versión Joomla 1.x.0 o bien desde el llamado Gestor de menús del Panel de Control o bien desde Menús - Gestor de menús en la versión 1.5.

Sea la versión de Joomla que utilices, Joomla te mostrará un listado con todos los menús creados hasta el momento en una misma pantalla:

Joomla 1.5: gestor de menús

Observa la información que te muestra la pantalla:

  • La lista de menús: de momento, los preestablecidos por Joomla. Irá aumentando o no en función de los menús que vayas creando.
  • Un icono que te permite el acceso a las diferentes entradas de menú existentes en cada uno de ellos. Si haces clic sobre él, accederás directamente a los puntos o ítems de menú correspondientes. Podrás entonces eliminarlos, crear nuevos elementos o editarlos, es decir, entrarás en modo de edición de los ítems o puntos de menú que lo constituyen.
  • Las columnas que te indican si están publicados o no: recuerda que, en realidad, cada menú que crees es un módulo en Joomla (y su administración se realizará desde el Administrador / Gestor de módulos). Puedes crear un nuevo menú pero si no se encuentra publicado no será visible en tu sitio Web. Has de tener esto en cuenta para evitar posibles errores en el diseño de tu Web.
  • Una columna específica papelera que te indica los puntos de menús que has creado en algún momento pero que has eliminado posteriormente (Joomla incluye una papelera especial para gestionar los menús eliminados).

Editar los menús existentes

Para tu sitio Web seguramente tendrás que crear nuevos menús o editar los menús ya existentes. Son imprescindibles para visualizar los contenidos que vayas creando, tanto artículos de contenido asignados a las diferentes secciones y categorías, como Contenidos estáticos (en Joomla 1.x.0) o artículos sin asignar a secciones y categorías (en Joomla 1.5) y te servirán, también para enlazar con sitios Web externos o con componentes de Joomla que realizan diferentes tareas.

Por el momento, no vas a crear un menú nuevo sino que vas a editar uno de los menús esenciales de Joomla, el mainmenu, el único menú que no podrás eliminar, ya que se utiliza para el correcto funcionamiento de Joomla.

En Joomla 1.x.0:

Accede al Administrador de menús desde el Panel de Control. En la nueva página haz clic sobre el icono de la columna Artículos del menú situado inmediatamente a la derecha del nombre del menú mainmenú. Observa que aparece ahora en pantalla un listado con los llamados ítems, puntos o entradas de menú.

menú mainmenu - puntos de menú

La información que se muestra en pantalla es muy intuitiva: el nombre de los puntos de menú, tal y como los visualizarás en los menús de navegación del sitio, si se encuentran publicados o no, el orden en el que se mostrarán (si los seleccionas y haces clic sobre las flechas abajo y arriba de la columna ordenar los cambiarás de orden), el acceso público o restringido al punto de menú y el tipo de menú establecido (observa los diferentes tipos que se muestran, Joomla posibilita múltiples opciones que verás más adelante).

Para eliminar alguno de estos puntos sólo tendrás que seleccionarlos y hacer clic en el botón Basura. Por ejemplo, elimínalos todos menos Inicio y Contactar. Recarga el Frontend para ver el nuevo aspecto del menú en el sitio Web: recuerda, previsualiza el sitio en Sitio - Vista previa o haciendo clic en el enlace Previsualizar que localizarás en la parte superior.

eliminar puntos de menús

En Joomla 1.5:

Los procedimientos son similares. Accede a la gestión de los menús desde el Gestor de menús que localizarás en el Panel de Control o desde la entrada Menús - Gestor de menús. Accede a los ítems de menú de cada uno de ellos y, tal y como te mostramos en el punto anterior, selecciona aquellos ítems que deseas eliminar haciendo clic, a continuación, sobre el icono Papelera. Elimina de esta manera todas los puntos de menú excepto Inicio, el establecido como Predeterminado (observa la estrella amarilla a su derecha) y Servidor de noticias. Recarga el Frontend para visualizar el aspecto del menú en el sitio Web tal y como ya sabes.


Cambiar el nombre de los puntos de menú

Independientemente de la versión de Joomla que utilices cambiar el nombre de un punto de menú es muy sencillo. Simplemente haz clic en el nombre del punto de menú que deseas modificar y en la nueva página que aparece cámbialo en el campo de texto Name (versión 1.x.0) o Título (Joomla 1.5) tecleando el nuevo nombre elegido. Recarga el Frontend para visualizar el cambio de nombre. ¡Así de simple!

Nota. Es muy recomendable que a la hora de escribir / teclear alias de artículos, secciones, categorías o menús no uses tildes ni dejes espacios en blanco: utiliza en su lugar el guión entre palabras para escribir alias largos.


Crear un nuevo punto de menú

A partir de ahora abordaremos cómo crear un nuevo punto de menú en el seno de un menú ya creado, de los preestablecidos por Joomla, como es el mainmenu. Es muy posible que ésta sea una tarea relativamente habitual en Joomla para un administrador del sitio por lo que te recomendamos prestes especial atención a este apartado. Además, la creación de menús en Joomla no es demasiado intuitiva y ofrece tantas opciones y posibilidades de combinación que puede resultarte inicialmente algo complicado, sobre todo, si estás utilizando una versión 1.x.0 de Joomla. Toda la gestión de menús ha sido revisada y modificada en la versión 1.5 para facilitar al administrador su creación y edición y es, en este apartado, donde notarás las mayores diferencias entre ambas versiones.

Como ya te hemos indicado desde el primer artículo de esta serie dedicada a Joomla, nuestro objetivo será ofrecerte ejemplos concretos de creación de menús, los más usuales y habituales, pero te corresponderá a tí adaptar nuestros procedimientos a tus necesidades concretas. Y, sobre todo, en estas cuestiones, el establecimiento de menús en Joomla es tan extraordinariamente configurable que tendrás que hacer un esfuerzo añadido de personalización.

En esta práctica vas a crear nuevos puntos de menú en el menú principal (mainmenu) que apunten a las secciones creadas en el artículo anterior. De esta manera, cuando uno de los visitantes de tu web haga clic sobre el enlace del menú correspondiente accederá a todos los artículos que hayas escrito para dicha sección ordenados cronológicamente: es muy similar a lo que estás acostumbrado a ver cuando visitas algún blog en Internet.

En Joomla 1.x.0:

Primero, debes situarte en el Administrador de menús y hacer clic sobre el icono que te permite acceder a los puntos de menú del mainmenu, el menú que vas a modificar. En la pantalla de edición de menús, localiza el icono Nuevo y haz clic sobre él.

nuevo punto de menú

Una pantalla con variedad de opciones se abre ante tus ojos. Es una página en la que podrás determinar el tipo de menú que vas a crear. Pero… ¿cuál elegir?.

Como nuestro objetivo inicial es crear puntos de menú que apunten a las diferentes secciones creadas anterioremente: Centro, Familias, Alumnado y Profesorado y deseamos que se muestren, en forma de blog, todos los contenidos pertenecientes a dicha sección en cuestión, debemos seleccionar la opción Bloque - Sección de contenido, que hará precisamente eso, mostrar una sección en tipología de blog. Valida la opción y haz clic en el botón de la parte superior Siguiente.

nuevo punto de menú

En la siguiente pantalla sólo debes preocuparte, por ahora, de poner un nombre al punto de menú (se mostrará en el menú de navegación de tu web) en el campo de texto Nombre (por ejemplo, teclea Centro) y asignarlo a la sección correspondiente, es decir, la sección Centro.

nuevo punto de menú

Como ves en pantalla, por defecto, observa que el punto de menú se encuentra publicado y su nivel de acceso es público (es decir, se visualizará en el menú de navegación y cualquier visitante podrá hacer clic sobre él para acceder al contenido de la sección). Cuando finalices, haz clic sobre el botón Guardar. El nuevo punto de menú aparecerá ahora en el listado de entradas del menú de mainmenú. Recarga el Frontend para visualizar el cambio en tu sitio Web.

Repite el procedimiento para crear los otros tres puntos de menú que apuntan a las secciones Familias, Alumnado y Profesorado. El aspecto del menú de navegación de tu menú será similar al siguiente:

nuevo menu mainmenu

Reordena los puntos de menú a tu gusto para su visualización en el menú de navegación: sube y/o baja las entradas del menú principal según te interese.

En Joomla 1.5

Los pasos para crear nuevos puntos de menú en Joomla 1.5 son exactamente los mismos que ya has visto en el apartado anterior, aunque es preciso mencionar que sí hay notables diferencias respecto a versiones 1.x.0 con relación a la elección de la tipología del menú a crear. La pantalla para seleccionar las tipologías de los menú ha cambiado… y mucho… y para mejor… resultando mucho más clara. Para conseguir el mismo resultado, un enlace a una sección, en esta versión 1.5 debes hacer clic sobre la entrada Artículos y en el menú desplegable que emerge, sobre el enlace Sección.

Joomla 1.5: nuevos puntos de menú

Joomla te ofrecerá dos opciones diferenciadas: selecciona la primera opción, presentación de la sección blog para mostrar una página en la que los artículos de la sección en cuestión se presenten en tipología blog o presentación de la sección para mostrar una lista de las categorías de la sección con el número de artículos publicados por categoría. Puedes ver dos ejemplos concretos, a continuación, de cómo se visualizarían las páginas en cada caso:

sección blog

Aspecto de la página al seleccionar Presentación de la sección Blog

Joomla 1.5: nuevos puntos de menú

Aspecto de la página al seleccionar Presentación de la sección

Procede repitiendo los procedimientos para crear las entradas en el menú Centro, Alumnado, Profesorado y Familias que apunten a estas secciones creadas en el sitio Web.

El aspecto final del menú Principal será similar a la siguiente captura de pantalla:

Joomla 1.5: nuevos puntos de menú

Nuevo menú principal (mainmenu) con nuevos puntos de menú

¿Tienes ahora más claro cómo editar los menús en Jooma?, ¿te atreves a experimentar con la creación de otras entradas en el menú principal?



Curso online de Joomla: gestionando los contenidos (y II)

17 08 2008

Joomla, potente CMS libreEn el artículo anterior de esta serie dedicada a Joomla, ese potente CMS. de código abierto que te permitirá crear, mantener y gestionar auténticos portales educativos, te hablamos de cómo gestiona Joomla los artículos que vayas creando y de cómo necesitarás disponer de secciones y categorías que te permitan organizar internamente el contenido de tu sitio Web.

Hoy pasamos a la práctica. Como hasta ahora, el punto de partida siempre será el diseño de un sitio Web para un Instituto o un centro educativo y te proponemos la creación de un número concreto de secciones y categorías por ello. Tienes que tener en cuenta que este modelo es completamente adaptable: te corresponderá a ti crear más o menos secciones y categorías dependiendo de las necesidades de tu sitio web y que, además, no es inalterable, en cualquier momento del mantenimiento del sitio podrás crear nuevas secciones, nuevas categorías y asignar tus artículos nuevos o ya escritos a éstas.

Si se analizan las necesidades de un sitio para un centro educativo, una de las primeras cuestiones que consideramos es la posibilidad de diseñar secciones específicas para nuestros posibles visitantes: nuestros alumnos, el profesorado del centro, las familias de nuestros alumnos, un usuario cualquiera que desee obtener información del centro como su horario o su ubicación geográfica, etc. En ellas, cada visitante encontrará información que le sea pertinente y de su interés. De esta manera, se consigue que los contenidos que se ubiquen en el sitio Web sean los específicamente destinados a cada perfil del visitante. Pero no es menos cierto que también es necesario “vigilar” la privacidad y la confidencialidad de lo expuesto en el sitio Web. Joomla nos permite, de una manera sencilla, crear secciones diferenciadas, pero además, nos facilita mucho la posibilidad de que los contenidos que en ellos se establezcan sean de acceso público o no, o restringido a determinados usuarios.

De ahí que nuestra primera decisión sea la creación de secciones diferentes según los perfiles de nuestros usuarios. Para comenzar, crearemos cuatro secciones en nuestra Web: centro, alumnado, familias, profesorado.


Crear una sección en Joomla

Decidir qué secciones crearás será lo más difícil porque crearlas, técnicamente, en Joomla es sumamente sencillo… y repetitivo. Una vez que conozcas el procedimiento para hacerlo sólo tendrás que repetirlo para cada una de las secciones que crees en tu sitio Web.

No existen apenas diferencias entre la creación de una sección en Joomla versiones 1.o.x o versión 1.5, salvo en la localización de los menús correspondientes que te permitirán acceder a esta funcionalidad.

En esta práctica crearás una sección Centro, sección que te servirá para alojar todos los artículos que te servirán para informar o describir aspectos relacionados con tu centro.

En Joomla 1.0.x

  • En Panel de Control haz clic sobre el botón Administrador de secciones.

Joomla 1.0.x: Administrador de secciones

  • Haz clic en el botón Nuevo en la nueva página.

Joomla 1.0.x: crear nueva sección

  • Se abre una página en la que tendrás que introducir el nombre para la sección y ciertos parámetros y opciones.

Utiliza un nombre corto para el campo Titulo y para el nombre de la Sección: te recomendamos que emplees el mismo término en los dos casos. En este ejemplo, Centro, lógicamente. El título es un nombre que se utiliza para mostrarse en el menú principal; el nombre de la sección es la cabecera para la lista de categorías. Esto será exhibido en la sección de contenido del Frontend de su sitio.

Joomla 1.0.x: crear nueva seccion

Observa que en nivel de acceso la opción predeterminada es Public. Es la correcta, pues se desea que la sección sea accesible para otros usuarios (nuestros visitantes de la Web). Observa que también, por defecto, se encuentra validada la opción Si en Nivel de acceso: también es la opción correcta porque para que la sección sea accesible debe estar publicada (si validas la opción No, la sección no se publicará y los visitantes no podrán acceder a su contenido). Como ves, estos dos parámetros son muy importantes en Joomla: en el primer caso, restringes o no el acceso a ciertos visitantes de la web, en el segundo puedes impedir que se publique el apartado en cuestión.

En la parte derecha de la pantalla tienes la opción Enlaces en el menú disponibles para guardar.

Tras guardar la sección creada, aquí puedes incluir un enlace directo al menú deseado. Sin embargo, dado que todavía no hemos creado ningún menú (cosa que haremos en un nuevo tutorial) de momento, olvídate de ella.

Finalmente haz clic sobre el botón Guardar, para que la sección sea creada definitivamente.

En Joomla 1.5

No existen demasiadas diferencias con respecto a la versión anterior de Joomla. En el Panel de control encontrarás el Gestor de secciones que te permitirá crear y editar las secciones de tu sitio Web, utilizando idénticos procedimientos a los señalados en el punto anterior. Cabe destacar que algunos de los parámetros para la creación de una nueva sección son mucho más claros que en Joomla 1.0.x como la opción Publicado, con un mensaje más claro para el administrador de su funcionalidad. También han desaparecido todas las opciones relativas a la asociación con menús, pues el apartado de creación, edición y gestión de menús ha sido completamente revisado en este nueva versión, como veremos próximamente.

Joomla 1.5: crear nueva sección

Ahora tienes que repetir estos procedimientos para crear las otras secciones del sitio Web. Por ejemplo, alumnado, Familias y Profesorado.


Crear nuevas categorías

Con respecto a las categorías que se incluirán en cada sección, esto depende muchísimo de la información que vayas a publicar: si el centro tiene proyectos en curso y son o no muy activos y generan su propia información, si se disponen de Departamentos en los que el equipo de profesores publica sus programaciones, tareas, actividades o apuntes para los alumnos, si la Asociación de Padres y Madres desea mantener su propio espacio en la web, etc. Te ofrecemos ejemplos concretos pero este apartado es el más personalizable:

  1. Sección Centro: crea las categorías general (información no clasificable en las categorías creadas), organización (información sobre órganos unipersonales y colegiados del centro), secretaría (libros de texto, calendario escolar, becas y ayudas al estudio, avisos, matrícula, admisión de alumnos), proyectos (una categoría por cada uno de los proyectos del centro: Proyecto TIC, Proyecto de Apertura de Centros, Biblioteca escolar, Animación a la Lectura, Proyecto Comenius).
  2. Sección Alumnado: crea las categorías general, Junta de Delegados, Actividades Complementarias, Actividades Extraescolares.
  3. Sección Familias: crea las categorías general (información general dirigida a las familias), AMPA (información de la Asociación de Padres y Madres) y actividades (información sobre actividades específicas organizadas por la AMPA).
  4. Sección Departamentos: crea diferentes categorías para cada uno de los Departamentos de tu IES.

La creación de categorías funciona exactamente de la misma forma que la creación de secciones, con la salvedad de que es necesario decidir a qué sección debe asignarse la categoría que se está creando.

En Joomla 1.0.x

Pasos para crear una categoría desde el Administrador de categorías:

Joomla 1.0.x: Administrador de categor�as

  1. En Panel de Control, haz clic sobre Administrador de categorías.
  2. Haz clic en Nuevo para abrir la página de creación de nueva categoría.
  3. Introduce un nombre corto en Título y nombre de la categoría. Ejemplos según las categorías anteriores: General, Organización, Secretaría, Proyecto TIC, Proyecto Biblioteca, Proyecto Comenius, AMPA, Complementarias, Extraescolares, Educación Física, Tecnología, Física y Química… y similares.
  4. Asegúrate de asignarlo a la sección correspondiente. Presta mucho atención a este paso, no cometas errores.
  5. Asegúrate de que su acceso sea Público, al menos de momento (¿no empiezas a vislumbrar qué sucedería si el acceso a una categoría fuera para usuarios registrados o para usuarios con permisos especiales?) y que la categoría se encuentre publicada, tal y como se establece por defecto.

Joomla 1.0.x: crear nueva categor�a

En Joomla 1.5

Al igual que ocurre con la creacción de secciones, las diferencias con la versión Joomla 1.0.x son mínimas. La creación y edición de categorías se realiza a través del Gestor de categorías que localizarás en el Panel de Control o en el menú Contenidos y el procedimiento es idéntico a la versión 1.0.x. Sigue las mismas recomendaciones que te hemos indicado en el punto anterior.

Recuerda que tienes que crear todas y cada una de las categorías que tengas pensadas y asignarlas a sus secciones correspondientes: la lista puede ser muy larga, si tu sitio es muy complejo.


No cabe duda que estas tareas resultan tediosas por repetitivas pero son el esqueleto y la estructura que contiene toda la colección de artículos que crearás a lo largo de tu trabajo de actualización y mantenimiento de la Web (ojo, de momento, esta estructura no tiene visualización en tu sitio Web, es una estructura interna). Lógicamente este esquema de secciones y categorías dependerá de los contenidos que quieras abordar y de la complejidad de tu sitio Web, pero te recomendamos que los decidas previamente y anotes, en lápiz y papel, los  contenidos que abordarás en la Web para que sea lo más claro posible.

Y te reiteramos que no son esquemas rígidos porque en cualquier momento que desees añadir nuevos contenidos podrás crear nuevas secciones y categorías, o asignar los ya creados a categorías y secciones diferentes, pero debe ser lo suficientemente claros para tu primera organización de la Web.