Si se da clic en alguno de los iconos del lado izquierdo, estos abrirán páginas web o documentos relacionados. Si los datos de inicio de sesión son incorrectos, aparecerá un mensaje de error antes de regresar a la página de inicio. Si los datos son correctos, se mostrará el menú de navegación de la página principal una vez iniciada la sesión.
Si se hace clic en los iconos, estos abrirán enlaces a blogs y páginas relacionadas. El formulario de inicio de sesión pide los datos de usuario y contraseña para acceder a más información, y al ingresarlos correctamente dirige a una página enter.html, de lo contrario a una página err.html. La siguiente página presenta los servicios de redes y telecomunicaciones de Antonio & Co.
Jquery para principianes
JQUERY
AJAX ENVIAR FORMULARIOS SIN RECARGAR
ACTUALIZAR UN ELEMENTO SIN RECARGAR
COMBOS DEPENDIENTES AJAX BASE DE DATOS
STAR RATING JQUERY SIN BASE DE DATOS
STAR RATING JQUERY PLUGIN
DROPDOWN MENU DESPLEGABLE
ENVIA CORREOS SIN RECARGAR
PANEL DE IMAGENES CAROUSEL
INTERCAMBIO DE ELEMENTOS ENTRE 2 LISTAS
RECARGAR TEXTO AUTOMATICAMENTE
AGREGAR GRAFICOS ESTADISTICOS PIE
VALIDAR FORMULARIOS
INCLUIR TOOLTIP EN MAPA DE IMÁGENES
SUBIR MULTIPLES ARCHIVOS
WEB MODULAR PHP
SLIDER CONTENIDO DESTACADO
VENTANA MODAL
AGREGAR BORRAR CAMPOS
MODIFICANDO ATRIBUTOS
JQUERY MUSIC PLAYER
OCULTAR /MOSTRAR SECCIONES DE NUESTRO SITIO
Este documento presenta un seminario sobre AJAX impartido por Jorge Nieves el 1 de diciembre de 2010. Se explica que AJAX es una técnica para crear aplicaciones web interactivas mediante la combinación de JavaScript, HTML, CSS y XML. Se describen los pasos para implementar AJAX, incluyendo el uso del objeto XMLHttpRequest para realizar peticiones asíncronas al servidor y actualizar partes de la página. Finalmente, se discuten ventajas y desventajas de AJAX y se presentan ejemplos de su uso.
1) Los formularios permiten enviar datos desde el cliente al servidor. Symfony proporciona un componente de formularios que facilita su creación. 2) Se construye un formulario mediante un generador que añade campos vinculados a las propiedades de una entidad. 3) El formulario vincula los datos enviados a la entidad y la valida antes de procesarla.
El documento describe el Document Object Model (DOM), que representa un documento HTML como un árbol de nodos. El DOM permite acceder y manipular los elementos de una página mediante métodos y propiedades. Se explican los diferentes tipos de nodos como document, elemento, texto y atributo, así como propiedades y métodos para acceder y modificar los nodos, como getElementsByTagName(), getElementById(), y innerHTML.
Este documento describe los pasos para implementar la seguridad en una aplicación Symfony, incluyendo autenticación HTTP, control de acceso y autorización. Explica cómo configurar el cortafuegos para autenticar usuarios y proteger rutas, y cómo usar roles para autorizar el acceso a recursos.
Este documento describe cómo acceder a bases de datos desde PHP utilizando MySQL y ODBC. Explica los conceptos clave como conexión, operación y desconexión, y proporciona ejemplos de código para conectarse a una base de datos, realizar consultas, y cerrar la conexión. También lista importantes funciones para trabajar con bases de datos en PHP.
Si se hace clic en los iconos, estos abrirán enlaces a blogs y páginas relacionadas. El formulario de inicio de sesión pide los datos de usuario y contraseña para acceder a más información, y al ingresarlos correctamente dirige a una página enter.html, de lo contrario a una página err.html. La siguiente página presenta los servicios de redes y telecomunicaciones de Antonio & Co.
Jquery para principianes
JQUERY
AJAX ENVIAR FORMULARIOS SIN RECARGAR
ACTUALIZAR UN ELEMENTO SIN RECARGAR
COMBOS DEPENDIENTES AJAX BASE DE DATOS
STAR RATING JQUERY SIN BASE DE DATOS
STAR RATING JQUERY PLUGIN
DROPDOWN MENU DESPLEGABLE
ENVIA CORREOS SIN RECARGAR
PANEL DE IMAGENES CAROUSEL
INTERCAMBIO DE ELEMENTOS ENTRE 2 LISTAS
RECARGAR TEXTO AUTOMATICAMENTE
AGREGAR GRAFICOS ESTADISTICOS PIE
VALIDAR FORMULARIOS
INCLUIR TOOLTIP EN MAPA DE IMÁGENES
SUBIR MULTIPLES ARCHIVOS
WEB MODULAR PHP
SLIDER CONTENIDO DESTACADO
VENTANA MODAL
AGREGAR BORRAR CAMPOS
MODIFICANDO ATRIBUTOS
JQUERY MUSIC PLAYER
OCULTAR /MOSTRAR SECCIONES DE NUESTRO SITIO
Este documento presenta un seminario sobre AJAX impartido por Jorge Nieves el 1 de diciembre de 2010. Se explica que AJAX es una técnica para crear aplicaciones web interactivas mediante la combinación de JavaScript, HTML, CSS y XML. Se describen los pasos para implementar AJAX, incluyendo el uso del objeto XMLHttpRequest para realizar peticiones asíncronas al servidor y actualizar partes de la página. Finalmente, se discuten ventajas y desventajas de AJAX y se presentan ejemplos de su uso.
1) Los formularios permiten enviar datos desde el cliente al servidor. Symfony proporciona un componente de formularios que facilita su creación. 2) Se construye un formulario mediante un generador que añade campos vinculados a las propiedades de una entidad. 3) El formulario vincula los datos enviados a la entidad y la valida antes de procesarla.
El documento describe el Document Object Model (DOM), que representa un documento HTML como un árbol de nodos. El DOM permite acceder y manipular los elementos de una página mediante métodos y propiedades. Se explican los diferentes tipos de nodos como document, elemento, texto y atributo, así como propiedades y métodos para acceder y modificar los nodos, como getElementsByTagName(), getElementById(), y innerHTML.
Este documento describe los pasos para implementar la seguridad en una aplicación Symfony, incluyendo autenticación HTTP, control de acceso y autorización. Explica cómo configurar el cortafuegos para autenticar usuarios y proteger rutas, y cómo usar roles para autorizar el acceso a recursos.
Este documento describe cómo acceder a bases de datos desde PHP utilizando MySQL y ODBC. Explica los conceptos clave como conexión, operación y desconexión, y proporciona ejemplos de código para conectarse a una base de datos, realizar consultas, y cerrar la conexión. También lista importantes funciones para trabajar con bases de datos en PHP.
jQuery es una biblioteca JavaScript que simplifica la manipulación del DOM, el manejo de eventos y las solicitudes AJAX. jQuery selecciona elementos del DOM usando selectores y provee métodos para modificar el contenido, estilo y comportamiento de los elementos. jQuery también facilita la vinculación de funciones a eventos como clicks y el movimiento del mouse sobre elementos.
Este documento describe la validación de datos en Symfony2. Symfony2 incluye un componente Validator que facilita la validación de datos antes de guardarlos en una base de datos o pasarlos a un servicio web. Se pueden definir restricciones como NotBlank y Email en las propiedades de una entidad para validar los datos. El servicio validator puede utilizarse para validar objetos y valores individuales y devolver errores. También es posible crear restricciones personalizadas.
Este documento describe cómo crear una aplicación web básica utilizando NetBeans que se conecte a una base de datos MySQL. Explica los pasos para crear un proyecto web en NetBeans, configurar la conexión a la base de datos MySQL, crear tablas y manipular datos. También incluye instrucciones para agregar hojas de estilo y páginas JSP para visualizar los datos de la base de datos.
El documento describe tres formas de conectarse a bases de datos en Visual Basic 2010: conectarse a SQL Server usando SqlClient, conectarse a una base de datos de Access usando OLE DB, y conectarse a una base de datos a través de un origen de datos ODBC. Se proporciona código de ejemplo para cada uno que muestra cómo crear una conexión, un adaptador de datos y llenar un conjunto de datos con los resultados de una consulta.
Este documento proporciona un tutorial paso a paso para crear, cargar y consultar un índice de Azure Cognitive Search utilizando Python y Jupyter Notebooks. Explica cómo crear un índice con un esquema definido, cargar documentos de muestra y realizar consultas utilizando diferentes parámetros como filtros, ordenación y paginación. Finalmente, muestra cómo eliminar el índice creado para liberar espacio.
Este documento describe conceptos básicos de programación web como el modelo de cajas en CSS, clases e identificadores CSS, y pseudoclases CSS. Explica que cada elemento HTML se representa como una caja rectangular y que CSS permite modificar sus características como contenido, relleno, borde, fondo e imagen. También describe cómo las clases y los identificadores permiten aplicar estilos CSS a elementos, y que las pseudoclases especifican estados como hover.
Este documento proporciona instrucciones para crear un formulario de inicio de sesión básico en Visual Basic. Explica cómo crear una tabla de usuarios en una base de datos, agregar formularios para el inicio de sesión y la página principal, y escribir código para validar las credenciales de inicio de sesión contra la base de datos y permitir el acceso. También incluye ejemplos de código para inicios de sesión simples y para múltiples usuarios, así como enlaces a recursos adicionales.
Este documento describe los pasos para conectar una base de datos a un programa de Visual Basic mediante un controlador ADO. Estos pasos incluyen seleccionar el controlador ADO, configurar la cadena de conexión para seleccionar la base de datos, asignar campos de la base de datos a cuadros de texto, y agregar botones para insertar y eliminar registros. Una vez completados estos pasos, la base de datos estará conectada y podrá usarse en el programa de Visual Basic.
Un WebService es una pieza de software identificada por un URI (Uniform Resource Identifier).
Su medio de comunicación se fundamenta en el uso de XML, TEXT, JSON
XML
XML Namespace, XML Schema, Xpath, XSLT.
HTTP, JSON
vortexbird
El documento establece los pasos para crear un esquema XML: 1) definir la versión de XML y el nombre y espacio de nombres del esquema; 2) establecer el contenido del esquema definiendo elementos y atributos con sus tipos de datos; y 3) definir el fin del esquema.
El documento describe los sistemas de bases de datos orientadas a objetos, incluyendo sus características como soporte para objetos complejos, identidad de objetos, encapsulamiento, herencia, polimorfismo, persistencia, concurrencia y recuperación. También cubre los tipos de SGBDOO como los basados en redes y jerárquicos, y menciona productos específicos de SGBD libres y no libres.
El documento describe los esquemas XML, que definen los elementos y atributos que pueden aparecer en un documento XML de manera similar a los DTD. Los esquemas XML tienen las ventajas de usar sintaxis XML, definir tipos de datos y ser extensibles. Los esquemas especifican el tipo y contenido de elementos y atributos así como las relaciones entre ellos.
El documento describe los esquemas XML, que definen los elementos y atributos que pueden aparecer en un documento XML de manera similar a los DTD. Los esquemas XML tienen las ventajas de usar sintaxis XML, definir tipos de datos y ser extensibles. Los esquemas especifican el tipo y contenido de elementos y atributos así como las relaciones entre ellos.
ODMG es el acrónimo de Object Database Management Group, un consorcio internacional que establece estándares para bases de datos orientadas a objetos. El estándar ODMG especifica elementos como ODL, un lenguaje de definición de objetos que define los componentes del modelo, y permite la portabilidad de diseños e implementaciones entre sistemas compatibles. El grupo fue formado por fabricantes de SGBD orientados a objetos y ha publicado varias versiones del estándar hasta la 3.0.
El documento describe los esquemas XML, que definen los elementos y atributos que pueden aparecer en un documento XML de manera similar a los DTD. Los esquemas XML tienen las ventajas de usar sintaxis XML, definir tipos de datos y ser extensibles. Los esquemas especifican el tipo y contenido de elementos y atributos así como las relaciones entre ellos.
El documento describe las bases de datos orientadas a objetos, incluyendo su concepto, historia y características. Estas bases de datos incorporan los conceptos de encapsulación, herencia y polimorfismo del modelo de objetos, y los datos se almacenan como objetos en lugar de tablas. Las características incluyen objetos, identificadores únicos y encapsulamiento.
Este documento describe las características de una base de datos orientada a objetos, incluyendo conceptos como encapsulamiento, herencia y polimorfismo. Explica que este tipo de bases de datos permite definir operaciones sobre los datos como parte de su definición y pueden almacenar información binaria de forma eficiente. También resume brevemente su historia y algunas de sus ventajas y desventajas.
Este documento describe CSS (Hoja de Estilo en Cascada), incluyendo su propósito de separar el contenido del diseño visual, y tres formas de incluir CSS en un documento HTML: en un archivo externo, internamente o directamente en elementos HTML. Luego, explica la estructura básica de una regla CSS y un ejercicio para crear la estructura básica de un sitio web con HTML y CSS externos.
Este documento proporciona resúmenes breves de varias técnicas y funcionalidades de jQuery y JavaScript para el desarrollo web. Incluye cómo enviar formularios sin recargar la página usando AJAX, actualizar elementos sin recargar, crear combos dependientes con una base de datos, agregar calificaciones de estrellas interactivas, crear menús desplegables, y más. El objetivo es ofrecer múltiples soluciones comunes con jQuery de una manera concisa y de alto nivel.
Este documento presenta una guía de instalación y uso de WordPress. Explica cómo instalar WordPress en 5 minutos, actualizarlo, migrar contenido de otros sistemas e incluye consejos sobre recursos de soporte como foros y documentación. También resume las características de WordPress como publicación por correo, roles de usuario y su licencia GPLv2.
jQuery es una biblioteca JavaScript que simplifica la manipulación del DOM, el manejo de eventos y las solicitudes AJAX. jQuery selecciona elementos del DOM usando selectores y provee métodos para modificar el contenido, estilo y comportamiento de los elementos. jQuery también facilita la vinculación de funciones a eventos como clicks y el movimiento del mouse sobre elementos.
Este documento describe la validación de datos en Symfony2. Symfony2 incluye un componente Validator que facilita la validación de datos antes de guardarlos en una base de datos o pasarlos a un servicio web. Se pueden definir restricciones como NotBlank y Email en las propiedades de una entidad para validar los datos. El servicio validator puede utilizarse para validar objetos y valores individuales y devolver errores. También es posible crear restricciones personalizadas.
Este documento describe cómo crear una aplicación web básica utilizando NetBeans que se conecte a una base de datos MySQL. Explica los pasos para crear un proyecto web en NetBeans, configurar la conexión a la base de datos MySQL, crear tablas y manipular datos. También incluye instrucciones para agregar hojas de estilo y páginas JSP para visualizar los datos de la base de datos.
El documento describe tres formas de conectarse a bases de datos en Visual Basic 2010: conectarse a SQL Server usando SqlClient, conectarse a una base de datos de Access usando OLE DB, y conectarse a una base de datos a través de un origen de datos ODBC. Se proporciona código de ejemplo para cada uno que muestra cómo crear una conexión, un adaptador de datos y llenar un conjunto de datos con los resultados de una consulta.
Este documento proporciona un tutorial paso a paso para crear, cargar y consultar un índice de Azure Cognitive Search utilizando Python y Jupyter Notebooks. Explica cómo crear un índice con un esquema definido, cargar documentos de muestra y realizar consultas utilizando diferentes parámetros como filtros, ordenación y paginación. Finalmente, muestra cómo eliminar el índice creado para liberar espacio.
Este documento describe conceptos básicos de programación web como el modelo de cajas en CSS, clases e identificadores CSS, y pseudoclases CSS. Explica que cada elemento HTML se representa como una caja rectangular y que CSS permite modificar sus características como contenido, relleno, borde, fondo e imagen. También describe cómo las clases y los identificadores permiten aplicar estilos CSS a elementos, y que las pseudoclases especifican estados como hover.
Este documento proporciona instrucciones para crear un formulario de inicio de sesión básico en Visual Basic. Explica cómo crear una tabla de usuarios en una base de datos, agregar formularios para el inicio de sesión y la página principal, y escribir código para validar las credenciales de inicio de sesión contra la base de datos y permitir el acceso. También incluye ejemplos de código para inicios de sesión simples y para múltiples usuarios, así como enlaces a recursos adicionales.
Este documento describe los pasos para conectar una base de datos a un programa de Visual Basic mediante un controlador ADO. Estos pasos incluyen seleccionar el controlador ADO, configurar la cadena de conexión para seleccionar la base de datos, asignar campos de la base de datos a cuadros de texto, y agregar botones para insertar y eliminar registros. Una vez completados estos pasos, la base de datos estará conectada y podrá usarse en el programa de Visual Basic.
Un WebService es una pieza de software identificada por un URI (Uniform Resource Identifier).
Su medio de comunicación se fundamenta en el uso de XML, TEXT, JSON
XML
XML Namespace, XML Schema, Xpath, XSLT.
HTTP, JSON
vortexbird
El documento establece los pasos para crear un esquema XML: 1) definir la versión de XML y el nombre y espacio de nombres del esquema; 2) establecer el contenido del esquema definiendo elementos y atributos con sus tipos de datos; y 3) definir el fin del esquema.
El documento describe los sistemas de bases de datos orientadas a objetos, incluyendo sus características como soporte para objetos complejos, identidad de objetos, encapsulamiento, herencia, polimorfismo, persistencia, concurrencia y recuperación. También cubre los tipos de SGBDOO como los basados en redes y jerárquicos, y menciona productos específicos de SGBD libres y no libres.
El documento describe los esquemas XML, que definen los elementos y atributos que pueden aparecer en un documento XML de manera similar a los DTD. Los esquemas XML tienen las ventajas de usar sintaxis XML, definir tipos de datos y ser extensibles. Los esquemas especifican el tipo y contenido de elementos y atributos así como las relaciones entre ellos.
El documento describe los esquemas XML, que definen los elementos y atributos que pueden aparecer en un documento XML de manera similar a los DTD. Los esquemas XML tienen las ventajas de usar sintaxis XML, definir tipos de datos y ser extensibles. Los esquemas especifican el tipo y contenido de elementos y atributos así como las relaciones entre ellos.
ODMG es el acrónimo de Object Database Management Group, un consorcio internacional que establece estándares para bases de datos orientadas a objetos. El estándar ODMG especifica elementos como ODL, un lenguaje de definición de objetos que define los componentes del modelo, y permite la portabilidad de diseños e implementaciones entre sistemas compatibles. El grupo fue formado por fabricantes de SGBD orientados a objetos y ha publicado varias versiones del estándar hasta la 3.0.
El documento describe los esquemas XML, que definen los elementos y atributos que pueden aparecer en un documento XML de manera similar a los DTD. Los esquemas XML tienen las ventajas de usar sintaxis XML, definir tipos de datos y ser extensibles. Los esquemas especifican el tipo y contenido de elementos y atributos así como las relaciones entre ellos.
El documento describe las bases de datos orientadas a objetos, incluyendo su concepto, historia y características. Estas bases de datos incorporan los conceptos de encapsulación, herencia y polimorfismo del modelo de objetos, y los datos se almacenan como objetos en lugar de tablas. Las características incluyen objetos, identificadores únicos y encapsulamiento.
Este documento describe las características de una base de datos orientada a objetos, incluyendo conceptos como encapsulamiento, herencia y polimorfismo. Explica que este tipo de bases de datos permite definir operaciones sobre los datos como parte de su definición y pueden almacenar información binaria de forma eficiente. También resume brevemente su historia y algunas de sus ventajas y desventajas.
Este documento describe CSS (Hoja de Estilo en Cascada), incluyendo su propósito de separar el contenido del diseño visual, y tres formas de incluir CSS en un documento HTML: en un archivo externo, internamente o directamente en elementos HTML. Luego, explica la estructura básica de una regla CSS y un ejercicio para crear la estructura básica de un sitio web con HTML y CSS externos.
Este documento proporciona resúmenes breves de varias técnicas y funcionalidades de jQuery y JavaScript para el desarrollo web. Incluye cómo enviar formularios sin recargar la página usando AJAX, actualizar elementos sin recargar, crear combos dependientes con una base de datos, agregar calificaciones de estrellas interactivas, crear menús desplegables, y más. El objetivo es ofrecer múltiples soluciones comunes con jQuery de una manera concisa y de alto nivel.
Este documento presenta una guía de instalación y uso de WordPress. Explica cómo instalar WordPress en 5 minutos, actualizarlo, migrar contenido de otros sistemas e incluye consejos sobre recursos de soporte como foros y documentación. También resume las características de WordPress como publicación por correo, roles de usuario y su licencia GPLv2.
Este documento presenta una guía de instalación y uso de WordPress. Explica cómo instalar WordPress en 5 minutos, actualizarlo, migrar contenido de otros sistemas e incluye consejos sobre recursos de soporte como foros y documentación. También resume las características de WordPress como publicación por correo, roles de usuario y su licencia GPLv2.
iDay Feb 2017 - Marcado de datos estructurados. Pónselo fácil a GoogleMiguel Ángel Pau
Este documento resume una presentación sobre marcado de datos estructurados. Explica que los datos estructurados organizan la información según estándares para definir tipos de datos y sus propiedades. Detalla los diferentes formatos admitidos como JSON-LD, microdatos y RDFa y recomienda marcados como recetas, eventos, productos y reseñas. También cubre herramientas de validación y detección de errores comunes. El objetivo es ayudar a los sitios web a destacar en los resultados de búsqueda de Google.
Este documento contiene el código PHP y XHTML de una página web para un sistema de matrícula de estudiantes. Incluye código para la conexión a la base de datos, inicio de sesión, listado de estudiantes matriculados, modificación y eliminación de registros. El sistema permite a los usuarios autenticados realizar operaciones como matricular, consultar o eliminar registros de estudiantes.
Este documento contiene el código PHP y XHTML de una página web para un sistema escolar. La página principal permite iniciar sesión con usuario y contraseña. Una vez iniciada la sesión, se muestran opciones como realizar operaciones, consultas y ver listados de alumnos. El código incluye funciones para conectarse a la base de datos, listar, modificar, insertar y eliminar registros de alumnos.
El documento describe la estructura básica de una página web mediante la utilización de diferentes elementos como header, nav, main, article, aside, section y footer para distribuir y organizar el contenido. Se incluyen clases CSS para dar formato a los diferentes bloques y secciones de la página.
Este documento presenta tres tecnologías web: jQuery, HTML5 y Apache Wicket. jQuery es una librería que facilita el uso de JavaScript para manipular el DOM, gestionar eventos y efectos. HTML5 incluye nuevas características como drag and drop, geolocalización, vídeo y audio. Apache Wicket es un framework Java para aplicaciones web basado en componentes.
El documento describe una tarea en la que los estudiantes deben subir 3 documentos a sitios web para hacer presentaciones en línea. Los estudiantes deben subir su hoja de vida a Slideshare, un tema de su módulo a Scribd, e impresiones sobre la Web 2.0 a Calameo. El documento a entregar debe incluir una tabla con la información requerida (contenido, tipo de documento, herramienta en línea, enlace y código de inserción) y un mensaje al tutor indicando el cumplimiento de la tarea.
Este documento describe cómo crear un sitio web simple con HTML, CSS y JavaScript y luego extender sus funcionalidades mediante frameworks como Angular en el frontend y Express en el backend. Explica conceptos como Single Page Applications, instalación de módulos con NPM, y uso de plantillas como Nunjucks con Express.
Este documento presenta varios ejemplos del uso de AJAX para enviar y recuperar datos de un servidor sin recargar la página. Incluye ejemplos de cómo enviar datos al servidor mediante los métodos GET y POST, recuperar datos mediante las propiedades responseText y responseXML del objeto XMLHttpRequest, y mostrar los resultados actualizados sin recargar la página.
Este documento proporciona información sobre el desarrollo de una página web para una institución educativa utilizando PHP. Incluye páginas para iniciar sesión, administrar datos de alumnos, buscar alumnos y eliminar registros de alumnos de la base de datos. El objetivo es permitir la administración de información de alumnos a través de una interfaz web.
Este documento PHP muestra un resumen de estados almacenados en una base de datos MySQL. Usa sesiones para comprobar si el usuario ha iniciado sesión y muestra los datos de la tabla "estado" con opciones para eliminar, modificar o ver cada registro. También incluye paginación para mostrar los registros de forma organizada.
Este documento PHP presenta una página web para consultar estados de una base de datos. Inicia sesión para usuarios y muestra un encabezado, menú y área de trabajo central. En el área de trabajo se realiza una consulta SQL a la base de datos para mostrar una tabla con los estados almacenados junto con botones para eliminar, modificar o ver cada registro. También incluye paginación para navegar entre resultados.
Este documento proporciona información sobre la maquetación de páginas web. Incluye una cabecera con el título del sitio y una barra de navegación con enlaces a diferentes categorías como CSS, HTML5 y diseño de sitios. También contiene estilos CSS para la presentación de contenido.
Este documento presenta ejemplos de uso de hojas de estilo CSS y JavaScript para la validación de formularios web. Se explican conceptos básicos como la creación de hojas de estilo CSS, la sintaxis de JavaScript y su uso para capturar eventos del usuario como clics de botones. Se proveen cuatro ejemplos con código que muestran aplicaciones como cambiar el color de fondo de una página usando JavaScript.
Este documento presenta ejemplos del uso de AJAX para enviar datos de formularios al servidor de forma asíncrona, mostrar un gif de carga mientras se envían los datos, implementar paginación con AJAX para actualizar comentarios sin recargar la página, y cargar opciones dinámicamente en controles tipo select recuperando datos del servidor mediante peticiones AJAX.
Este documento presenta ejemplos del uso de AJAX para enviar datos de formularios al servidor de forma asíncrona, mostrar un gif de carga mientras se envían los datos, implementar paginación con AJAX para actualizar comentarios sin recargar la página, y cargar opciones dinámicamente en un control select recuperando datos del servidor mediante AJAX. Se incluyen códigos HTML, JavaScript y PHP para ilustrar cada ejemplo.
KAWARU CONSULTING presenta el projecte amb l'objectiu de permetre als ciutadans realitzar tràmits administratius de manera telemàtica, des de qualsevol lloc i dispositiu, amb seguretat jurídica. Aquesta plataforma redueix els desplaçaments físics i el temps invertit en tràmits, ja que es pot fer tot en línia. A més, proporciona evidències de la correcta realització dels tràmits, garantint-ne la validesa davant d'un jutge si cal. Inicialment concebuda per al Ministeri de Justícia, la plataforma s'ha expandit per adaptar-se a diverses organitzacions i països, oferint una solució flexible i fàcil de desplegar.
La inteligencia artificial sigue evolucionando rápidamente, prometiendo transformar múltiples aspectos de la sociedad mientras plantea importantes cuestiones que requieren una cuidadosa consideración y regulación.
Infografia TCP/IP (Transmission Control Protocol/Internet Protocol)codesiret
Los protocolos son conjuntos de
normas para formatos de mensaje y
procedimientos que permiten a las
máquinas y los programas de aplicación
intercambiar información.
HPE presenta una competició destinada a estudiants, que busca fomentar habilitats tecnològiques i promoure la innovació en un entorn STEAM (Ciència, Tecnologia, Enginyeria, Arts i Matemàtiques). A través de diverses fases, els equips han de resoldre reptes mensuals basats en àrees com algorísmica, desenvolupament de programari, infraestructures tecnològiques, intel·ligència artificial i altres tecnologies. Els millors equips tenen l'oportunitat de desenvolupar un projecte més gran en una fase presencial final, on han de crear una solució concreta per a un conflicte real relacionat amb la sostenibilitat. Aquesta competició promou la inclusió, la sostenibilitat i l'accessibilitat tecnològica, alineant-se amb els Objectius de Desenvolupament Sostenible de l'ONU.
1. Documentación del sitio Web en XML
Por Antonio Ordaz López
Pagina de Inicio
Explicación del Código HTML
Se define el tipo de documento a crear
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Inicio del documento xml
<html>
En la cabecera definimos el titulo y las hojas de estilo a utilizar, asi como el codigo
javascript para leer el xml y procesar los datos del login, como se aprecia el codigo
javascript se obtuvo de www.deliciousdays.com y pertenece a Oliver Seidel, mientras
que las hojas de estilo de www.psd-to-wp.com .
2. <head>
<title>VOSYO Solutions By Antonio Ordaz</title>
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="cforms.css" />
<!-- Start Of Script Generated By cforms v11.3 [Oliver Seidel |
www.deliciousdays.com] -->
<script type="text/javascript" src=" cforms.js"></script>
<!-- End Of Script Generated By cforms -->
<script type="text/javascript">
<!—Se define la funcion login() -- >
function Login()
{
<!— Se crean las variables xmlDoc, usuario y password, a las cuales se les asignan
valores nulo para xmlDoc, y especificamos que usuario y password tomaran sus valores
del componente usuario y password respectivamente que estan dentro del formulario
login dentro de este documento -- >
var xmlDoc=null;
var usuario=document.login.usuario.value;
var password=document.login.password.value;
<!—Definimos xmlDoc de acuerdo al navegador utilizado -- >
if (window.ActiveXObject)
{// code for IE
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
}
else if (document.implementation.createDocument)
{// code for Mozilla, Firefox, Opera, etc.
xmlDoc=document.implementation.createDocument("","",null);
}
else
{
alert('Tu navegador no soporta esta funcion');
}
if (xmlDoc!=null)
{
xmlDoc.async=false;
<!—Cargamos el documento “pass.xml” y establecemos de donde se leerán los datos y
en que orden asi como donde se almacenaran y una bandera de acceso -- >
xmlDoc.load("pass.xml");
var x=xmlDoc.getElementsByTagName("USER");
3. var band = "0";
var userxml;
var passxml;
for (var i=0;i<x.length;i++)
{
userxml = (x[i].getElementsByTagName("ID")[0].childNodes[0].nodeValue);
passxml = (x[i].getElementsByTagName("PASS")[0].childNodes[0].nodeValue);
<!—Si los datos de login son correctos Activamos la bandera de acceso y le decimos
que cargue el archivo “enter.html” -- >
if (usuario == userxml && password == passxml)
{
band = "1";
window.location="enter.html";
}
}
<!—De lo contrario le decimos que cargue el archivo “err.html” -- >
if(band == "0")
{
window.location="err.html";
}
}
}
<!—Cerramos el script y la cabecera -- >
</script>
</head>
<!—Creamos el cuerpo del formulario, si utilizamos clases en las hojas de estilo como
en nuestro caso, definimos las clases a usar asi como sus identificadores para tener una
mayor organización -- >
<body>
<div id="universe">
<div id="header" class="clearfix">
<h1>VOSYO Solutions</h1>
<div id="tagline">By Antonio Ordaz Lopez </div>
</div>
<div id="main" class="clearfix">
<div id="portfolio" class="onetwo leftside">
<h2 >Paginas Recomendadas</h2>
<p>A continuacion encontraras enlaces a paginas amigas</p>
<!—Aquí se definen los enlaces y las imágenes a utilizar del lado izquierdo de la
pantalla -- >
<div class="clearfix samples">
4. <A HREF="http://www.topicos2010.webcindario.com" TARGET="principal">
<IMG class="thumbnail" SRC="iconos/blogA.jpg" ALT="Pagina de
Wordpress"/></a>
<A HREF="http://www.bustamanteg.wordpress.com" TARGET="principal">
<IMG class="thumbnail" SRC="iconos/blog.jpg" ALT="blog de auditoria"/></a>
<A HREF="http://www.auditoria2010.webcindario.com" TARGET="principal">
<IMG class="thumbnail" SRC="iconos/blogA.jpg" ALT="Pagina de
Wordpress"/></a>
<A HREF="info.html">
<IMG class="thumbnail" SRC="iconos/pregunta.png" ALT="¿Quienes somos?"/></a>
<A HREF="http://www.wordpress.com" TARGET="principal">
<IMG class="thumbnail" SRC="iconos/wp.png" ALT="Pagina de Wordpress"/></a>
<A HREF="http://www.itslerdo.edu.mx" TARGET="principal">
<IMG class="thumbnail" SRC="iconos/its.gif" ALT="Pagina del itsl"/></a>
</div>
</div>
<!—Aquí diseñamos el apartado de login, especificando los nombres que utiliza el
javascript, y de acuerdo a las hojas de estilo -- >
<div id="quote" class="onetwo">
<h2 class="section-title">Log In</h2>
<p>Ingrese sus datos para acceder a más informacion.</p>
<div id="usermessagea" class="cf_info "></div>
<form name=login class="cform">
<ol class="cf-ol">
<li id="li--1" class="">
<label for="user"><span>Usuario</span></label>
<input type="text" name="usuario" id="user" class="single" value="Usuario :"
onfocus="clearField(this)" onblur="setField(this)"/>
</li>
<li id="li--2" class="">
<label for="pass"><span>Password</span></label>
<input type="password" name="password" id="pass" class="single" value="Password:"
onfocus="clearField(this)" onblur="setField(this)"/>
</li>
</ol>
<p class="cf-sb"><input type="button" class="sendbutton" value="Log In"
onclick="Login()"/></p>
</form>
</form>
</div>
</div>
</div>
<!—Cerramos el cuerpo y el documento html -- >
</body>
</html>
5. Si damos clic en alguno de los iconos del lado izquierdo
se abrirá lo definido por cada uno de los enlaces en el documento anterior,
Estos iconos abriran el blog de topicos, del docente y de auditoria respectivamente
Estos iconos abriran la pagina de wordpress y del itsl respectivamente.
y este otro abrirá la siguiente pagina
6. <!—Abrimos el documento html y la cabecera donde especificamos el titulo y estilo
del documento-- >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vosyo Services</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /
>
<style type="text/css">
<!--
a:link {
color: #666;
}
a:hover {
color: #0CF;
}
-->
</style>
</head>
<!—Abrimos el cuerpo del html y especificamos el diseño y estructura de la pagina -- >
<body class="oneColFixCtrHdr">
<div id="Container">
<div id="Logo">
<div id="logoh1">
<div align="center">
<h1>Vosyo Services</h1>
</div>
</div>
</div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Sobre Nosotros</a></li>
<li><a href="index.html">Volver</a></li>
</ul>
</div>
<div id="content">
<div id="conte2">
<h2>Nuestros Servicios</h2>
<p align="justify"><ul>
<li>VENTA E INSTALACION DE EQUIPO DE REDES DE LA MÁS ALTA
CALIDAD.</li>
<li>INSTALACION DE REDES DE TODO TIPO - LAN, VPN, WAN, MAN,
LA QUE NECESITES -</li>
<li>CONFIGURACION DE EQUIPO DE COMPUTO Y
TELECOMUNICACIONES.</li>
7. <li>CURSOS DE REDES</li>
<li>Y TODO LO QUE ABARQUE EL MUNDO DE REDES,
TELECOMUNICACIONES E INFORMATICA.</li>
</ul>
</p>
</div>
<div id="cont1">
<h2>El lugar que buscabas</h2>
<p align="justify">POR MÁS QUE BUSCASTE, NUNCA ENCONTRASTE
ALGUIEN PREPARADO QUE TE INSTALARA LA RED DE TU EMPRESA A UN
PRECIO ACCESIBLE,
CON CALIDAD Y BUENA TRAYECTORIA. DEJA YA DE BUSCAR QUE HAS
LLEGADO AL SITIO CORRECTO, TENEMOS LA SOLUCION TOTAO, EFICAZ
Y ACCESIBLE PARA TUS PROBLEMAS DE REDES Y
TELECOMUNICACIONES. LLAMANOS Y LO COMPROBARAS</p>
</div>
</div>
<div id="footer">
<div id="cop">Copyright 2010 Vosyo Services.<br />
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"../SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</div><!—Cerramos el cuerpo y el documento html -- >
</body>
</html>
Volviendo al logia ¿Qué pasaria en caso de que se ingresaran los datos de login
incorrectamente?
8. <!—Abrimos el documento html y la cabecera -- >
<html>
<head>
<!—Especificamos el titulo, las hojas de estilo, y que se redireccionara hacia el
documento “index.html” en 2 segundos -- >
<title>Titulo</title>
<meta http-equiv="refresh" content="2;URL=index.html" />
<link rel="stylesheet" type="text/css" media="screen" href="style.css" />
<link rel="stylesheet" type="text/css" media="screen" href="cforms.css" />
</head>
<!—Creamos el cuerpo del documento, texto y diseño -- >
<body>
<div id="universe">
<div id="header" class="clearfix">
<h1>Datos Incorrectos.</a></h1>
<div id="tagline">Por favor vuelva a intentarlo</div>
</div>
</div>
<!—Cerramos el cuerpo y el documento html -- >
</body>
</html>
En caso de que los datos de login sean correctos se muestra la siguiente pantalla.
9. <!—Abrimos el documento html y la cabecera donde especificamos el titulo y estilo
del documento-- >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vosyo Services</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /
>
<style type="text/css">
<!--
a:link {
color: #666;
}
a:hover {
color: #0CF;
}
-->
</style>
</head>
<!—Abrimos el cuerpo del html y especificamos el diseño y estructura de la pagina -- >
<body class="oneColFixCtrHdr">
<div id="Container">
10. <div id="Logo">
<div id="logoh1">
<div align="center">
<h1>Vosyo Services</h1>
</div>
</div>
</div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="#">Principal</a></li>
<li><a href="info.html">Servicios</a></li>
<li><a href="oferta.html">Promociones</a></li>
<li><a href="contacto.html">Contactanos</a> </li>
<li><a href="index.html">Log Out</a></li>
</ul>
</div>
<div id="content">
<div id="conte2">
<h2>Acerca de Vosyo Services</h2>
<p align="justify"><H3> Vosyo Services es una empresa totalmente lagunera,
fundada por Antonio Ordaz Lopez durante el año 2010, la cual ofrece servicios con
calidad profesional dentro de las areas de desarrollo de software, diseño de paginas web,
instalacion de redes entre otras tecnologias.</H3></p>
<p align="justify"><H3>Vosyo Services esta actualmente avalado por diversas
compañias especializadas en las ramas a las que se dedica y entre las cuales se
encuentran cisco systems, microsoft y apple por mencionar algunas.</H3></p>
</div>
<div id="cont1">
<h2>GRACIAS POR INICIAR SESION</h2>
<p align="justify"><H2>Recuerda <br> "Si el servicio que buscas no lo
ofrecemos, es porque simplemente no existe, y si no existe, lo desarrollaremos para
Ti"</H2></p>
</div>
</div>
<div id="footer">
<div id="cop">Copyright 2010 Vosyo Services.<br />
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"../SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<!—Cerramos el cuerpo y el documento html -- >
</body>
</html>
11. Si se da clic en el enlace de “promociones”.
<!—Abrimos el documento html y la cabecera donde especificamos el titulo y estilo
del documento-- >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vosyo Services</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /
>
<style type="text/css">
<!--
a:link {
color: #666;
}
a:hover {
color: #0CF;
}
-->
</style></head>
<!—Abrimos el cuerpo del html y especificamos el diseño y estructura de la pagina -- >
<body class="oneColFixCtrHdr">
12. <div id="Container">
<div id="Logo">
<div id="logoh1">
<div align="center">
<h1>Vosyo Services</h1>
</div>
</div>
</div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="principal.html">Principal</a></li>
<li><a href="info.html">Servicios</a></li>
<li><a href="#">Promociones</a></li>
<li><a href="contacto.html">Contactanos</a> </li>
<li><a href="index.html">Log Out</a></li>
</ul>
</div>
<div id="content">
<div id="conte2">
<h2>Nuestros Servicios</h2>
<div align = center>
<IMG SRC="iconos/firma.png" WIDTH=100 HEIGHT=100 BORDER=0
ALT="Descuento">
<br>
10% de descuento al contratar cualquier servicio.*
<BR>
<BR>
<IMG SRC="iconos/win.png" WIDTH=100 HEIGHT=50 BORDER=0
ALT="2x1">
<IMG SRC="iconos/mac.png" WIDTH=100 HEIGHT=50 BORDER=0
ALT="2x1">
<br>
2 x 1 en respaldos de disco duro *
<br>
10% de descuento al contratar cualquier servicio.
<BR><BR><BR>
</div>
</p>
</div>
<div id="cont1">
<h2>Promociones</h2>
<p align="right">
<font size = 5>BIENVENIDO. EN ESTE APARTADO ENCONTRARAS
PROMOCIONES EXCLUSIVAS, QUE TE PERMITIRAN AHORRAR EN TU
DEPARTAMENTO DE REDES. GRACIAS POR TU VISITA.
</font>
</p>
</div>
</div>
13. <div id="footer">
<div id="cop">Copyright 2010 Vosyo Services.<br />
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"../SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
<!—Cerramos el cuerpo y el documento html -- >
</body>
</html>
Mientras que si se da clic en “contactanos”.
<!—Abrimos el documento html y la cabecera donde especificamos el titulo y estilo
del documento-- >
<<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Vosyo Services</title>
<link href="style2.css" rel="stylesheet" type="text/css" />
14. <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /
>
<style type="text/css">
<!--
a:link {
color: #666;
}
a:hover {
color: #0CF;
}
-->
</style>
</head>
<!—Abrimos el cuerpo del html y especificamos el diseño y estructura de la pagina -- >
<body class="oneColFixCtrHdr">
<div id="Container">
<div id="Logo">
<div id="logoh1">
<div align="center">
<h1>Vosyo Services</h1>
</div>
</div>
</div>
<div id="menu">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="principal.html">Principal</a></li>
<li><a href="info.html">Servicios</a></li>
<li><a href="oferta.html">Promociones</a></li>
<li><a href="#">Contactanos</a> </li>
<li><a href="index.html">Log Out</a></li>
</ul>
</div>
<div id="content">
<div id="conte2">
<h2>Nuestros Servicios</h2>
<p align="right">
TELEFONO 7-98-76-54<IMG SRC="iconos/phone.png" WIDTH=50
HEIGHT=50 BORDER=0 ALT="phone">
</p>
<p align="right">
MENSAJES 871-12-34-56<IMG SRC="iconos/SMS.png" WIDTH=50
HEIGHT=50 BORDER=0 ALT="SMS">
</p>
<p align="right">
O SIMPLEMENTE VEN Y VISITANOS A PASEO DEL TECNOLOGICO #
1508<IMG SRC="iconos/HAND.png" WIDTH=50 HEIGHT=50 BORDER=0
ALT="MANO">
15. </p>
</div>
<div id="cont1">
<h2>Contactanos</h2>
<p align="right">
ESTAMOS A UN CLICK DE DISTANCIA. SOLO CONTACTANOS Y
TENDRAS LAS SOLUCION QUE TU NEGOCIO NECESITA
</p>
<p align="right">
<A HREF="mailto:topicos.antonio@gmail.com">CORREO DE GMAlL
<IMG SRC="iconos/Google.png" WIDTH=50 HEIGHT=50 BORDER=0
ALT="Gmail"></A>
</p>
<p align="right">
VIA MESSENGER <br> soluciones-networking@hotmail.com<IMG
SRC="iconos/msn2.png" WIDTH=50 HEIGHT=50 BORDER=0 ALT="MSN">
</p>
</div>
</div>
<div id="footer">
<div id="cop">Copyright 2010 Vosyo Services.<br />
</div>
</div>
<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1",
{imgDown:"../SpryAssets/SpryMenuBarDownHover.gif",
imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</DIV><!—Cerramos el cuerpo y el documento html -- >
</body>
</html>
<!—Si damos clic en “logout” se muestra la pantalla de inicio de sesion -- >