Con el ordenador a cuestas

Algo muy habitual respecto a los programas gratuitos que encontramos y descargamos desde Internet es que, o bien porque demuestran su calidad o bien porque se popularizan, tras unos meses dejan de ser programas gratuitos para convertirse en versiones comerciales de pago. Suele ocurrir en las últimas versiones de estos programas, versiones mejoradas que corrigen errores, vulnerabilidades o que incluyen nuevas funcionalidades, y que, sin previo aviso, cuando accedes de nuevo a su sitio Web para descargarla te encuentras con la desagradable sorpresa de que tendrás que pagar para utilizar la última versión que se ofrece en descarga. Este es el caso del aclamado Foxit PDF Reader que este blog te recomendó ya hace varios meses o la última versión de FastStone Screen Capture, aplicación también recomendada por este blog para la captura de pantallas.

¿Significa esto que tenemos que renunciar a su uso?. Claro que no. Si estás satisfecho de ambos programas no tienes por qué dejar de utilizarlos. Las versiones gratuitas que tienes instaladas en tu equipo siguen siendo eso, versiones gratis. Y, aunque te recomendamos que guardes convenientemente los archivos y carpetas de instalación en cuestión por si tienes que volver a instalarlos (en un formateo de un equipo, por ejemplo), te aseguramos que podrás volver a obtenerlos desde Internet, pero eso sí localizando la versión concreta de cada aplicación en su versión free, gratuita.

En el caso de Foxit PDF Reader, al menos de momento, puedes descargar la versión 2.2, versión completamente gratuita, directamente desde su sitio Web (localiza preferentemente la versión Foxit Reader 2.2 zip, una versión portable que no necesita instalación y que podrás llevar en tu memoria flash o lápiz USB):

http://www.foxitsoftware.com/downloads/index.html

En el caso de FastStone Screen Capture encontrarás su versión gratuita, la 5.3, en muchos sitios Web con sólo realizar la búsqueda de la aplicación acompañada del número de su versión en Google o en cualquier otro buscador Web. Una página que te la ofrece en descarga directa es la sección dedicada a Gráficos - Capturadores de pantalla del sitio Web cdlibre.org, un excelente sitio que recopila en su catálogo el mejor software libre y gratuito de la red. ¡Visítala y descárgate sus recopilatorios en CD o DVD!

En múltiples ocasiones, el propio sitio Web oficial te ofrecerá en descarga simultáneamente las versiones comerciales (generalmente llamadas pro) y las versiones gratuitas (versiones free) para su descarga, mostrándote las bondades de la versión de pago para que te decidas por esta versión en primer lugar. Debes, eso sí, tener, por tanto, cierto cuidado a la hora de seleccionar y realizar la descarga del programa que te interese y fijarte bien si la versión en cuestión es la versión gratuita.

Es el caso de PhotoFiltre, el excelente programa gratuito de edición de imagen que te recomendamos en variadas ocasiones. Existe una versión comercial, de pago, mucho más potente llamada PhotoFiltre Studio que no debes confundir con la versión gratuita de PhotoFiltre, la versión 6.3.1, la versión gratuita que te recomendamos y en la que basamos nuestros tutoriales en este mismo blog.

Lo mismo sucede con el programa de grabación de CDs y DVDs DeepBurner, en cuya página de descarga localizarás tanto la versión comercial pro, como la gratuita DeepBurner 1.9 Free o su versión portable zip (también gratuita). Una aplicación que nada tiene que envidiar a esas otras más populares, como Nero o EasyCDCreator en lo que respecta a la grabación en ambos soportes.

Y, por último, ten siempre en consideración que si existe una versión de una aplicación libre que cumpla las mismas funciones y realice las mismas tareas, Con el ordenador a cuestas te recomendará que utilices, por supuesto, estos programas antes que los gratuitos (el software gratuito no es software libre, es software propietario y privativo), pues son éstas las únicas aplicaciones que cumplen con las libertades fundamentales de los usuarios para ejecutar, copiar, distribuir, estudiar, cambiar y mejorar el software.

Para realizar pruebas “en local”, es decir, en tu equipo sin estar conectado a Internet, de todas aquellas aplicaciones que incluyen bases de datos, PHP, Flash, Javascript (como es el caso de Joomla) tendrás que montar un servidor en el ordenador. Por lo general, para montar un servidor local con las características necesarias para Joomla tendrás que instalar varios programas como Apache, MySQL, PHP, PHPMyAdmin. Puedes hacerlo por separado, pero resultaría muy trabajoso hacerlo (descargar cada aplicación, instalar y configurar) y, en el caso de usuarios no demasiado expertos, resulta mucho más sencillo instalar un único paquete que incluya todos estos programas como es el caso de EasyPHP o Xampp.

XAMPP de Apachefriends es nuestro elegido, por su facilidad de instalación, descarga gratuita, la inclusión de un servidor de correo (necesario para que en Joomla se registren nuevos usuarios a través de e-mail o para que funcionen los formularios de contacto) y, sobre todo, porque es multiplataforma (se instala también en Linux y Mac Os). Incluye, entre otras aplicaciones:

• Apache, el servidor más popular de páginas Web.
• MySQL, la base de datos más extendida de código libre
• PHP, el lenguaje o tecnología más extendido para realizar páginas con programación en servidor, acceso a base de datos, etc.
• phpMyAdmin: una herramienta muy útil para la creación y administración de bases de datos MySQL. Viene a ser una interfaz gráfica para bases de datos.

Descarga e instala Xampp

XAMPP para Windows se puede descargar desde la página de Apache Friends:

http://www.apachefriends.org/en/index.html

y en concreto, en la página

http://www.apachefriends.org/en/xampp-windows.html

El método más fácil y el que menos ocupa en disco es pinchar en el enlace EXE (7-ZIP). Haz clic en dicha entrada y espera unos instantes.

Descarga Xampp Windows 1.6.6a EXE(7-zip): 29 Mb

En la página de Source Forge.net a la que nos lleva el link de descarga, se te solicitará qué hacer con la descarga del archivo en cuestión. Guárdalo en tu equipo. Cuando finalice la descarga, deberías tener en tu disco duro un archivo xampp-win32-1.6.x.exe, o similar. (La x corresponde al número de versión).

Ejecuta este fichero haciendo doble clic en él. Lo primero que te preguntará el asistente de instalación es en qué directorio deseas descomprimir los ficheros. Por ejemplo, teclea en el cuadro de diálogo en cuestión c:\servidorlocal.

Esto hará que se descomprima XAMPP en esta carpeta. Ten paciencia porque la operación puede durar unos minutos.

Una vez finalizada la descompresión, vete a la carpeta xampp creada en el paso anterior y haz doble clic en el archivo setup_xampp.bat. Se abrirá una ventana de DOS y cuando el proceso termine ya estará perfectamente instalado Apache y MySQL.

Presiona cualquier tecla del teclado para cerrar esta ventana de DOS.

Inicia Xampp

Ahora que ya tienes instalado Xampp debes iniciar el servidor Apache y el servicio MySQL. Para ello haz doble clic en el archivo xamp_start.exe que localizarás en la carpeta c:\servidorlocal\xampp.

Si surge algún mensaje de bloqueo del firewall de XP, como fue mi caso, simplemente desbloquea los servicios para que la ejecución sea correcta. En ningún caso puedes cerrar la ventana de DOS que abre XAMPP. Déjala abierta, ya que esta ventana garantiza el funcionamiento de Apache y MySQL.

Cómo saber si funciona o no el nuevo servidor local

¿Quieres comprobar si funciona todo correctamente?. Con Apache arrancado, abre el navegador y escribe en su barra de direcciones URL http://localhost/ y presiona la tecla Intro. Si se abre la página de bienvenida de XAMPP es que toda ha ido correctamente.

Selecciona debajo del logo de Xampp la entrada Español y haz clic sobre este enlace. XAMPP te dará la bienvenida con su propia página index.html, y lo hará en español. Más adelante, podrás eliminar esta página.

¿A qué resulta asombrosa la facilidad con la que se instala XAMPP?. Si deseas detener el servicio, basta con hacer doble clic en el archivo xampp_stop_exe.

Nota. No estás limitado a tener que escribir http://localhost. De forma alternativa, también puedes escribir http://127.0.0.1. Incluso podrás usar http://nombredetuordenador.

¡Ya tienes un servidor local en tu equipo pero aún no has terminado: para instalar Joomla en este servidor necesitarás crear una base de datos para utilizarla con este Gestor de Contenidos!

Necesitas un usuario y una base de datos para Joomla!

Previamente a la instalación de Joomla debes disponer de un usuario y una base de datos en el servidor para que Joomla se instale y funcione. En el caso de realizar la instalación de Joomla en un servidor local a través de Xampp deberás crear manualmente un usuario y la base de datos que Joomla empleará.

Una vez instalado el servidor local con Xaamp tendrás que crear un usuario y la base de datos que necesita Joomla para su instalación. Para ello, inicia el servidor Xampp como ya sabes: busca la carpeta xampp y haz doble clic en el archivo xampp_start.exe (no cierres la ventana que se abre).

Ahora ejecuta tu navegador favorito (Firefox, por ejemplo) y teclea en el campo dirección URL

http://127.0.0.1/phpmyadmin

o también

http://localhost/phpmyadmin

y pulsa la tecla Intro (o también, si estás en la pantalla de bienvenida de Xampp buscar el enlace Herramientas - Phpmyadmin).

En pantalla aparecerá la página principal de PHPMyAdmin que nos avisa de que el usuario root no tiene contraseña y, por tanto, supone una vulnerabilidad en la seguridad del sistema. Como vamos a realizar una instalación en local, esto no supone ningún riesgo, así que no haremos ningún cambio.

En primer lugar, vas a crear un nuevo usuario para Joomla. Para ello haz clic sobre el enlace Privilegios, que encontrarás al final de esta primera página y, a continuación, sobre Agregar nuevo usuario que localizarás a mitad de pantalla.

En la nueva pantalla rellena los siguientes datos:

• Nombre de usuario: Deja la opción por defecto Use el campo de texto y decide tú mismo el nombre de usuario, en mi caso he escogido el término usuario.
• Servidor: Selecciona de la lista local y teclea el término localhost en el campo de texto situado a su derecha.
• Contraseña: Deja la opción por defecto Use el campo de texto y teclea tu contraseña elegida. ¡Debes recordarla, no la olvides! En este caso he escogido el término usuario.
• Debe volver a escribir: tecléala de nuevo exactamente igual que en el campo de texto anterior.

Ahora debes asignar privilegios globales a este usuario. Para ello haz clic en Marcar todos/as o bien valida todos los campos Datos, Estructura y Administración. Ya sólo queda crear el usuario haciendo clic sobre el botón Continuar.

El siguiente paso será crear la base de datos para dicho usuario. Haz clic en la nueva pantalla sobre el enlace Servidor: localhost que hallarás en la parte superior para volver a la pantalla inicial de PhpMyAdmin

Para crear la base de datos tendrás que darle un nombre. Escríbelo en el cuadro de texto Crear nueva base de datos: por ejemplo, joomla y despliega la lista que aparece a la derecha de Cotejamiento para localizar utf8_spanish_ci. Cuando finalices haz clic sobre Crear.

¡Ya está, el nuevo usuario y la base de datos necesarios para Joomla están creados!

Instala Joomla!Spanish 1.0.15 en Xampp

Tendrás que descargar la última versión estable disponible de Joomla y salvarlo convenientemente en tu equipo. Se trata de un archivo comprimido ZIP que localizarás en la Web oficial del proyecto, en castellano:

http://www.joomlaspanish.org/

La descarga te reenviará a otra página: Jomlacode.org, desde la que podrás descargar la última versión (selecciona Ficheros y en la lista el archivo joomla_1-0-15-spanish-premium.zip y guárdalo en tu equipo.

Descarga Joomla 1.0.15 Spanish-premium.zip 

Una ver finalizada la descarga, extrae el contenido del archivo comprimido zip a una carpeta (utiliza 7-Zip como programa alternativo de compresión y descompresión de archivos). Se creará una estructura de carpetas y archivos que será la que compondrá nuestro sitio Web posteriormente en el servidor (puedes borrar a continuación el archivo zip descargado si lo deseas, ya no lo utilizarás).

Si haces un doble clic sobre la carpeta Joomla_1.0.15-Spanish-Premium, podrás observar la estructura de archivos y carpetas que incluye su contenido, estructura que deberás copiar íntegramente al directorio raíz de tu servidor para iniciar la instalación:

Es decir, deberás “subirla” al completo, tal cual está, mediante un cliente de FTP a tu espacio Web, copiando toda la estructura original y sin modificaciones para iniciar el proceso de instalación de Joomla o bien si estás realizando la instalación de Joomla “en local”, como es este caso, copiar todo este contenido en el directorio establecido al efecto en el servidor.

Recuerda que, en el caso que nos ocupa, has creado una carpeta servidorlocal en el disco duro de tu equipo en el que has instalado Xampp. Será en una subcarpeta de este directorio en el que copiarás la estructura completa de Joomla. En concreto localiza

c:\servidorlocal\xampp\htdocs\

y crea un nuevo directorio en su interior llamado joomla (botón derecho del ratón - nueva carpeta, ponle por nombre joomla). Ahora copia el contenido de la carpeta descomprimida de Joomla!Spanish 1.0.15 en esta carpeta joomla (asegúrate de que la has copiado completamente, con toda la estructura de archivos y carpetas que has visto en la captura de pantalla anterior).

El siguiente paso será realizar la instalación propiamente dicha del C.M.S. Joomla en este servidor local. Pero eso, será asunto de un nuevo artículo de esta serie dedicada a Joomla.

Recuerda que, como ya te indicamos en nuestro anterior artículo de esta serie dedicada a Joomla, para realizar el curso que ahora comenzamos sólo necesitarás disponer de una versión de Joomla ya empaquetada, con su propio servidor ya instalado y configurado, su propia base de datos ya creada y Joomla 1.0.13 ya instalado, para que tu única preocupación y ocupación sea experimentar con Joomla sin que te frenen las tareas de instalación.

Debes descargar, por tanto, el archivo comprimido zip que te indicamos en dicho artículo: el pack JoomlaSpanish-UniformServer-RC2. Una vez descargado descomprímelo y estará listo para su utilización. Renombra la carpeta (botón derecho del ratón - cambiar nombre) y llámala joomla pruebas para que la identifiques correctamente. Haz doble clic sobre ella y arranca el servidor mediante un doble clic en el archivo Iniciar-servidor.exe, espera a que la ventana del Dos se cierre y a que tu navegador predefinido te muestre la página inicial de acceso a la administración y al sitio Web de Joomla (podrás llegar a esta página inicial siempre que quieras tecleando en el campo de texto de la dirección URL del navegador el término localhost, te recomendamos que cierres IE, utilices el navegador Firefox y teclees en el campo dirección localhost para acceder a esta página inicial):

El Frontend y el Backend

En el contexto de los sistemas de gestión de contenidos como Joomla se suele hablar de Frontend y Backend. La instalación crea dos espacios accesibles vía Web:

• El Frontend es la vista que se muestra a los visitantes de la Web. Es decir, el tradicional sitio web y la página inicial que visualizas cuando tecleas la dirección URL del sitio en el navegador. Si observas su aspecto verás que se trata de un completo y complejo portal con aspecto profesional: múltiples menús, un área de inicio de sesión, una encuesta, artículos con textos ficticios, etc. La estética, el diseño de la página, depende de una plantilla prediseñada, ya instalada con la instalación por defecto de Joomla, que podrás modificar y editar a tu gusto. En el ejemplo siguiente la plantilla escogida es rhuk_solarflare_ii. Pero podrás cambiarla por otra o instalar una nueva plantilla, ya te indicaremos cómo hacerlo.

• El Backend es una página oculta al visitante, el área de administración. Aquí sólo puede entrar el administrador, previo inicio de sesión en el sistema.

Un truco o, en realidad, una recomendación
Cuando realices tareas de administración y mantenimiento de la Web, te recomendamos encarecidamente que dejes abiertos el frontend y el backend al mismo tiempo (en diferentes pestañas de tu navegador, por ejemplo, o en diferentes ventanas). Así, podrás apreciar todos los cambios que realices en el backend de forma inmediata en tu sitio Web.

¿Cómo hacerlo?. En la pantalla inicial de Uniform Server 3.5 haz clic sobre el enlace

Administración de Joomla! Spanish 1.0.13

Accederás así al área de administración o backend. Observa que aparece una nueva página en una nueva pestaña de Firefox llamada Joomla! Spanish - Administración. Desde aquí podrás acceder al Backend de tu sitio Web. Presidiendo toda la página se encuentra un formulario de acceso al Sistema que deberás cumplimentar correctamente con ciertas credenciales para acceder a Joomla. En este caso en concreto teclea admin como nombre de usuario y admin como contraseña. Finalmente haz clic sobre el botón Entrar para acceder al Backend de tu sitio Joomla.

Para acceder al Frontend o al aspecto concreto de tu sitio Web tal y como lo vería cualquier visitante del sitio en este momento debes hacer clic sobre la entrada Sitio frontal Joomla! Spanish 1.0.13, desde la página inicial de Uniform Server. Fíjate que tienes abiertas dos pestañas diferentes en el navegador: en una de ellas podrás observar el diseño de tu sitio web, en la otra la página relativa a su administración.

Abrir el Frontend desde el panel de Administración

Con el procedimiento anterior tienes acceso al Frontend o al aspecto concreto de tu sitio Web (lo que verán los visitantes), pero la mayor parte de las veces abrirás el Frontend desde la propia administración de Joomla. A continuación verás más detalladamente el Panel de Control de la página inicial de Administración de Joomla. Por ahora sólo nos interesa que veas el menú de la parte superior, menú que te permitirá acceder a múltiples opciones:

Localiza en él la entrada Sitio y en el menú desplegable que emerge selecciona Vista Previa - En una Nueva Ventana.

Esto hará que visualices el aspecto de tu sitio Web en una nueva pestaña de Firefox. A partir de ahora podrás cambiar entre ambas pestañas pulsando sobre el título de la misma: esto es muy útil y práctico, cuando realizas cambios en la página de Administración, pues simultáneamente verás las modificaciones en tu sitio con sólo recargar la página (pulsa F5, por ejemplo, para hacerlo, o utiliza el botón Recargar que te ofrece el navegador). Acostúmbrate, por tanto, a tener dos pestañas abiertas a la vez: en una el backend o administración, en la otra el frontend o tu sitio Web tal y como lo ven los visitantes de tu página.

El panel de control en la Administración de Joomla

Ya te hemos indicado anteriormente que en cuanto inicias sesión en el área de administración se muestra una página inicial principal desde la que accederás a todas las funcionalidades de Joomla. Puedes ver en ella tres secciones diferenciadas:

1. Un menú desplegable en la parte superior.
2. Un conjunto de grandes botones en la parte izquierda, que constituye el Panel de Control.
3. Un cuadro resumen con navegación por pestañas, a la derecha de la pantalla.

Te explicamos sus utilidades y funcionalidades:

El menú desplegable

Ya hemos comenzado a echar un primer vistazo al menú desplegable de la parte superior al utilizar la entrada Sitio. Fíjate que incluye variadas opciones que utilizarás para la administración del sitio web, como la vista previa de la web, las plantillas o temas utilizadas para su diseño, los instaladores de nuevos temas, módulos, la administración de usuarios, la configuración del sitio web, etc. Sólo tienes que pasar el ratón por encima de cada entrada para acceder a los submenús correspondientes (ya has visto el funcionamiento, por ejemplo, de Sitio - Vista Previa).

El Panel de Control

Ocupa la mayor parte de la pantalla y se caracteriza por la presencia de unos grandes botones de acceso directo a las tareas más comunes que realizarás en Joomla. Si jugueteas con los botones y acabas medio perdido en Joomla, sólo tendrás que hacer clic en la entrada del menú Inicio para volver a la página inicial del Panel de Control (puedes también hacer clic en el primer vínculo de la barra de navegación que se encuentra inmediatamente debajo: en este caso en el enlace Joomla! Spanish). ¡No tiene pérdida!

El cuadro resumen

A la derecha de la pantalla localizarás un cuadro de resumen, que se muestra en pestañas:

• Registro. En esta pestaña se muestran los usuarios que actualmente han iniciado sesión en el sistema. Puedes “echar” a un usuario haciendo clic en la flecha roja situado a su derecha.
• Componentes. Muestra la lista de componentes instalados en el sistema. Puedes navegar hacia cada uno de ellos, haciendo clic en su nombre.
• Popular. Se muestran los artículos más populares, es decir, los que tienen más éxito entre los visitantes. Se muestra la fecha de creación y la cantidad de hits obtenidos. Muy práctico: si haces clic sobre su enlace podrás editar los artículos cliqueados.
• Últimos artículos. Aquí se muestran las últimas entradas. También resulta muy práctico, ya que a menudo puede interesarte completar algo.

Una primera característica: las plantillas

Vas a realizar una primera aproximación a la utilización de plantillas en Joomla. En la pestaña de Administración haz clic sobre Sitio - Administrador de plantillas - plantillas del sitio.

Aparecerá una tabla con todas las plantillas preinstaladas. La plantilla actual muestra una marca verde junto a la columna Predeterminado.

Si quieres mostrar la vista previa de una plantilla, pasa el puntero del ratón sobre el nombre de la misma. Aparecerá una miniventana con una imagen en miniatura del aspecto de la plantilla.

Para seleccionar otra plantilla diferente:

• Activa la casilla correspondiente a la plantilla deseada haciendo clic en el botón situado a la izquierda de su nombre. Por ejemplo, madeyourweb.
• Haz clic en el botón de la parte superior Defecto.
• Vete a la pestaña en la que se muestra el Frontend y recarga la página. Ahora el aspecto de la página ha cambiado.
• Repite el procedimiento con la otra plantilla prediseñada: rhuk_solarflare_ii. Ahora el diseño de tu página vuelve a ser diferente.

Si lo deseas puedes aplicar la plantilla únicamente a determinadas páginas y no a todo el sitio. Para ello, cuando selecciones una plantilla no hagas clic en Defecto, sino en el botón Asignar. Por ejemplo, haz clic sobre la plantilla madeyourweb y, a continuación, en el botón Asignar. En la nueva ventana, selecciona la página o páginas en las que deseas aplicar esa plantilla, por ejemplo, mainmenu - noticias y deja la plantilla rhuk_solarflare_ii por defecto. Observa los cambios en el Frontend: haz clic en el menú noticias y verás que el diseño es otro. Para quitar la asignación repite el procedimiento y selecciona la entrada Ninguno.

NOTA. ¡Asegúrate de que la plantilla Ruhk_solarflare_ii es la activa por defecto para seguir el siguiente apartado de este artículo!

La versatilidad de Joomla: los módulos

Una de las características de Joomla que, precisamente es responsable de su versatilidad, personalización y potencia, son los llamados módulos. Hablaremos más adelante de ellos y por ahora, tan sólo debes conocer que Joomla tiene previamente instalados una enorme variedad de ellos: algunos probablemente ni siquiera utilizarás mientras que otros son indispensables para la estabilidad del sistema. Aunque sea muy simple, entenderás fácilmente la utilización de los módulos si piensas en ellos como cajones capaces de alojar los datos contenidos en Joomla. Por ejemplo, existe un módulo de encuestas que se encarga de colocar en alguna posición de la Web encuestas a los usuarios del sitio, un módulo para los menús, otro módulo para mostrar los artículos más visitados, o las últimos artículos publicados, etc.

Podrás ver los módulos instalados mediante el gestor de módulos, que lamentablemente no se localiza en el Panel de Control. Tendrás que acudir al menú Módulos - Módulos del sitio para visualizar la lista de módulos instalados:

Se abrirá una nueva página en la que se mostrará el listado de módulos instalados en el sitio Web.

Esta página nos ofrece mucha información, destacando:

• En la primera columna se muestra el nombre del módulo y su información pertinente en la fila que le corresponde. Por ejemplo, enseguida podrás comprobar si el módulo se ha publicado (validado en verde) o no (marca roja).
• La columna Publicado te muestra el estado del módulo: si está publicado y será visible, por tanto, en el sitio mostrará una marca verde, en caso contrario, será roja. Para desactivar o reactivar un módulo, es decir, publicarlo o no, sólo tendrás que hacer clic sobre el icono correspondiente. También puedes validar la casilla correspondiente al módulo elegido y, a continuación, hacer clic sobre los botones de la parte superior, Publicar o No publicar. Esta columna será muy importante cuando administres los módulos instalados en tu sistema pues si no están publicados no podrán ser visualizados en tu sitio Web. A veces, ocurrirá que cometerás errores como creer que algo va mal y simplemente, es que el módulo está despublicado.

Observa que la lista de módulos es muy larga y que, en tus tareas de administración, podrás instalar muchos más así que es muy probable que en este gestor de módulos existan varias páginas para mostrártelos. En algunos casos, tendrás que pasar página (al final de la pantalla) para ver los demás elementos de la lista. O bien ajustar el número de elementos para tener que pasar menos páginas (busca en la parte inferior Ver y cambia a un número inferior y superior para advertir los cambios en la lista).

A la cantidad de módulos se le añaden otras posibilidades como son las posiciones que dichos módulos ocupan en el sitio Web. Las plantillas de Joomla incluyen varias posiciones. Detrás de ellas se esconden las áreas en las que se colocan los contenidos. En la práctica son como contenedores para contenidos y menús y se pueden llamar user1, user2, top, right, left, banner, etc.

Observa la columna del gestor de módulos denominada Posición: por ejemplo la posición del menú principal es left - izquierda, y por tanto, en la Web el menú principal se mostrará a la izquierda de la pantalla).

Si te lías con el idioma inglés y además no entiendes bien algunos de estos términos debes saber que la posición de los módulos depende de la plantilla que estés utilizando y que puedes visualizar estas posiciones mediante la opción del menú Sitio - Vista previa - En línea con las posiciones.

Fíjate en la plantilla utilizada actualmente por Joomla (rhuk_solarflare_ii) dónde se encuentran las posiciones left, user1, user2 o top. Si miras la lista de módulos ahora verás que cada uno tiene “asignada” una posición. Pero esto no es inamovible, es perfectamente posible mostrar cada módulo en una posición distinta.

Realicemos un ejemplo para que compruebes los cambios que se producen en el sitio Web:

• Desactiva o despublica el módulo Destacamos que se localiza en la posición top. Para ello haz clic sobre el icono verde: en décimas de segundos cambia a icono rojo de no publicado.
• Vete a la pestaña en la que se encuentra el Frontend del sitio y recarga la página para visualizar el cambio. Observa que la posición top ha quedado libre y el navegador te lo indica con el mensaje Top Module Empty.
• Ahora vas a colocar otro módulo preinstalado en este lugar. Para ello, vete a la pestaña del backend y en la lista de módulos haz clic sobre la entrada Popular (observa que su posición es User2).
• En la nueva pantalla selecciona en Posición (haciendo clic sobre el triángulo invertido) la opción Top y aprovecha para cambiar su título a Los más leídos.
• Guarda los cambios haciendo clic sobre el botón Guardar de la parte superior.
• Recarga de nuevo la página del Frontend para comprobar que, en efecto, este módulo ocupa ahora la posición top.

Este sencillo ejemplo te muestra la extraordinaria habilidad de cambios que Joomla posee gracias a las combinaciones que podrás realizar con los módulos preinstalados o aquellos que desees instalar para aumentar sus funcionalidades.

Prueba a despublicar el módulo banner (que muestra un banner publicitario) para ganar espacio así en la publicación de los contenidos, por ejemplo.

Por cierto, otra de las opciones que podrás variar es el orden en el que se colocan cada uno de estos módulos en su posición. Observa la columna Ordenar y el número asignado a cada número, por ejemplo, de los módulos que se localizan en left. La numeración indica que en primer lugar aparecerá el menú Principal, le seguirá, por este orden, Menú del usuario (visible sólo para usuarios registrados), Recursos Joomla, el formulario de acceso o los botones de Sindicación. Podrás cambiar este orden “subiendo y bajando” cada módulo haciendo clic sobre las flecha azules hacia arriba o hacia abajo respectivamente. Prueba a poner en primer lugar el módulo Formulario de acceso, por ejemplo. Ordena los módulos presentes en tu sitio Web como te interesen que el visitante del sitio acceda a ellos.

• Que se administra vía Web y los cambios que realices serán automáticamente visualizados en tu sitio Web (la actualización de tu sitio Web será inmediata, por tanto).
• Que el diseño de tu sitio Web depende de la plantilla instalada y de la posición de los módulos instalados.
• Que necesitarás acceder al sistema como Administrador para realizar ciertos cambios en él.
• Que Joomla es muy personalizable: podrás no sólo cambiar su plantilla predeterminada, sino asignarla a determinadas páginas del sitio y cambiar de posición los módulos y ordenarlos de manera diferente en la página.

Aprovechando la publicación del tutorial referido al artículo anterior de Photofiltre free: la herramienta de selección Varita Mágica, os recomiendo este excelente sitio Web 2.0, que permite que nuestros documentos PDF puedan ser visualizados online de una forma muy atractiva, pues genera su publicación en una especie de libro en formato flash de brillante estética.

Tan simple como darse de alta (enlace Sign up) y subir el archivo PDF (upload document). En pocos segundos, dispondrás de un bonito e-book que podrás colgar en tu blog. Excelente como recurso educativo, para que puedas publicar tus tutoriales, las revistas y periódicos del cole, libros de poesías, libros de adivinanzas, cancioneros, artículos o monografías. ¡No dejes de probarlo!

Por cierto, tuve que dedicar un cierto tiempo para insertar issuu en este blog. Para todos los interesados no encontré la solución hasta que no leí el documento de ayuda de publicación de pdfs en scribd que se localiza en Educastur: http://blog.educastur.es/ayuda/insertar-un-documento-de-scribdcom/

Tienes que seguir el mismo procedimiento para insertar issuu en tu blog alojado en Educastur.

Tutorial PhotoFiltre V6 Free: herramientas de selección. Formato PDF

En este artículo te mostramos cómo puedes utilizar una herramienta de selección básica de PhotoFiltre, la herramienta Varita Mágica, para realizar sencillos montajes fotográficos con varias imágenes descargadas desde Internet. Muy práctico para dar nuevos toques a tus imágenes realizadas con la cámara digital, ilustrar los trabajos que realizarás con tus alumnos, diseñar portadas para trabajos de investigación en el aula o ilustrar el blog de tu clase o tu blog personal, entre otras posibles utilidades.

El Panel de Herramientas: las herramientas de selección

Las herramientas de selección son un tipo de herramientas imprescindibles cuando se quiere modificar o aplicar algún retoque a un aparte específica de la imagen.

Definicion
Una selección obtenida a través de una herramienta de selección es un espacio o región en una imagen (o en una capa, si el programa de diseño gráfico las soporta) en la que es posible trabajar o ejecutar una acción sin que las áreas no seleccionadas se vean afectadas.

Photofiltre incluye dos tipos de herramientas de selección:

• Las selecciones de tipo Vectorial obtenidas con las herramientas de formas automáticas: rectángulo, elipse, rectángulo redondeado, rombo, triángulo, lazo y polígono. Pueden ser redimensionadas, un doble clic sobre la selección te permitirá redimensionar su tamaño: aparecerá un cuadro de delimitación a su alrededor que podrás modificar a tu antojo.
• Las selecciones de tipo Bitmap obtenidas con la herramienta Varita Mágica. No son redimensionables.

Aunque la versión gratuita de Photofiltre es algo limitada en cuanto al uso de estas herramientas (no permite añadir nuevas selecciones a selecciones ya establecidas, por ejemplo, ni eliminar partes de una selección, deberás utilizar un programa de edición más potente para estos casos como El Gimp) aunque suficiente para muchos de nuestros propósitos educativos como recortar una imagen, cambiar los colores de una ilustración, aplicar filtros a la selección, combinar varias imágenes en una sola, etc. Su limitación se compensa con su sencillez de uso y, por tanto, es ideal para usuarios noveles en la edición de imágenes.

Encontrarás las herramientas de selección que Photofiltre pone a tu disposición en la Paleta de Herramientas (si no ves esta Paleta, acude a Ver - Paleta de Herramientas, para que aparezca en pantalla):

1. Modo de selección normal. Una herramienta con forma de punta de flecha permite que todos los elementos que se encuentren situados dentro de una misma capa del archivo sea posible moverlos o ubicarlos en otra parte diferente del área sobre la que se trabaja. Por ejemplo, abre una imagen cualquiera con Photofiltre, acude al menú Selección - Seleccionar todo (o pulsa la combinación de teclas Ctrl + A) y acude a la herramienta de selección de la Paleta de herramientas. El cursor del ratón se transforma en una punta de flecha que te permitirá mover la selección por la imagen.
2. Selección de un área rectangular: un icono con un área rectangular y con bordes discontinuos permite seleccionar un área concreta de la imagen con esta forma. Puede resultar útil, por ejemplo, cuando se quiere mantener sólo un área específica de una fotografía y eliminar el resto. La mejor manera de aplicarla es comenzar ubicando el puntero del ratón en el lugar donde quieres que esté la esquina superior izquierda de la selección, hacer clic sobre la imagen y, sin soltar el botón izquierdo del ratón, arrastrar el cursor bajando en diagonal hasta que quede seleccionada el área que se desee.
3. Selección de un área elíptica: genera selecciones de forma circular. Igual que la herrmaienta anterior, la mejor manera de controlar la forma de la selección es comenzar desde arriba y arrastrar diagonalmente hacia abajo.
4. Selección de un área rectangular redondeado: genera este tipo de selecciones. Igual que la herramienta rectángulo pero con esquinas redondeadas. Se utiliza de la misma manera que esta última.
5. Selección de un área en forma de rombo: genera una selección con esta forma.
6. Selección de un área en forma triangular. Ídem, pero en forma de triángulo con base inferior.
7. Lazo: Es una de las herramientas de selección más básicas. Está representada por el icono con forma de lazo redondeada. Permite seleccionar a mano alzada alrededor de objetos o áreas específicas, lo que tiene mil valiosísimos usos. Una vez activada, hay que hacer clic sobre el área del lienzo que se quiera seleccionar y sin soltar el botón del ratón, dibujar con el cursor un trazo alrededor del objeto o zona de modo que quede resaltado por una línea discontinua. Al llegar al lugar en el que deseas que termine la selección, suelta el botón del ratón. Photofiltre creará automáticamente una línea entre el punto de inicio y el punto final para cerrar la selección.
8. Polígono: Esta herramienta de selección está representada por un icono con forma de lazo poligonal. Crea selecciones con bordes rectos cada vez que se hace clic. Para utilizarla tienes que hacer clic sobre el área del lienzo donde quieras comenzar la selección. Traza una línea recta imaginaria hasta el punto al que puedas llegar sin salirte del área del objeto. Haz clic sobre el nuevo punto y repite de nuevo el proceso. Si el objeto tiene muchas áreas curvas, el resultado será mejor cuanto más pequeños sean los trazos, es decir, el área seleccionada entre un punto y otro. Para seleccionar todo el objeto recuerda que el primer punto debe unirse con el último.
9. Varita mágica: Es otra herramienta de selección representada por un icono con forma de varita. La herramienta selecciona las áreas del mismo color dentro de una imagen. Puede resultar muy útil si el color en la imagen está muy definido. Por ejemplo, si tienes una flor amarilla en un campo verde y haces clic en ella, la herramienta Varita Mágica seleccionará todo el amarillo de la flor. Podrás seleccionar un nivel de tolerancia que permite definir el grado de selección según los colores del área situada al lado sea más o menos similar. No es una herramienta perfecta, pero con un poco de esfuerzo uno puede hacer con ella lo que quiere.

Además en la Paleta de herramientas localizarás dos iconos muy útiles:

• Cuadrado: que te permite modificar las selecciones automáticamente para obtener formas regulares: cuadrado, círculo, etc.
• Invertir: herramienta que te permite invertir la selección, muy útil para realizar copias de lo seleccionado, por ejemplo como verás a continuación.

La herramienta Varita Mágica, la más sencilla

Es una herramienta de tipo Bitmap caracteriza por seleccionar áreas del mismo color dentro de una imagen. Muy útil para utilizar en cliparts, ilustraciones o fotografías con el fondo de color sólido o con elementos que están bien delimitados por bordes. Es muy sencillo utilizarla y por ello los principiantes la usamos con mucha frecuencia. Ahora bien, su contrapartida es que es difícil seleccionar exactamente lo que deseas con precisión siendo muy importante escoger el punto inicial más apropiado. Su mayor desventaja es que no es posible ajustarla una vez que se ha soltado el botón del ratón: si la selección no se ajusta a lo deseado, tendrás que volver a comenzar, eligiendo nuevamente el punto inicial.

A pesar de sus limitaciones, podrás realizar grandes cosas con ella. Te mostramos un ejemplo en el que combinaremos dos imágenes para realizar una especie de fotomontaje o collage con ellas en el que utilizarás la herramienta Varita Mágica. ¡Fíjate en sus posibilidades, sólo tendrás que experimentar con esta herramienta de la misma forma y con otras imágenes diferentes para realizar sencillas y originales creaciones artísticas!

Utilizaremos para esta práctica dos imágenes que se han localizado y descargado previamente desde el sitio Web Cepolina photo, un sitio que contiene cerca de cinco mil imágenes que podrás utilizar libremente y que te recomendamos visites si necesitas imágenes para tus trabajos.

Cepolina Photo

A través de su buscador se han localizado las imágenes:

• lamp street: categoría - tag science - Accede a la imagen

• bird sparrow: categoría - tag bird - Accede a la imagen

Las hemos guardado en nuestro equipo utilizando el sencillo procedimiento que Firefox nos brinda (nuestro navegador favorito, claro): botón derecho del ratón - Guardar imagen como.

Sigue nuestro paso a paso para realizar un sencillo montaje de fotografías:

Ejecuta PhotoFiltre free. Para ello busca en el menú Inicio - Todos los programas - Photofiltre - Photofiltre o bien haz doble clic sobre el icono de acceso directo que se localiza en el Escritorio.

Abre la imagen bird sparrow haciendo clic en Archivo - abrir o sobre el icono Abrir presenta en la barra de iconos. Localiza este archivo en el lugar concreto en el que lo salvaste desde Internet navegando por los distintos lugares de tu equipo en la ventana Abrir. Si en esta ventana tienes activa la opción Previsualización, verás una miniatura de la imagen seleccionada y diversa información relativa a la misma como su tamaño o peso.

Tras hacer doble clic en el nombre de la imagen, o seleccionar el archivo (aparece remarcado en color azul) y, a continuación, pulsar el botón Abrir, la imagen se muestra en pantalla.

En la Paleta de herramientas selecciona la herramienta Varita Mágica (asegúrate de que no se encuentra seleccionada la opción Color en la parte inferior de la varita: la imagen del pájaro incluye muchas áreas en color negro y serían seleccionadas simultáneamente con el fondo al hacer clic sobre un punto inicial negro del fondo). Deja como valor de Tolerancia 30, suficiente para la selección que se pretende.

Ahora haz clic sobre un punto del fondo negro de la imagen y observa cómo aparece una línea discontinua parpadeante alrededor del pájaro para indicarte que el fondo ahora se encuentra seleccionado.

Abre ahora la segunda imagen lamp street. Localízala en tu equipo tal y como has hecho con la imagen anterior. Podrás moverte entre ellas, activando una u otra según te interese, haciendo clic sobre la barra de título de cada ventana.

Haz clic sobre la barra de título de la ventana bird sparrow para que está aparezca en primer plano y sea la imagen activa. Recuerda que tienes seleccionado el fondo de esta imagen gracias a la herramienta varita mágica.

Ahora bien, en realidad lo que te interesa utilizar no es el fondo sino el pajarito, por tanto haz clic sobre el menú Selección - Invertir (o la combinación de teclas Ctrl + I) para que se invierta la selección del fondo al pájaro. Observa que, en efecto, la línea discontinua parpadeante ahora sólo afecta a la imagen del pájaro que la rodea.

El siguiente paso será copiar esta parte de la fotografía y pegarla en la imagen lamp street. ¿Complicado?, para nada. Tienes activa la ventana bird sparrow, acude al menú Editar y selecciona Copiar (o Ctrl + C, la típica combinación del sistema para copiar). A continuación, haz clic sobre la barra de título de lamp street para seleccionar esta ventana y hacerla activa, haz clic sobre el menú Editar - Pegar (o utiliza Ctrl - V, típica combinación de teclas del sistema para pegar un elemento copiado). El pájaro se superpondrá a esta imagen en la ventana, aunque… ¡menudo gigante!.

Arreglar esto no es complicado. Debes reducir el tamaño de la imagen seleccionada. Para ello haz clic con el botón derecho del ratón sobre la selección y en el nuevo menú emergente selecciona la opción Ajustes manuales.

Una nueva ventana, la ventana Ajustes manuales, aparece en pantalla. Observa en su parte central los datos relativos a Tamaño: te indica el tamaño exacto en píxeles de la selección. Haz clic sobre Conservar proporción de aspecto para validar esta opción: pretendes que al cambiar el tamaño de la selección no se deformen sus proporciones de ancho y alto. Reduce el valor Ancho hasta 150 (utilizando las flechas o tecleando este valor en el campo Ancho). Fíjate que ahora ya tenemos un pajarito. Sólo resta que lo coloques en la posición adecuada, por ejemplo, encima de la farola: para ello simplemente haz clic sobre la selección y arrástrala hasta el lugar deseado.

Nota. Mientras se mantenga la línea discontinua que muestra la selección podrás realizar cambios sobre ella: modificar de nuevo los valores ancho y alto si no estás conforme con los obtenidos o mover la selección a otro lugar de la imagen activa. Y ello será así hasta tanto no selecciones Validar pegado del menú contextual anterior o pulses la tecla Intro de tu teclado.

Haz clic sobre la tecla Enter para validar los cambios en la selección y guarda finalmente la nueva imagen con el nombre que desees y el tipo o formato adecuado: jpeg o png, haciendo clic en Archivo - Guardar como.

El aspecto final de la nueva imagen será similar al siguiente:

¡Simple pero efectivo!, ¿no crees?. Imagina las posibilidades de esta sencilla herramienta: podrás incluir así variadas imágenes en otra para hacer composiciones cada vez más complejas, como ves en la imagen siguiente. ¡Sólo échale imaginación y un poco de tiempo!