En esta edición de #JoomlaIO vamos a ver el desarrollo de plantillas para Joomla! en sus diferentes versiones: desde la versión 1.5 hasta la versión 3.0
A través de una presentación iremos viendo los siguientes puntos:
- Qué es una plantilla
- Estructura básica de archivos
- templateDetails.xml
- API de Joomla!
- Templates Overrides
- Ejemplo: index.php + css + params
- Diferencias entre las versiones
- Frameworks de desarrollo
- Herramientas de ayuda
Una vez finalizado este hangout tendremos las nociones básicas para comenzar a desarrollar nuestra plantilla para Joomla!
JoomlaDay Sevilla 2015 - Desarrollo de plantillas Joomla!SergioIglesiasNET
Este documento presenta una charla sobre el desarrollo de plantillas para Joomla. Cubre conceptos básicos como la estructura de archivos de una plantilla, el archivo templateDetails.xml y las llamadas a la API de Joomla. También incluye consejos y snippets de código útiles, así como herramientas para ayudar en el proceso de desarrollo y una oferta de un curso gratuito sobre plantillas Joomla.
Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...SergioIglesiasNET
Taller de desarrollo de plantillas para Joomla! 3.x impartido en el Joomla!Day 2013 España en la ciudad de Albacete. Snippets, minitutoriales (howto) y herramientas.
Este documento proporciona una introducción al desarrollo de plantillas para Joomla. Explica conceptos clave como XHTML, CSS y PHP y cómo se usan juntos para crear plantillas dinámicas. También describe la estructura básica de archivos de una plantilla, el archivo templateDetails.xml y cómo usar la API de Joomla y técnicas como template overrides. El documento es una guía para aprender a crear plantillas personalizadas para sitios web basados en Joomla.
Este documento presenta una introducción de 10 minutos a Joomla, incluyendo cómo montar un sitio web básico con tres secciones utilizando artículos y menús, y describiendo características clave como plantillas, módulos, plugins y componentes.
El documento proporciona una introducción al uso de WordPress. Explica que WordPress no solo se usa para blogs, sino también como herramienta flexible. Luego describe los pasos para instalar WordPress, incluida la configuración del archivo wp-config.php y la base de datos. También explica cómo configurar categorías, entradas y páginas, y la estructura básica de una plantilla de WordPress incluyendo los archivos index.php, header.php y otros.
El documento describe los principales aspectos del desarrollo de plantillas en Joomla, incluyendo la estructura básica, el archivo templateDetails.xml, el index.php, el template.css, los params.ini, los Template Overrides y adaptaciones para dispositivos móviles. Se explican conceptos como la carga de módulos, posiciones y parámetros, así como clases y etiquetas importantes para el diseño y estilos. También se mencionan plugins y extensiones para mejorar la visualización en iPhone, Android y otros dispositivos.
En esta edición de #JoomlaIO vamos a ver el desarrollo de plantillas para Joomla! en sus diferentes versiones: desde la versión 1.5 hasta la versión 3.0
A través de una presentación iremos viendo los siguientes puntos:
- Qué es una plantilla
- Estructura básica de archivos
- templateDetails.xml
- API de Joomla!
- Templates Overrides
- Ejemplo: index.php + css + params
- Diferencias entre las versiones
- Frameworks de desarrollo
- Herramientas de ayuda
Una vez finalizado este hangout tendremos las nociones básicas para comenzar a desarrollar nuestra plantilla para Joomla!
JoomlaDay Sevilla 2015 - Desarrollo de plantillas Joomla!SergioIglesiasNET
Este documento presenta una charla sobre el desarrollo de plantillas para Joomla. Cubre conceptos básicos como la estructura de archivos de una plantilla, el archivo templateDetails.xml y las llamadas a la API de Joomla. También incluye consejos y snippets de código útiles, así como herramientas para ayudar en el proceso de desarrollo y una oferta de un curso gratuito sobre plantillas Joomla.
Joomla!Day 2013 España - Taller de Desarrollo de Plantillas Joomla! - Sergio ...SergioIglesiasNET
Taller de desarrollo de plantillas para Joomla! 3.x impartido en el Joomla!Day 2013 España en la ciudad de Albacete. Snippets, minitutoriales (howto) y herramientas.
Este documento proporciona una introducción al desarrollo de plantillas para Joomla. Explica conceptos clave como XHTML, CSS y PHP y cómo se usan juntos para crear plantillas dinámicas. También describe la estructura básica de archivos de una plantilla, el archivo templateDetails.xml y cómo usar la API de Joomla y técnicas como template overrides. El documento es una guía para aprender a crear plantillas personalizadas para sitios web basados en Joomla.
Este documento presenta una introducción de 10 minutos a Joomla, incluyendo cómo montar un sitio web básico con tres secciones utilizando artículos y menús, y describiendo características clave como plantillas, módulos, plugins y componentes.
El documento proporciona una introducción al uso de WordPress. Explica que WordPress no solo se usa para blogs, sino también como herramienta flexible. Luego describe los pasos para instalar WordPress, incluida la configuración del archivo wp-config.php y la base de datos. También explica cómo configurar categorías, entradas y páginas, y la estructura básica de una plantilla de WordPress incluyendo los archivos index.php, header.php y otros.
El documento describe los principales aspectos del desarrollo de plantillas en Joomla, incluyendo la estructura básica, el archivo templateDetails.xml, el index.php, el template.css, los params.ini, los Template Overrides y adaptaciones para dispositivos móviles. Se explican conceptos como la carga de módulos, posiciones y parámetros, así como clases y etiquetas importantes para el diseño y estilos. También se mencionan plugins y extensiones para mejorar la visualización en iPhone, Android y otros dispositivos.
HTML5 y CSS3 introducen nuevas características que mejoran la semántica, estructura y presentación de páginas web. HTML5 incluye nuevos elementos como <video>, <audio> y <canvas> para incrustar multimedia, así como características de almacenamiento y formularios mejorados. CSS3 proporciona nuevas propiedades para efectos visuales como sombras, esquinas redondeadas y transiciones. Estas tecnologías mejoran la experiencia del usuario en diferentes dispositivos.
Introducción a HTML5 y CSS3 - ArtMedia 2011Hernan Beati
1) El documento habla sobre HTML5 y CSS3, nuevos estándares web que incluyen etiquetas y características semánticas, nuevos elementos de formularios, y efectos visuales.
2) Explica que estos ya se pueden usar aplicando técnicas de compatibilidad como mejora progresiva, degradación elegante y mejora regresiva.
3) Se debe aceptar que los diseños se verán levemente diferentes entre dispositivos y navegadores, enfocándose en que los usuarios puedan realizar las tareas.
Meetups es un framework PHP para el desarrollo de aplicaciones web. Fue creado en 2003 y sigue en constante desarrollo y evolución. Utiliza patrones como MVC, inyección de dependencias y controlador frontal. Incluye componentes como ORM y plantillas de vista flexibles. La documentación y comunidad son muy activas para apoyar a los desarrolladores.
Este documento proporciona una introducción al desarrollo de plantillas para Joomla 1.5. Cubre temas como recopilar información del sistema, directivas JDOC, funciones Joomla, desarrollo de archivos index.php, template.css, templateDetails.xml y params.ini, y personalización de estilos y lenguaje.
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...JaenFrankcezco
ZanPHP es un framework PHP para desarrollo rápido de aplicaciones web siguiendo el patrón MVC. Para usar ZanPHP se debe descargar, configurar archivos como database.php y config.php, y crear aplicaciones con directorios, controladores, modelos y vistas. ZanPHP facilita el desarrollo con funciones integradas, soporte a múltiples bases de datos, y traducciones automáticas.
Slides del taller "Desarrollo rápido de páginas web con Joomla!" presentado durante las actividades del 9º Congreso Nacional y 6º Internacional de Informática y Sistemas Computacionales efectuado en Villahermosa, Tabasco, el 19 de septiembre de 2012.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Este documento describe la evolución de HTML desde su introducción a principios de los años 90 hasta la actualidad. HTML ha ido cambiando constantemente a medida que se han introducido nuevas características en las especificaciones y versiones de software. Aunque las implementaciones y prácticas han convergido en algunos aspectos, también han divergido en otros. HTML 5 se presenta como el sucesor de HTML y está reemplazando a Flash, al proporcionar compatibilidad con todos los dispositivos a través de etiquetas y características semánticas.
Este documento presenta un curso sobre las nuevas tecnologías HTML5 y CSS3. Explica la historia y objetivos de HTML5, sus principales características como compatibilidad y nuevos elementos como video, audio, canvas y formularios. También cubre las novedades de HTML5 como nuevos tipos de contenido, elementos estructurales y APIs para el almacenamiento de datos y drag-and-drop. Finalmente, incluye ejemplos prácticos para utilizar estas tecnologías.
Este documento describe las características clave de HTML5 y su impacto en el futuro de la web. Explica que HTML5 es un estándar abierto que introduce nuevos elementos semánticos, APIs de desarrollo, soporte para audio y video, y formularios mejorados, haciendo la web más accesible y potente.
Este documento presenta Foundation 5, un framework CSS para crear sitios y aplicaciones web responsivos. Explica las características principales de Foundation como su rejilla de 12 columnas, estilos tipográficos y de botones. Además, muestra tres ejercicios prácticos: crear un layout básico con la rejilla, un menú de navegación y el uso de Interchange para imágenes responsivas. Finalmente, presenta otros componentes como Off-Canvas y varios ejemplos de sitios creados con Foundation.
Wordcamp España Online - Menos plugins y más optimización SEODavid Ayala Gil
Este documento proporciona consejos sobre optimización SEO, incluyendo editar robots.txt y htaccess para redirecciones, agregar contenido a páginas como la home y categorías, optimizar imágenes, mejorar la velocidad de carga mediante compresión, minificación y caché, y administrar el link juice de manera efectiva.
Este documento proporciona una introducción a HTML5. Explica brevemente la historia y el desarrollo de HTML5, así como algunas de sus principales características nuevas como nuevos elementos semánticos, vídeo, canvas, formularios mejorados y APIs de JavaScript. También cubre temas como las diferencias con HTML4, nuevos tipos de entrada para formularios y validación, y cómo usar polyfills y Modernizr para brindar compatibilidad con navegadores más antiguos.
Curso de 4 horas con con ejemplos. Bastante completo, incluye canvas, video, almacenamiento, protocols, geolocation, WebRTC, .. y muchos punteros a sitios vistosos
Pablo Arias: Joomla como herramienta para el desarrollo webPHP Vigo
Este documento presenta Joomla como una herramienta para el desarrollo web. Joomla es un sistema de gestión de contenidos web de código abierto que permite crear y mantener sitios web de forma sencilla. Ofrece características como gestión de usuarios, plantillas, menús, actualizaciones y una amplia gama de extensiones. La comunidad de Joomla es grande y activa en eventos y foros para colaborar en su mejora continua.
Este documento resume los esfuerzos para brindar soporte a las nuevas etiquetas y capacidades de HTML5 en navegadores más antiguos como Internet Explorer 6-8, incluyendo scripts como HTML5 Enabling Script y IE-CSS3 que permiten el uso de etiquetas semánticas y características de CSS3 en estos navegadores, así como la herramienta Modernizr para detección de capacidades.
El documento habla sobre Drupal, un sistema de gestión de contenidos modular y configurable escrito en PHP. Explica que Drupal tiene diferentes versiones que no son directamente compatibles entre sí, y describe brevemente algunos conceptos clave como entidades de contenido, campos, permisos, bloques, formularios y cómo crear módulos para extender sus funcionalidades.
HTML5 es una especificación que organiza tres tecnologías clave - HTML, CSS y JavaScript - para crear sitios y aplicaciones web. HTML5 permite desarrollar aplicaciones interactivas que se comportan como nativas sin necesidad de crear versiones separadas para cada plataforma, y define nuevos elementos para estructurar el contenido de manera semántica. Un documento HTML5 típico incluye una cabecera con metadatos y una estructura básica en el cuerpo con elementos como cabecera, navegación, secciones y pie de página para
Este documento proporciona una guía paso a paso para desarrollar plantillas para Joomla 1.5. Explica la estructura básica requerida, incluidas las carpetas y archivos necesarios. Luego describe cómo crear el archivo templateDetails.xml y el código PHP principal en index.php, incluidas las directivas necesarias. También cubre la edición del archivo CSS y el manejo de parámetros en la plantilla.
Este documento proporciona una guía paso a paso para desarrollar plantillas para Joomla 1.5. Explica la estructura básica requerida, incluidas las carpetas y archivos necesarios. Detalla cómo crear el archivo templateDetails.xml y el archivo index.php principal, así como editar el archivo de estilos template.css. Además, cubre temas como el manejo de parámetros, la creación de la miniatura y notas finales sobre recursos adicionales.
HTML5 y CSS3 introducen nuevas características que mejoran la semántica, estructura y presentación de páginas web. HTML5 incluye nuevos elementos como <video>, <audio> y <canvas> para incrustar multimedia, así como características de almacenamiento y formularios mejorados. CSS3 proporciona nuevas propiedades para efectos visuales como sombras, esquinas redondeadas y transiciones. Estas tecnologías mejoran la experiencia del usuario en diferentes dispositivos.
Introducción a HTML5 y CSS3 - ArtMedia 2011Hernan Beati
1) El documento habla sobre HTML5 y CSS3, nuevos estándares web que incluyen etiquetas y características semánticas, nuevos elementos de formularios, y efectos visuales.
2) Explica que estos ya se pueden usar aplicando técnicas de compatibilidad como mejora progresiva, degradación elegante y mejora regresiva.
3) Se debe aceptar que los diseños se verán levemente diferentes entre dispositivos y navegadores, enfocándose en que los usuarios puedan realizar las tareas.
Meetups es un framework PHP para el desarrollo de aplicaciones web. Fue creado en 2003 y sigue en constante desarrollo y evolución. Utiliza patrones como MVC, inyección de dependencias y controlador frontal. Incluye componentes como ORM y plantillas de vista flexibles. La documentación y comunidad son muy activas para apoyar a los desarrolladores.
Este documento proporciona una introducción al desarrollo de plantillas para Joomla 1.5. Cubre temas como recopilar información del sistema, directivas JDOC, funciones Joomla, desarrollo de archivos index.php, template.css, templateDetails.xml y params.ini, y personalización de estilos y lenguaje.
Introduccion, Instalacion, Configuracion e Implementacion Framework ZanPHP IT...JaenFrankcezco
ZanPHP es un framework PHP para desarrollo rápido de aplicaciones web siguiendo el patrón MVC. Para usar ZanPHP se debe descargar, configurar archivos como database.php y config.php, y crear aplicaciones con directorios, controladores, modelos y vistas. ZanPHP facilita el desarrollo con funciones integradas, soporte a múltiples bases de datos, y traducciones automáticas.
Slides del taller "Desarrollo rápido de páginas web con Joomla!" presentado durante las actividades del 9º Congreso Nacional y 6º Internacional de Informática y Sistemas Computacionales efectuado en Villahermosa, Tabasco, el 19 de septiembre de 2012.
HTML5 Nuevas Etiquetas Semánticas. Se presentan y describen las nuevas etiquetas del estándar HTML5. Aunque se repasan la mayoría de ellas se hace un mayor énfasis en etiquetas y atributos para formularios.
HTML5 es la respuesta de ingenieros y especialistas de empresas y organizaciones tecnológicas dedicadas a la web, quienes propusieron un estándar acorde a los nuevos tiempos y necesidades. Hoy en día, HTML5 está en vías de convertirse en un estándar oficial y es la punta del iceberg de un conjunto de tecnologías de web abierta destinadas a revolucionar la forma en que se construyen sitios y aplicaciones web.
Este documento describe la evolución de HTML desde su introducción a principios de los años 90 hasta la actualidad. HTML ha ido cambiando constantemente a medida que se han introducido nuevas características en las especificaciones y versiones de software. Aunque las implementaciones y prácticas han convergido en algunos aspectos, también han divergido en otros. HTML 5 se presenta como el sucesor de HTML y está reemplazando a Flash, al proporcionar compatibilidad con todos los dispositivos a través de etiquetas y características semánticas.
Este documento presenta un curso sobre las nuevas tecnologías HTML5 y CSS3. Explica la historia y objetivos de HTML5, sus principales características como compatibilidad y nuevos elementos como video, audio, canvas y formularios. También cubre las novedades de HTML5 como nuevos tipos de contenido, elementos estructurales y APIs para el almacenamiento de datos y drag-and-drop. Finalmente, incluye ejemplos prácticos para utilizar estas tecnologías.
Este documento describe las características clave de HTML5 y su impacto en el futuro de la web. Explica que HTML5 es un estándar abierto que introduce nuevos elementos semánticos, APIs de desarrollo, soporte para audio y video, y formularios mejorados, haciendo la web más accesible y potente.
Este documento presenta Foundation 5, un framework CSS para crear sitios y aplicaciones web responsivos. Explica las características principales de Foundation como su rejilla de 12 columnas, estilos tipográficos y de botones. Además, muestra tres ejercicios prácticos: crear un layout básico con la rejilla, un menú de navegación y el uso de Interchange para imágenes responsivas. Finalmente, presenta otros componentes como Off-Canvas y varios ejemplos de sitios creados con Foundation.
Wordcamp España Online - Menos plugins y más optimización SEODavid Ayala Gil
Este documento proporciona consejos sobre optimización SEO, incluyendo editar robots.txt y htaccess para redirecciones, agregar contenido a páginas como la home y categorías, optimizar imágenes, mejorar la velocidad de carga mediante compresión, minificación y caché, y administrar el link juice de manera efectiva.
Este documento proporciona una introducción a HTML5. Explica brevemente la historia y el desarrollo de HTML5, así como algunas de sus principales características nuevas como nuevos elementos semánticos, vídeo, canvas, formularios mejorados y APIs de JavaScript. También cubre temas como las diferencias con HTML4, nuevos tipos de entrada para formularios y validación, y cómo usar polyfills y Modernizr para brindar compatibilidad con navegadores más antiguos.
Curso de 4 horas con con ejemplos. Bastante completo, incluye canvas, video, almacenamiento, protocols, geolocation, WebRTC, .. y muchos punteros a sitios vistosos
Pablo Arias: Joomla como herramienta para el desarrollo webPHP Vigo
Este documento presenta Joomla como una herramienta para el desarrollo web. Joomla es un sistema de gestión de contenidos web de código abierto que permite crear y mantener sitios web de forma sencilla. Ofrece características como gestión de usuarios, plantillas, menús, actualizaciones y una amplia gama de extensiones. La comunidad de Joomla es grande y activa en eventos y foros para colaborar en su mejora continua.
Este documento resume los esfuerzos para brindar soporte a las nuevas etiquetas y capacidades de HTML5 en navegadores más antiguos como Internet Explorer 6-8, incluyendo scripts como HTML5 Enabling Script y IE-CSS3 que permiten el uso de etiquetas semánticas y características de CSS3 en estos navegadores, así como la herramienta Modernizr para detección de capacidades.
El documento habla sobre Drupal, un sistema de gestión de contenidos modular y configurable escrito en PHP. Explica que Drupal tiene diferentes versiones que no son directamente compatibles entre sí, y describe brevemente algunos conceptos clave como entidades de contenido, campos, permisos, bloques, formularios y cómo crear módulos para extender sus funcionalidades.
HTML5 es una especificación que organiza tres tecnologías clave - HTML, CSS y JavaScript - para crear sitios y aplicaciones web. HTML5 permite desarrollar aplicaciones interactivas que se comportan como nativas sin necesidad de crear versiones separadas para cada plataforma, y define nuevos elementos para estructurar el contenido de manera semántica. Un documento HTML5 típico incluye una cabecera con metadatos y una estructura básica en el cuerpo con elementos como cabecera, navegación, secciones y pie de página para
Este documento proporciona una guía paso a paso para desarrollar plantillas para Joomla 1.5. Explica la estructura básica requerida, incluidas las carpetas y archivos necesarios. Luego describe cómo crear el archivo templateDetails.xml y el código PHP principal en index.php, incluidas las directivas necesarias. También cubre la edición del archivo CSS y el manejo de parámetros en la plantilla.
Este documento proporciona una guía paso a paso para desarrollar plantillas para Joomla 1.5. Explica la estructura básica requerida, incluidas las carpetas y archivos necesarios. Detalla cómo crear el archivo templateDetails.xml y el archivo index.php principal, así como editar el archivo de estilos template.css. Además, cubre temas como el manejo de parámetros, la creación de la miniatura y notas finales sobre recursos adicionales.
Este documento presenta una introducción a los lenguajes XHTML y HTML5, así como al lenguaje de hojas de estilos CSS. Explica las principales características y reglas de XHTML, y describe las novedades introducidas en HTML5 como nuevos elementos semánticos, mejoras en formularios, soporte para audio y video, y Canvas. También define los conceptos básicos de CSS como selectores, modelo de caja y formas de incluir hojas de estilo, además de describir las nuevas funcionalidades introducidas en CSS3 como bordes redondeados, sombras
Drupal conceptos básicos y su alcance en proyectosWalter Herrera
Presentación utilizada en el Drupal Camp Centroamérica 2014; en esta presentación se muestran conceptos teóricos y básicos sobre el CMS Drupal y se muestran algunos aplicaciones web creadas por medio del CMS Drupal.
Este documento define conceptos básicos de sistemas de gestión de contenidos como qué es un CMS y por qué alguien usaría uno. Explica los tipos principales de CMS, incluyendo portales CMS, sistemas basados en páginas y módulos, y sistemas basados en objetos. También proporciona una descripción general de Joomla, incluidos sus requisitos, elementos básicos, usuarios y administración de sitios.
Este documento describe la arquitectura y diseño modular de Moodle, así como las diferentes formas en que los desarrolladores pueden contribuir, incluyendo la creación de nuevas actividades de aprendizaje, temas, idiomas, esquemas de bases de datos y formatos de cursos. Moodle fue diseñado para ser fácil de instalar, actualizar y modificar, y para ejecutarse en múltiples plataformas a través de su arquitectura basada en PHP y su diseño modular.
Este documento explica cómo crear un módulo simple para Joomla. Un módulo es un elemento de contenido que se puede colocar junto a un artículo. El documento describe la estructura básica de archivos necesaria para un módulo, incluyendo mod_nombre.php, mod_nombre.xml, helper.php y tmpl/default.php. Explica el propósito de cada archivo y proporciona ejemplos de código para crear un módulo funcional.
Comparto mi presentación dada para el DrupalCamp Guatemla 2013 que consiste en una guía para iniciar a desarrollar módulos en Drupal 7.
El código de ejemplo esta en https://www.dropbox.com/s/ek1lrbhg9bmsvcv/modules.zip
Zenphp - Presentación de Septiembre en la Etsiit - Programador PHPJuan Belón Pérez
El documento presenta el framework zenphp para crear aplicaciones web dinámicas. Explica que zenphp se basa en tres conceptos fundamentales: modelos, vistas y conjuntos de funciones, librerías y plantillas. También describe cómo funciona zenphp a través de ejemplos de pautas, plantillas, modelos y vistas para crear una aplicación de listado de productos.
Mambo es un sistema de gestión de contenidos de código abierto basado en PHP y MySQL. Utiliza plantillas para mostrar la información de forma configurable. Las plantillas contienen archivos HTML, CSS y PHP, y una estructura predefinida. Mambo proporciona características como administración de usuarios, noticias, encuestas y foros para crear sitios web dinámicos.
Este documento proporciona una guía paso a paso para desarrollar plantillas para Joomla! 1.5. Explica la estructura básica de una plantilla, incluidas las carpetas y archivos necesarios. Detalla cómo crear el archivo templateDetails.xml para describir la plantilla, así como el archivo index.php principal. También cubre la creación del archivo de estilos CSS template.css y la incorporación de parámetros de plantilla configurables.
Joomla!Day Valencia 2010 Taller Desarrollo de Plantillas para Joomla! 1.5SergioIglesiasNET
Este documento presenta una introducción al desarrollo de plantillas para Joomla 1.5. Explica la estructura básica de archivos de una plantilla, incluyendo templateDetails.xml, index.php, template.css y params.ini. También cubre temas como las directivas JDoc, los overrides de plantillas y el uso de parámetros. El documento parece ser las diapositivas para un curso sobre el desarrollo de plantillas para Joomla.
Presentación Seminario Cleformación HTML5, El lenguaje del futuroCLEFormación
CLEFormación organizó un seminario técnico gratuito sobre "HTML5, el lenguaje del futuro, nuevos paradigmas y nuevos problemas en el desarrollo de aplicaciones web". Como referentes en la Capacitación Profesional en el entorno de las Tecnologías de la Información, concretamente en cursos de programación Oracle, Java, y HTML5 quisieron reiterar su compromiso con la formación en el sector. Por eso después del seminario, comparten la presentación desarrollada por el formador.
Este documento proporciona una introducción a Joomla!, un sistema de gestión de contenidos de código abierto. Explica brevemente qué es Joomla!, para qué sirve, sus principales características y componentes, quién debería usarlo, y cómo instalarlo y configurarlo.
Este documento proporciona una introducción a Joomla!, un sistema de gestión de contenidos de código abierto. Explica brevemente qué es Joomla!, para qué sirve, sus principales características y componentes, quién debería utilizarlo, y cómo instalarlo y configurarlo.
Este documento proporciona una introducción a Joomla!, un sistema de gestión de contenidos de código abierto. Explica que Joomla! permite crear y gestionar sitios web de forma sencilla mediante la administración y publicación de contenidos como artículos, enlaces, contactos, etc. También permite personalizar sitios a través de módulos, plantillas y otros complementos. El documento ofrece instrucciones básicas sobre cómo instalar Joomla! de forma local o remota y crear contenidos como secciones, categorías y artí
Este documento proporciona una guía paso a paso para crear plantillas para Joomla 1.5. Explica la estructura básica de una plantilla, incluyendo carpetas y archivos. Detalla cómo crear el archivo templateDetails.xml y el index.php, e incluye las directivas PHP necesarias. También cubre la creación del archivo CSS y el manejo de parámetros. El objetivo es proporcionar las herramientas necesarias para diseñar plantillas personalizadas en Joomla.
Este documento presenta y describe los principales frameworks de templates y XML. Introduce los conceptos de frameworks de templates, stream de marcado y funciones como escaping y saneamiento HTML. Luego analiza tres frameworks específicos: Mako, Kid y Genshi, describiendo sus características, sintaxis, instalación y código de ejemplo. El objetivo es comparar las principales características de estos frameworks de templates y XML.
El documento habla sobre el elemento head en HTML y los diferentes metadatos que se pueden incluir dentro de él. El head contiene información esencial para navegadores, buscadores y otros sobre el título de la página, palabras clave, autor, y más. Algunos elementos comunes en el head son title, link, style, script y meta. Los elementos link y script se usan para enlazar hojas de estilo y scripts externos, mientras que elements como meta proveen metadatos importantes para buscadores y la optimización SEO.
Similar to Joomla!Day 2011 España - Taller desarrollo de plantillas Joomla! - Sergio Iglesias (20)
Con Isaac Bissu liderando el camino, Darovi ha alcanzado nuevas alturas en términos de compromiso social y responsabilidad corporativa.
Isaac Bissu Bali - Bajo su dirección, la empresa ha demostrado un firme compromiso con la comunidad y el medio ambiente, estableciendo un estándar ejemplar en la industria.
CURSO ESPECIALIZADO ENTRENANDO AL ENTRENADOR PARA SEGURIDAD OXFORD GROUP PDF...Oxford Group
El curso "Entrenando al Entrenador" se enfoca en equipar a los líderes profesionales con las habilidades necesarias para capacitar efectivamente a otros usuarios. El módulo 7, "Preparar un Curso Taller para Entrenadores", se centra en la planificación y preparación de cursos talleres efectivos en el ámbito profesional. Los objetivos incluyen comprender los elementos clave en la preparación de un curso taller, identificar desafíos comunes en la planificación de eventos formativos y aplicar técnicas prácticas para estructurar objetivos y contenido de manera efectiva.
El módulo 6, "Storytelling en el Entrenamiento para Entrenadores", se enfoca en la aplicación efectiva del storytelling como herramienta para mejorar la retención de información y la conexión emocional en la formación profesional. Los objetivos incluyen comprender el impacto del storytelling en la formación profesional, desarrollar habilidades para crear narrativas efectivas y aplicar técnicas prácticas para incorporar historias en sesiones de entrenamiento. Este módulo capacita a los entrenadores para utilizar narrativas de manera efectiva, haciendo que la información sobre la organización sea memorable y relevante para los participantes.
El curso "Entrenando al Entrenador" se divide en ocho módulos que abordan temas como el entrenamiento efectivo, el aprendizaje en adultos, la comunicación, el rol del entrenador y la evaluación preliminar. Los participantes tendrán acceso a recursos adicionales como bibliografía recomendada, herramientas prácticas y material complementario para seguir desarrollando sus habilidades de entrenamiento. Al finalizar el curso, los participantes recibirán un certificado que respalda su formación en habilidades de entrenamiento, validando su capacitación y habilidades adquiridas.
MENTORÍA ENTRENANDO AL ENTRENADOR Oxford Group FULL.pdfOxford Group
La mentoría "Entrenando al Entrenador" se enfoca en desarrollar habilidades esenciales en los facilitadores internos para que puedan capacitar a otros miembros de la organización, impulsando el crecimiento y el éxito en el trabajo y en la vida. Esta mentoría se ofrece en dos modalidades: híbrida, presencial y en línea, para adaptarse a las necesidades y preferencias de los participantes. La evaluación es un proceso continuo y integral, con retroalimentación inmediata y continua para asegurar que los participantes estén en el camino correcto.
La mentoría se organiza en varias fases, cada una con objetivos específicos. La Fase 1 se centra en la presentación y demostración práctica de los conceptos clave, con retroalimentación inmediata y acceso a recursos adicionales. La Fase 2 se enfoca en la aplicación de técnicas aprendidas en situaciones reales, con oportunidades para que los participantes puedan aplicar las habilidades en su trabajo diario. La Fase 3 se centra en la autoevaluación y planificación, ayudando a los participantes a establecer objetivos y metas claras para su desarrollo personal.
La mentoría "Entrenando al Entrenador" busca certificar a los facilitadores internos para que puedan enseñar y apoyar el trabajo y el desarrollo continuo de habilidades de los demás. Al capacitar a estos facilitadores, se busca reducir costos y mejorar la eficiencia, incrementar la adopción de nuevas habilidades y comportamientos en la organización y desarrollar habilidades energéticas esenciales. La mentoría se basa en una metodología que combina presentaciones audiovisuales, demostraciones prácticas, retroalimentación inmediata y acceso a recursos adicionales para asegurar que los participantes puedan aprender y aplicar los conceptos aprendidos de manera efectiva.
4. Plantillas Joomla!
Desarrollo de plantillas
Joomla! 1.5 y 1.7
9 y 10 /
Noviembre /
2011 /
5. Desarrollo de Plantillas Joomla! 1.5
- XHTML + CSS + PHP
- Qué es una plantilla
- Frameworks de desarrollo
- Estructura básica de archivos
- templateDetails.xml
- API Joomla!
- Templates Overrides
- Ejemplo plantilla
· index.php + template.css + params.ini
- Novedades y diferencias en Joomla! 1.7
- Curiosidades
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
6. xHTML + CSS + PHP
XHTML
Define la estructura de la información.
Extensible Hypertext Markup Language (lenguaje extensible de
marcado de hipertexto).
El lenguaje HTML no cumple al 100% las reglas del estándar XML. Para
poder aprovechar las ventajas del XML, se hizo necesaria una evolución.
del HTML hacia el xHTML, que no es más que una redefinición del
lenguaje haciendo más estrictas algunas de sus formulaciones básicas
(para que sea totalmente compatible con XML).
Entre las reglas que forman parte del xHTML, pero no del HTML,
podemos citar la obligación de cerrar todas las etiquetas y el uso
exclusivo de minúsculas para las palabras del lenguaje (etiquetas).
Es un estándar el W3C.
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
7. xHTML + CSS + PHP
CSS
Define el diseño.
Cascading Style Sheets (hojas de estilo en cascada).
Tres formas de aplicar:
CSS externa → recomendada.
CSS interna.
CSS en línea.
Ventajas:
Separa el diseño del contenido.
Mejora el mantenimiento.
HTML más claro de entender (e indexable).
Distinto diseño para dispositivo: impresora, PDA...
Es un estándar el W3C.
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
8. xHTML + CSS + PHP
PHP
Lenguaje de programación del lado de servidor.
Pre-procesador Hipertexto
(lenguaje de programación interpretado).
Acceso a base de datos (MySQL).
Ventajas:
Desarrollo de páginas web dinámicas.
Lenguaje multiplataforma.
Cuidado con versiones PHP 5 y PHP 6.
Aplicaciones creadas con PHP:
Joomla!
SugarCRM
FaceBook
Tuenti
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
9. Qué es una plantilla
Es la base de la aplicación de entrega de contenidos.
Formada por diferentes archivos que controlan la estructura y el
diseño de la página y de sus contenidos.
Ventajas:
Proporciona una sepración entre la estructura (forma), contenido y
estilo.
HTML/xHTML/HTML5 → estructura
DB → contenido
CSS → estilo
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
10. Frameworks de desarrollo
Qué es
Estructura de software compuesta de componentes personalizables e
intercambiables para el desarrollo de una aplicación.
Ventajas:
Acelerar proceso de desarrollo.
Reutilizar código ya existente.
Promover buenas prácticas de desarrollo (uso de patrones).
Frameworks de plantillas en Joomla!
Gantry: http://www.gantry-framework.org/
Warp: http://www.yootheme.com/warp/
ZenGrid:
http://www.joomlabamboo.com/blog/template-news/introducing-zen-grid-framework-2
T3: http://wiki.joomlart.com/wiki/JA_Template_Framework/Overview
YJSG: http://yjsimplegrid.com/
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
11. Estructura básica de archivos
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
12. Estructura básica de archivos
index.html: añade seguridad a las carpetas. Es un archivo vacío.
index.php: contiene el HTML que define la estructura de la plantilla y
las llamadas PHP a la API de Joomla! (punto de entrada a la plantilla).
params.ini: guarda los parámetros personalizables desde el
administrador.
template_thumbnail.png: imagen en miniatura de la plantilla.
template_preview.png: sólo para Joomla! 1.7
css: carpeta con archivos CSS (hojas de estilo).
template.css: archivo principal con el código de estilo de la plantilla.
images: carpeta con las imágenes utilizadas en la plantilla.
html: contiene vistas personalizadas para distintos componentes y
módulos (técnica template overrides).
templateDetails.xml: contiene información necesaria para la correcta
instalación de la plantilla. Define los parámetros personalizables.
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
13. templateDetails.xml
Imprescindible para que la plantilla sea reconocida por el
administrador.
Se utiliza como instalador de la plantilla
Todo lo que no esté definido en él, no se instala.
Datos divididos en 4 partes:
Datos.
Archivos.
Posiciones.
Parámetros.
Los datos de los parámetros podrán ser utilizados desde el back para
cambiar la visualización.
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
14. templateDetails.xml
• Datos específicos de la plantilla: versión, autor, email, página
web, año, licencia y descripción.
• Cambios en Joomla! 1.7
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
15. templateDetails.xml
• Especificación de los archivos utilizados en el diseño.
• Para incluir una carpeta entera utilizar:
<folder>nombre_carpeta</folder>
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
16. templateDetails.xml
• Qué y cuántas posiciones tendremos en nuestro sitio (para
mostrar contenido en la plantilla.
Curso “Nombre del Curso”. Ciudad.
17. templateDetails.xml
• Parámetros: para ser manejados desde el back. Hace que
una plantilla sea más versátil.
• Este apartado está íntimamente ligado al archivo params.ini
• Cambios en Joomla! 1.7
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
19. API Joomla! – Directivas JDoc
<jdoc:include type=”head”/>
Va dentro de la cabecera HTML (head).
Muestra el title, metatags, feed y js (MooTools).
$this->template
Obtenemos el nombre de la carpeta que contiene nuestra plantilla.
Uso: para cargar css, favicon y cualquier otro archivo.
$mainframe→getCfg('sitename')
Obtenemos el nombre del sitio.
<jdoc:include type=”modules” name=”posicion” style=”estilo”/>
Indica la carga de un módulo en particular y de una manera
específica (parámetros name y style).
name: posiciones cargadas en el fichero templateDetails.xml
style: table (tabla vertical = columna), horz (tabla horizontal =
fila), xhtml (divs), rounde (divs anidados), raw (sin contenedor).
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
20. API Joomla! – Directivas JDoc
<jdoc:include type=”component”/>
Cargamos contenido principal del sitio: artículos, secciones,
categorías, componentes...
if($this->countModules('nombre_posicion')){}
Condicional para saber si hay algún módulo en una posición
determinada.
$this->baseurl
Contiene la dirección base de nuestro sitio
$this->language
Contiene el idioma en el que se encuentra nuestro sitio (es-ES, en-
GB...).
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
21. Templates Overrides
Técnica para redefinir la presentación por pantalla de un
componente o módulo de Joomla!
“Clonación” de la vista de la extensión.
Se incluye a partir de la versión 1.5.
Ventajas:
Personalizar el portal sin preocuparse de actualizaciones de
extensiones.
Validación de estándares propuestos por el W3C.
Conseguir un nivel adecuado de accesibilidad (algunas extensiones,
inclusos las propias, no cumplen accesibilidad).
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
22. Templates Overrides
USO
Crear una carpeta llamada html dentro de nuestra plantilla
templates/plantilla/html/
Dentro de esta carpeta meter las carpetas de los componentes y/o
módulos que queramos redefinir o “clonar”.
Copiar el contenido de la carpeta tmpl (vistas) y realizar en ellos las
modificaciones/adaptaciones necesarias.
Joomla!, al generar la página web, mira si hay en la plantilla una
redefinición o “clon”. Si la encuentra, la utiliza.
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
26. Ejemplo plantilla – template.css
Insertar estilos para la maquetación de la plantilla.
Conocer clases que Joomla! carga por defecto:
componentheading: muestra título del componente.
contentheading: muestra título de los artículos.
buttonheading: muestra iconos PDF, imptimir y enviar amigo.
small: utilizado en varios elementos (como autor de artículo).
createdate: muestra fecha creación artículo.
readon: utilizada por el link de “leer más...”.
article_separator: utilizada por etiqueta <span> que separa artículos entre sí.
moduletable(+ sufijo): carga los div (y sufijo que se da desde back).
h3: títulos de los módulos que se cargan con esta etiqueta.
active: para item del menú activo.
item: cada elemento del menú (+ su ID).
parent: cuando hay sub-items (para elemento padre).
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
27. Ejemplo plantilla – template.css
Otras clases:
button: asociada a elementos tipo botón.
inputbox: asociada a elementos text-input.
pagenav: asociada a paginación de artículos.
moditydate: asociada a fecha de modificación de artículos.
sectiontableentre1/sectiointableentry2: asociada a datos en tablas.
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
33. Ejemplo plantilla – params.ini
Íntimamente ligada a templateDetails.xml
Sus parámetros se ponen en este fichero
Declaración:
nombre_del_parametro_1=valor_1
nombre_del_parametro_2=valor_2
nombre_del_parametro_3=valor_3
Llamada desde PHP:
<?php echo $this->params->get('nombre_del_parametro'); ?>
Añadir estilos asociados en template.css
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
35. Novedades y diferencias en Joomla! 1.7
Algunas novedades
Salida de contenido sin tablas: todos los archivos de salida están
escritos en XHTML 1.0 Strict.
Template styles (estilos de plantilla): creación de variaciones en la
plantilla para una o varias páginas que pueden ser asignadas de forma
específica.
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
36. Novedades y diferencias en Joomla! 1.7
templateDetails.xml
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
37. Novedades y diferencias en Joomla! 1.7
templateDetails.xml (en Joomla! 1.5)
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
38. Novedades y diferencias en Joomla! 1.7
templateDetails.xml (en Joomla! 1.7)
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
39. Novedades y diferencias en Joomla! 1.7
index.php
En Joomla! 1.5 definíamos la variable mainframe así:
global $mainframe;
En Joomla! 1.6 y 1.7:
$mainframe = JFactory::getApplication();
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
40. Curiosidades
Algunas curiosidades y pequeños tips
Posible rediseño de joomla.org
https://plus.google.com/photos/108983221798389280265/albums/5643812923156404913
Posible rediseño del administrador
https://plus.google.com/photos/108983221798389280265/albums/5625370216902790289
Plantillas para administrador: no solo hay plantillas para la parte front
http://www.sergioiglesias.net/blog/joomla/119-plantillas-gratis-para-adminitrador-de-joomla-15-y-16
Mostrar posiciones en plantilla
http://www.sergioiglesias.net/blog/joomla/90-visualizacion-de-posiciones-en-plantillas-16-con-tp1
Añadir teclas de acceso rápido: accesskey
http://www.sergioiglesias.net/blog/joomla/89-anadir-etiquetas-accesskey-en-joomla-16
Ordenar módulos y artículos
Definición propia de módulos en template
<jdoc:include type="modules" name="blog" style="blog" />
Ver html/modules.php
Plantillas Joomla!
Curso “Nombre del Curso”. Ciudad.
41. Publicidad
Libro Joomla! 1.6 – Guía de referencia en español
Guía de referencia en español
Minitutoriales
Introducción Instalar XAMPP
Novedades en Joomla! 1.6 Instalar Joomla! 1.6
Enlaces de interés Joomla! Gestionar permisos
Acceso al panel de control Crear un artículo
Sitio Crear un contacto
Usuarios Integrar noticias
Menús Añadir un módulo submenú
Contenido Habilitar la vista de módulos
Componentes Añadir accesskey
Extensiones Integrar DNI electrónico
Ayuda Enlaces de interés
www.librojoomla16.com
Plantillas Joomla! Curso”. Ciudad.
Curso “Nombre del