Tutorial bsico

Back-End para Clientes

Apunte creado por Miguel Inostroza Godoy.

www.mediastudio.cl

Introduccin
Joomla | CMS
Su sitio Web est creado bajo un Sistema de gestin de contenidos CMS (Content Management Systems) Joomla. QU ES UN CMS?

www.mediastudio.cl Miguel Inostroza Godoy

Un CMS es un sistema de gestin de contenidos (Content Management System en ingls, abreviado CMS) es un programa que permite crear una estructura de soporte para la creacin y administracin de contenidos, principalmente en pginas web, por parte de los participantes. Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido del sitio. El sistema permite manejar de manera independiente el contenido y el diseo. As, es posible manejar el contenido y darle en cualquier momento un diseo distinto al sitio sin tener que darle formato al contenido de nuevo, adems de permitir la fcil y controlada publicacin en el sitio a varios editores.

Acceso a la administracin
Formulario de Acceso
1- Escriba en la barra de direcciones del navegador el siguiente Link: http://www.midominio.cl/administrator 2- Se mostrar la pantalla con el Formulario de Acceso.

www.mediastudio.cl Miguel Inostroza Godoy

3- Aadir los datos de autentificacin: Nombre de Usuario y Contrasea entregados por su super - administrador y hacer clic en el botn: Iniciar sesin.

Panel de Control
Panel de Control / MEN SUPERIOR
Una vez que haya iniciado sesin se presentar el Panel de Control, tambin conocido como Pgina de Inicio de la Administracin. El Panel de Control consta de tres reas diferentes: 1- Men superior de opciones. 2- Iconos de acceso rpido. 3- Mdulos del Administrador.

www.mediastudio.cl Miguel Inostroza Godoy

1- El men superior de opciones proporciona acceso a todas las funciones disponibles en el Back-End. Las opciones de men y submen mostradas variarn dependiendo de su Nivel de Usuario, ya sea: Manager, Administrador o Sper-Administrador. A la derecha del men existen unos botones que presentan el nmero de mensajes privados que ha recibido, el nmero de usuarios conectados y el enlace Salir.

Panel de Control
Panel de Control / ICONOS DE ACCESO RPIDO
2- Los iconos de acceso rpido proporcionan enlaces a las principales funciones del Back-End.

www.mediastudio.cl Miguel Inostroza Godoy

Panel de Control
Panel de Control / MDULOS DEL ADMINISTRADOR
3- Los mdulos del administrador muestran informacin de los Usuarios conectados, los Componentes instalados, los Artculos de Contenido ms Populares, los ltimos Artculos de Contenido publicados, y los Mens con el nmero de enlaces por men.

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Contenido
Explicacin
En el Sistema de Gestin de Contenido Joomla!, existe una jerarqua de organizacin del contenido en tres niveles: 1 - Secciones: Contenedores principales; en su interior estn las Categoras. 2 - Categoras: Contenedores secundarios; en su interior estn los Artculos de Contenido. 3 - Artculos de Contenido: Son los textos e imgenes que usted muestra en una pgina.

www.mediastudio.cl Miguel Inostroza Godoy

Debe tener en cuenta que no podr crear un Artculo de Contenido a menos que tenga creadas una Seccin y una Categora en donde incluirlo. Puede imaginar esta estructura como una jerarqua en la que: las Secciones son cajones, las Categoras son carpetas y los Artculos de Contenido son documentos de papel. Para su sitio Web, el contenido de secciones y categoras est organizado por el super - administrador.

Administrar Contenido
1 - Creacin de Secciones
Ir al men superior, seleccionar el botn "Contenido", luego hacer clic en la opcin "Gestor de secciones"

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Contenido
1 - Creacin de Secciones
Hacer clic en el icono "NUEVO" que esta al costado derecho de su pantalla para crear la nueva seccin de contenido

www.mediastudio.cl Miguel Inostroza Godoy

Llenar los datos obligatorios de nombre titulo de la seccin. Luego hacer clic en el icono Guardar que esta en el costado derecho de su pantalla

Administrar Contenido
2 - Creacin de Categoras
Ir al men superior, seleccionar el botn "Contenidos", luego hacer clic en la opcin "Gestor de categoras"

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Contenido
2 - Creacin de Categoras
Hacer clic en el icono "NUEVO" para crear la nueva categora de contenido. Llenar los datos obligatorios de nombre titulo de la categora.

www.mediastudio.cl Miguel Inostroza Godoy

Luego elegir la seccin, posteriormente hacer clic en el icono "GUARDAR" que esta en el costado derecho de su pantalla

Administrar Contenido
3- Creacin de Artculos
Ir al men superior, seleccionar el botn "Contenidos", luego hacer clic en la opcin "Gestor de artculos"

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Contenido
3 - Creacin de Artculos
Un artculo corresponde a un contenido dinmico que se almacena en alguna seccin y categora definida.

www.mediastudio.cl Miguel Inostroza Godoy

Hacer clic en el icono "NUEVO" para crear el nuevo artculo de contenido. Llenar los datos obligatorios de nombre titulo de el artculo.

Administrar Contenido
3 - Creacin de Artculos | Editor de Texto
Llenar los datos obligatorios de nombre titulo de el artculo. Luego elegir la seccin y categora, posteriormente escribir el contenido y hacer clic en el icono "GUARDAR", si desea ver los cambios en su web sin salir del editor hacer clic en el botn "APLICAR"

www.mediastudio.cl Miguel Inostroza Godoy

Recomendaciones: Utilizar el BLOC DE NOTAS para copiar y pegar textos desde WORD, PDF, INTERNET, etc. Este paso es fundamental para pegar un texto plano y limpio de estilos externos al sitio web.

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar Imgenes
Para insertar una imagen debe colocar el cursor al principio del texto y luego hacer clic en el botn, "IMAGEN" dentro de las opciones del editor, una vez hecho el clic aparecer un pop-up de edicin de imagen.

www.mediastudio.cl Miguel Inostroza Godoy

Obligatorio: Las imgenes deben estar alojadas en la siguiente ruta de carpetas que utiliza Joomla: stories/images/carpeta. Este punto sera revisado ms a fondo en "Administrar Imgenes" posterior a "Administrar Contenido"

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar Imgenes
Una vez dentro del editor de imgenes en la pestaa: "General" hay que escribir la ruta en donde esta alojada la imagen: stories/images/carpeta/imagen.jpg, luego se le debe dar una descripcin corta y un titulo.

www.mediastudio.cl Miguel Inostroza Godoy

El prximo paso es ubicar la imagen en la pestaa "Appearence"

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar Imgenes
Una vez dentro del editor de imgenes en la pestaa: "Appearence" hay que dar las opciones necesarias para indicarle a Joomla en que posicin va a estar nuestra imagen y si el texto rodeara la imagen.

www.mediastudio.cl Miguel Inostroza Godoy

En este caso la imagen sera posicionada al costado izquierdo con espacio vertical y horizontal de 8 px. para que el texto rodee la imagen. Luego de esto hay que hacer clic en el botn "Insert "o "Update" si es que se esta actualizando.

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar Imgenes

www.mediastudio.cl Miguel Inostroza Godoy

A continuacin veremos como dejar el texto con una introduccin e insertar el boton: "Leer ms" para seguir leyendo el contenido completo en un articulo El resultado de de insertar imagen sera este:

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar botn "Leer ms..."
Para insertar el botn "leer ms..." se debe poner el cursor en donde se quiere separar el texto de introduccin del texto de contenido que completa el texto, luego se debe hacer clic en el botn "Leer ms..." que esta en la parte inferior del editor de texto.

www.mediastudio.cl Miguel Inostroza Godoy

A continuacin aparecer una linea de color rojo punteada, eso significa que ya esta listo el texto de introduccin con el botn "leer ms..." para ver el funcionamiento debe hacer clic en el botn "APLICAR o "GUARDAR" y posteriormente ver su sitio web.

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar botn "Leer ms..."

www.mediastudio.cl Miguel Inostroza Godoy

A continuacin veremos como insertar un Link externo a nuestro sitio web dentro del texto de contenido de un articulo, este link puede ser a otra web como por ejemplo a el sitio de google. Resultado Insertar botn "Leer ms...".

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar Link
Para insertar un link se debe seleccionar el texto que sera el botn para nuestro link, una vez seleccionado se debe hacer clic en el botn link del editor de texto con este paso se abrir el pop up de edicin de links.

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Contenido
3 - Creacin de Artculos | Editor de texto | Insertar Link
Una vez dentro de el pop up de edicin de links se debe escribir el link que se desea como: http://www.google.cl, luego hay que elegir un Target para configurar como se abrir el link, el target blank se recomienda para abrir paginas externas al sitio como la web de google,

www.mediastudio.cl Miguel Inostroza Godoy

De esta manera el visitante no se ira de su sitio web y vera el link en una nueva ventana del navegador. Para finalizar hay que hacer clic en insert o update

Administrar Botones del Men

Creacin de Botones en el men "Main Men"
Ir al men superior, seleccionar el botn "Contenidos", luego hacer clic en la opcin "Main Men"

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Botones del Men

Creacin de Botones en el men "Main Men"
Ir al men superior, seleccionar el botn "Contenidos", luego hacer clic en la opcin "Main Men"

www.mediastudio.cl Miguel Inostroza Godoy

De esta manera el visitante no se ira de su sitio web y vera el link en una nueva ventana del navegador. Para finalizar hay que hacer clic en insert o update

Administrar Contenido
Creacin de Botones en el men "Main Men"
Hacer clic en el icono "NUEVO" para crear un nuevo botn. Se abrirn las opciones de seleccin de de artculos que se dividen en 3 opciones importantes:

www.mediastudio.cl Miguel Inostroza Godoy

1- Presentacin de un articulo, 2 - Presentacin, en formato blog, de los artculos de una categora, 3 Presentacin, en formato blog, de los artculos de una seccin.

Administrar Botones del Men

Creacin de Botones en el men "Main Men"
En este caso veremos la opcin: 1- Presentacin de un articulo, al hacer clic en la opcin se abrir Elemento del men en donde hay que llenar el campo Titulo y hay que Seleccionar un articulo, una vez hecho clic se abrir un popup para seleccionar el articulo deseado

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Botones del Men

Creacin de Botones en el men "Main Men"
El pop-up muestra la lista de artculos creados, posteriormente hacer clic en el articulo que se quiere vincular al men.

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Botones del Men

Creacin de Botones en el men "Main Men"
Al haber elegido el articulo ya se abra creado el link en el men, para ver el cambio hay que previsualizar el sitio web para ver los cambios.

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Imgenes
Subir y eliminar imgenes | Carpeta Stories
Para comenzar a subir imgenes mediante del "Gestor multimedia" hay que hacer clic en el men superior de opciones hacer clic en el botn "Sitio" y elegir la opcin "Gestor multimedia" o acceder directamente de los iconos de acceso rpido y hacer clic en el icono "Gestor multimedia"

www.mediastudio.cl Miguel Inostroza Godoy

- Se mostrar la pantalla en donde podremos Administrar las Imgenes. - Esta pantalla muestra la carpeta global de imgenes, ejemplo: http://www.midominio.cl/images

Administrar Imgenes
Subir y eliminar imgenes | Carpeta Stories
- La carpeta en donde alojaremos las imgenes sera: http://www.midominio.cl/images/strories - Hacer clic en la carpeta "stories" para ver su contenido y empezar a subir imgenes.

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Imgenes
Subir y eliminar imgenes | Carpeta Stories
- Dentro de la carpeta "stories" es donde crearemos las carpetas dando un nombre en el recuadro de el costado derecho , por ejemplo las carpetas pueden llevar nombres segn las secciones o categoras creadas anteriormente en la administracin de contenido.

www.mediastudio.cl Miguel Inostroza Godoy

- Al elegir el nombre de la carpeta hay que hacer clic en el botn "Crear carpeta".

Administrar Imgenes
Subir y eliminar imgenes | Carpeta Stories
- Posteriormente nuestra carpeta la veremos en el panel y se debe hacer doble clic para entrar a ella y empezar la subida de imgenes.

www.mediastudio.cl Miguel Inostroza Godoy

- Hacer clic en el botn "Examinar", se abrir un pop-up en donde se elegir la imagen desde su computador.

Administrar Imgenes
Subir y eliminar imgenes | Carpeta Stories
- Elegir la imagen y hacer clic en el botn "Abrir".

www.mediastudio.cl Miguel Inostroza Godoy

Administrar Imgenes
Subir y eliminar imgenes | Carpeta Stories
- Luego hacer clic en el botn "Iniciar subida" y la imagen ya estar disponible en el servidor para utilizarla en los artculos que desee. Requisitos sobre las imgenes:

www.mediastudio.cl Miguel Inostroza Godoy

- Utilizar nombres de archivo de imgenes lo ms breves posibles. Usar letras minsculas o nmeros sin espacios. Tambin se puede usar el guin bajo_ para separar el nombre de una imagen, ejemplo: img_1.jpg - Utilizar archivos de imgenes de poco peso (kb de la imagen). - Si quiere optimizar sus imgenes, el primer aspecto que necesita conocer son los tres formatos de imagen reconocidos por su navegador Web. Estos formatos son el .jpg/jpeg, el .gif y el .png. - Tenga en cuenta las dimensiones de ancho su plantilla para el rea de contenido para evitar aadir una imagen que supere el ancho de su plantilla.

Fin Tutorial bsico

Back-End para Clientes

Apunte creado por Miguel Inostroza Godoy.

www.mediastudio.cl