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

2,502 views

Published on

Presentación de @jaTITOam en Flisol Guatemala 2011

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
2,502
On SlideShare
0
From Embeds
0
Number of Embeds
651
Actions
Shares
0
Downloads
62
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. Joomla! Haciendo un Website en 30 minutos Augusto Alvarez (Tito) @jaTITOam
  2. 2. ¿Qué es Joomla!? <ul><li>Es un CMS (Content Management System)
  3. 3. Escrito en PHP
  4. 4. Segundo CMS más utilizado a nivel mundial (http://rod.gs/QPf)
  5. 5. Permite a cualquier usuario (no técnico) interactuar con el contenido del sitio web, agregar o eliminar contenido del mismo
  6. 6. Tiene comunidades de usuarios a nivel mundial ( www.joomlagt.org en Guatemala) </li></ul>
  7. 7. ¿Qué necesito? <ul><li>Un Web Hosting (o Web Server) </li><ul><li>Apache, MySQL
  8. 8. XAMPP, WAMP, LAMP, MAMP... </li></ul><li>Instalador de Joomla! (1.5 ó 1.6) </li><ul><li>www.joomla.org
  9. 9. www.joomlaspanish.org
  10. 10. www.comunidadjoomla.org </li></ul></ul>
  11. 11. Otras herramientas <ul><li>Firebug (add-on de Firefox)
  12. 12. Notepad++ (para editar archivos html, php, css)
  13. 13. Pueden descargar todo desde: http://rod.gs/Gff (nuestro artículo en joomlagt.org) </li></ul>
  14. 14. Pasos para Instalar <ul><li>Descomprimir el instalador en la carpeta del servidor web
  15. 15. Entrar al sitio (p.ej www.misitio.com , http://localhost/misitio )
  16. 16. Iniciar el proceso de instalación </li><ul><li>Típico next, next, next
  17. 17. Verificación de requerimientos, licencia, config del usuario administrativo, base de datos
  18. 18. Borrar la carpeta de instalación (/installation) </li></ul></ul>
  19. 19. Acceso a mi sitio web <ul><li>www.misitio.com (ó http://localhost/misitio ) </li><ul><li>Front End (sitio público) </li></ul><li>/administrator </li><ul><li>Back End (sitio privado para administrar el público) </li></ul></ul>
  20. 20. Intermedio de reflexión <ul><li>¿Ya definiste qué va a tener tu sitio web?
  21. 21. ¿Existe un mapa del sitio?
  22. 22. ¿Cuáles son las funcionalidades o requerimientos propios a cumplir?
  23. 23. ¿Hay wireframes diseñados del sitio?
  24. 24. Sitio web en 30 minutos: sí y sólo sí ya tenemos definido lo que queremos </li></ul>
  25. 25. Cambiando la Plantilla <ul><li>Plantilla diseñada (a la medida)
  26. 26. Plantilla de un sitio de plantillas </li><ul><li>www.joomla24.com
  27. 27. www.joomla-templates.com </li></ul><li>Instalar en Extensiones / Gestor de Extensiones
  28. 28. Aplicarla en Extensiones / Gestor de Plantillas </li></ul>
  29. 29. Tips sobre la plantilla <ul><li>Integran la plantilla: </li><ul><li>Componente principal (component)
  30. 30. Módulos (mediante posiciones) </li></ul><li>Para conocer cómo está integrada una plantilla: </li><ul><li>Extensiones / Gestor de Plantillas / Opciones / Vista Previa (este paso sólo para Joomla! 1.6)
  31. 31. Agregar ?tp=1 al frontend </li></ul></ul>
  32. 32. Editando la plantilla y más tips <ul><li>El archivo central: </li><ul><li>templates/<plantilla>/index.php </li></ul><li>Para referenciar imágenes, css, js: </li><ul><li><?php echo $this->baseurl ?>/templates/<?php echo $this->template;?>/ </li></ul></ul>
  33. 33. Editando Contenido <ul><li>En Joomla! 1.6 tenemos un árbol de categorías </li><ul><li>Sobre cualquier categoría a cualquier nivel se puede crear un Blog (pueden haber múltiples blogs en el sitio) </li></ul><li>En Joomla! 1.5 tenemos secciones y categorías (sección como padre de una categoría) </li><ul><li>Se puede crear un blog de una categoría o de una sección </li></ul></ul>
  34. 34. Editando Contenido <ul><li>Gestor de Categorías
  35. 35. Gestor de Contenidos
  36. 36. Gestor Multimedia (imágenes, etc) </li></ul>
  37. 37. Editando el Menú <ul><li>Menús / Menú principal
  38. 38. Cada elemento del menú tiene un tipo (relativo a un componente) </li><ul><li>Artículos (simples / blogs)
  39. 39. Contactos (formulario de contactos)
  40. 40. Galerías de fotos
  41. 41. Otros componentes instalados </li></ul></ul>
  42. 42. Editando los módulos <ul><li>Extensiones / Gestor de Módulos
  43. 43. Cada módulo tiene una posición de acuerdo a la plantilla (lo que vimos con ?tp=1)
  44. 44. Puede ponerse más de un módulo por posición
  45. 45. Pueden alterarse los títulos y estados de publicación de cada módulo </li></ul>
  46. 46. Extendiendo Joomla! <ul><li>Agregar componentes o módulos
  47. 47. Todo está en http://extensions.joomla.org
  48. 48. Extensiones / Gestor de Extensiones </li></ul>
  49. 49. Gracias! ¿Preguntas? Augusto Alvarez (Tito) @jaTITOam

×