Icesi Manual Usuario Joomla15

7/28/2019 Icesi Manual Usuario Joomla15

1/50

Direccin de Servicios y Recursos de Informacin

FormacinManual Joomla 1.5

Manual Joomla 1.5 Pgina 1 de 50

MANUAL DE USUARIOJoomla 1.5


2/50




Tabla de contenido

Cmo usar el manual de usuario .............................................................................. 3Introduccin a la herramienta .................................................................................. 4

Precondiciones a tener en cuenta ............................................................................. 4Descripcin y condiciones de campos ....................................................................... 6Procedimiento ....................................................................................................... 8

1. Acceso al sitio ............................................................................................ 81.1. Acceso para Pblico ............................................................................... 81.2. Acceso para usuarios del Front-End ......................................................... 81.3. Acceso para usuarios del Back-End ........................................................ 111.4. Panel de Administracin de Joomla ........................................................ 13

2. Gestin del contenido ................................................................................ 192.1. Gestin de contenido para usuarios del Front-end ................................... 192.2. Gestin de contenido para usuarios del Back-end .................................... 21 2.3. Editor de contenido ............................................................................. 252.4. La barra de herramientas del editor ....................................................... 27

3. Gestor multimedia .................................................................................... 433.1. Acceso al gestor .................................................................................. 433.2. Crear una Sub-carpeta ......................................................................... 45

4. SEO (Optimizacin para motores de bsqueda) ............................................ 48


3/50




Cmo usar el manual de usuario1

Estilo del Manual y Convenciones

A lo largo de este manual, se informar sobre cada uno de elementos especficosutilizando los siguientes esquemas de estilo:

Cuadros Estndar:

I. Instrucciones de Pantalla:Acceso: Este diseo se utilizar para explicar una secuencia de acceso aun Componente, Categora, Mdulo, Plugin, Artculo de Contenido u otroarchivo.

II. Notas sobre Caractersticas:Nota: Este diseo se utilizar para informar sobre caractersticasespeciales.

III. Avisos de Advertencia:ADVERTENCIA: Este diseo se utilizar para avisar sobre el riesgo dedeterminadas acciones o sobre informacin que es importante considerar.

IV.

Informacin Adicional:Ms Informacin: Este diseo se utilizar para informar sobre captulosrelacionados.

1 Nota: Si requiere asistencia tcnica respecto a la aplicacin descrita en este manual, por favorcomunquese con Soporte SYRI, de la universidad Icesi, al nmero de telfono 555 2334, exenciones: 8783 y8757 (operaciones); 8786 y 8785 (desarrollo de sistemas), y 8786 y 8785 (procesos).


4/50




Joomla 1.5

Introduccin a la herramientaJoomla es un Sistema de Gestin de Contenidos (CMS), que le ayuda a construirsitios web y otras aplicaciones en lnea potentes. Es una solucin de cdigoabierto y est disponible libremente para el que desee utilizarlo.

Precondiciones a tener en cuenta

ELEMENTOS DE JOOMLA

I. Secciones, Categoras y artculos de contenido:Las secciones, categoras y artculos de contenido hacen parte de la estructura delcontenido de un sitio web en Joomla. En analoga con estos conceptos, se puedepensar en un archivador, el cual tiene una serie de cajones y a su vez dentro decada cajn tiene carpetas y dentro de ellas papeles. De esta forma, las seccionesson equivalentes a los cajones, las categoras a las carpetas y los artculos decontenido a cada papel. De esta manera la informacin del sitio o aplicacin seorganizar en una jerarqua de secciones, categoras y artculos de contenido.

II.

Componentes:Los Componentes son elementos del ncleo de Joomla con una funcionalidaddeterminada y que se muestran en el cuerpo principal de la plantilla del sitio web.La instalacin estndar de Joomla incluye los componentes: Banners (anuncios),Contactos, Buscar, Encuestas, Enlaces Web y Servidor de noticias (NoticiasExternas), componentes que se pueden usar en el sitio web si as se desea.

Ms Informacin: Si desea instalar algn componente adicional a estos,comunquese con los Coordinadores de contenido Web en la Oficina deComunicaciones para hacer uso de ellos.

III. Mdulos:Los Mdulos amplan las posibilidades de Joomla proporcionando nuevafuncionalidad al software. Un mdulo permite la inclusin de contenido que puedeser desde HTML plano hasta enlazar componentes y por ende realizar eldespliegue de informacin como la de un artculo de contenido. Entre suscaractersticas se resalta que es desplegado en una posicin de la plantillasiempre, a menos que se indique lo contrario por medio de la administracin delmdulo, restringiendo su aparicin en una o varias pginas del sitio. El mdulo


5/50




permite la inclusin de contenido que puede ser desde HTML plano hasta enlazarcomponentes y por ende realizar el despliegue de informacin como la de unartculo de contenido. Entre sus caractersticas se resalta que es desplegado enuna posicin de la plantilla siempre, a menos que se indique lo contrario pormedio de la administracin del mdulo, restringiendo su aparicin en una o varias

pginas del sitio. Algunos de los mdulos que incluye Joomla son: Men Principal,Men Superior, Selector de Plantilla, Encuestas, Noticias Externas, Contador deAccesos, etc.

Ms Informacin: Si desea instalar algn mdulo adicional a estos,comunquese con los Coordinadores de contenido Web en la Oficina deComunicaciones para hacer uso de ellos.

IV. PluginsUn Plugin es una pequea funcin orientada a una tarea que intercepta cierto tipo

de contenido y lo manipula de algn modo. Joomla proporciona varios plugins enla distribucin original. Ejemplo: plugin All Videos.

Ms Informacin: Si desea saber cmo utilizar mejor un Plugincomunquese con los Coordinadores de contenido Web en la Oficina deComunicaciones para hacer uso de ellos.


6/50




Descripcin y condiciones de campos

TIPOS DE USUARIOS DE JOOMLAEn el Sistema de Gestin de Contenidos Joomla existen diferentes usuarios y

permisos. Estos usuarios a su vez estn clasificados en dos categoras: Usuariosdel Front-end (Usuarios comunes) y los usuarios del Back-End (Usuariosadministrativos). A continuacin se da una descripcin de los diferentes tipos deusuarios, sus caractersticas y sus permisos.

I. Usuarios del Front-End o usuarios ComunesEn Joomla los usuarios comunes pueden acceder a las funcionalidades referentesa la gestin del contenido. A continuacin se listan los tipos de usuarios comunesde Joomla y sus respectivos permisos:

Usuario Accesos y PermisosRegistrado Un usuario registrado no puede crear, editar o publicar contenidoen un sitio Joomla. Puede enviar nuevos enlaces web para serpublicados y puede tener acceso a contenidos restringidos que noestn disponibles para los invitados.

Autor Los autores pueden crear su propio contenido, especificar ciertosaspectos de cmo se presentar el contenido e indicar la fecha enla que debera publicarse el material, pero no pueden publicarlo.

Editor Los editores tienen todas las posibilidades de un autor, y adems lacapacidad de editar el contenido de sus propios artculos y los decualquier otro autor.

Publicador Los publicadores pueden ejecutar todas las tareas de los autores yeditores, y adems tienen la capacidad de publicar un artculo

II. Usuarios del Back-End o Usuarios AdministrativosLos usuarios del Back-End o usuarios administrativos gozan de todos losprivilegios de un usuario comn y adems tienen la capacidad de acceder a lasfuncionalidades avanzadas de gestin de contenido, como la creacin desecciones y categoras; y las funcionalidades administrativas del sitio, como elmanejo de extensiones y la gestin de usuarios entre otras. A continuacin se

listan los tipos de usuarios administrativos y sus respectivos permisos:

Usuario Accesos y PermisosGestor Respecto al contenido los gestores pueden crear secciones y

categoras. Tambin tienen la posibilidad de administrarmenes, gestionar contenido multimedia y de acceder aalgunos de los componentes del sitio.Los gestores no tienen la posibilidad de gestionar usuarios ni de


7/50




Usuario Accesos y Permisosacceder a las herramientas avanzadas del sistema.

Administrador Los administradores tienen todos los privilegios de los gestores,pueden acceder a la mayora de componentes y tienen lacapacidad para gestionar algunas de la herramientas avanzadas

del sistema, as como de gestionar usuarios que tenganprivilegios menores o iguales a los suyos.

SperAdministrador

Los sper administradores tienen control total sobre el sitio.Pueden gestionar todos los componentes y extensiones yacceder a todas la herramientas avanzadas. Tambin tienencontrol sobre todos los usuarios del sitio (incluyendo otrossper administradores).

Cuando un usuario ingresa por primera vez al sitio web, el acceso concedido porJoomla es por defecto el de Usuario Registrado (Recuerde que el ingreso se

realiza con su usuario nico, que es la cdula, y con la contrasea que usa paraacceder a todos los sistemas Web de la Universidad Icesi). Para que los usuariospuedan tener otro tipo de acceso, es necesario que un Administrador o un Sper-Administrador cambien su perfil.

Ms Informacin: Si desea tener un acceso especial dentro de susitio web, comunquese con los Coordinadores de contenido web enla Oficina de Comunicaciones.


8/50




Procedimiento

1.Acceso al sitioDel mismo modo en que hay diferentes clases de usuario, en Joomla existendiferentes formas de acceder al sitio web: El modo de acceso para el pblico, elmodo de acceso para usuarios del Front-end y el modo de acceso para losusuarios del Back-End.

1.1. Acceso para PblicoDado que un sitio en Joomla es bsicamente un sitio web, cualquier personainteresada en visitar el sitio y ver el contenido que se despliega en este, solodebe ingresar la url (direccin web) del sitio. Por ejemplo

http://www.hotmail.com o en el caso de la universidad Icesihttp://www.icesi.edu.co.

1.2. Acceso para usuarios del Front-EndPara ingresar a un sitio Joomla como un usuario del Front-end, primero tenemosque digitar la url del sitio al que se quiere ingresar del mismo modo que cualquierpersona del pblico. Una vez en el sitio se debe localizar algn enlace que noslleve a una pgina con el formulario de ingreso.Como estndar todos los sitios de la universidad tienen este enlace en la parteinferior, en el pie de pgina del sitio, normalmente con el texto iniciar/cerrar

sesin o Login. Ver imgenes a continuacin.


9/50




Ilustracin 1- Acceso desde el Front-End a)


10/50




Ilustracin 2 - Acceso desde el Front-End b)

Una vez se ha ingresado al enlace, se mostrara el formulario de acceso al sitio enel cuerpo de la pgina. La forma en que se despliega este formulario puede variardependiendo del diseo de la pgina, pero en general lucir como se muestra enla siguiente imagen:

Ilustracin 3 - Formulario de Acceso Front-End

Recuerde que el nombre de usuario es su cdula y la contrasea es la misma queusted usa para acceder a los dems sistemas de la universidad (portal deestudiantes, portal de profesores, moodle, acceso al computador, etc.).


11/50

Manual Joomla 1.5

Men de usuario de JoomUna vez que ha iniciado sesUsuario en el panel de navede diseo del sitio).

Il

La siguiente tabla proporcioUsuario:

Opcin del men DetalEnviar Artculo Usad

SuperEnviar Enlace UsadSalir Permi

1.3. Acceso para usuaExisten dos formas para accLa primera se realiza a travencuentra en el pie de pgiend. La diferencia con los ude usuario presentado para

un pequeo icono que lartculos visibles en el sitio (de esta forma no se podrsitio.

Direccin de Servicios y Recursos

FormacinManual Joomla

Pg

la!in en el sitio Web, notar que aparacin de la izquierda (este puede var

stracin 4 - Men del Usuario

a una breve descripcin de cada opci

lespara Enviar nuevos artculos

iores)para Enviar nuevos Enlaces Web.e salir del sistema al usuario registra

rios del Back-End

der como un usuario de back-end ens del enlace iniciar/cerrar sesina del sitio, de igual forma que un usuarios del Front-end est en que, aellos, los usuarios administrativos p

s permitir editar el contenido de cver imagen a continuacin). Sin embcceder a las opciones de configuraci

e Informacin

.5

ina 11 de 50

ce un Men deliar segn el tipo

n del Men del

(Autores y

o.

Joomla:Login que seuario del Front-icional al mendrn encontrar

alquiera de losrgo accediendon avanzada del


12/50




Ilustracin 5 - Editar Artculo desde el Front-End

La segunda forma de acceso como administrador, es a travs del Panel delAdministrador, de esta forma se puede tener acceso a todas la funcionalidades

avanzadas del sistema segn el tipo de usuario. Para acceder al panel deladministrador solo se tiene que agregar a la url del sitio al que se quiere ingresarla palabra /administrator. Por ejemplo si quisiramos acceder al panel deadministracin del sitio Web de la facultad de ingenierahttp://www.icesi.edu.co/facultad_ingenieria, solo tendramos que completar laURL con /administrador, es decir la url serahttp://www.icesi.edu.co/facultad_ingenieria/administrator. Una vez hemosdigitado esta direccin, se presentar una pgina Web como la que se muestra enla imagen a continuacin.De nuevo, el nombre de usuario es su cdula y la contrasea es la misma que

usted usa para acceder a los dems sistemas de la universidad (portal deestudiantes, portal de profesores, moodle, acceso al computador, etc.).


13/50




Ilustracin 6 - Acceso desde el Back-End

1.4. Panel de Administracin de JoomlaUna vez se ha ingresado como un usuario del Back-end en Joomla, se presentarla siguiente pantalla:

Ilustracin 7 - Panel de Administracin

Esta pantalla puede variar dependiendo del nivel de acceso que se tenga al sitio:La imagen muestra el panel de administracin para un usuario Super-administrador, los usuarios de tipo administrador y gestor tendrn menosopciones.Todas las opciones administrativas de un sitio Joomla se pueden acceder a travsdel men de la parte superior y en la zona que est debajo de ste, se puedenencontrar algunos atajos a las funcionalidades ms comunes. A continuacin se


14/50




dar una breve explicacin de los elementos que podr encontrar en las opcionesdel men superior:

I. Sitio

Ilustracin 8- Opciones del Men Sitio

En la pestaa Sitio puede encontrar un enlace a la pgina principal del Panel

de control y opciones para la administracin del sistema. A continuacin sehar una pequea descripcin de cada una de las opciones:

Panel decontrol

Es un enlace a la pgina principal del panel de control

Gestor deusuarios

Permite administrar el conjunto de usuarios del sistema

Gestormultimedia

Permite administrar todo el contenido multimedia quese encuentre en el sitio

Configuracinglobal

Permite gestionar opciones avanzadas para el sitio(como el editor de contenido y el nombre del sitio entre

otros), para el sistema (como el idioma por defecto enel que se despliega el sitio) y del servidor (estos sonparmetros tcnicos referentes al servidor en que sealoja el sitio, las bases de datos y el servidor de correoentre otros). Slo un usuario con privilegios de Super-administrador puede acceder a estas opciones.

Cerrar sesin Enlace para salir del Panel de Administracin.


15/50


16/50




Gestor de artculos En el gestor de artculos podr crear, editar yeliminar artculos de contenido, as comoasignarlos a alguna seccin y categora.

Papelera de

artculos

En la papelera de artculos encontrar todos

artculos de contenido que se han borrado. Setiene la opcin de reestablecerlos o deeliminarlos completamente.

Gestor desecciones

Aqu usted puede crear, modificar y eliminarsecciones (recuerde que una seccin no podrser eliminada si tiene alguna categora asociada).

Gestor decategoras

Aqu usted puede crear, modificar y eliminarcategoras (recuerde que una categora no podrser eliminada si tiene algn artculo de contenidoasociado.

Gestor de lapgina de inicio Esta opcin le permite indicar cules de todos losartculos creados se mostrarn en la pgina deinicio del sitio.

IV. ComponentesEn la pestaa de componentes encontrar todos los componentes que se haninstalado en el sitio (para saber que es un componente vea la seccinPrecondiciones a tener en cuenta de este manual). En la imagen que seencuentra a continuacin, podr observar varios de los muchos componentesque se pueden instalar en Joomla 1.5. Los componentes encerrados en

cuadros rojos vienen por defecto en la instalacin de Joomla. LosComponentes encerrados en azul son componentes que aunque no hacenparte de la instalacin por defecto, son comunes a todos los sitios de laUniversidad Icesi desarrollados en Joomla 1.5. Los dems son componentesque agregan funcionalidades extra.

Nota: En Internet se pueden encontrar variedad de sitios dedicados aldesarrollo de componentes para Joomla!

Advertencia: Algunos de los componentes disponibles en Internet

tienen problemas de seguridad. Si usted desea incluir alguno de estoscomponentes en su sitio web, se le recomienda comunicarse con losCoordinadores de contenido web en la oficina de Comunicaciones paraverificar si es viable instalarlo.


17/50


18/50




Por medio de la opcin Instalar/Desinstalar usted puede agregar o quitarextensiones a su sitio. Las cuatro opciones de la parte inferior le permitenconfigurar cada uno de los diferentes tipos de extensiones mencionadosanteriormente.

VI. Herramientas

Ilustracin 13 Men Herramientas Administrativas

La pestaa de Herramientas brinda las opciones de leer mensajes enviados poralgn usuario y de la misma forma escribir mensajes a un usuario enparticular. La opcin de Escribir mensaje no permite enviar el mensaje a dosusuarios al mismo tiempo.La herramienta de Correo Masivo permite enviar mensajes a todos losusuarios del sitio, o a un grupo de usuarios en particular. El concepto para elagrupamiento esta dado por el nivel de privilegios.La opcin de Desbloqueo global permite desbloquear los artculos decontenido y/o mdulos que hayan sido bloqueados por cualquier usuario.Las ltimas dos opciones son herramientas relacionadas con la administracindel cach del servidor. Estas opciones solo pueden ser manipuladas por unusuario con privilegios de Super-administrador.

VII. Ayuda

Ilustracin 14 - Men de Ayuda

En la opcin de Ayuda sobre Joomla!, usted encontrar un conjunto depginas en las que se describen cada uno de los elementos, as comomanuales de uso de las diferentes interfaces que se pueden encontrar en elsistema. Este sistema de ayuda ha sido realizado directamente por losdesarrolladores de la herramienta y es muy til como complemento de estemanual.La opcin de Informacin del sistema muestra una serie de informes con elestado actual del sistema y las caractersticas tcnicas del mismo.


19/50




2.Gestin del contenido

2.1.

Gestin de contenido para usuarios del Front-endComo se mencion anteriormente, los usuarios pueden tener diferentes roles enun sistema Joomla!. Por defecto, los nuevos usuarios reciben el rol de UsuarioRegistrado. Este tipo de usuario no puede enviar contenido (a menos que se lesasignen otros privilegios, para esto debe contactar a los administradores decontenido Web en la Oficina de Comunicaciones).

Nota: Para llevar a cabo las instrucciones siguientes asegrese queusted tiene el rol de Autor dentro del sitio web.

Acceso: Seleccione Men del usuario > Enviar Artculo

Cuando un Autor pulsa el enlace Enviar Artculo en el Men del Usuario, se lepresenta una pantalla titulada Enviar un Artculo que se presenta en la imagena continuacin. Esta pgina puede dividirse en tres zonas en las que se debesuministrar tipos de informacin diferentes. A continuacin se describe lafuncionalidad de cada una de estas zonas:

I. Zona 1 EditorEn esta zona se encuentra el editor del contenido y un campo de texto para elttulo del mismo. Dentro del editor usted puede escribir el contenido de suartculo como si estuviera trabajando en un editor de texto estndar similar aMicrosoft Word o al editor de texto de un proveedor de correo electrnico comoHotmail o Gmail. En la seccin Editor de contenido de este manual se da unaexplicacin en detalle del editor y de la funcionalidad de cada uno de loscomponentes.

II. Zona 2 PublicandoEn esta zona se debe suministrar informacin acerca de a que seccin y categorapertenece el nuevo artculo, al igual que otros parmetros como el pseudnimodel autor, el rango de fechas en la que se desea que este publicado el artculo, si

este podr ser visto para el pblico o solo para los usuarios registrados y siqueremos que el artculo se muestre en la pgina principal del sitio o no.

III. Zona 3 MetadatosEn esta zona se deben suministrar los metadatos del artculo, para saber qu sonlos metadatos y como completar esta informacin se puede referir a la seccinSEO de este manual.


20/50

Manual Joomla 1.5

Il

Direccin de Servicios y Recursos

FormacinManual Joomla

Pg

stracin 15 - Enviar Artculo

e Informacin

.5

ina 20 de 50


21/50




2.2. Gestin de contenido para usuarios del Back-endComo se mencion antes, todo usuario con rol administrativo tiene la capacidadde gestionar contenido en un sitio Joomla. Existen varias formas para que unusuario administrativo empiece a crear contenidos para el sitio:

1. Puede acceder al sitio desde el Front-End (ver seccin Acceso para usuariosdel Front-End) y seguir el mismo procedimiento descrito en la seccin

Gestin de contenido para usuarios del Front-End.

2. Ingresar al sitio a travs del Panel de Administracin y seguir la siguienteruta

Acceso: Contenido> Gestor de Artculos

O si lo prefiere en la pgina principal del panel de administracin, puedehacer clic en el icono Gestor de artculos:

Ilustracin 16 - Acceso al Gestor de Artculos

Cualquiera que sea la opcin seleccionada, se le presentar la ventana

titulada Gestor de Artculos, aqu seleccionamos la opcin :


22/50




Ilustracin 17 - Gestor de Artculos

Una vez seleccionada la opcin Nuevo se presentar la siguiente pantalla:

Ilustracin 18 - Artculo Nuevo


23/50




En la pantalla anterior encontramos 4 zonas de gran importancia

I. Zona 1 Ttulos y CategorizacinEn esta zona se debe suministrar informacin acerca de la categorizacin del

artculo, es decir, seleccionar a qu seccin y categora pertenecer. Tambinpodr seleccionar si el artculo estar o no publicado y si se ver o no en lapgina principal del sitio. Los campos ms importantes en esta zona son Ttulo yAlias. El campo Ttulo corresponde a las palabras que se mostrarn como ttuloen la presentacin del artculo. El campo Alias es usado por el sistema paraconstruir la direccin (URL) a travs de la cual se acceder al artculo.

Advertencia: Debido a que en una URL no se admiten tildes ocaracteres especiales, se recomienda diligenciar el campo Alias sineste tipo de smbolos, de forma que utilice slo minsculas y se

reemplace los espacios en blanco por el carcter guin bajo _.

II. Zona 2 EditorEn esta zona se encuentra el editor del contenido. Dentro del editor usted puedeescribir el contenido de su artculo como si estuviera trabajando en un editor detexto estndar similar a Microsoft Word o al editor de texto de un proveedor decorreo electrnico como Hotmail o Gmail. En la seccin Editor de contenido deeste manual se dar una explicacin en detalle del editor y de la funcionalidad decada uno de sus componentes.

III. Zona 3 Parmetros - ArtculoEn esta zona se debe suministrar informacin acerca de la publicacin delartculo, tales como el Autor, el pseudnimo del mismo, el rango de fechas en laque se desea que este publicado el artculo y si este podr ser visto para elpblico o solo para los usuarios registrados.

IV. Zona 4 MetadatosEn esta zona se deben suministrar los metadatos del artculo. Para saber qu sonlos metadatos y cmo completar esta informacin, refierase a la seccin SEO deeste manual.Por otra parte, la zona bordeada en rojo, permite configurar qu informacin se

mostrar en la presentacin del artculo, como por ejemplo la fecha de creacin yla seccin y categora a la que pertenece, entre otros. A continuacin se muestrauna imagen con las opciones que puede encontrar en esta pestaa.


24/50




Ilustracin 19 - Artculo nuevo - Parmetros Avanzados

El valor Usa el valor global significa que en la presentacin de este artculo, elcampo se mostrar o no, dependiendo de lo que el administrador haya


25/50




determinado en la configuracin global. Los otros valores pueden ser Mostrar uOcultar.

2.3. Editor de contenidoComo se mencion anteriormente, dentro del editor usted puede escribir elcontenido de su artculo como si estuviera trabajando en un procesador de textoestndar, similar a Microsoft Word o al editor de texto de un proveedor de correoelectrnico como Hotmail o Gmail, es decir, que usted podr dar diferentesformatos cambiando propiedades del texto como el tipo de fuentes, el color deltexto, ponerlo en negrita, cursiva o subrayado, crear tablas y listas, insertarimgenes, etc.Joomla 1.5 incluye por defecto el editor Tiny MCE2.0 y en la Web se puedenencontrar otros editores con diferentes caractersticas, que ofrecenfuncionalidades similares e incluso funcionalidades adicionales. En particular, enla Universidad Icesi se ha decido utilizar el editor JCE 1.5.4 ya que es msamigable con el usuario, permitiendo que ciertas tareas se realicen de unamanera ms fcil que en otros editores. A continuacin se dar una descripcinde las herramientas ms utilizadas en este editor, as como algunasrecomendaciones que deben tenerse en cuenta a la hora de escribir y editar elcontenido de los artculos en Joomla.

Ilustracin 20 - Editor de Contenido


26/50




En la interfaz del editor encontramos tres zonas:

Zona 1. En esta rea estn dispuestas todas las herramientas de procesamientode texto del editor: seleccin del tipo de fuente, color de la fuente, negrita,subrayado, cursiva, insertar tabla, crear enlaces, etc. Estas opciones se ven en

detalle en la seccin La barra de herramientas del editor.

Zona 2. Esta es la zona en que debe escribirse el contenido del artculo. Para laconstruccin de este contenido tenga en cuenta la siguiente recomendacin:

ADVERTENCIA: Para no daar los estilos del sitio web, esnecesario que antes de pegar en el editor, texto que se encuentreen otra fuente como en un documento Word u otra pgina deInternet, entre otros, se copie ese texto en un bloc de notas o enWordPad, editores que no incorporarn estilos que no estn en el

sitio web.Otra forma segura de incorporar contenido proveniente de otrasfuentes es utilizando la herramienta Pegar como texto plano que

aparece en la Zona 1 y cuyo icono ser similar a este

Zona 3.

ADVERTENCIA:Esta rea viene por defecto con la instalacin de Joomla 1.5 y semuestra al usuario siempre, independientemente del editor que se

est utilizando, pero solo funcionan correctamente si el editor usadoes el Tiny MCE 2.0. Como en este manual se especifican lasfuncionalidades del editor JCE 1.5.4, se solicita por favor no utilizarlas herramientas dispuestas en esta rea. Como se ver en lasiguiente seccin, el editor JCE ofrece estas opciones en la barra deherramientas de la Zona 1.


27/50




2.4. La barra de herramientas del editor

Ilustracin 21 - Barra de Herramientas del editor

En la primera fila de esta barra de herramientas encontrar todas lasherramientas de formato de texto que encuentra en un editor de texto comncomo Word, a mencionar:

Seleccin del estilo, tamao y familia de la fuente.

Poner en negrita, cursiva y subrayado. Seleccin de la alineacin: Justificado, centrado, a la izquierda, a la

derecha.

Seleccin del formato: prrafo, ttulo, subttulo, etc.En la segunda fila encontramos las siguientes herramientas:

Pegado desde Word: Abre una ventana pop-up donde pegamos elcontenido copiado desde un documento de Word y la herramienta elimina

todos los estilos particulares de Word para insertar el contenido como texto

plano. En caso de tener alguna seleccin en el portapapeles, la herramienta

tomar ese contenido y no abrir la ventana emergente.

Pegado Como texto Plano: Abre una ventana pop-up donde pegamosel contenido copiado desde una aplicacin externa como Word o una pgina

en Internet. La herramienta elimina todos los estilos que pueda tener einserta el contenido como texto plano. En caso de tener alguna seleccin en

el portapapeles, la herramienta tomar ese contenido y no abrir la ventana

emergente.

Buscar y reemplazar.


28/50




Seleccionar color del texto. Resaltador de texto. Destruir enlace: Nos permite destruir algn hipervnculo que hayamos

construido anteriormente. Esta opcin estar deshabilitada mientras no se

seleccione un texto que sea un hipervnculo.

Aumentar y disminuir sangra. Deshacer y rehacer. Construir listas numeradas y no numeradas (vietas). Cortar, Copiar y Pegar.Las dems opciones de esta fila son de poca utilidad y no se explicarn en estemanual.

En la tercera fila encontramos algunas herramientas de edicin de texto y lasopciones para la construccin y edicin de tablas. Veamos primero lasherramientas de edicin de texto:

Insertar algn emoticon. Ver editor en pantalla completa. Genera una vista previa del artculo. Imprimir el artculo. Crear un separador horizontal. Subndice. Superndice. Insertar smbolos especiales. Elimina todos los cambios de formato que se hayan aplicado a la

seleccin.


29/50




Veamos ahora las opciones para el manejo de tablas:

Insertar tabla: Nos permite insertar una nueva tabla al contenido. Alhacer clic en este icono se desplegar la siguiente pantalla:

Ilustracin 22 Insertar/Modificar Tabla - General

En esta pestaa General, usted puede decidir el nmero de filas y columnas

que tendr la tabla, el espacio entre las celdas, el espacio de margen dentrode las celdas, la alineacin de la tabla, si tendr o no un borde, al igual que elancho y alto de la tabla.

ADVERTENCIA: En el campo width en que se indica el ancho dela tabla, se recomienda no utilizar valores absolutos como porejemplo 100, 300 500. Esto se debe a que el espacio que semuestra en el editor, en general no es el mismo que el espacio enque se visualizar el artculo dentro de la pgina y al utilizar estetipo de valores puede llegar a excederse el tamao adecuado de

visualizacin y causar daos en el diseo del sitio. En lugar de losvalores absolutos puede utilizar valores porcentuales como 100%,50%, 20% etc. De esta forma se garantiza que por ms grande quesea la tabla esta no sobrepasar los lmites permitidos.

En la pestaa Advanced ver las siguientes opciones:


30/50




Ilustracin 23 - Insertar/Modificar Tabla - Avanzado

Estas opciones son utilizadas en su mayora por los programadores quetienen un conocimiento avanzado de HTML, pero el usuario podr utilizar lasdos ltimas que conciernen al color del borde y el fondo de la tabla.

Eliminar tabla: esta opcin permite eliminar una tabla seleccionada. Editar tabla: Esta opcin nos permite editar las propiedades de una

tabla seleccionada. Al hacer clic sobre este cono se mostrar la misma

ventana que vimos en la opcin de insertar tabla, ah podr modificar

cualquiera de los atributos configurados anteriormente.

Editar fila: Esta opcin permite editar las propiedades de cualquier filade una tabla. Al seleccionar un fila y hacer clic en esta opcin ver la

siguiente pantalla:


31/50




Ilustracin 24 - Propiedades de la fila - General

En la pestaa General, usted puede seleccionar el tipo de fila que asignar ala fila seleccionada (fila de cabecera, fila de cuerpo, fila de pie de tabla). Deigual forma podr seleccionar el tipo de alineacin vertical y horizontal y laaltura de la fila.La pestaa Advanced se muestra en la siguiente figura. De esta pantalla serecomienda al usuario solo usar las dos ltimas opciones, que tienen quever con el color o imagen de fondo.

Ilustracin 25 - Propiedades de la fila - Avanzado


32/50




Editar celdas: Esta opcin permite editar las propiedades de una celdaseleccionada. Seleccionado una celda y haciendo clic en esta opcin ver la

ventana que se muestra a continuacin:

Ilustracin 26 - Propiedades de la celda - General

En la pestaa General, podr editar la alineacin, el ancho y alto de lacelda, as como el tipo de datos que alojar la misma (texto, decimales,moneda, etc.). Al igual que con las tablas, se recomienda que el ancho delas celdas se escriba con valores porcentuales y no absolutos. En caso de

dejar este espacio en blanco la celda crecer segn el contenido que seponga dentro de ella.La lista desplegable que aparece en la parte inferior permite decidir si laspropiedades descritas se aplicaran solo a esa celda o a todas las celdas deesa fila.En la pestaa Advanced, encontrar una pantalla similar a la vista para lastablas:


33/50




Ilustracin 27 - Propiedades de la celda - Avanzado

De la misma forma que con las tablas se recomienda al usuario utilizar sololas tres ltimas opciones.

Insertar fila arriba, Insertar fila abajo y Eliminar fila. Insertar columna a la izquierda, Insertar columna a la derecha y

Eliminar columna.

Desagrupar celdas. Combinar celdas.

Ahora veremos las opciones de la cuarta fila de la barra de herramientas. En estemanual nos centraremos en las ltimas 6 opciones (de izquierda a derecha) deesta fila:

Insertar Imgenes: Esta herramienta permite insertar imgenes dentrodel contenido de un artculo. Al hacer clic en este icono usted ver la

siguiente pantalla:


34/50




Ilustracin 28 - Gestor de Imgenes

En esta pantalla se puede dividir en 2 partes, en la primera, la partesuperior, se debern configurar los parmetros necesarios para lavisualizacin de la imagen que se va a insertar. En la parte inferiorencontrar un sistema de directorios en el cual se muestran todas lasimgenes que se han subido al sitio, al igual que se presentan opciones quepermiten subir nuevas imgenes o crear nuevas carpetas para laorganizacin de las mismas.

Nota: Si la imagen que usted desea insertar se encuentradentro del listado que se muestra en la parte inferior de lapantalla, usted solo necesitara de seleccionarla y hacer clic enaceptar, pues el sistema de encargara de llenar losparmetros de la parte superior de forma automtica, sinembargo el campo de Alternate Text (texto alternativo)quedara en blanco, se recomienda al usuario que llene estecampo manualmente y no lo deje en blanco pues esta


35/50




informacin es importante para la cibermetra de sitio.

Ahora se mostrar en detalle cada uno de los parmetros que debenconfigurarse:

Ilustracin 29 - Gestor de Imgenes Propiedades de la Imagen

Url: Este campo corresponde a la direccin en que se encuentra la imagenque se desea mostrar. Si la imagen est alojada en otro sitio Web, se debeescribir la direccin absoluta, por ejemplo:http://www.sitio_externo/imagenes/la_imagen.jpg. La mayora de losnavegadores permiten ver la direccin absoluta de una imagen en un sitioWeb haciendo clic derecho sobre la imagen y seleccionar la opcinpropiedades.En caso de que la imagen est dentro de nuestro sitio, podemos escribirtanto la direccin absoluta como la direccin relativa. Podemos ver un

ejemplo de una direccin absoluta:http://www.mi_sitio/images/mi_imagen.gif, este ejemplo es muy similar alque se mostr en el prrafo anterior. Ahora se muestra la un ejemplo dedireccin relativa con la misma imagen del ejemplo anterior:images/mi_imagen.gif. Estas dos direcciones son equivalentes, ya que enun sitio joomla todas las imgenes se guardan en la carpeta images que esuna carpeta del sistema o en una subcarpeta dentro de esta. Por ejemplocuando subimos una imagen desde el editor de contenido los archivos seguardan dentro de la carpeta stories que es una subcarpeta de images. Siel archivo mi_imagen.gif se subiera a travs del editor de contenido la

direccin relativa de este archivo sera images/stories/mi_imagen.gif

Alternate Text (Texto Alternativo): En este campo se debe escribir eltexto que debe aparecer en caso de que la imagen no se pueda mostrar(por ejemplo si se quiere mostrar una imagen muy pesada y la conexin deun usuario es muy lenta).

ADVERTENCIA: Se recomienda al usuario no dejar estecampo en blanco, ya que tiene efecto en la cibermetra del


36/50




sitio, tambin se recomienda que el texto tenga relacin conlo que se muestra en la imagen y no simplemente titulos onombre de archivo:Ejemplo: Si tenenos una fotografa que corresponde a unevento como los 30 aos de la universidad y cuyo nombre es

imagen_2.jpgUn buen texto alternativo sera: fiesta 30 aos de icesiUn mal texto alternativo seria: imagen_2

Dimensions: Estos campo se utilizan para configurar el ancho y alto de laimagen. Si la opcin proporcional est activada solo es necesario ingresaruna de las dimensiones ancho o alto y la otra la calcular el sistema deacuerdo a las dimensiones originales del archivo.Margin: Permite establecer la distancia respecto al contenido a la cual seva ubicar la imagen, estos parmetros se usan para separar las imgenes

del texto.Marco: Estas opciones permiten establecer si queremos que las imgenestengan un marco, as como el ancho y el color del mismo.Las otras dos pestaas que vemos en la pantalla son opciones avanzadas yrequieren que el usuario tenga conocimiento de HTML y javascript por loque no se tendrn en cuenta.

Insertar Hipervnculo: Como su nombre lo indica, esta herramienta nospermite la insercin de hipervnculos o enlaces en un artculo de contenido.

Los enlaces pueden ser externos o internos. Los enlaces externos son

enlaces hacia contenidos (artculos, archivos, imgenes, etc.) que se

encuentran alojados en otros sitios Web. Los enlaces internos son enlaces

que hacemos a contenidos dentro de nuestro sitio, por ejemplo, un enlace a

otro artculo de contenido dentro del sitio o a una presentacin que

tenemos alojada en nuestro sitio web.

A continuacin se presenta la pantalla para la insercin de enlaces. Parainsertar un enlace externo, solo tenemos que llenar el campo URL con ladireccin del sitio o el archivo al que queremos enlazar.Por ejemplo: Para hacer un enlace a la pgina de Universia, el campo url sedebera llenar con el siguiente texto: http://www.universia.net.co.


37/50




Ilustracin 30 - Gestor de Enlaces

Para insertar vnculos internos, solo se bebe seleccionar el artculo que sequiere enlazar en el navegador de artculos que se encuentra debajo delcampo URL. En este navegador solo aparecen los artculos de contenido delsitio, si lo se quiere enlazar es un archivo como un documento de Word o

PDF se debe hacer clic en el icono que se encuentra justo al lado del

campo url, al hacer esto aparecer un pantalla como la que se muestra acontinuacin:


38/50


39/50




errores. La funcionalidad de esta herramienta depende el idioma que se

tenga configurado.

Editar cdigo: Permite ver y editar el cdigo HTML del artculo decontenido. Esta opcin es til para las personas que tienen conocimiento deeste lenguaje y desean corregir el artculo directamente desde el cdigo.

Ilustracin 33 - Editor de Cdigo

Ver ms: Esta herramienta es usada cuando tenemos artculo para loscuales inicialmente solo queremos mostrar un texto introductorio en lugarde desplegar el artculo completo. Como ejemplo podemos ver que en

algunos sitio de noticias en la pgina principal solo vemos el encabezado de

la noticia y una vez que hacemos clic en el enlace ver ms se presenta la

versin completa del artculo.


40/50




La herramienta funciona de la siguiente forma, al hacer clic en el iconoen la ventana de edicin de texto aparecer una imagen como la que estabordeada en rojo en la siguiente imagen:

Ilustracin 34 - Uso de la herramienta "Ver Ms"

Esta imagen divide el texto introductorio del cuerpo de la noticia. El contenidoque est por encima de la imagen, se usar como el texto introductorio delartculo. Al hacer clic en el vnculo ver ms, veremos el texto completo.

Insertar Paginacin: Esta herramienta se utiliza para insertar un saltode pgina en un punto particular del documento.

Los documentos con saltos de pgina presentarn automticamente unndice del Artculo cuando se visualice el documento. Se mostrarn losenlaces Anterior y Siguiente en la parte inferior del documento, para

facilitar la navegacin de una pgina a la siguiente.El objetivo de utilizar esta herramienta es dividir el contenido de un artculoen fragmentos ms pequeos que sean ms fciles de visualizar enpantalla, o para separar el contenido el secciones de informacinrelacionada.La imagen que se muestra a continuacin es un ejemplo de cmo se veraun artculo de contenido que utilice paginacin.


41/50




Ilustracin 35 - Ejemplo de un artculo con paginacin

Las siguientes imgenes muestran como se ve la regin de edicin de textocuando se utiliza la herramienta insertar paginacin.

Ilustracin 36 - Insertar/Editar Paginacin

Esta pantalla se despliega en el momento que hacemos clic en el icono.Los campos Page Title y Table of Content Alias corresponden al ttulo delcontenido de la pgina, y al texto que aparece en la tabla de contenidospara enlazar a esta pgina respectivamente.Una vez se han diligenciado estos campos la seccin de edicin del texto seve como vemos a continuacin.


42/50




Ilustracin 37 - Uso de la herramienta "Insertar Paginacin"

Los cuadros en rojo indican el inicio de una nueva pgina. De este modo enel ejemplo se tiene un artculo que ha sido dividido en 3 pginas.

Con la descripcin de esta herramienta hemos terminado con el manual de usodel editor de texto de Joomla!1.5


43/50




3.Gestor multimedia3.1. Acceso al gestor

El Gestor Multimedia permite subir, almacenar y organizar las imgenes,

documentos y en general contenido multimedia de su sitio Web Joomla!. Lasimgenes usadas en los artculos se almacenan en una carpeta denominada/stories, incluida en el directorio /images.

Nota: Slo los usuarios manager, administradores y speradministradores podrn ingresar al administrador de imgenes.

Para acceder al Gestor Multimedia siendo manager:1) Ingresar al panel de administracin de Joomla! como un usuario Back-End

como se ve en la seccin Acceso para usuarios del Back-End de este

manual.

2)En el Panel de control elija el botn de Gestor Multimedia.

Ilustracin 38 - Acceso al Gestor Multimedia

Acceso: Seleccione Sitio > Gestor Multimedia

Se mostrar la pantalla de Gestor multimedia:


44/50




Esta pantalla muestra la carpeta global de imgenes, ejemplo:www.sudominio.com/images.Le ser til recordar la estructura de esta pantalla para seleccionar la sub-carpetade imgenes correcta cuando suba imgenes durante la edicin de Artculos deContenidos.Normalmente, podr observar las siguientes sub-carpetas dentro de la carpetaimages:

M_images: contiene las imgenes prediseadas de Joomla!. banners: carpeta para almacenar las imgenes de banners o anuncios del sitio. smilies: imgenes de emoticons utilizadas por el editor de texto. stories: usada para almacenar las imgenes de los Artculos de Contenido.Adems ver varias imgenes en la propia carpeta images.

Acceso: Pulse el icono de una carpeta o use el rbol de navegacinde la izquierda para acceder a las sub-carpetas.

Use el icono Subir para desplazarse arriba en la estructura de carpetas ysubcarpetas.

Nota: Las imgenes a usar en los Artculos de Contenido sealmacenan en la sub-carpeta stories. Se recomienda organizar susimgenes creando nuevas sub-carpetas con base en un orden lgico(de lo contrario se almacenaran todas las imgenes juntas, lo quepodra llegar a complicar en gran medida su localizacin).


45/50




3.2. Crear una Sub-carpetaSeleccione la carpeta en la que crear la sub-carpeta pulsando el icono oseleccionando la carpeta en el rbol de navegacin.Introduzca un nombre en el campo Crear Carpeta.

Nota: Lo ideal es escribir todo en minsculas, sin espacios o con unguin bajo y de forma breve, por ejemplo: artculos_noticias.

Ilustracin 39 - Crear una sub-carpeta

Luego, pulse el icono Crear Carpeta. Cuando se refresque la pantalla, se

mostrar la nueva carpeta.


46/50




3.3. Subir y Eliminar una ImagenAhora que ha creado una sub-carpeta, suba una imagen o archivo. Use el botnNavegador de archivos para localizar el archivo que desea subir.

Ilustracin 40 - Subir Archivo al Gestor

Ilustracin 41 - Seleccionar el Archivo a subir

Desde la ventana Carga de Archivos pulse el archivo seleccionado y pulseAbrir. Se mostrar el nombre de la ruta del archivo seleccionado debajo de losbotones de subir archivos. Usted puede seleccionar varios archivos para


47/50


48/50




4.SEO (Optimizacin para motores de bsqueda)Son una serie de tcnicas que permiten optimizar un sitio web, de tal manera quecualquiera de los motores de bsqueda pueda localizarlo y mostrarlo a laspersonas que estn buscando un tema especfico. Sin embargo, no es suficiente

con ser encontrado por el motor de bsqueda, adems de ello tambin se debeocupar por lo menos un lugar en la primera pgina de resultados.

I. METATAGSLos MetaTags son etiquetas HTML que se incorporan en el encabezado de unapgina web y, aunque resultan invisibles para un usuario normal, son de granayuda para los motores de bsqueda.

Ilustracin 43 Parmetros de los Metadatos.

II. META-Descripcin del sitioEn este espacio se recomienda hacer una breve descripcin del artculo decontenido, debe ser suficientemente representativo de la pgina en la que estubicado el usuario.

Prcticas Recomendadas: Resuma de forma precisa el contenido de la pgina, ya que esta meta-

etiqueta es lo primero que buscar el motor y ser el texto que desplegar

en los resultados de la bsqueda.

Utilice descripciones nicas para cada una de las pginas. Este aspecto esmuy importante debido a la relacin que tiene en las bsquedas con el

operador Site, principal forma de determinar el tamao de un sitio en todos

los buscadores.

Evite: Hacer una descripcin con contenido que no tenga relacin con la pgina.


49/50




Hacer descripciones genricas como: Esto es una pgina web o Paginasobre el sitio

Hacer una copia textual de una parte o de todo el contenido del artculo. Utilizar para la descripcin solo palabras claves.III. META-Palabras claves del sitio

Son las palabras, trminos o frases que representan un concepto concreto sobrelo que est buscando el usuario.

Prcticas Recomendadas: Primarias. Para los sitios de Icesi siempre se colocan las palabras:

universidad, Icesi, Cali, Colombia porque son las que hacen referencia a un

sitio web dentro del dominio de la universidad Icesi.

Secundarias. Son las palabras que estn despus de la primera barra de laURL, por ejemplo:

www.icesi.edu.co/facultad_ciencias_administrativas_economicas. Eneste caso las palabra a agregar son: Facultad, Ciencias, Administrativas,

Economicas

Terciarias. Adicionalmente se colocan las palabras ms relevantes delartculo, que expresan la idea principal del texto. En el contenido laspalabras deben ser marcadas con negrita y/o en cursiva, como se muestra

en la siguiente ilustracin.

Ilustracin 44 Palabras Claves.

Evite: Palabras claves irrelevantes al contenido y a la intencin del sitio.


50/50



Exceso de palabras claves en una pgina. Mximo de palabras claverecomendadas: 14 por pgina.

Nota: Es importante tener en cuenta que cada artculo decontenido debe tener su propia descripcin, de igual forma las

palabras claves van de acuerdo al texto. No olvide que siempredebe colocar las palabras Universidad, Icesi, Cali, Colombia, entodos los sitios web de Icesi.

Icesi Manual Usuario Joomla15

Documents

Transcript of Icesi Manual Usuario Joomla15