Desarrollo Ágil de sitios Web     utilizando Joomla y Gantry             Framework                        Miguel Cantillan...
Índice  ●   Qué es Joomla      ●   Características      ●   Ejemplos  ●   Qué es Gantry-Framework      ●   Características...
¿Qué debemos saber?  ● Joomla!  ● CSS  ● HTMLELINUX 2011 – PUERTO MONTT       2
Qué es Joomla  ●   Joomla es un gestor de contenido (CMS), de      código abierto escrito en PHP y utiliza como      motor...
… y que son las plantillas? ●   Son las encargadas de     definir el aspecto     estético, disposición de     elementos y ...
Módulos y Plantillas ●   Los módulos son pequeñas     aplicaciones que permiten     mostrar información     específica. ● ...
Gantry Framework ●   Framework para el desarrollo de     Plantilla para Joomla! ●   Desarrollado por Rocket Theme ●   Se i...
Qué nos ofrece Gantry? ●   65 Posiciones de módulos para situar     funcionalidades de Joomla. ●   Completo Soporte para J...
¿Cómo funciona?ELINUX 2011 – PUERTO MONTT       8
Framework CSS 960  ●   El principio básico de este framework es crear      maquetaciones de ancho fijo de 960px  ●   Carac...
¿Cómo funciona?                  10
¿Cómo funciona?ELINUX 2011 – PUERTO MONTT       11
¿Cómo funciona?ELINUX 2011 – PUERTO MONTT       12
¿Cómo funciona?ELINUX 2011 – PUERTO MONTT       13
CSS por Bloque  ●   El CSS que dibuja gantry por bloque es el que      sigue:      <div id=”rt-NOMBRE”>             <div c...
DEMOELINUX 2011 – PUERTO MONTT   15
Recursos●   http://960.gs●   Http://www.gantry-framework.com●   http://docs.joomla.org
Upcoming SlideShare
Loading in …5
×

Desarrollo de ágil de sitios web utilizando Joomla gantry Framework

4,519 views
4,285 views

Published on

El presente trabajo tiene por objetivo mostrar un marco de trabajo para el Desarrollo Web utilizando Joomla! y Gantry Framework, los cuáles permite desarrollar portales web de gran factibilidad operativa en muy poco tiempo, minimizando los problemas de compatibilidad entre navegadores, Layout sin tablas y HTML no semánticos, entre otros problemas clásicos de cualquier proyecto web, permitiendo dar mucho más valor a los productos que se desarrollen sobre estos.

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
4,519
On SlideShare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
48
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Desarrollo de ágil de sitios web utilizando Joomla gantry Framework

  1. 1. Desarrollo Ágil de sitios Web utilizando Joomla y Gantry Framework Miguel Cantillana Farías miguel@ewok.cl mcantillana@opensur.org http://www.miguelcantillana.comELINUX 2011
  2. 2. Índice ● Qué es Joomla ● Características ● Ejemplos ● Qué es Gantry-Framework ● Características ● Cómo funciona ● Ejemplos de ImplementaciónELINUX 2011 – PUERTO MONTT 1
  3. 3. ¿Qué debemos saber? ● Joomla! ● CSS ● HTMLELINUX 2011 – PUERTO MONTT 2
  4. 4. Qué es Joomla ● Joomla es un gestor de contenido (CMS), de código abierto escrito en PHP y utiliza como motor de datos mySQL. ● Con Joomla podemos crear portales web, flexibles y altamente escalables ● Joomla es Software Libre!ELINUX 2011 – PUERTO MONTT 3
  5. 5. … y que son las plantillas? ● Son las encargadas de definir el aspecto estético, disposición de elementos y estilo visual de nuestro sitio web.ELINUX 2011 – PUERTO MONTT 4
  6. 6. Módulos y Plantillas ● Los módulos son pequeñas aplicaciones que permiten mostrar información específica. ● Joomla distribuye sus funcionalidades a través de módulos. ● Cada módulo puede estar presente en distintos apartados del sitio.ELINUX 2011 – PUERTO MONTT 5
  7. 7. Gantry Framework ● Framework para el desarrollo de Plantilla para Joomla! ● Desarrollado por Rocket Theme ● Se integra como un Plugins ● Basado en 960 Framework CSSELINUX 2011 – PUERTO MONTT 6
  8. 8. Qué nos ofrece Gantry? ● 65 Posiciones de módulos para situar funcionalidades de Joomla. ● Completo Soporte para Joomla! ● 38 posibles combinaciones de layout para cuerpo y columnas (Mainbody y Sidebar) ● Dispone de configuración de vistas Mobile/iPhone y Android ● Sencilla Interfaz de administración ● Soporte para RTL language ● Permite compresión de CSS y JS ● Layout sin tablas ● Compatibilidad entre navegadores (IE6, IE7, IE8, Firefox, Chrome, Safari)ELINUX 2011 – PUERTO MONTT 7
  9. 9. ¿Cómo funciona?ELINUX 2011 – PUERTO MONTT 8
  10. 10. Framework CSS 960 ● El principio básico de este framework es crear maquetaciones de ancho fijo de 960px ● Características ● Ofrece un marco de trabajo sencillo ● Permitir crear layouts fácilmente, utilizando 12 ó 16 columnas ● Posee una hoja de estilo de reset ● Compatibilidad con los navegadores mas popularesELINUX 2011 – PUERTO MONTT 9
  11. 11. ¿Cómo funciona? 10
  12. 12. ¿Cómo funciona?ELINUX 2011 – PUERTO MONTT 11
  13. 13. ¿Cómo funciona?ELINUX 2011 – PUERTO MONTT 12
  14. 14. ¿Cómo funciona?ELINUX 2011 – PUERTO MONTT 13
  15. 15. CSS por Bloque ● El CSS que dibuja gantry por bloque es el que sigue: <div id=”rt-NOMBRE”> <div class=”rt-container”></div> </div> ● Para Módulos: <div id=”rt-block”> <div class=”module-title”> <h2>TITULO MODULO</h2> </div> </div>ELINUX 2011 – PUERTO MONTT 14
  16. 16. DEMOELINUX 2011 – PUERTO MONTT 15
  17. 17. Recursos● http://960.gs● Http://www.gantry-framework.com● http://docs.joomla.org

×