Que es joomla
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Que es joomla

on

  • 1,011 views

 

Statistics

Views

Total Views
1,011
Views on SlideShare
976
Embed Views
35

Actions

Likes
0
Downloads
11
Comments
0

2 Embeds 35

http://www.diswebunach.blogspot.com 28
http://diswebunach.blogspot.com 7

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Que es joomla Document Transcript

  • 1. CMS que permite realizarpáginas web dinámicas e interactivasTutorialManejo de JoomlaFacultad de Ciencias de la EducaciónHumanas y TegnologíasEscuela de Arte - Diseño gráficoDocente: Paolo Arévalo
  • 2. Una alternativa para Crear y Gestionar sitios web2Esuela de Arte - Diseño Gráfico / Docente: Paolo Arévalo¿Que es Joomla?IntroducciónJoomla es un Sistema de Gestión deContenidos (CMS) Sistema de manejo deContenidos, reconocido mundialmente, que leayuda a construir sitios web y otras aplicacionesen línea potentes. Lo mejor de todo, es queJoomla es una solución de código abierto yestá disponible libremente para cualquiera quedesee utilizarlo.¿Qué es un Sistema de Gestiónde Contenidos (CMS)?Un CMS es un sistema de software paraordenador que permite organizar y facilitar lacreación de documentos y otros contenidos deun modo cooperativo.Con frecuencia, un CMS es una aplicación webusada para gestionar sitios web y contenidosweb.¿Que podemos hacer con Joomla?Con Joomla podremos crear: sitios webcorporativos, intranets y extranets, tiendasvirtuales, revistas digitales y cualquier otra cosaque se nos pase por la cabeza.CONOCIMIENTOS BASICOSHTML - Lenguaje HipertextosCSS – Hojas de Estilo en CascadaPHP – lenguaje de Programación WebMYSQL – manejo de Base de DatosPHPMYADMIN – Utiliza el MYSQLSESION FTP – Realiza traspaso de archivosde manera RemotaConceptos NecesariosUsuarios de JoomlaUn Usuario de Joomla tiene una serie depermisos predefinidos, es decir las tareas quepuede realizar. Por eso, en el contexto degestión de un sitio web, dependiendo delmodo en que el propietario del sitio quieradelegar las responsabilidades, se definirán unosu otros tipos de usuarios Joomla.Por ejemplo, un propietario puede tener a unaúnica persona administrando todos los aspectosdel sitio web. En este caso se crearía un usuarioSúper Administrador.En otro caso, un propietario puede querertener el control sobre la publicación delContenido creado por otro y que las tareas deAdministración sean responsabilidad de unapersona diferente. En este caso, se crearía unacuenta de Autor para la creación de contenidos,una cuenta de Supervisor para la comprobacióny publicación de los contenidos y una cuenta deSúper Administrador para mantener el diseñode la Plantilla, la configuración de Componentesy Módulos del sitio.COMO SE PUEDE TRABAJAREN JOOMLAServidor de Prueba ( LOCAL)Proveedor de Hosting (REMOTO)
  • 3. 3Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloSERVIDOR DE PRUEBAS LOCALDescargar un programa en este caso sedenomina WAMP que es acrónimo de:WINDOWSAPACHE: SERVIDOR WEBMYSQL: MANEJADOR DE BASE DE DATOSPHP: LENGUAJE DE PROGRAMACIONPara :Mac es MAMPLinux es LAMPCon esta aplicación WAMP instala en conjuntotodas las aplicaciones (APACHE, MYSQL, PHP,caso contrario habría que instalar por separadode una en una.)Hay diferente software WAMP, el queutilizaremos para este curso es WampServerINSTALACIÓN DE JOOMLA ENSERVIDOR DE PRUEBAS (LOCAL)(Windows)http://www.youtube.com/watch?v=ZthWb26O-t8Para empezar a trabajar en Joomla, primerodebemos tener instalado un servidor local, ennuestro caso instalamos WampServer. Se puededescargar de www.wampserver.comSi WampServer se presenta en (rojo o naranja)esto quiere decir que no va a correr por lo tantono podremos instalar Joomla. Para solucionaresto nos dirigimos APACHE / httpd.com / enListen cambiamos a 80ServerName de igual manera cambiamos losvalores a 80.Ahora ya tenemos listo para poder instalarJoomla.Recordar la ubicación donde se instalaWampServer.DESCARGAR JOOMLA(www.joomlaspanish.org)Descargamos la versión en .zipLa descomprimimos y le renombramos conel nombre del sitio que nosotros queramos,copiamos dentro de la ubicación donde seintalo WampServer:Disco Local (C) / wamp / wwwCopio la carpeta que renombre.Wamp debe estar corriendo (verde)Ahora abrimos el navegador y ponemos losiguiente:Localhost / nombre del sitio, y empezamosa instalar Joomla o a su vez nos dirigimos aWampServer y clic a localhost, en Your Projectsnos dirigimos a la carpeta que copiamosdentro de ( www ) y por defecto empezara lainstalación de Joomla.INSTALACIÓN DE JOOMLAIdioma: SpanishComprobaciones: Le dejamos por defectocomo estaLicencia: SiguienteConfiguración de Base de Datos:MysqlHospedaje: localhostUsuario: rootContraseña: ningunaBase de Datos: Damos un nombreConfiguración e FTP: No modificamos nadaConfiguración Principal:Nombre del SitioCorreo electrónicoNombre del Administrador: admin (siempre)Contraseña del Administrador: xxxxxx (nos
  • 4. Una alternativa para Crear y Gestionar sitios web4Esuela de Arte - Diseño Gráfico / Docente: Paolo Arévalonombre del sitio. Se empezara a instalar Joomla.INSTALACIÓN DE JOOMLAIdioma: SpanishComprobaciones: Le dejamos por defectocomo estaLicencia: SiguienteConfiguración de Base de Datos:MysqlHospedaje: localhostUsuario: rootContraseña: rootBase de Datos: Damos un nombreConfiguración e FTP: No modificamos nadaConfiguración Principal:Nombre del SitioCorreo electrónicoNombre del Administrador: admin (siempre)Contraseña del Administrador: xxxxxx (nospedirá al iniciar sesión para poder modificar elbackend)IMPORTANTE:(Siempre debemos borrar la carpeta deinstalación)Clic en Eliminar carpeta de Instalación ó desdela carpeta web / nombre del sitio / installation(Borrar)A partir de ese momento se puede utilizarJoomla 2.5.8pedirá al iniciar sesión para poder modificar elbackend)IMPORTANTE:(Siempre debemos borrar la carpeta deinstalación)Clic en Eliminar carpeta de Instalación ó desdela carpeta C/ wamp / www / nombre del sitio/ installation (Borrar)A partir de ese momento se puede utilizarJoomla 2.5.8INSTALACIÓN DE JOOMLA ENSERVIDOR DE PRUEBAS (LOCAL)(Mac)http://www.youtube.com/watch?v=ZthWb26O-t8Descargar MAMP del siguiente enlacehttp://www.mamp.infoInstalamos MAMPAbrir MAMP y modificar estos valores enPreferencias.Puertos:Puerto Apache: 80Puerto MySQL: 3306Apache: Cambiamos la ubicación a la carpetaweb.Debe estar en verde Servidor Apache y ServidorMySQL para poder instalar JoomlaDESCARGAR JOOMLAwww.joomlaspanish.orgDescargamos la versión en .zipLa descomprimimos y le renombramos conel nombre del sitio que nosotros queramos,copiamos dentro de la carpeta web. Abrimosnuestro navegador y ponemos: localhost /
  • 5. 5Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloINSTALAR JOOMLA EN ESTESERVIDOREl FTP permite transferir archivos de nuestracomputadora al servidor 000webhost.Enprimerlugarnosvamosawww.000webhost.com y en la parte derecha en el menú deopciones, members área, nos pide el emailcon el que nos dimos de alta y la contraseña ycapturamos el captcha que aparece. Clic en panelde control y clic en view acount detail,esta opción contiene datos importantes en lazona de File Upload Details aparece FTP username y FTP password (el password aparececon asteriscos pero es el mismo que pusimos almomento de crear el dominio) es importanteanotar el dato de FTP user name y también elFTP host name.INSTALACION DE FILEZILLABuscamos en el explorador filezilla client lodescargamos y procedemos a instalar.Una vez abierto Filezilla, nos vamos archivoGestor de Sitios / Nuevo Sitio y damosun nombre al sitio, ahora en servidor ponemosel nombre de dominio (joomlaunach.comyr.com) el dato de protocolo y cifrado lo dejamoscomo esta. En modo de acceso cambiamos anormal, en usuario copiamos el FTP User Namey la contraseña ponemos la que al momento deregistrarnos pusimos. Le damos Aceptar. En elicono debajo de archivo le damos a la pestaña yaparecerá el sitio, le damos clic y se conectara sitodo está correcto.La parte derecha es el árbol de directoriosde (joomlaunach.comyr.com). Es decir lastransferencias se realizaran de la computadoralocal, al servidor remoto. La carpeta que másnos interesa es public.html. Ahí es dondeINTALACIÓN DE JOOMLA ENSERVIDOR REMOTOLo primero es contratar un servicio de hosting,ya sea de pago o gratuito.La ventaja de los hosting de pago es quepodemos escoger a nuestro gusto el dominio,puede ser .com .ec .es, etc. Dependiendo elpaís en que se encuentre nuestra empresa oservicio.Hay servidores gratuitos, en los cuales debemosaceptar el dominio que arroja el sistema.SERVICIO DE HOSTING GRATUITORegistro de un dominio gratuitoen un hosting gratuitowww.000webhost.comEl hosting gratuito que ofrece webhost tieneun buen ancho de banda y espacio suficiente,además de contar con panel de control y concuentas FTP para poder realizar transferencia dearchivos. Damos en el botón inferior y Ordenarahora, aparece una pantalla en la que debemosregistrarnos, en ella ponemos el url con la queaparecerá nuestro sitio en este caso webhostnos da automáticamente el dominio, colocamosun email y una contraseña de al menos 6caracteres.Aceptamos condiciones.Accedemos a nuestro email y confirmamos elregistro, damos clic en el enlace y en Statusaparecerá Activo, además de que podemosacceder a nuestro panel de control. Ahorasi abrimos una pestaña nueva y ponemosla dirección url con la que creamos nuestrodominio, nos aparecerá una ventana diciendoque solo tenemos un archivo default.php.
  • 6. Una alternativa para Crear y Gestionar sitios web6Esuela de Arte - Diseño Gráfico / Docente: Paolo Arévalose copiaran todos los archivos de instalación deJoomla.TRANSFERIR ARCHIVOS AL FTP(Filezilla)Antes que nada eliminamos el archivo default.php.Descomprimimos el instalador de Joomla.Nos ubicamos en el directorio de nuestracomputadora y buscamos los archivos que sedescomprimieron del instalador de Joomla yarrastramos al directorio Remoto.Este proceso puede tardar varios minutos,debemos estar pendientes a ver qué tipo demensajes nos muestra. Una vez que hayaterminado de subir los archivos al servidorremoto, abrimos el navegador y ponemos ladirección de dominio (www.joomlaunach.comyr.com) y empezara la instalación deJoomla. Antes de pasar a crear la base de datosen la instalación de Joomla debemos acceder a lapágina www.000webhost.com y hay que crearuna base de datos en este caso 000webhosttiene un menú que es Software y ServiciosIngresamos a MySQL y es ahy donde vamosa crear una base de datos:MySQL database name: uwebMySQL user name: rootPasswoord: xxxxxxxEs importante guardar en bloque de notas todaesta información, ya que al momento de lainstalación de Joomla nos pedirán estos datos.La instalación es igual a la de un servidor local,una vez finalizada la instalación debemos borrarla carpeta de instalación; nos dirigimos al filezillaal directorio remoto y borramos la carpetaInstalation. Y ya podremos ingresar al back-endy al fron-end.BACKEND Y FRONTENDDespués de la instalación, en Joomla podemosencontrar dos partes bien diferenciadas, elfront-end y el back-end.El primero front-end es la parte públicadel CMS, la web que verá el usuario final.Para acceder a esta web bastará con escribirel nombre de nuestro dominio en la barra dedirecciones del navegador (http://midominio.com).El back-end es la parte privada de Joomla,solo los administradores del sitio tendrán accesoa esta sección. Desde aquí gestionaremos todoslos aspectos de nuestra página, crearemoslos contenidos, administraremos usuarios,etc. El acceso lo realizaremos igual que en elcaso anterior, escribiendo en el navegadorla dirección de nuestra página seguida de lapalabra “administrator” (http://midominio.com/administrator).CAMBIAR IDIOMA JOOMLAJoomla por defecto se instala en Ingles, paramodificar el idioma los pasos a seguir son lossiguientes:Language ManagerInstall LanguageSeleccionamos SpanishInstallLog outVolvemos al menú de ingreso a Joomla y enLanguage cambiamos Default por Spanish
  • 7. 7Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloPERMISOS DE CARPETASSi no tiene permiso no deja subir archivos,plantillas. Para poder subir todos los archivos,debemos realizarlo a travez de nuestro servidoren Filezilla. Seleccionamos del directorio Remotola carpeta Administrator, clic derecho Permisosde Archivos / Hay que dar acceso total a estascarpetas. Tambien se lo puede hacer atravezde www.000webhost.com, accedemos amembers área e ingresamos a go to panely vamos a File Manager, este nos muestra laestructura de nuestra pagina, y si deseamoscambiar los permisos alguna carpeta del sitio,la seleccionamos y click a CHMOD y aparecenlos permisos de la carpeta y seleccionamos los qfaltan y damos clic a submit y aceptamos.De estas dos maneras se pueden modificar lospermisos de las carpetas.ESTRUCTURANDO EL SITIOLo primero que debemos llevar a cabo, esrealizar un análisis de que información vamos apresentar a nuestros usuarios, esto depende dela información que la empresa desee mostrar.Es muy importante hacer un bosquejo de cómose va a estructurar el sitio, para luego ir creandolas categorías que posteriormente veremos.CREACION DE CATEGORIASEs necesario primero crear las categorías yluego los artículos, Las categorías se crearande acuerdo a las necesidades que vayamos apresentar en nuestro sitio.Para Crear categorías, nos ubicamos enAdministrador, luego Gestor de Categorías /Nuevo, ahí damos ciertos parámetros paraPLANTILLASLa ventaja de diseñar páginas web con joomlaes el uso de plantillas.Son programas diseñados con PHP, CSS,HTML, la ventaja que nos da el uso de lasplantillas es que nuestra página va a estarestandarizada, ya sea en colores, tipografía.(Son formatos prediseñados)Página recomendada es www.joomla24.comSe debe descargar plantillas para la versiónque corresponde, ya que a diferencia de otrasversiones, están manejan distintos conceptosrespecto a las posiciones en la plantillas.Gestor de extensionesExtensión puede referirse a:Plantilla, Modulo, Pluging o puede ser uncomponente.Subir PaqueteSeleccionamos el archivo (plantilla) / Subir eInstalarCargar PlantillaExtensiones / Gestor de Plantillas, es donde seinstala la plantilla y se elige que estilo queramosdar al front-end, Establecemos por defecto parapoder aplicar a nuestro sitio.Clic en Plantilla y Editar, encontramos variasopciones, es lo que se puede editar. Si queremosmodificar necesitamos un software para editarplantillas.Opciones Plantillas:Dentro de la pestaña plantillas, activar vistaprevia de las posiciones de los modulo. Guardary cerrar.
  • 8. Una alternativa para Crear y Gestionar sitios web8Esuela de Arte - Diseño Gráfico / Docente: Paolo Arévalopoder identificar a cada una de las categoríasque vayamos creando.GESTOR DE ARTICULOSCuando ingresamos a Gestor de artículosnos aparecen varias opciones, en la partesuperior encontramos los botones de opcionesde artículos: (Nuevo – Editar – Publicar– Despublicar – Destacados (ventanaprincipal)– Archivo (Artículos que no deseoque se publiquen los archivo para luego poderpublicar) – Comprobar ( Comprueba status delarticulo) – Papelera – Opciones – Ayuda )En la parte inferior tenemos tres pestañas:Artículos – categorías y Artículos DestacadosAhora vamos acceder a un articulo Nuevo,si podemos observar tenemos un editor detexto muy básico. Antes que nada comorecomendación es cambiar el editor de texto,para eso no dirigimos a Editor de Pluggins yeditamos el editor TinyMCE y en OpcionesBásicas Funcionalidad: Cambiamos aExtendido.Una vez modificado nuestro editor de texto,podemos empezar a crear los artículosCREAR Y PUBLICAR ARTICULOSAl momento de crear un artículo tenemosvarios parámetros que debemos dar:Titulo:AliasCategoría: Aquí es donde elegimos a quecategoría queremos que pertenezca el articulo.Estatus: Publicado – Despublicado – Archivo– EliminarAcceso: Public – Registered – SpecialPermisos:Destacados: No – SiIdioma:Id.Formatos de EncabezadoEn los títulos y subtítulos es importante queestén con encabezados, ya que para losbuscadores es mas fácil poder ubicarles, nohay que abusar de tipos de fuentes ya que elbuscador lo reconocerá como spam.Insertar TablasUn elemento mas utilizado al momento decrear un articulo son las tablas.Se puede editar el contenido en Word y luegocopiar y pegar a Joomla dentro de la tablaPara combinar celdas hay que seleccionar lasdos celdas y click en la opción vincular celdasInsertar ImágenesPara poder insertar imágenes, antes debemoshaber subido a nuestro servidor FTP ( en lacarpeta public.html / images /podemos crearuna carpeta para colocar cada una de nuestrasimágenes (botón derecho – crear directorio –damos un nombre) a estar carpeta creada esdonde vamos a copiar todas las imágenes quevamos a incluir en el proyecto.Crear Hipervínculos en el textoPara poder crear hipervínculos en algún articulo,debemos señalar el texto que queremoshipervincular y click en la opción de la cadena(Inser/Edit Link), y ponemos el url al quedeseamos vincular
  • 9. 9Esuela de Arte - Diseño Gráfico / Docente: Paolo Arévalocarpeta y archivos que se vayan a descargarOpciones de ArtículosEliminar Datos que están por DefaultSi queremos eliminar los datos que aparecenen cada artículo (ejemplo categoría – fechade publicación – autor – Nº de veces vistos)nos dirigimos al Gestor de Artículos – opcionesy ocultamos los datos que no queremos queaparezcan.Estas opciones se pueden dejar de acuerdo alcriterio de cada uno.Opciones Metadatos - Agregar datos SEO(Optimización de Motores deBúsqueda)En la meta descripción es describir una partede nuestro artículo, se recomienda hacer unadescripción diferente a lo que está en el artículo.En meta palabras se utilizan palabras claveseparadas por una coma.Estructurar MenúSi tenemos artículos destacados los eliminamosdel gestor de artículos – destacados, no seborran los artículos, solo se desactivan dedestacados. O lo desactivamos en el icono dedestacadosPara ello lo hacemos desde el Gestor de Menú,ahí tenemos Menús y Elementos del Menú.Para ocultar o cambiar el titulo hay que dar clicen (Modos Enlazados con el Menú), aparecenuna serie de opciones, en Mostrar titulo loponemos oculto. Todas las plantillas tienenposiciones, es decir donde se van a colocar elAnclas en ArtículosCuando tenemos artículos demasiados largos,utilizamos las barras de desplazamiento peropara evitar desplazarnos podemos anclar acada parte del artículo, para esto señalamos eltexto donde queremos colocar el ancla- click enancla (anchor) y ponemos el nombre_ancla,o utilizamos la nomenclatura que nosotrosdeseamos.Ahora señalamos la imagen o el botón y clicen hipervínculo y seleccionamos en la opciónde ancla. En esta opción estarán las anclasque creamos anteriormente. De igual manerapodemos colocar anclas en los textos y vincularpara que se dirija al principio del artículo.Leer MásEn el Editor de texto de artículos se encuentrauna opción interesante que es la de leer mas.Esta nos sirve para artículos demasiados largos,lo único que debemos hacer es ubicar el cursorde texto en la parte donde queremos que eltexto se corte y aparezca la opción de leer mas.DescargasPara poder realizar descargas para nuestrosusuarios debemos ingresar a nuestro servidorFTP, y creamos una carpeta descargas en public.html, y es ahí donde copiaremos los archivosque vamos a compartir con nuestros usuarios.Ahora señalamos el texto o la imagen quequeremos dar el hipervínculo de descarga ydamos a la opción Crear/Editar Hipervínculo ycopiamos el url de donde se encuentra el archivoque queremos que nuestro usuario lo descargueen ese caso sería: http://joomlaunach.comyr.com/descargas/nombre de archivo. Siempreempezara por http:// y posteriormente elnombre de cada uno de sus sitio y nombre de
  • 10. Una alternativa para Crear y Gestionar sitios web10Esuela de Arte - Diseño Gráfico / Docente: Paolo Arévalomenú dentro de nuestra plantilla, para queaparezcan las posiciones hay que colocar estecódigo luego del url en la barra de navegación/tp1. - Status publicado. Acceso público y lasdemás opciones por default.Elementos del MenúAparece la información de nuestros menús –status – orden – acceso – tipo de elemento delmenú – (inicio es el menú por default) – clicen el menú inicio, lo que nos interesa es lo quese encuentra en la parte derecha. Y podemosseguir añadiendo menús y elementos demenús.Contactos y RegistrosPara crear un contacto, al que posteriormentese le envíe un formulario de contacto los pasosson los siguiente:Componentes – Contactos - Categorías ycreamos la categoría. Posterior a esto vamos aComponentes - Contactos le asignamos a lacategoría que anteriormente se creo. Damos losdatos necesarios en detalles de contacto.Una vez creado el contacto nos vamos a gestorde menú y creamos un elemento de menú,pero en vez de poner artículo simple ponemoscontacto único. (Si solo deseamos que a unsolo contacto se le envié el formulario) tambiénpodemos asignar a varios contactos dentro deuna categoría.En Joomla por defecto nos viene un moduloinstalado que es (formulario de acceso) estemodulo nos sirve para que nuestros usuarios sepuedan registrar. A los usuarios que se registranles llegara un email de confirmación y al súperusuario de igual manera un email indicandoque se ha registrado un usuario. La ventaja deusuarios registrados es que pueden acceder ainformación solo para usuarios registrados.Posición de Módulos en PlantillasEn Joomla se consideran posiciones para cadauna de las extensiones, para poder realizar estoes necesario colocar este código en la barra delnavegador ?tp=1 con este código podránobservar cada una e las posiciones que tiene laplantilla.Gestor de MódulosLa comunidad de Joomla tiene varias páginasdonde se pueden descargar diferentesextensiones que contienen módulos útiles almomento de realizar el diseño de nuestro sitio.Desinstalar módulosPara desinstalar los módulos de Joomla,Seleccionamos el módulo y borramos una vezque lo borramos, seleccionamos el estado,y vaciar papelera, el modulo se borrara delGestor de Módulos, pero no se ha desinstalado,para ello nos vamos a Gestor de Extensiones(gestionar) hay aparecen todas la extensionesque estamos utilizando en Joomla, buscamosel modulo que deseamos desinstalar y clic endesinstalarInstalar módulos por defectoAhí otros módulos que trae Joomla por defecto,para ello nos vamos al Gestor de módulos yNuevo, encontraremos varios módulos queviene por defecto en Joomla.
  • 11. 11Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloExtensiones JoomlaPara distinguir los nombres de los archivosestos vienen al principio con una palabra quela distingue por ejemplo los componentes vienecon la palabra com componente y los módulosmod, los plugins plgJoomla contaba con una extensión para realizarencuestas pero por problemas que tenia lacomunidad de Joomla lo decidió quietarlosLas extensiones de Joomla laconformas:Componentes: Por ejemplo un tiendavirtual, las ventajas de los componentes es quelos usuarios hacen uso de ellas. En el ejemplode la tienda virtual el administrador administratodo.Módulos: No es una aplicación tan completacomo es el componente, nos sirve para visualizarcierta información por ejemplo mostrar videos eYouTube, banners. A diferencia del componenteel usuario puede interactuar con estos módulos.Plugins: Trabajan mas a nivel de artículos,no se los puede colocar en una posición dentrode la plantilla. Dentro de un articulo de puedeinstalar un plugins. Solo trabaja a nivel delarticulo.Descargar Extensioneswww.extensions.joomla.orgEsta es una pagina que la comunidad deJoomla es la que mantiene hay podremosencontrar extensiones de Joomla (módulos,componentes, plugins)Como recomendación pueden registrarse en elforo de www.joomlaspanish.org en este foropueden encontrar varias recomendaciones.Jvote SystemEncuestas con Jvote SystemNos dirigimos a www.extensions.joomla.org y en la opción de búsqueda tecleamospolls y descargamos Jvotesystem. Una vezdescargada esta extensión no vamos al back-end. Lo subimos e instalamos desde Gestor deExtensiones, nos aparecerá un mensaje de quese instalo correctamente, para verificar que laextensión se instalo correctamente damos clicken componentes y estará ahí el componentejvotesystem.Damos clic en JVotesysten y accedemos. Tieneun panel de control y varias pestañas y el botónde opciones para poder configurar.Para empezar, creamos una categoría denuestras encuestas. Clic en botón categoríasy rellenamos los datos, las demás opciones ladejamos por default. Guardamos y cerramos.Nos vamos a Vista Global y Clic en NewPoll (nueva Encuesta) rellenamos los datosy ponemos una pregunta, ejm ¿Cual es elmejor equipo del Ecuador? luego tenemosespacios para varias opciones de respuesta. Eljvotesystem nos permite que nuestros usuariospuedan agregar una respuesta, esto se lo puedehacer en la pestaña de configuración.Una vez que ya tenemos creada la preguntaentra en acción el módulo, si nos dirigimos aextensiones / gestor de módulos observamosque tenemos el módulo de JVoteSystemestará despublicado accedemos a el moduloy cambiamos a publicado y la posición quedeseamos que ocupe en la plantilla, ademásen la asignación del modulo hay que decirleque este asignado en todas las paginas, casocontrario asi este publicado no aparecerá en
  • 12. Una alternativa para Crear y Gestionar sitios web12Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloComponente swMenuFreeNos dirigimos a la web www.extensions.joomla.org y lo descargamos (swMenuFree).Subimos e Instalamos en Gestor de Extensiones.Una vez instalado el componente nos vamos aComponentes y encontraremos el componenteswMenuFree, damos clic y podemos ingresar acada una de las opciones que nos brinda estecomponente. Para poder modificar el menúque por defecto tenemos en la plantilla nosvamos al Gestor de Módulos y al Main Menúlo despublicamos (es el que por defecto nosbrinda la plantilla) y al módulo swMenuFreelo publicamos, pero antes que nada debemossaber en que posición lo vamos a ubicar,también hay que activar Mostrar en todas laspaginas, caso contrario no aparecerá así estepublicado.El módulo swMenuFree tiene varias pestañasen las cuales podremos modificar la posición delmenú, ya sea horizontal o vertical, el tamañodel menú, el fondo del menú al igual que losdel submenú, el color y tamaño de letra, losbordes y esquinas del menú. Modificando cadauna de las opciones de swMenuFree podemosadaptar a nuestra necesidad el menú.Para cambiar el fondo a los menús hay quecopiar las imágenes en nuestro sitio remoto(modules/mod_submenu/free/images)también pueden crear una subcarpeta y copiaren esta ubicación.ALLVIDEOAgregar Videos con ALLVIDEOLo descargamos de la web www.extensions.joomla.org no redijira a la pagina de ALLVIDEOhttp://www.joomlaworks.net/extensions/free-premium/allvideos y en la parte inferior enAvailable Releases descargamos la versión parala cual estemos trabajando.En Gestor de Extensiones lo instalamos y nosvamos a Gestor de Plugins este trabaja masa nivel de artículos si se fijan no hay posicióndonde ubicarlo. Buscamos el plugins (AllVideos(by JoomlaWorks)), para poder trabajar conun plugins hay que publicarlo, entramos enese plugins y vemos las opciones que nosproporciona.Ahora Creamos un nuevo articulo, en eleditor de texto es donde entra lo que son losplugins. Lo primero que debemos saber esen que ubicación se encuentra nuestra videocopiamos la identificación del video es decir laparte final del url (el identificador del video esdesde el signo Igual = la parte final del url). Lasinstrucciones se pone entre llaves y al final hayque cerrar las llaves más el signo de (/) ejm.{youtube}1y4KaQXA3aQ{/youtube}Este seria el caso para un video subido enyoutube, si el video se encuentra en flickr uotros cambiaría el código y las palabras claveejm. {flickr }identificador de video{/ flickr }Extensiones Google MapsAntes debemos tener una cuenta en gmail parapoder hacer uso de estas extensionesLo descargamos de la web www.extensions.joomla.org y en el motor de búsquedaponemos googlemaps, el plugins que en estecaso utilizaremos es Googlemaps Plugin ydescargamos el fichero plugin_googlemap_J25_J30.2.18.zip, ahora vamos a descargar lasiguiente extensión Ultimate Google Adsense.Instalamos las dos extensiones que acabamosde descargar.
  • 13. 13Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloNos vamos al Gestor de Plugins y nos vamosa Google Maps, lo Habilitamos, en la partederecha tenemos varios aspectos para modificar.Para poder usar este plugin debemos tener unAPI key. Para poder tener una API key debemostener una cuenta en gmail y en esta direcciónpodemos solicitar el API key:https://developers.google.com/maps/documentation/javascript/tutorial#api_keyUnavezqueyaingresamosalaurlanteriormentecitada nos vamos a Obtaining an API Key, ahyse encuentran los paso para poder crear unaAPI KeySin el API Key no se puede acceder a este plugin,copiamos el API Key que al momento de crearen el url anterior nos arrojó. En GooglemapsAPI Key copiamos este dato en GooglemapsAPI Key. Los datos importantes que debemostener en cuenta es Ajustes de Localización, paraobtener estos datos nos vamos a Google Mapsy en el icono de enlace tenemos las coordenadascopiamos la latitud y longitud, y nos vamos alback-end y en Ajustes de localización ponemoslos datos de longitud y latitudLatitud Riobamba: -1.678243Longitud Riobamba: -78.641478Ahora nos vamos al articulo donde queremosinsertar el mapa ponemos la palabra clave{mosmap} y lo aplicamos.All Music PlayerIgual que los componentes, módulos yplugins que hemos visto hasta el momento,lo descargamos de la pagina www.extensions.joomla.org y se descargara el modulo y elplugin, vamos a instalar el modulo, una vezinstalado nos dirigimos al gestor de móduloslo publicamos y seleccionamos en que posiciónqueremos que se ubique el modulo, de igualmanera la asignación del modulo, esta deberíair en todas las paginas. En la parte derechatenemos las opciones básicas, el dato que nosinteresa es el de Music Data. Es ahí dondecolocaremos el titulo de la canción seguido deuna coma y la ubicación del archivo mp3, esdecir (title,http://misitio.comlu.com/carpetamusic/archivo.mp3)Slide 3D Vinaora Cub3erInstalamos el modulo, y en la carpeta media/mod_vinaora_cu3er_3d_slideshow / images/ demo1 / se encuentran las imágenes quehay que modificar.Editor JCE Componentes y PluginDescargamos el componente JCE desde laweb http://www.joomlacontenteditor.net.Descargamos el componente JCE y el pluginsJCE Media Box, este nos servirá para realizarventanas popupsya sea en videos, imágenes.Una vez descargado el componente y el Plugin,lo instalamos desde el Gestor de Extensiones,comprobamos que el componente y el Plugineste activado (Gestor de Módulos y Gestor dePlugin – System – JCE MediaBox lo publicamos)y empezamos a trabajar con JCE.Menu Rollover con JCEPara poder trabajar con el componente JCE, nosdirigimos a mi perfil y modificamos el editoral Editor JCE una vez hecho esto nos vamosal Gestor de Módulos – Nuevo – PersonalizarHTML,Enlosparámetroscolocamosunnombrey la ubicación que deseamos, una vez hechoeso click en el icono de imágenes y subimos lasimágenes en upload, En esta ventana tenemosvarias opciones como son. Image – Rollover –
  • 14. Una alternativa para Crear y Gestionar sitios web14Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloTRABAJAR CON LAS PLANTILLASTEMPLATESTodas las plantillas que instalamos a través elgestor de extensiones, se encuentran en lacarpeta Templates, dentro de cada templatetenemos varios archivos como es la carpetacss (estilos de hojas en cascada) js ( java scrip)images ( imágenes que contiene la plantilla)además esta el archivo (favicon.ico) es elicono que se encuentra cuando visualizamosel sitio en nuestro navegador. El archivo index.php es donde se guarda todos los datosde nuestra plantilla. templateDetails.xml,guarda información de la plantilla. No todaslas plantillas guardan esta estructura. Habraocasiones en las que las plantillas tiene otrosarchivos para que funcionen correctamente laplantilla. Es recomendable guardar un respaldode toda plantilla en nuestro disco duro.FAVICON (cambiar icono)PordefectonuestrositiotieneeliconodeJoomla,para modificar nos vamos a Google y buscamos(irfanview) www.irfanview.com. El irfanviewno ayuda a poner las dimensiones de 16 x 16px que es lo que nos pide joomla. Una vez queabrimos la imagen que deseamos establecercomo favicon en irfanview lo guardamos conla extensión .ico y reemplazamos por la queJoomla tiene por defecto.Descargar el software php designer este nossirve para poder modificar el index.php y losestilos css, si deseamos personalizar au masnuestra plantilla.Cambiar HeaderPara poder realizar los cambios hay que sabercuales son las imágenes que integran el header.Advanced, es ahí donde damos los parámetrosde configuración para rollover, tamaño, url. Etc.Ventana Popups con plugins JCEPara insertar videos de YouTube en ventanasemergentes, copiamos el enlace en url,señalamos el objeto o texto que vamos aenlazar, clic en link/enlace, en Url copiamosel enlace, también podemos seleccionar unenlace que se encuentre en nuestro sitio, yasean estos artículos, menús, una vez quetenemos ya enlazado el objeto seleccionamosel tipo de Popups (JCe MediaBox) colocamosvarios parámetros que nos pide y ya tenemosuna ventana emergente. Tambien podemosmodificar el color de fondo, para ello nos vamosa Componentes seleccionamos JCE y click en elplugin JCE MediaBox.Galeria de Imágenes con plugin JCETrabajamos como si fuera un articulo, Clic enel icono de Imágenes, en URL insertamos laimagen que deseamos, luego en Advanced enla opción Classes le asignamos una clase (ejm1) asi sucesivamente vamos insertando lasimágenes que queremos que pertenezcan a unagaleria. Luego de que hayamos terminado deinsertar las imágenes y asignarles la misma clasea todas (ejm 1 classes1) señalamos la imageny clic en el icono de enlace en la opción Linken el icono Browse ubicamos la misma imagen,posteriormente en la opción Popups en Grouple ponemos el mismo nombre que asignamosen Classes (ejm 1), asi sucesivamente con todaslas imágenes para la categoría 1.
  • 15. 15Esuela de Arte - Diseño Gráfico / Docente: Paolo Arévalonueva base de datos (con el mismo nombrede la base de datos que exportamos) una vezcreada, vamos a importar y seleccionamos elarchivo, clic en continuar, es todo para importarla base de datos, hay que tener presente quepara migrar un sitio hecho en Joomla hay quecopiar la carpeta raíz donde se encuentrantodos los archivo e importar la Base de Datos.Gestor de UsuariosEn el Panel de Control tenemos la opción degestor de Usuarios, es ahí donde podemosgestionar a todos los usuarios que previamentese registran en nuestro sitio. En la parte inferiordel panel tenemos la opción de GruposAsignados, dependiendo del sitio que estemospublicando podemos cambiarle al usuario, yasea como Autor, Editor, para que puedan añadircontenido a nuestro sitio. Es recomendablegestionar de manera adecuada a nuestrosusuarios para que no existan problemas depublicación de contenidos, ya que puede habercontenidos que nosotros no queramos publicar.Configuración GlobalDentro del panel de Control de Joomla tenemosla opción de Configuración Global, que nosperímete configurar parámetros de Joomla.Dentro de Configuración Global tenemos variaspestañas:Sitio – Sistema – Servidor – Permisos – Filtros detexto; por lo regular la mayoría de parámetrosquedan por defectos, algunos podemosconfigurar.Sitio:Nombre de sitio (barra del título en elnavegador) debemos poner un nombreidentificativo al sitio.Para ello ingresamos desde gestor de plantillasy la plantilla que tenemos por defecto. Esto nosucede para todas las plantillas, solo en algunoscasos, como se puede observar en la plantillaBeez2, en opciones avanzadas tenemosvarias opciones para poder cambiar el logo, ladescripción del sitio.Base de Datos.La base de datos de Joomla esta compuesta portablas,lastablastieneun prefijoyestonoayudaraa identificar tablas que pertenezcan a Joomla ytablas que pertenezcan a las extensiones. Estastablas almacenan la información del back-endy front-end. Es necesario tener un respaldode la base de datos ya que contiene toda lainformación de los artículos y más.Exportar Base de DatosPara exporatr una base de datos, cuandoestamos trabajando en un servidor de pruebaslocal, los pasos a seguir los siguientes:Nos dirigimos al icono de wamp servery seleccionamos local host, una vez queingresamos nos dirigimos a php myadmin, ahíencontraremos todas las bases de datos quehemos creado, seleccionamos la base datos quevamos a exportar, una vez que ingresamos a labase de datos, clic en exportar, seleccionamostodo, y activamos la opción Añada DROPTABLE / VIEW PROCEDURE / FUCTION /EVENT, en Compresión – ninguna y Continuar,guardamos en la ubicación que nosotrosdeseamos.Importar Base de DatosPara importar una base de datos debemos teneridentificado nuestro archivo que exportamosantes, para importar la Base de Datos de igualmanera vamos a PHP myadmin, creamos una
  • 16. Una alternativa para Crear y Gestionar sitios web16Esuela de Arte - Diseño Gráfico / Docente: Paolo ArévaloSitio Desactivado: Es cuando nuestro sitioeste desactivado, ya sea por cambio de diseño eidentidad de página. Podemos poner un textoo una imagen.Nivel de Acceso: debe ser público para quenuestro sitio pueda ser visitado en general portodos los usuarios de la web.Límite de Listas por defecto. Es cuandogestionamos los diferentes ítems. Módulos –artículos, etc.Configuración SEO, lo dejamos por defecto.Configuración de Metadatos:Descripción más completa del sitio, utilizarpalabras clave para que los buscadores notengan en cuenta al momento de realizarbúsquedas.Sistema:Tenemos opciones como la ayuda de Joomla(esta en ingles aunque trabajemos en español)también encontramos la Configuración deSesión, esta nos sirve para poder cambiarel tiempo se sesión activa. Las demásconfiguraciones las dejamos por defecto.Servidor:Configuración del Servidor:Ruta de la carpeta temporal, es dondealmacenamos todos los archivos que componennuestro sitio.Forzar SSL, es un sistema de seguridad perosolo lo podemos utilizar si nuestro servidor tieneactiva esta opción.Configuración de Base de Datos:Tenemos toda la configuración de la Base deDatos, si en algún momento necesitamos saberlos datos.Configuración Email:A diferencia de cuando un usuario contacta connosotros recibimos en una dirección email. Enla Configuración Email determinamos el correoemail de salida de cual nosotros como súperusuario queremos emitir email ya sean estasnoticias, boletines, etc. Para nuestros usuariosregistrados.Permisos:La dejamos por defecto, no hay necesidad demodificar nada.Filtro de Textos:Dejamos por defecto.Es importante saber acerca de estasconfiguraciones, ya que si modificamos algúnparámetro de manera incorrecta corremos elriesgo de que nuestro sitio deje de funcionar.ActualizacionesJoomla a partir de la versión 2.5 tiene la opciónde actualizar directamente las extensionesque tenemos instaladas. También tenemos laactualización de Joomla, nos aparecerá la versiónmás reciente (versiones 2.5) y podemos instalardirectamente, es recomendable hacer de estamanera antes que de FTP, ya que por mediode un servidor FTP es un proceso mas largo. Esimportante realizar las actualizaciones en línea.