=== ¡== BIENVENIDOS A LA CLASE DE PÁGINA WEB == DOCENTE == GUILLERMO HORACIO PATIÑO

JAVASCRIPT

JAVASCRIPT
Guillermo Horacio Patiño

CONFIGURACIÓN JOOMLA 2



Cómo incluir imágenes en nuestros contenidos.

Añadir leyenda


Si queremos añadir una imagen al artículo que tenemos en nuestro ordenador, tendremos 
que :
Cuando estemos escribiedo el contenido del artículo en cuestión, tenemos que 
pulsar 'Subir'.
Pulsaremos Examinar para seleccionar la imagen de nuestro disco duro.
Una vez seleccionada, pulsamos el botón 'Subir' y cerramos la ventanita.
Pulsamos F5 para refrescar la página.
Ahora aparecerá la imagen listada en la parte derecha en 'Galeria de Imágenes'. 
Por ejemplo si hemos subido una imagen llamada 'logo.gif':









Ahora tenemos que pulsar en el boton señalado en rojo en la siguiente imagen:







Ahora aparecerá en la lista de la izquierda, tenemos que pulsar sobre su nombre 
para marcarlo, tal como indica la siguiente imagen:











Ahora, dónde queramos añadirla, debemos pulsar el boton 'Poner Imagen' situado 
abajo a la izquierda de la siquiente imagen:









Ésto podrá {mosimage} en el editor, lo que equivaldrá a la imagen selecciona. 
Podemos pulsar en previsualizar para ver como quedaría.









Cerramos la ventana que se nos ha abierto de previsualización.
Ahora podemos o Guardar el artículo o seguir añadiendo mas texto e imagenes.
A la hora de añadir varias imágenes tenemos que repetir el anterior proceso. Cómo 
siempre añade {mosimage}, la imagen que añade es la correspondiente al orden en que 
esté en la lista de imagenes de la derecha. El primer {mosimage} correspondrá a la 
primera imagen de la lista, el segundo {mosimage} a la segunda y así sucesivamente.

manual de primeros pasos en joomla – www.laprimera.net

Añadiendo funcionalidad a Joomla
Instalar un Foro.
Varios son los componentes que se le puede instalar a Joomla para ahcer funcionar un 
foro, pero destaca sobre todo por su calidad, FireBoard. Vamos a ver cómo podemos 
instalarlo.
Primero nos tenemos que descargar la última versión disponible, en el momento de 
escritura de éste manual es la versión 1.0.3 [enlace de descarga], puede 
comprobar si existe una nueva versión en la dirección http://www.bestofjoomla.com
Una vez descargado el archivo en cuestión, en nuestro caso 
component_Fireboard_Forum_1.0.3.zip abrimos la administración del Joomla.
Dentro de la administración de Joomla vamos a Instaladores -> Componentes.





Pulsamos el botón Examinar y seleccionamos el archivo que nos acabamos de de 
descargar.
3.Una vez seleccionado, pulsamos el botón Subir archivo e instalarlo. Si todo ha 
ido bién, veremos algo parecido a esto:







Ahora nos vamos a “Componentes” -> “FireBoard Forum”. Veremos ésto:









Tenemos que pulsar en el botón “Apply!” que hay justo debajo de “Clean 
Installation”.Nos saldrá éste mensaje:







Lo cual indica que ha sido instalado de forma satisfactoria.
Ahora tenemos que crear un enlace desde el menú principal para que nuestros 
usuarios puedan acceder a él. Para ello nos vamos  a Menus -> mainmenu.
Una vez alli, pulsamos 'Nuevo'. Y despues seleccionamos “Componente” del 
apartado “Componentes”








Ahora indicamos el texto del enlace, en nuestro caso “Foro” y seleccionamos a que 
componente vamos a enlazar, en nuestro caso “FireBoard Forum”.








Por último pulsamos el botón “Guardar”
Instalar una galeria de imágenes.
Al igual que para el foro existen muchos componentes para galerias de imágenes, pero 
una de las mejores es Zoom Gallery. Veamos su proceso de instalación:
Nos descargamos el componente desde la web oficial de Zoom Gallery: 
http://www.zoomfactory.org/index.php?option=com_remository&Itemid=61&func=sta
rtdown&id=2
Ahora vamos a Instaladores -> Componentes







Pulsamos el enlace de Continuar...
Ya tenemos la Galeria instalada. Ahora vamos a poner un enlace en el Menu 
Principal que nos lleve a la galeria.
Vamos a Menus -> mainmenu.
Una vez alli, pulsamos 'Nuevo'. Y despues seleccionamos “Componente” del 
apartado “Componentes”







Ahora indicamos el texto del enlace, en nuestro caso “Galeria de imagenes” y 
seleccionamos a que componente vamos a enlazar, en nuestro caso “zOOm Media 
Gallery”.




Por último pulsamos el botón “Guardar”.







Tenemos que pulsar el botón 'Examinar' y seleccionar el primer archivo que nos 
hemos descargado.
Pulsamos el botón “Subir archivo e instalarlo”. Si todo ha ido bién veremos una 
pantalla como ésta:

CONFIGURACIÓN DE JOOMLA

Configuraciones Básicas
1. Establece tus datos cómo administrador.
Vamos a editar la información del administrador de Joomla para que figuren nuestros
datos.
Vamos a Sitio -> Administrador de Usuarios. Bajo la columna nombre, parecerá listado el
usuario Administrator, hacemos click sobre él. Rellenamos los datos de forma parecida a
la del gráfico





















Teniendo en cuenta que el Nombre de Usuario y la Contraseña serán las que se le
pidan cuando acceda a la administración de Joomla (sustituya midominio por el suyo)
http://midominio.com/administrator
Pulsamos Guardar.


Configura el correo electrónico.
Para que nuestra aplicación Joomla funcione correctamente y envíe emails a los nuevos
usuarios, etc, necesitamos configurar correctamente el correo electrónico. Para ello
vamos a usar la cuenta de correo admin@midominio.com que le creamos con la
instalación de Joomla.
Vamos a Sitio -> Configuracion Global. Vamos a la pestaña de Correo. Rellenamos el
formulario de forma análoga al gráfico, usando nuestros datos de la cuenta
admin@midominio.com


















Establece tus datos de contacto
Para que nuestros usuario puedan ponerse en contacto con nosotros a través del
formulacio de Contactar, primero tenemos que establecer nuestros datos de contacto.
Para ello vamos a Componentes -> Contactos -> Gestión de los contactos.
Veremos listado al usuario administrador, hacemos click sobre él para editarlo.












Rellenamos el formulario de forma parecido al mostrado aquí. Teniendo en cuenta de usar
nuestros propios datos y de enlazar al usuario con el usuario Administrador



























Podemos crear tantos contactos como queramos. Cuando nuestros usuarios hagan click
en contactar, podrán elegir a quien dirigirse.


Personalización de Joomla
1. Personalízalo con una plantilla.
La forma más facil de personalizar tu Joomla, es a traves de las plantillas, ya que son las
que conforman el aspecto estético de la web. Las hay tanto de pago (suelen ser mas
profesionales) como gratuitas.
Cambiar de plantilla no supone tener que rehacer toda la web, ya que el contenido no se
altera, solo se modifica la forma de mostrar ese contenido.
➔Primero debe localizar una plantilla que le guste:
¿Dónde comprar templates profesionales para Joomla?
● RocketTheme.com
● JoomlaShack.com
● Joomlart.com
¿Dónde descargar templates gratuitos para Joomla?
● JoomlaOS
● Joomla24.com
➔Una vez descargado (será un archivo .zip), procedemos a instalarlo siguiendo
éstos pasos:
1.Abrimos la administración de Jooma http://midominio.com/administrator
2.Una vez identificados, vamos Instaladores -> Plantillas – Sitio



















Ahora seleccionamos el archivo .zip que hemos descargado, pulsando
Examinar.
Una vez seleccionado, pulsamos “Subir Archivo e instalarlo”












Si todo ha ido bien, no mostrará una pantlla indicado “Correcto”, si muestra

algún error el archivo que nos hemos descargado no es una plantilla
compatible.
















Cambia el Logo.
Vamos a ver dos formas de hacerlo: la primera es si usamos la plantilla instalada por
defecto (spanish_red) y la segunda es si usamos una plantilla que nos hayamos
descargado.
1.Si va a usar la plantilla que instalamos por defecto
1.Crear un logo propio con el nombre spanish_joomla_logo.png
2.Vaya al panel de control ( http://admin.alojamientowebcenter.com )
3.Una vez identificado, vaya a Prodcutos -> Hosting
4.En la columna "Herramientas", pulse sobre el icono con forma de carpeta
"Modificar Sitio"
5.Se le abrira una ventana con el contenido de su hosting.
6.Entre en la carpeta templates
7.Entre en la carpeta spanish_red
8.Entre en la carpeta images
9.En "Subir Archivos al Sitio Web" pulse el boton "Browse"
10.Seleccione de su disco duro, el logo que ha creado antes con nombre
"spanish_joomla_logo.png"
11.En "Subir Archivos al Sitio Web", pulse el botón "Subir Archivo"
2.Si va a usar una plantilla descargada de internet.
1.Descomprima el archivo de la plantilla .zip en un directorio vacio de su disco
duro.
2.Al descomprimir el archivo se le creará un nuevo directorio con el nombre de
esa plantilla, entre en ese directorio.
3.Verá archivos y directorios, localice un directorio llamado “images”
4.Ahora localice el logo que quiere cambiar, ábralo con algun editor de
imagenes y editelo a su gusto.
5.Ahora debe subirlo a su hosting, al directorio
“templates/nombre_de_plantilla/images/”

manual de primeros pasos en joomla – www.laprimera.net
Gestión Básica del Contenido
1. Organización del contenido.
Cuando hablamos de contenido, nos referimos a los artículos y secciones que va a tener
nuestro portal. Básicamente el contenido se clasifica en diferentes secciones, las cuales a
su vez se dividen en varias categorias.


















Así por ejemplo podríamos tener las siguientes secciones (en azul) con sus
correspondientes categorias (en amarillo) :
Joomla diferencia el contenido en dos tipos: contenido y contenido estático.
●El contenido son noticias, artículos, etc. Es decir, todo aquello que se va añadiendo
frecuentemente.
●El contenido estático suelen ser secciones fijas de la web, que no se suelen añadir
frecuentemente ni se modifican normalmente, aunque por supuesto se puede
modificar en cualquier momento.
En nuestro gráfico tenemos como contenido: noticias (nacional e internacional), artículos
(opinion, reportajes y críticas de libros) y cómo contenido estático tenemo el Acerca del
Autor.
Vamos a ver ahora cómo creariamos la estructura de contenido que tenemos en el gráfico
de arriba en nuestro Joomla. Primero borraremos las secciones y categorias que vienen
por defecto en Joomla ya que vamos a crear las nuestras propias. Para poder borrar una
sección primero se necesita borrar las categorias contenidas en ella y para poder borrar
una categoria, primero hay que borrar los articulos y noticias contenidos en esa categoria.
Asi pues, borrarremos primero todos los articulos de contenido, para despues borrar las
categorias y por último borrar las secciones. Tambien deberemos borrar el contenido

manual de primeros pasos en joomla – www.laprimera.net
estático que viene por defecto.
Vamos a borrar todos los articulos de contenido que Joomla instala por defecto:
1.Abrimos la administración de Joomla http://midominio.com/administrator/
2.Nos vamos a 'Todos los artículos de contenido'.























Nos mostrará todos los artículos de contenido que por defecto vienen con Joomla.
Los vamos a borrar todos, ya que nosotros vamos a crear las nuestras propias.
Para ello seleccionamos todas y pulsamos en “Basura”, ésto eviará todo el
contenido a la papelera:
Lo que acabamos de borrar se ha guardado en la papelera, asi que la vacíaremos:
Marcamos todo y pulsamos en Borrar
Ahora vamos a borrar todas las categorias:
Nos vamos al Administrador de Categorías.



















Nos mostrará las categorias que por defecto vienen con Joomla. Las vamos a
borrar todas, ya que nosotros vamos a crear las nuestras propias. Para ello
seleccionamos todas y pulsamos en “Borrar”:
















Borraremos las secciones:
Nos vamos al Administrador de Secciones:



























Nos mostrará las secciones que por defecto vienen con Joomla. Las vamos a
borrar todas, ya que nosotros vamos a crear las nuestras propias. Para ello
seleccionamos todas y pulsamos en “Borrar”:




















Por último, para borrar el contenido estático,:
Nos vamos al Administrador de Contenido Estátic
























manual de primeros pasos en joomla – www.laprimera.net
2. Creando contenido en Joomla.
Vamos a pasar a crear la estructura para clasificar nuestro contenido según el gráfico del
apartado anterior, recordémoslo:















Primero vamos a crear las secciones de contenido (Noticias y Artículos) y despues sus

categorias. Por último crearemos la sección de 'Acerca del Autor' que como vimos antes
se trata de contenido estático.
Vamos a crear las secciones:
1.Nos vamos al Administrador de Secciones:








Pulsamos en 'Nuevo'








Rellenamos el formulario (veamos un ejemplo en la imagen):











Si queremos adjuntar una imagen personalizada, que está en nuestro ordenador, a 
ésta sección podemos subirla al servidor, pulsando sobre 'Subir, seleccionamos la 
imagen y aceptamos. Despues de ésto debemos refrescar la página pulsando F5 
para que la imagen salga listada en 'Imagen'.
5.Por último pulsamos en 'Guardar'.
Ya tenemos creada la sección 'Noticias'. Para las sección 'Artículos' podemos repetir los 
pasos anteriores.
Ahora creremos las categorias, para ello, a modo de ejemplo veremos paso a paso como 
crear una categoria para la seccion 'Noticias'.
Primero crearemos la categoria 'Nacional' para la sección 'Noticias'.
1.Nos vamos al Administrador de Categorias.
















Pulsamos en 'Nuevo'.








Al gual que hicimos con la sección, rellenamos el formulario, un ejemplo de como 
puede quedar a continuación:








Pulsamos Guardar.
Bien, si repetimos éstos dos procesos para crear las demas secciones y categorias 
habremos temrinado de crear nuestra estructura de contenido.
Nos queda crear la sección fija 'Acerca del Autor' que se trata de un contenido estático.
Para ello:
1.Nos vamos a Administrador del Contenido Estático.












Pulsamos 'Nuevo'








Rellenamos el formulario:













Ya tenemos creado todo el contenido. En un futuro podremos ir añadiendo todo el que 
queramos. Lo normal es ir añadiendo frecuentemente nuevas noticias y artículos para que 
nuestros lectores cada vez que visiten la web se encuentren nuevo contenido.
Escribir artículos y noticias en Joomla.
Cada vez que queramos añadir un nuevo artículo o noticia, lo podremos hacer de la 
siguiente forma:
Abrimos la administración de Joomla http://midominio.com/administrator
Click sobre “Añadir un Nuevo Articulo”













Escribimos el título, seleccionamos la categoria e introducimos el texto de 
introducción (cómo minimo).







Ahora debemos indicarle que lo publique en la portada y cúando publicarlo.