Joomla! sitio web en 30 minutos (Flisol GT 2011)

download Joomla! sitio web en 30 minutos (Flisol GT 2011)

If you can't read please download the document

Transcript of Joomla! sitio web en 30 minutos (Flisol GT 2011)

Joomla!

Haciendo un Website en 30 minutos

Augusto Alvarez (Tito) @jaTITOam

Qu es Joomla!?

Es un CMS (Content Management System)

Escrito en PHP

Segundo CMS ms utilizado a nivel mundial (http://rod.gs/QPf)

Permite a cualquier usuario (no tcnico) interactuar con el contenido del sitio web, agregar o eliminar contenido del mismo

Tiene comunidades de usuarios a nivel mundial (www.joomlagt.org en Guatemala)

Qu necesito?

Un Web Hosting (o Web Server)Apache, MySQL

XAMPP, WAMP, LAMP, MAMP...

Instalador de Joomla! (1.5 1.6)www.joomla.org

www.joomlaspanish.org

www.comunidadjoomla.org

Otras herramientas

Firebug (add-on de Firefox)

Notepad++ (para editar archivos html, php, css)

Pueden descargar todo desde: http://rod.gs/Gff (nuestro artculo en joomlagt.org)

Pasos para Instalar

Descomprimir el instalador en la carpeta del servidor web

Entrar al sitio (p.ej www.misitio.com, http://localhost/misitio)

Iniciar el proceso de instalacinTpico next, next, next

Verificacin de requerimientos, licencia, config del usuario administrativo, base de datos

Borrar la carpeta de instalacin (/installation)

Acceso a mi sitio web

www.misitio.com( http://localhost/misitio)Front End (sitio pblico)

/administratorBack End (sitio privado para administrar el pblico)

Intermedio de reflexin

Ya definiste qu va a tener tu sitio web?

Existe un mapa del sitio?

Cules son las funcionalidades o requerimientos propios a cumplir?

Hay wireframes diseados del sitio?

Sitio web en 30 minutos: s y slo s ya tenemos definido lo que queremos

Cambiando la Plantilla

Plantilla diseada (a la medida)

Plantilla de un sitio de plantillaswww.joomla24.com

www.joomla-templates.com

Instalar en Extensiones / Gestor de Extensiones

Aplicarla en Extensiones / Gestor de Plantillas

Tips sobre la plantilla

Integran la plantilla:Componente principal (component)

Mdulos (mediante posiciones)

Para conocer cmo est integrada una plantilla:Extensiones / Gestor de Plantillas / Opciones / Vista Previa (este paso slo para Joomla! 1.6)

Agregar ?tp=1 al frontend

Editando la plantilla y ms tips

El archivo central:templates//index.php

Para referenciar imgenes, css, js:/templates//

Editando Contenido

En Joomla! 1.6 tenemos un rbol de categorasSobre cualquier categora a cualquier nivel se puede crear un Blog (pueden haber mltiples blogs en el sitio)

En Joomla! 1.5 tenemos secciones y categoras (seccin como padre de una categora)Se puede crear un blog de una categora o de una seccin

Editando Contenido

Gestor de Categoras

Gestor de Contenidos

Gestor Multimedia (imgenes, etc)

Editando el Men

Mens / Men principal

Cada elemento del men tiene un tipo (relativo a un componente)Artculos (simples / blogs)

Contactos (formulario de contactos)

Galeras de fotos

Otros componentes instalados

Editando los mdulos

Extensiones / Gestor de Mdulos

Cada mdulo tiene una posicin de acuerdo a la plantilla (lo que vimos con ?tp=1)

Puede ponerse ms de un mdulo por posicin

Pueden alterarse los ttulos y estados de publicacin de cada mdulo

Extendiendo Joomla!

Agregar componentes o mdulos

Todo est en http://extensions.joomla.org

Extensiones / Gestor de Extensiones

Gracias!

Preguntas?

Augusto Alvarez (Tito) @jaTITOam

/