Este documento describe el proceso de adaptar plantillas HTML estáticas a OpenCms utilizando contenedores. Se analizan las plantillas para definir los contenedores necesarios. Luego se marcan los contenedores en el código HTML y se crean en OpenCms. También se definen los recursos y formatters para renderizar contenido dinámico en los contenedores, como listados de noticias y menús. Finalmente, se crea la estructura del sitio en OpenCms con páginas modelo y detalle.
Este documento resume los códigos HTML básicos para incluir scripts, definir la cabecera y el título de una página web, vincular hojas de estilo e iconos, incluir estilos internos y metadatos, definir el contenido principal, añadir hipervínculos, dividir la página en secciones, insertar imágenes, listas, y formatos de texto como negrita, cursiva y tachado.
Este documento describe cómo crear y editar páginas web usando el gestor de contenidos OpenCms. Explica cómo crear una nueva página eligiendo un encabezado y plantilla predefinidos o personalizados, y cómo añadir imágenes y videos insertándolos desde el editor y seleccionándolos de archivos alojados en el servidor.
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.
Alfresco trabaja con el concepto de MODELO DE CONTENIDOS para gestionar su documentos. Esta presentación describe cómo crear y utilizar tipos personalizados en Alfresco ECM.
Este documento describe eZ Platform, un sistema de gestión de contenidos (CMS) headless. Explica que eZ Platform se centra en el backend y la gestión de contenidos, dejando la presentación y distribución independientes. Describe la arquitectura de eZ Platform, que separa el kernel de contenido de las aplicaciones frontend a través de una API pública. También cubre temas como la personalización de plantillas, los permisos granulares, la búsqueda de contenido y el rendimiento mediante caché y motores de búsqueda.
Presentación sobre Display Suite en el Drupal Day Valencia 2012Atenea tech
- No hay opciones para seleccionar la disposición o modos de visualización en Drupal sin Display Suite.
- No se pueden añadir elementos personalizados a la visualización de contenido.
- No se puede determinar fácilmente el HTML de los campos o ocultar el título de páginas.
- No se puede utilizar contenido de una entidad fuera del bloque de contenido principal.
Display Suite resuelve estas limitaciones permitiendo seleccionar disposiciones, añadir elementos y campos personalizados, determinar HTML, ocultar títulos y
Este documento resume los códigos HTML básicos para incluir scripts, definir la cabecera y el título de una página web, vincular hojas de estilo e iconos, incluir estilos internos y metadatos, definir el contenido principal, añadir hipervínculos, dividir la página en secciones, insertar imágenes, listas, y formatos de texto como negrita, cursiva y tachado.
Este documento describe cómo crear y editar páginas web usando el gestor de contenidos OpenCms. Explica cómo crear una nueva página eligiendo un encabezado y plantilla predefinidos o personalizados, y cómo añadir imágenes y videos insertándolos desde el editor y seleccionándolos de archivos alojados en el servidor.
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.
Alfresco trabaja con el concepto de MODELO DE CONTENIDOS para gestionar su documentos. Esta presentación describe cómo crear y utilizar tipos personalizados en Alfresco ECM.
Este documento describe eZ Platform, un sistema de gestión de contenidos (CMS) headless. Explica que eZ Platform se centra en el backend y la gestión de contenidos, dejando la presentación y distribución independientes. Describe la arquitectura de eZ Platform, que separa el kernel de contenido de las aplicaciones frontend a través de una API pública. También cubre temas como la personalización de plantillas, los permisos granulares, la búsqueda de contenido y el rendimiento mediante caché y motores de búsqueda.
Presentación sobre Display Suite en el Drupal Day Valencia 2012Atenea tech
- No hay opciones para seleccionar la disposición o modos de visualización en Drupal sin Display Suite.
- No se pueden añadir elementos personalizados a la visualización de contenido.
- No se puede determinar fácilmente el HTML de los campos o ocultar el título de páginas.
- No se puede utilizar contenido de una entidad fuera del bloque de contenido principal.
Display Suite resuelve estas limitaciones permitiendo seleccionar disposiciones, añadir elementos y campos personalizados, determinar HTML, ocultar títulos y
1) El documento presenta varias novedades de Aries relacionadas con nuevos componentes, servicios y mejoras en validación y manejo de datos. 2) Se describen nuevos métodos y anotaciones para manejar entidades, propiedades, componentes personalizados y validación. 3) También incluye detalles sobre nuevas funcionalidades como criterios automáticos, objetos recientes globales, estilos CSS y maquetación con componente Div.
El documento resume varias novedades y mejoras en Aries, incluyendo nuevos componentes como Div y TabbedPane, mejoras en validación, manejo de entidades, y personalización de estilos y documentos HTML. También presenta nuevos servicios como el de imágenes adjuntas y métodos de utilidad para campos, registros, y propiedades.
SharePoint Práctico: Publicación de catalogo de productosEAE
En SharePoint 2013, on premise, se pueden combinar sitios de edición y publicación, junto a las herramientas de búsqueda, para crear catálogos de productos. SharePoint 2013 tiene esas funcionalidades de forma nativa, que no necesitan desarrollo. La idea es poder crear catálogos de productos dónde independizar la creación de contenidos de la presentación final. Además, poder tener un lugar (sitios de SharePoint) para la edición y creación de esos contenidos y otro distinto para lo que queramos que se vea por el usuario final.
Al primer sitio lo llamaremos sitio o sitios de edición y al segundo sitio o sitios de publicación por medio de webparts. La publicación final se trata de forma que se puede usar un estilo y forma de presentación sin que los autores del contenido se tengan que preocupar de ello.
Además, podemos publicar entre colecciones de sitios, aplicaciones web o entre granjas, lo que afecta a los arquitectos de sistemas de SharePoint.
Sobre esa infraestructura de sirios se usan:
• La modalidad de sitios para publicación, con sus herramientas ad hoc para gestionar contenidos en dos sitios.
• Un conjunto de webpart basadas en filtros de búsqueda, que aíslan las listas de publicación.
• Con estos webpart se busca dentro del catálogo de productos según las características de los productos y se muestran los resultados.
Este documento proporciona información sobre diferentes tipos de servidores y conceptos relacionados con ellos. Explica que un servidor es una computadora que provee servicios a otras computadoras llamadas clientes formando parte de una red. Luego describe varios tipos de servidores como servidores FTP, de aplicaciones, audio/video, entre otros. También habla sobre servidores locales y la dirección localhost. Por último, brinda detalles sobre elementos comunes de un servidor como Apache y estructuras básicas de páginas web usando HTML, CSS y JavaScript.
Este documento presenta una introducción al HTML5, incluyendo sus nuevos elementos semánticos como <section>, <article>, <aside>, <header>, <nav> y <footer> que mejoran la estructura de la página web. También describe mejoras en formularios e inputs, y nuevos elementos como <audio>, <video>, <canvas> y capacidades para aplicaciones sin conexión. Explica técnicas para detectar el soporte del navegador para características de HTML5 y recomienda la biblioteca Modernizr.
Este documento proporciona una introducción a HTML5, describiendo qué es y qué no es, las mejoras realizadas en HTML5 como nuevos elementos semánticos como <section>, <aside>, <article>, <header>, <nav> y <footer>. También describe nuevos elementos como <video>, <audio>, <canvas> y <svg>, así como mejoras en los inputs. Explica cómo empezar a usar HTML5 con compatibilidad en navegadores antiguos usando Modernizr, HTML5 Enabling Script e IE-CSS3.
Objetivos:
+ Comprender el concepto de extensión de navegador en el contexto de la Aumentación Web.
++ Cómo desarrollar extensiones compatibles con múltiples navegadores.
++ Arquitectura de una extensión
++ Tipos de scripts (privilegios, mecanismos de comunicación)
++ Manipular el DOM: contenido, estructura, estilo, comportamiento
++ Consumir contenido externo e integrarlo en la página actual
++ Determinar un contexto de uso del usuario
+ Desarrollar una webextension, que permita explorar la API provista por los diferentes navegadores.
++ecma6, git, npm, webextensions, webextension-polyfill
Este documento presenta una introducción a Drupal 8. Resume lo siguiente en 3 oraciones o menos:
Drupal 8 es un sistema de gestión de contenidos flexible y escalable construido con tecnologías modernas como Symfony, Twig y jQuery. Incluye características como rendimiento mejorado, compatibilidad con móviles, seguridad, multilenguaje y una arquitectura de contenido flexible. La comunidad de Drupal contribuye continuamente para hacer crecer el proyecto de código abierto.
Dreamweaver 8 es un software fácil de usar para crear páginas web profesionales sin necesidad de programar código HTML manualmente. Sus funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas mediante la creación de tablas, marcos, capas y comportamientos JavaScript de forma sencilla. Además, incluye herramientas para trabajar con archivos FTP y actualizar sitios web directamente desde el programa.
Dreamweaver 8 es un software fácil de usar para crear páginas web profesionales sin necesidad de programar código HTML manualmente. Sus funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas mediante la creación de tablas, marcos, capas y comportamientos JavaScript de forma sencilla. Además, incluye herramientas de FTP para transferir archivos al servidor web sin salir del programa.
Dreamweaver 8 es un software fácil de usar para crear páginas web profesionales sin necesidad de programar código HTML manualmente. Sus funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas mediante la creación de tablas, marcos, capas y comportamientos JavaScript de forma sencilla. Además, incluye herramientas para trabajar con archivos FTP y actualizar sitios web directamente desde el programa.
Este documento describe las herramientas y procesos para administrar sitios web de alcaldías y gobernaciones a través de la plataforma APC. Incluye información sobre objetivos, roles, generación y administración de contenidos, procesos editoriales, interfaz de administración, canales, carpetas, tipos de campos y edición de ítems.
Este documento describe las herramientas y procesos para administrar sitios web de alcaldías y gobernaciones a través de la plataforma APC. Incluye información sobre objetivos, roles, generación y administración de contenidos, procesos editoriales, interfaz de administración, canales, carpetas, tipos de campos y edición de ítems.
Este documento presenta diferentes tipos de objetos virtuales de aprendizaje (OVA) y objetos virtuales de instrucción (OVI), define los sistemas de gestión de contenidos (CMS), describe los widgets más comunes en blogs, compara blogs, wikis y páginas web, e identifica varios tipos de blogs como personales, profesionales, de nicho, corporativos, de marca y de redes privadas.
Este documento proporciona una guía básica sobre Bootstrap, un framework de código abierto para diseño y desarrollo front-end. Explica qué es un framework y para qué sirve, define Bootstrap como un framework para crear interfaces web adaptables, y proporciona instrucciones sobre cómo empezar a usar Bootstrap, incluyendo cómo enlazar los archivos CSS y JavaScript necesarios. También describe varias clases y componentes de Bootstrap como contenedores, la cuadrícula, tipografía, colores, botones y formularios.
Este documento presenta una charla sobre Drupal 8 realizada por Ruben Egiguren y Guillermo Rodríguez. Incluye información sobre los oradores, una introducción a Drupal, estadísticas de uso, características nuevas en Drupal 8 como Symfony, Twig y temas responsive, y ventajas como rendimiento, escalabilidad y seguridad mejorados.
Sesión de la conferencia del CEUS sobre cómo personalizar la interfaz de SharePoint Online.
Demo del portal KNShareing de Electronic arts donde se personalizó la interfaz para dar un toque más amigable a SharePoint.
Explicación de los conceptos, herramientas de personalización. Además de una explicación de cómo es el proceso de personaliación.
Por último se vió una demo de cómo hacer una personalización.
1) Node.js es un entorno de ejecución de JavaScript del lado del servidor que permite ejecutar código JavaScript independientemente del navegador.
2) Npm es el administrador de paquetes predeterminado de Node.js que permite instalar paquetes y librerías.
3) El método forEach() ejecuta una función callback por cada elemento de un array sin devolver un nuevo array.
Combinación ganadora: Plone como CMS, tu framework preferido como frontendmenttes
Plone es un excelente sistema de gestión de contenidos. Recientemente ha sido elegido como el mejor CMS no-PHP en un popular concurso anual. A pesar de esto, muchos desarrolladores web de Python encuentran complejo a Zope, el framework con el que esta desarrollado el CMS.
Ahora, ¿qué tal si pudieras usar Plone solo como un gestor de contenidos y tu framework favorito, cualquiera sea, para implementar un front-end de forma transparente, obteniendo una configuración basada sobre una aplicación probada y de bajo mantenimiento, como backend siendo libre para escribir tu propia aplicación, usando el poder y flexibilidad de tu framework web?
En esta charla, se mostrarán ejemplos realizados con un par de productos de terceros de Plone y front-ends en varios frameworks.
Este documento describe cómo crear reportes en Crystal Reports para aplicaciones .NET. Explica que Crystal Reports es un mecanismo oficial para crear reportes en Visual Studio .NET y provee detalles sobre cómo definir la estructura y secciones de un reporte, acceder a datos de una base de datos a través de ADO.NET, y presentar el reporte terminado en aplicaciones Windows Forms y webforms de ASP.NET.
1) El documento presenta varias novedades de Aries relacionadas con nuevos componentes, servicios y mejoras en validación y manejo de datos. 2) Se describen nuevos métodos y anotaciones para manejar entidades, propiedades, componentes personalizados y validación. 3) También incluye detalles sobre nuevas funcionalidades como criterios automáticos, objetos recientes globales, estilos CSS y maquetación con componente Div.
El documento resume varias novedades y mejoras en Aries, incluyendo nuevos componentes como Div y TabbedPane, mejoras en validación, manejo de entidades, y personalización de estilos y documentos HTML. También presenta nuevos servicios como el de imágenes adjuntas y métodos de utilidad para campos, registros, y propiedades.
SharePoint Práctico: Publicación de catalogo de productosEAE
En SharePoint 2013, on premise, se pueden combinar sitios de edición y publicación, junto a las herramientas de búsqueda, para crear catálogos de productos. SharePoint 2013 tiene esas funcionalidades de forma nativa, que no necesitan desarrollo. La idea es poder crear catálogos de productos dónde independizar la creación de contenidos de la presentación final. Además, poder tener un lugar (sitios de SharePoint) para la edición y creación de esos contenidos y otro distinto para lo que queramos que se vea por el usuario final.
Al primer sitio lo llamaremos sitio o sitios de edición y al segundo sitio o sitios de publicación por medio de webparts. La publicación final se trata de forma que se puede usar un estilo y forma de presentación sin que los autores del contenido se tengan que preocupar de ello.
Además, podemos publicar entre colecciones de sitios, aplicaciones web o entre granjas, lo que afecta a los arquitectos de sistemas de SharePoint.
Sobre esa infraestructura de sirios se usan:
• La modalidad de sitios para publicación, con sus herramientas ad hoc para gestionar contenidos en dos sitios.
• Un conjunto de webpart basadas en filtros de búsqueda, que aíslan las listas de publicación.
• Con estos webpart se busca dentro del catálogo de productos según las características de los productos y se muestran los resultados.
Este documento proporciona información sobre diferentes tipos de servidores y conceptos relacionados con ellos. Explica que un servidor es una computadora que provee servicios a otras computadoras llamadas clientes formando parte de una red. Luego describe varios tipos de servidores como servidores FTP, de aplicaciones, audio/video, entre otros. También habla sobre servidores locales y la dirección localhost. Por último, brinda detalles sobre elementos comunes de un servidor como Apache y estructuras básicas de páginas web usando HTML, CSS y JavaScript.
Este documento presenta una introducción al HTML5, incluyendo sus nuevos elementos semánticos como <section>, <article>, <aside>, <header>, <nav> y <footer> que mejoran la estructura de la página web. También describe mejoras en formularios e inputs, y nuevos elementos como <audio>, <video>, <canvas> y capacidades para aplicaciones sin conexión. Explica técnicas para detectar el soporte del navegador para características de HTML5 y recomienda la biblioteca Modernizr.
Este documento proporciona una introducción a HTML5, describiendo qué es y qué no es, las mejoras realizadas en HTML5 como nuevos elementos semánticos como <section>, <aside>, <article>, <header>, <nav> y <footer>. También describe nuevos elementos como <video>, <audio>, <canvas> y <svg>, así como mejoras en los inputs. Explica cómo empezar a usar HTML5 con compatibilidad en navegadores antiguos usando Modernizr, HTML5 Enabling Script e IE-CSS3.
Objetivos:
+ Comprender el concepto de extensión de navegador en el contexto de la Aumentación Web.
++ Cómo desarrollar extensiones compatibles con múltiples navegadores.
++ Arquitectura de una extensión
++ Tipos de scripts (privilegios, mecanismos de comunicación)
++ Manipular el DOM: contenido, estructura, estilo, comportamiento
++ Consumir contenido externo e integrarlo en la página actual
++ Determinar un contexto de uso del usuario
+ Desarrollar una webextension, que permita explorar la API provista por los diferentes navegadores.
++ecma6, git, npm, webextensions, webextension-polyfill
Este documento presenta una introducción a Drupal 8. Resume lo siguiente en 3 oraciones o menos:
Drupal 8 es un sistema de gestión de contenidos flexible y escalable construido con tecnologías modernas como Symfony, Twig y jQuery. Incluye características como rendimiento mejorado, compatibilidad con móviles, seguridad, multilenguaje y una arquitectura de contenido flexible. La comunidad de Drupal contribuye continuamente para hacer crecer el proyecto de código abierto.
Dreamweaver 8 es un software fácil de usar para crear páginas web profesionales sin necesidad de programar código HTML manualmente. Sus funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas mediante la creación de tablas, marcos, capas y comportamientos JavaScript de forma sencilla. Además, incluye herramientas para trabajar con archivos FTP y actualizar sitios web directamente desde el programa.
Dreamweaver 8 es un software fácil de usar para crear páginas web profesionales sin necesidad de programar código HTML manualmente. Sus funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas mediante la creación de tablas, marcos, capas y comportamientos JavaScript de forma sencilla. Además, incluye herramientas de FTP para transferir archivos al servidor web sin salir del programa.
Dreamweaver 8 es un software fácil de usar para crear páginas web profesionales sin necesidad de programar código HTML manualmente. Sus funciones de edición visual permiten agregar rápidamente diseño y funcionalidad a las páginas mediante la creación de tablas, marcos, capas y comportamientos JavaScript de forma sencilla. Además, incluye herramientas para trabajar con archivos FTP y actualizar sitios web directamente desde el programa.
Este documento describe las herramientas y procesos para administrar sitios web de alcaldías y gobernaciones a través de la plataforma APC. Incluye información sobre objetivos, roles, generación y administración de contenidos, procesos editoriales, interfaz de administración, canales, carpetas, tipos de campos y edición de ítems.
Este documento describe las herramientas y procesos para administrar sitios web de alcaldías y gobernaciones a través de la plataforma APC. Incluye información sobre objetivos, roles, generación y administración de contenidos, procesos editoriales, interfaz de administración, canales, carpetas, tipos de campos y edición de ítems.
Este documento presenta diferentes tipos de objetos virtuales de aprendizaje (OVA) y objetos virtuales de instrucción (OVI), define los sistemas de gestión de contenidos (CMS), describe los widgets más comunes en blogs, compara blogs, wikis y páginas web, e identifica varios tipos de blogs como personales, profesionales, de nicho, corporativos, de marca y de redes privadas.
Este documento proporciona una guía básica sobre Bootstrap, un framework de código abierto para diseño y desarrollo front-end. Explica qué es un framework y para qué sirve, define Bootstrap como un framework para crear interfaces web adaptables, y proporciona instrucciones sobre cómo empezar a usar Bootstrap, incluyendo cómo enlazar los archivos CSS y JavaScript necesarios. También describe varias clases y componentes de Bootstrap como contenedores, la cuadrícula, tipografía, colores, botones y formularios.
Este documento presenta una charla sobre Drupal 8 realizada por Ruben Egiguren y Guillermo Rodríguez. Incluye información sobre los oradores, una introducción a Drupal, estadísticas de uso, características nuevas en Drupal 8 como Symfony, Twig y temas responsive, y ventajas como rendimiento, escalabilidad y seguridad mejorados.
Sesión de la conferencia del CEUS sobre cómo personalizar la interfaz de SharePoint Online.
Demo del portal KNShareing de Electronic arts donde se personalizó la interfaz para dar un toque más amigable a SharePoint.
Explicación de los conceptos, herramientas de personalización. Además de una explicación de cómo es el proceso de personaliación.
Por último se vió una demo de cómo hacer una personalización.
1) Node.js es un entorno de ejecución de JavaScript del lado del servidor que permite ejecutar código JavaScript independientemente del navegador.
2) Npm es el administrador de paquetes predeterminado de Node.js que permite instalar paquetes y librerías.
3) El método forEach() ejecuta una función callback por cada elemento de un array sin devolver un nuevo array.
Combinación ganadora: Plone como CMS, tu framework preferido como frontendmenttes
Plone es un excelente sistema de gestión de contenidos. Recientemente ha sido elegido como el mejor CMS no-PHP en un popular concurso anual. A pesar de esto, muchos desarrolladores web de Python encuentran complejo a Zope, el framework con el que esta desarrollado el CMS.
Ahora, ¿qué tal si pudieras usar Plone solo como un gestor de contenidos y tu framework favorito, cualquiera sea, para implementar un front-end de forma transparente, obteniendo una configuración basada sobre una aplicación probada y de bajo mantenimiento, como backend siendo libre para escribir tu propia aplicación, usando el poder y flexibilidad de tu framework web?
En esta charla, se mostrarán ejemplos realizados con un par de productos de terceros de Plone y front-ends en varios frameworks.
Este documento describe cómo crear reportes en Crystal Reports para aplicaciones .NET. Explica que Crystal Reports es un mecanismo oficial para crear reportes en Visual Studio .NET y provee detalles sobre cómo definir la estructura y secciones de un reporte, acceder a datos de una base de datos a través de ADO.NET, y presentar el reporte terminado en aplicaciones Windows Forms y webforms de ASP.NET.