TEMA 3 A: INTRODUCCIÓN AL DOM
|
|
- María Soledad Sánchez Ortiz
- hace 8 años
- Vistas:
Transcripción
1 TEMA 3 A: INTRODUCCIÓN AL DOM 1.- Qué es el DOM? DOM y JavaScript Cómo se accede al DOM? Instalar una consola Averiguar la versión DOM de Explorer El DOM de XML en Firefox XML en plataformas cruzadas Carga de un documento XML (o html)
2 1.- Qué es el DOM? ( El modelo de objeto de documento (DOM) es una interfaz de programación para los documentos HTML y XML. Facilita una representación estructurada del documento y define de qué manera los programas pueden acceder, al fin de modificar, tanto su estructura, estilo y contenido. El DOM da una representación del documento como un grupo de nodos y objetos estructurados que tienen propiedades y métodos. Esencialmente, conecta las páginas web a scripts o lenguajes de programación. Una página web es un documento. Éste documento puede exhibirse en la ventana de un navegador o también como código fuente HTML. Pero, en los dos casos, es el mismo documento. El modelo de objeto de documento (DOM) proporciona otras formas de presentar, guarda y manipular este mismo documento. El DOM es una representación completamente orientada al objeto de la página web y puede ser modificado con un lenguaje de script como JavaScript. El W3C DOM estándar forma la base del funcionamiento del DOM en muchos navegadores modernos. Varios navegadores ofrecen extensiones más allá del estándar W3C, hay que ir con extremo cuidado al utilizarlas en la web, ya que los documentos pueden ser consultados por navegadores que tienen DOMs diferentes. Por ejemplo, el DOM de W3C especifica que el método getelementsbytagname en el código de abajo debe devolver una lista de todos los elementos <P> del documento: paragraphs = document.getelementsbytagname("p"); // paragraphs[0] es el primer elemento <p> // paragraphs[1] es el segundo elemento <p>, etc. alert(paragraphs[0].nodename); Todas las propiedades, métodos y eventos disponibles para la manipulación y la creación de páginas web está organizado dentro de objetos. Un ejemplo: el objeto document representa al documento mismo, el objeto table hace funcionar la interfaz especial HTMLTableElement del DOM para acceder a tablas HTML, y así sucesivamente DOM y JavaScript El ejemplo de abajo es JavaScript. Pero utiliza el DOM para acceder al documento y a sus elementos. El DOM no es un lenguaje de programación pero sin él, el lenguaje JavaScript no tiene ningún modelo o noción de las páginas web, de la páginas XML ni de los elementos con los cuales es usualmente relacionado. Cada elemento -"el documento íntegro, el título, las tablas dentro del documento, los títulos de las tablas, el texto dentro de las celdas de las tablas"- es parte del modelo de objeto del documento para cada documento, así se puede acceder y manipularlos utilizando el DOM y un lenguaje de escritura, como JavaScript. El contenido de la página es almacenado en DOM y el acceso y la manipulación se hace vía JavaScript, podría representarse aproximadamente así: API(web o página XML) = DOM + JS(lenguaje de script) El DOM fue diseñado para ser independiente de cualquier lenguaje de programación 2
3 particular, hace que la presentación estructural del documento sea disponible desde un simple y consistente API Cómo se accede al DOM? Los diferentes navegadores tienen directrices DOM distintas, y éstas directrices tienen diversos grados de conformidad al actual estándar DOM, pero todos los navegadores web usan el modelo de objeto de documento para hacer accesibles las páginas web al script. Cuando se crea un script esté en un elemento <SCRIPT> o incluido en una página web por la instrucción de cargar un script inmediatamente está disponible para usarlo con el API, accediendo así a los elementos documento o ventana, para manipular el documento mismo o sus diferentes partes, las cuales son los varios elementos de una página web. La programación DOM hace algo tan simple como lo siguiente, lo cual abre un mensaje de alerta usando la función alert() desde el objeto ventana, o permite métodos DOM más sofisticados para crear realmente un nuevo contenido, como en el largo ejemplo de más abajo. <body onload="window.alert('hola clase');"> El ejemplo siguiente muestra la función a ejecutar cuando el documento se está cargando (y que el DOM completo es disponible para su uso). Esta función crea un nuevo elemento H1, le pone texto y después lo agrega al árbol del documento: <html> <head> <script> // ejecuta esta función cuando la página se carga window.onload = function() { // crea un par de elementos // en otra página HTML vacía heading = document.createelement("h1"); heading_text = document.createtextnode("cabeza grande!"); heading.appendchild(heading_text); document.body.appendchild(heading); </script> </head> <body> </body> </html> 3
4 2. Instalar una consola Dada las características del curso mejor que usar la función Alert de Javascript vamos a crear una consola por la que obtener los mensajes. Con esto evitaremos la molesta detención de la ejecución del código cada vez que queremos observar que está haciendo nuestro script. De momento este código será un ejemplo de DOM. Más adelante irá apareciendo el significado de cada instrucción. Función de Javascript para consola: function consola(txt){ var con = document.getelementbyid("consola"); con.innerhtml += txt + "<hr> "; Simplemente hemos hecho referencia a un elemento cuyo Id es consola. Por ello necesitamos que el código tenga esta línea: <div id="consola"></div> La siguiente instrucción hace que el contenido del elemento encontrado (un DIV) sea HTML y que sea el que tenía más el que le indiquemos. Hemos puesto como separador una línea. Para probar: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>untitled</title> <script> function consola(txt){ var con = document.getelementbyid("consola"); con.innerhtml += txt + "<hr> "; </script> </head> <body onload="consola('hola mundo')"> <div id="consola"></div> </body> </html> Nota: Para que funcione la función primero se debe haber cargado el documento, sino no encontrará la etiqueta <DIV>. 4
5 3. Averiguar la versión DOM de Explorer Para crear un objeto ActiveX en JavaScript, Microsoft implemento una nueva clase llamada ActiveXObject que puede utilizarse para instanciar cualquier número de objetos ActiveX. Su constructor acepta un argumento, una cadena con la versión del objeto ActiveX que se desea crear. En ese caso, es la versión del documento XML. El primer objeto ActiveX del modelo DOM de XML se denominó Microsoft. XmlDom y se creaba así: var oxmldom = new ActiveXObject("Microsoft.XmlDom"); Los objetos DOM de XML más recientes se comportan como cualquier otro objeto DOM, permitiéndonos recorrer el árbol del modelo DOM y manipular nodos DOM. Dado que existen 6 versiones diferentes siempre desearemos utilizar la más reciente, es muy útil emplear una función para determinar qué versión podemos usar. Haciéndolo, nos aseguramos de disponer del soporte más actualizado y del mejor rendimiento. function creadocumento(){ //Creo array de versiones var aversion = "MSXML2.DOMDocument.6.0", "MSXML2.DOMDocument.5.0", "MSXML2.DOMDocument.4.0","MSXML2.DOMDocument.3.0", "MSXMI.2.DOMDocument", "Microsoft.XmlDom"]; //Recorro en búsqueda for (var i =0;i < aversion.length; i++) { try { var oxmldom = new ActiveXObject (aversion[i]); consola(aversion[i]); return oxmldom; catch (oerror){ consola(oerror.description + " " + oerror); throw new Error("MSXML no está instalado"); Esta función recorre toda la matriz aversion que contiene las cadenas de versión de los distintos documentos DOM MSXML. Empieza el recorrido con la versión más reciente, DOMDocument.6.0, e intenta (try) crear el documento DOM. Si la creación del objeto tiene éxito, se devuelve y creadocumento() existe. Además escribe el nombre de la versión creada en la consola. Si falla (catch), se produce un error que se depura en el bloque try..catch, de forma que el bucle continúa. En este caso se escribe en la consola la descripción del error. Como el tratamiento es diferente en Explorer y Mozilla se apaña con una suma de ambas interpretaciones para que se pueda leer cual es el error. Si falla la creación del documento MSXML, se genera un error por Javascript (en caso de Mozilla, claro) indicando que MSXML no está instalado. 5
6 Para que funciones debemos hacer algo como: function encarga() { var oxlmdom = creadocumento(); En la práctica sólo comprobamos si soporta la versión 4, en caso contrario tomamos Microsoft.XmlDom 4.- El DOM de XML en Firefox Cuando llega la hora de implementar el DOM de XML en Mozilla Firefox, los desarrolladores adoptan un método de aproximación más centrado en los estándares convirtiéndolo en parte de una implementación de JavaScript. Así, Mozilla asegura el soporte DOM de XML en todas las plataformas de todos los navegadores basados en Gecko. Para crear un DOM de XML en Firefox, debemos llamar al método createdocument () correspondiente al objeto document. implementation. Este método acepta tres argumentos: 1. Una cadena que contiene el espacio de nombres URI para el documento que se desea utilizar 2. Es una cadena que contiene el nombre cualificado del elemento raíz del documento 3. El tipo de documento (también conocido como doctype) que deseamos crear. Actualmente no hay soporte JavaScript para tipos de documentos en Firefox, de forma que el tercer argumento debería ser siempre null. Los nombres de los espacios de nombres XML pueden aparecer como nombres cualificados, que contienen un símbolo de dos puntos (:) que divide al nombre en un prefijo del espacio de nombres y una parte local. El prefijo, que corresponde a la referencia URI, selecciona un espacio de nombres. La combinación del espacio de nombres URI gestionado universalmente y del espacio de nombres propio del documento produce identificadores que son únicos a nivel universal. Se proporcionan mecanismos para definir el ámbito de los prefijos y los valores por defecto. Para crear un documento DOM vacío, podemos hacer lo siguiente: var oxmldom = document.implementation.createdocument(,,null); Para crear un DOM de XML con un elemento de documento, especifique el nombre de la etiqueta en el segundo argumento: var oxmldom = document.implementation.createdocument(, libros,null); Este código crea un DOM de XML cuyo documentelement es <libros/>. 6
7 Especificando el espacio de nombres URI en el primer argumento: var oxmldom = document.implementation.createdocument (" "libros", null) Cuando especificamos un espacio de nombres en el método createdocument (), Firefox asígna automáticamente el prefijo 0 para representar el espacio de nombres URL <a0:libros xmlns:a0="http: // /> 5.- XML en plataformas cruzadas ( Siempre es necesario tener en cuenta las diferencias del código Javascript entre las plataformas cruzadas. Para ello diseñamos esta función de Javascript. <html> <head> <script type="text/javascript"> var xmldoc; var navegador; function cargadocumento() { // code for IE if (window.activexobject){ xmldoc=new ActiveXObject("Microsoft.XMLDOM"); navegador = IE ; consola("ie") // code for Mozilla, Firefox, Opera, etc. else if (document.implementation && document.implementation.createdocument) { xmldoc=document.implementation.createdocument("","",null); navegador = FI ; consola("mozilla, Firefox u Opera") // Error else { consola("este navegador no soporta DOM"); consola(xmldoc); function consola(txt){ var con = document.getelementbyid("consola"); con.innerhtml += txt + "<br> "; </script> </head> <body onload="cargadocumento()"> <div id="consola"></div> </body> </html> 7
8 En este ejemplo aparecerá en la consola el navegador que estamos usando. En caso de que el navegador soporte ActiveXObject escribirá IE, en caso de que soporte document.implementation y este permita crear documentos estamos ante Firefox y en caso de que no lo soporte entonces pintará un error. Aprovechamos para guardar en la variable navegador de que navegador se trata. 6.- Carga de un documento XML (o html) Ambos navegadores soportan el método de cargar XML con load() que se puede combinar con el método ASYNC. LOAD() Permite cargar una un archivo XML en una localización específica en la Web. ASYNC Como sucede con XMLHttp (AJAX), load () nos permite cargar los datos en dos modos: asíncrono y sincrónico. Por defecto, el método load () es asíncrono. Para utilizar el modo sincrónico, debemos configurar async del objeto MSXML como false. function cargaxml(dir){ cargadocumento(); xmldoc.async = false; try {xmldoc.load(dir); catch (oerror) {consola(oerror.description + oerror);return false; var raiz = xmldoc.documentelement; consola(texto(raiz)) Creamos esta función que intenta cargar la dirección indicada. Si falla capturamos el error y lo mostramos en la consola. Si no falla mostramos lo que vale xmldoc. Para mostrar el contenido del XML cargado hemos recurrido a una función que recorre todo el árbol XML y que recoge cada valor de cada nodo con el fin de que sea compatible en ambos navegadores. Adelantándonos en el tema (luego se explica cada método) usaremos este visor de contenido de lo que cargamos: function texto(onodo){ var tt = ""; for (var i=0; i<onodo.childnodes.length; i++){ if(onodo.childnodes[i].haschildnodes()) { tt += texto(onodo.childnodes[i]) else {tt += onodo.childnodes[i].nodevalue; return tt; EJERCICIOS: Qué ocurre si probamos un XML local? 1.- En Firefox 2.- En iexplorer 8
9 <platos> <primeros> <nombre>macarrones</nombre> <fecha>sun, 30 Dec :00: </fecha> </primeros> <primeros> <nombre>paella</nombre> <fecha>fri, 30 Dec :00: </fecha> </primeros> </platos> <body onload="cargaxml( carga_xml.xml )";> Qué ocurre si probamos un RSS (que es XML) de un dominio externo al que cargamos esta función? <body onload="cargaxml(' 3.- Prueba desde un dominio ( ) qué ocurre con Firefox? Qué ocurre con iexplorer? 4.- Prueba desde una dirección de disco (G:\curso_dom_ajax_xml\ tema3\ejercicios\carga_xml.html) qué ocurre con Firefox? y con iexplorer? 5.- Qué ocurre si probamos con un XML mal formado / no válido? <platos> <primeros> <nombre>macarrones</nombre> <fecha>sun, 30 Dec :00: </fecha> </primeros> <primeros> <nombre>paella</nombre> <fecha>fri, 30 Dec :00: </fecha> </primeros> </kk> Cuando trabajamos en modo asíncrono ASYNC= true entonces el script continua aunque el XML no se haya cargado (igual que ocurre con AJAX). Para controlar si se ha terminado de cargar necesitamos el evento de onreadystatechange que permite monotorizar la propiedad readystate. Por desgracia es solo de Explorer. El Firefox usa el evento Load y el manejador de envento onload. Cruzando ambos navegadores saldría: 9
10 function cargaxml(dir){ cargadocumento(); xmldoc.async = true; xmldoc.load(dir); if (navegador== IE ){ xmldoc.onreadystatechange = function(){ if (xmldoc.readystate == 4){ var raiz = xmldoc.documentelement; consola(texto(raiz)); else { consola(xmldoc.readystate + " sentado esperado"); ; else{ xmldoc.onload = function(){ var raiz = xmldoc.documentelement; consola(texto(raiz)); Lo cual es un lío: mientras que iexplorer si espera a que se cargue la página (gracias a readystate que se me te en un bucle igual que hacía AJAX), Gecko no. Es por eso que evitaremos usar el DOM de esta manera. Concretamente, en este ejemplo, en la parte que se refiere a Explorer: xmldoc.onreadystatechange = function(){ if (xmldoc.readystate == 4){ var raiz = xmldoc.documentelement; consola(texto(raiz)); else { consola(xmldoc.readystate + "sentado esperado"); ; El documento XML que se indica en la variable dir (por ejemplo rss.xml ) se carga en el DOM de XML. Cuando readystate alcanza el valor 4, significa que el documento se ha cargado por completo y se ejecuta el código que se encuentra dentro del bloque if. LOADXML (loadxml) solo iexplorer La segunda forma de cargar datos XML, loadxml (), difiere del método load () en que se carga XML desde una cadena. Esta cadena debe contener código XML bien formado, como en el siguiente ejemplo: var sxml = "<root><persona><nombre>pepe Pepe Oreja Repe</nombre></persona></root>"; XmlDoc.loadXML(sXml); Aquí, los datos XML contenidos en la variable sxml se cargan en el documento XmlDoc. No hay ninguna razón para comprobar la propiedad readystate o para configurar la propiedad async cuando empleamos loadxml(), ya que no implica ninguna petición al servidor. El método loadxml () no existe en la implementación en Firefox. Sin embargo, es posible emular su comportamiento mediante la clase DOMParser. DOMParser dispone de un método llamado parsefromstring (), que carga una cadena y la inicializa en un documento: 10
11 var oparser = new DOMParser(); xmldoc = oparser.parsefromstring(txt,"text/xml"); El método parsefromstring () devuelve un objeto DOM de XML, de forma que podemos tratar XmlDoc en este código como uno de estos objetos. El código cruzado quedaría: function cargatxtxml(){ cargadocumento(); if(navegador=="ie") xmldoc.loadxml(txt); else { var oparser = new DOMParser(); xmldoc = oparser.parsefromstring(txt,"text/xml"); var raiz = xmldoc.documentelement; consola(texto(raiz)); ; 11
La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.
PLANTILLAS EN PHP El concepto de plantilla, es un criterio del desarrollo web que propone optimizar la cantidad de documentos HTML que se usan en el desarrollo de un sitio web. A lo largo de la navegación
Más detallesInternet Information Server
Internet Information Server Internet Information Server (IIS) es el servidor de páginas web avanzado de la plataforma Windows. Se distribuye gratuitamente junto con las versiones de Windows basadas en
Más detallesAGREGAR COMPONENTES ADICIONALES DE WINDOWS
INSTALACIÓN DE IIS EN WINDOWS XP El sistema está desarrollado para ejecutarse bajo la plataforma IIS de Windows XP. Por esta razón, incluimos la instalación de IIS (Servidor de Web) para la correcta ejecución
Más detallesCurso PHP Módulo 1 R-Luis
Lenguaje PHP Introducción Archivos HTML y PHP: Crear un archivo php es tan sencillo como cambiarle la extensión a un archivo html, por ejemplo podemos pasar de index.html a index.php sin ningún inconveniente.
Más detallesCorreo Electrónico: Webmail: Horde 3.1.1
CONTENIDOS: PAGINA Qué es Webmail?. 2 Acceder a Webmail. 2 Instilación del Certificado UCO. 4 Instilación Certificado I.explorer. 4 Instilación Certificado Firefox. 7 Opciones Webmail. 8 Opciones Información
Más detallesEdición de Ofertas Excel Manual de Usuario
Edición de Ofertas Excel Manual de Usuario Alfonso XI, 6 28014 Madrid F(+34) 91 524 03 96 www.omie.es Ref. MU_OfertasExcel.docx Versión 4.0 Fecha: 2012-11-26 ÍNDICE 1 INTRODUCCIÓN 3 2 CONSIDERACIONES DE
Más detallesCreación de materiales didácticos Aplicaciones para dispositivos móviles Lección 4
Creación de materiales didácticos Aplicaciones para dispositivos móviles Lección 4 Bases de datos Índice de contenido Introducción...3 Bases de datos locales: TinyDB... 4 Compartir datos: TinyWebDB...
Más detallesEn cualquier caso, tampoco es demasiado importante el significado de la "B", si es que lo tiene, lo interesante realmente es el algoritmo.
Arboles-B Características Los árboles-b son árboles de búsqueda. La "B" probablemente se debe a que el algoritmo fue desarrollado por "Rudolf Bayer" y "Eduard M. McCreight", que trabajan para la empresa
Más detallesJavascript parte II: AJAX
Tema 3 Javascript parte II: AJAX Texto http://www.flickr.com/photos/kosmar/62381076 Asynchronous JavaScript and XML. O cómo hacer peticiones al servidor desde Javascript AJAX (Asynchronous JavaScript And
Más detallesIntervención General de la Administración del Estado
SECRETARÍA DE ESTADO DE PRESUPUESTOS Y GASTOS INTERVENCIÓN GENERAL DE LA ADMINISTRACIÓN DEL ESTADO SUBDIRECCIÓN GENERAL DE APLICACIONES DE COSTES DE PERSONAL ACTIVO Y PASIVO Intervención General de la
Más detallesInstalar protocolo, cliente o servicio nuevo. Seleccionar ubicación de red. Práctica - Compartir y conectar una carpeta
Configuración de una red con Windows Aunque existen múltiples sistemas operativos, el más utilizado en todo el mundo sigue siendo Windows de Microsoft. Por este motivo, vamos a aprender los pasos para
Más detallesArchivo de correo con Microsoft Outlook contra Exchange Server
Archivo de correo con Microsoft Outlook contra Exchange Server Resumen Con este proceso de archivado, lo que pretendemos es guardar nuestro correo en un archivo de datos, para así poder realizar una copia
Más detallesUNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS
UNIVERSIDAD DE MEDELLÍN MANUAL DE USUARIO GESTOR DE CONTENIDOS NUEVO PORTAL WEB TABLA DE CONTENIDO Tabla de Contenido 2 Consideraciones Iniciales 3 Ingreso al Sistema 4 Opciones de Gestor de contenidos
Más detallesConciliación bancaria en CheqPAQ Cargado de estado de cuenta
Conciliación bancaria en CheqPAQ Cargado de estado de cuenta Introducción Con la finalidad de mantenerte informado respecto a todos los cambios y mejoras de los productos de CONTPAQ i, ponemos a tu disposición
Más detallesAGREGAR UN EQUIPO A UNA RED Y COMPARTIR ARCHIVOS CON WINDOWS 7
Tutoriales de ayuda e información para todos los niveles AGREGAR UN EQUIPO A UNA RED Y COMPARTIR ARCHIVOS CON WINDOWS 7 Como agregar a una red existente un equipo con Windows 7 y compartir sus archivos
Más detallesMINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007
MINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007 Servicio de Informática y Comunicaciones Para poder diseñar un formulario y que éste nos envíe los resultados a nuestro correo electrónico, necesitamos
Más detallesLiLa Portal Guía para profesores
Library of Labs Lecturer s Guide LiLa Portal Guía para profesores Se espera que los profesores se encarguen de gestionar el aprendizaje de los alumnos, por lo que su objetivo es seleccionar de la lista
Más detallesSquipy v1.1. 0.-Introducción
Squipy v1.1 0.-Introducción Squipy es un sencillo proxy que permite filtrar y modificar los datos que se envían desde el navegador hacia un servidor web. El interfaz está en castellano y en inglés y su
Más detallesCapítulo 1 Documentos HTML5
Capítulo 1 Documentos HTML5 1.1 Componentes básicos HTML5 provee básicamente tres características: estructura, estilo y funcionalidad. Nunca fue declarado oficialmente pero, incluso cuando algunas APIs
Más detallesREDES DE ÁREA LOCAL. APLICACIONES Y SERVICIOS EN WINDOWS
REDES DE ÁREA LOCAL. APLICACIONES Y SERVICIOS EN WINDOWS Servicio DNS - 1 - Servicio DNS...- 3 - Definición... - 3 - Instalación... - 5 - Configuración del Servidor DNS...- 10 - - 2 - Servicio DNS Definición
Más detallesManual CMS Mobincube
Manual CMS Mobincube CMS Mobincube Qué es? El CMS (Sistema de Gestión de Contenidos) es un completo website que permite la creación y actualización de contenido remoto. De esta forma, una vez creada una
Más detalles(PHP y APACHE), y el programa de comunicación Skype, para controlar de manera
Capítulo 4. Llamada Telefónica En este capítulo se explicará la manera en que se configuraron las herramientas web (PHP y APACHE), y el programa de comunicación Skype, para controlar de manera dinámica
Más detallesLa ventana de Microsoft Excel
Actividad N 1 Conceptos básicos de Planilla de Cálculo La ventana del Microsoft Excel y sus partes. Movimiento del cursor. Tipos de datos. Metodología de trabajo con planillas. La ventana de Microsoft
Más detallesJavaScript,, AJAX y otras tecnologías web. Área de Ingeniería Telemática
JavaScript,, AJAX y otras tecnologías Contenidos JavaScript AJAX Flash 2 JavaScript Lenguaje interpretado como PHP, pero se ejecuta en cliente no en servidor Sintaxis semejante a la del lenguaje Java y
Más detallesIntroducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Accediendo a los contenidos
Plataforma Moodle Accediendo a los contenidos Formatos ----------------------------------------------------------------------- 2 Glosarios -----------------------------------------------------------------------
Más detallesCuando hacemos uso de los grupos, se tendrán los permisos asignados al grupo, en todas las carpetas y documentos del sitio.
En Sharepoint se puede controlar quién y cómo podrá acceder a las carpetas y documentos. Deberá ser la persona encargada de la administración del sitio quien lo gestione a través de los Grupos, aunque
Más detallesObjetivo: Introducción conceptual y aplicación básica de los lenguajes del lado del servidor.
Sesión 03: Lenguajes web del servidor Competencias a Conseguir: - Conocer el entorno de trabajo a nivel de servidores web. - Instalación del localhost (Servidor Local). - Repaso general de PHP y ejercicios
Más detallesConexión a red LAN con servidor DHCP
Introducción Explicación Paso 1 Paso 2 Paso 3 Paso 4 Paso 5 Paso 6 Paso 7 Paso 8 Paso 9 Paso 10 Materiales: Disco de sistema operativo. Tiempo: 5 minutos Dificultad: Baja Descripción Proceso que permite
Más detallesTEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS
TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS 1) EL PEQUEÑO EDITOR El Bloc de notas de Windows XP es un básico editor de texto con el que podemos escribir anotaciones, de hasta 1024 caracteres por línea y
Más detallesRedes de área local: Aplicaciones y servicios WINDOWS
Redes de área local: Aplicaciones y servicios WINDOWS 4. Servidor DNS 1 Índice Definición de Servidor DNS... 3 Instalación del Servidor DNS... 5 Configuración del Servidor DNS... 8 2 Definición de Servidor
Más detallesMANUAL DE INSTALACIÓN DEL COMPONENTE WEBSIGNER ACTIVEX. Versión 4.0
MANUAL DE INSTALACIÓN DEL COMPONENTE WEBSIGNER ACTIVEX Versión 4.0 1 Control Versión 1.0 Fecha: 01-07-2011 Modificaciones: Primera versión. Versión 2.0 Fecha: 22-09-2011 Modificaciones: Adaptado a websigner
Más detallesTEMA 4: EMPEZANDO A NAVEGAR ESCUELA UNIVERSITARIA DE INFORMÁTICA. Raúl Martín Martín
TEMA 4: EMPEZANDO A ESCUELA UNIVERSITARIA DE INFORMÁTICA NAVEGAR Raúl Martín Martín SERVICIOS DE INTERNET SERVICIOS DE INTERNET Las posibilidades que ofrece Internet se denominan servicios. Hoy en día,
Más detallesPráctica de introducción a
Práctica de introducción a XML El trabajo consiste en una introducción al uso del lenguaje XML y su aplicación en documentos y sistemas de caracteristicas multimedia. 1.- Qué es XML? XML (extensible Markup
Más detallesCrear la base de datos antes de la instalación de Wordpress.
Introducción En este tutorial básico sobre instalar Wordpress en tu propio hosting mediante un panel de control cpanel y aprenderás como personalizar las bases de datos MySQL que utiliza Wordpress. Para
Más detallesARQUITECTURA DE DISTRIBUCIÓN DE DATOS
4 ARQUITECTURA DE DISTRIBUCIÓN DE DATOS Contenido: Arquitectura de Distribución de Datos 4.1. Transparencia 4.1.1 Transparencia de Localización 4.1.2 Transparencia de Fragmentación 4.1.3 Transparencia
Más detallesProceso de cifrado. La fortaleza de los algoritmos es que son públicos, es decir, se conocen todas las transformaciones que se aplican al documento
Qué es AT-Encrypt nos permitirá dotar de contraseña a cualquier documento o carpeta. Este documento o carpeta sólo será legible por aquel que conozca la contraseña El funcionamiento del cifrado (o encriptación)
Más detallesPROGRAMACIÓN PÁGINAS WEB CON PHP
PROGRAMACIÓN PÁGINAS WEB CON PHP Curso de desarrollo de aplicaciones web. Para ello se estudia la programación de la parte cliente con JavaScript y la programación de la parte servidor con la tecnología
Más detallesIntroducción a PHP. * No es necesario declarar previamente las variables.
Introducción a PHP La programación de sitios web cada día está más orientada al desarrollo de páginas dinámicas y aplicaciones, o sea sitios donde el usuario pueda interactuar con la web. Dentro de los
Más detallesPrograma. Conceptos básicos: variables, valores y objetos predefinidos, operadores, etc. etc. Callbacks, eval(), etc.
Programa Programa 1. Introducción. Repaso HTML-CSS. Orientaciones Generales. 2. Javascript: Qué es? Dónde se ejecuta? Cómo se ejecuta? Conceptos básicos: variables, valores y objetos predefinidos, operadores,
Más detallesManual de uso de la plataforma para monitores. CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib
Manual de uso de la plataforma para monitores CENTRO DE APOYO TECNOLÓGICO A EMPRENDEDORES -bilib [Manual de uso de la plataforma para monitores] 1. Licencia Autor del documento: Centro de Apoyo Tecnológico
Más detallesManual del panel. Core-Admin
Manual del panel Core-Admin - Manual del panel Core-Admin ÍNDICE 1. Introducción...3 2. Requisitos iniciales...3 2.1. Navegadores soportados...3 2.2. Javascript y Java...3 3. Usar Core-Admin...3 3.1. Acceder
Más detallesUso de Visual C++ Pre-Practica No. 3
Pre-Practica No. 3 Uso de Visual C++ Microsoft Visual C++ 2010 es una versión de Visual Studio específica para el lenguaje de programación C++. Es un entorno de desarrollo muy completo y profesional. Por
Más detallesRoberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez. Qué es DOM?
DOM y PHP Roberto Gómez Cárdenas rogomez@itesm.mx http://homepage.cem.itesm.mx/rogomez mx/rogomez Lámina 1 Qué es DOM? Document Object Model Especificación de W3C http://www.w3.org/dom/ w3 Mecanismo para
Más detallesCONSULTAS CON SQL. 3. Hacer clic sobre el botón Nuevo de la ventana de la base de datos. Aparecerá el siguiente cuadro de diálogo.
CONSULTAS CON SQL 1. Qué es SQL? Debido a la diversidad de lenguajes y de bases de datos existentes, la manera de comunicar entre unos y otras sería realmente complicada a gestionar de no ser por la existencia
Más detallesIntroducción... 2. Delicious... 2. Algunas características:... 2. Sitio para acceder a esta herramienta... 2. Qué es Delicious?...
Delicious Índice Introducción... 2 Delicious... 2 Algunas características:... 2 Sitio para acceder a esta herramienta... 2 Qué es Delicious?... 2 Tutorial Delicious... 3 Cómo guardar favoritos... 5 Otros
Más detallesGENERACIÓN DE TRANSFERENCIAS
GENERACIÓN DE TRANSFERENCIAS 1 INFORMACIÓN BÁSICA La aplicación de generación de ficheros de transferencias permite generar fácilmente órdenes para que la Caja efectúe transferencias, creando una base
Más detallesDOCUMENTOS COMPARTIDOS CON GOOGLE DOCS
DOCUMENTOS COMPARTIDOS CON GOOGLE DOCS 1. Introducción Los ambientes de aprendizaje acompañados de trabajos colaborativos como estrategia se revierten en actividades de diferente índole (análisis de videos,
Más detallesAyuda para la instalación Componente Firma Digital INDICE. 1 Configuración previa...2. 1.1 Configuración Internet Explorer para ActiveX...
INDICE 1 Configuración previa...2 1.1 Configuración Internet Explorer para ActiveX...2 1.2 Problemas comunes en sistema operativo Windows...8 1.2.1 Usuarios con sistema operativo Windows XP con el Service
Más detallesJornadas de INCLUSION DIGITAL. a través de las TIC ORGANIZAN: CAPACITA: CLAEH
Jornadas de INCLUSION DIGITAL a través de las TIC ORGANIZAN: CAPACITA: CLAEH PRINCIPIOS DE LA NAVEGACIÓN EN INTERNET QUÉ ES EL EXPLORADOR WEB? El explorador Web es la herramienta creada para el uso y explotación
Más detallesTutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos
1. Objetivos Este tema de introducción es el primero que debe seguir un alumno para asegurar que conoce los principios básicos de informática, como el manejo elemental del ratón y el teclado para gestionar
Más detallesTEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE)
1. Introducción. TEMA 20 EXP. WINDOWS PROC. DE TEXTOS (1ª PARTE) El Explorador es una herramienta indispensable en un Sistema Operativo ya que con ella se puede organizar y controlar los contenidos (archivos
Más detallesPowerPoint 2010 Modificar el diseño de las diapositivas
PowerPoint 2010 Modificar el diseño de las diapositivas Contenido CONTENIDO... 1 MODIFICAR EL DISEÑO DE LAS DIAPOSITIVAS... 2 DISEÑO DE DIAPOSITIVAS EN POWERPOINT WEB APP... 13 1 Modificar el diseño de
Más detallesInstituto Tecnológico Las Américas (ITLA) Sistemas Operativos 3 (SO3) Daniel Alejandro Moreno Martínez. Matrícula: 2010-2946.
Instituto Tecnológico Las Américas (ITLA) Sistemas Operativos 3 (SO3) Daniel Alejandro Moreno Martínez Matrícula: 2010-2946 How to How to: Web Server (Apache)!!! Servidor Web El servidor HTTP Apache es
Más detallesAPI. Administración Portuaria Integral, Veracruz. Manual de Usuario del software para generar la programación de conceptos de Obras...
. Subgerencia de Informática Manual de Usuario del software para generar la programación de conceptos de Obras.......... Administración Portuaria Integral, Veracruz API 1. Introducción. Este manual está
Más detalles3. Número inicial y número final de mensajes mostrados en la página actual.
Sistema WEBmail El sistema WEBmail permite el acceso rápido y sencillo a su buzón de correo utilizando un navegador de páginas Web. Normalmente es usado como complemento al lector de correo tradicional,
Más detalles15 CORREO WEB CORREO WEB
CORREO WEB Anteriormente Hemos visto cómo funciona el correo electrónico, y cómo necesitábamos tener un programa cliente (Outlook Express) para gestionar los mensajes de correo electrónico. Sin embargo,
Más detallesDescripción del tutorial. Contenidos. www.facebook.com/codigonexogr. @codigonexo. www.plus.google.com/+codigonexogr/
www.facebook.com/codigonexogr @codigonexo www.plus.google.com/+codigonexogr/ Contenidos 1. Introducción al patrón MVC 1.1.Conceptos básicos Qué es un patrón 1.2.Estructura del patrón MVC 1.3.Cómo funciona
Más detallesCOMPROBACIONES BÁSICAS PARA EL USO DE FIRMA EN EL RTC
TITULO: COMPROBACIONES BÁSICAS PARA EL USO DE FIRMA EN EL RTC RESUMEN: La idea de este documento es mostrar una serie de acciones y ayudas básicas para intentar determinar y solucionar problemas en la
Más detallesINTRODUCCIÓN A LA PROGRAMACIÓN WEB UNIDAD. Estructura de contenidos: http://www.ucv.edu.pe/cis/ cisvirtual@ucv.edu.pe. 1.
INTRODUCCIÓN A LA PROGRAMACIÓN WEB UNIDAD 1 Estructura de contenidos: 1. Programación Web 2. Sistema De Información 3. Sistema Web 4. Requisitos Para Sistemas Web Con Asp 5. Internet Information Server
Más detallesTEMA 9 CREACIÓN DE PÁGINAS WEB
TEMA 9 CREACIÓN DE PÁGINAS WEB OBJETIVOS Conocer las páginas web y sus elementos. Insertar tablas, capas, enlaces en las páginas web. Crear páginas web con NVU. Crear un sitio web. Configurar un sitio
Más detallesManual de NVU Capítulo 5: Las hojas de estilo
Manual de NVU Capítulo 5: Las hojas de estilo Pág. 1 Manual de NVU Capítulo 5: Las hojas de estilo Reconocimiento-NoComercial-CompartirIgual 2.5 España Realizado por: Julio Ruiz Palmero (Universidad de
Más detallesMANUAL INSTALACIÓN ABOGADOS MF
MANUAL INSTALACIÓN ABOGADOS MF Entornos de instalación PARA TRABAJAR EN RED - Disponiendo de un servidor dedicado. 32 bits (x86) (RECOMENDADA) Windows XP, Vista, 7, 8 u 8.1, tanto a 32 bits (x86) como
Más detallesTutorial: Primeros Pasos con Subversion
Tutorial: Primeros Pasos con Subversion Introducción Subversion es un sistema de control de versiones open source. Corre en distintos sistemas operativos y su principal interfaz con el usuario es a través
Más detallesInternet Information Server
Internet Information Server Internet Information Server 5.0 es un servidor web, que incluye los servicios de HTTP, HTTPS, FTP, SMTP (correo saliente) y NNTP (grupos de noticias). Además es capaz de ejecutar
Más detallesNORMA 34.14(SEPA) 05/11/2013
NORMA 34.14(SEPA) 05/11/2013 1. Descripción La aplicación de generación de ficheros de transferencias permite generar fácilmente órdenes para que se efectúe el pago de transferencias a los beneficiarios
Más detallesCreación y administración de grupos de dominio
Creación y administración de grupos de dominio Contenido Descripción general 1 a los grupos de Windows 2000 2 Tipos y ámbitos de los grupos 5 Grupos integrados y predefinidos en un dominio 7 Estrategia
Más detallesMANUAL DE INSTALACIÓN Y CONFIGURACIÓN
MANUAL DE INSTALACIÓN Y CONFIGURACIÓN Requisitos mínimos para la instalación. Servidor APACHE. Base de Datos MySQL. PHP 5. Cuenta FTP. PhpMyAdmin. Instalación. Para descargar la última versión de Drupal
Más detallesEjercicio: Mensajes Alert, Confirm y Prompt
Ejercicio: Mensajes Alert, Confirm y Prompt Utilizando Javascript podemos crear tres diferentes tipos de mensajes emergentes que se pueden usar para mostrar información, obtener confirmación u obtener
Más detallesSEGUNDA PARTE: DOM y jquery
SEGUNDA PARTE: DOM y jquery 1. Conoce a jquery jquery jquery: Una librería javascript MUY popular Colección de utilidades y herramientas Para manipular los elementos de la página - Contenido - Atributos
Más detallesConfiguracion Escritorio Remoto Windows 2003
Configuracion Escritorio Remoto Windows 2003 Instalar y configurar servicio de Terminal Server en Windows 2003 Fecha Lunes, 25 diciembre a las 17:04:14 Tema Windows (Sistema Operativo) Os explicamos cómo
Más detallesQUE ES UN SERVIDOR DNS POR: ING-ESP PEDRO ALBERTO ARIAS QUINTERO. Este Es un documento donde se comentan algunos aspectos de un servidor DNS
QUE ES UN SERVIDOR DNS POR: ING-ESP PEDRO ALBERTO ARIAS QUINTERO Este Es un documento donde se comentan algunos aspectos de un servidor DNS SERVIDOR DNS Que tareas realizan, como funcionan y que importancia
Más detallesConfiguración de correo en Mozilla Thunderbird
Configuración de correo en Mozilla Thunderbird INTRODUCCIÓN El propósito de este manual es configurar nuestro cliente de correo Mozilla Thunderbird. Podremos añadir nuevas cuentas o cambiar los parámetros
Más detallesCómo capturar páginas web con el programa GNU Wget
Cómo capturar páginas web con el programa GNU Wget Raúl Araya, Judit Feliu, Mercedes Suárez {raul.araya; judit.feliu; mercedes.suarez}@iula.upf.es Qué es GNU Wget? Una utilidad de código abierto (GNU)
Más detallesQue es Velneo vdataclient V7?
Página 1 de 14 Que es Velneo vdataclient V7? Es el cliente de datos que nos permitirá de una forma remota acceder como administrador a una base de datos, observar el estado de la información e interactuar
Más detallesPowerPoint 2010 Hipervínculos y configuración de acciones
PowerPoint 2010 Hipervínculos y configuración de acciones Contenido CONTENIDO... 1 HIPERVÍNCULOS... 2 CONFIGURACIÓN DE ACCIONES... 6 HIPERVÍNCULOS EN POWERPOINT WEB APP... 8 1 Hipervínculos En Microsoft
Más detallesCAPÍTULO VI PREPARACIÓN DEL MODELO EN ALGOR. En este capítulo, se hablará acerca de los pasos a seguir para poder realizar el análisis de
CAPÍTULO VI PREPARACIÓN DEL MODELO EN ALGOR. En este capítulo, se hablará acerca de los pasos a seguir para poder realizar el análisis de cualquier modelo en el software Algor. La preparación de un modelo,
Más detallesMANUAL DE USUARIO DE CUENTAS DE CORREO
MANUAL DE USUARIO DE CUENTAS DE CORREO Existen dos formas de consultar el correo, por Interfaz Web (Webmail), la cual se realiza desde un navegador de Internet, o mediante un cliente de Correo, tal como
Más detallesUNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE
PROGRAMA: TUTORÍA VIRTUAL EN AMBIENTES DE APRENDIZAJE UNIDAD DIDÁCTICA Nº 7 USO DE LOS RECURSOS EN MOODLE 1 USO DE LOS RECURSOS EN MOODLE 1. Tipos de Recursos 2. Editar Páginas de Texto o Web 3. Enlazar
Más detallesCentro de Capacitación en Informática
Fórmulas y Funciones Las fórmulas constituyen el núcleo de cualquier hoja de cálculo, y por tanto de Excel. Mediante fórmulas, se llevan a cabo todos los cálculos que se necesitan en una hoja de cálculo.
Más detallesManual de Uso XML-Whois de Neubox. Manual del Sistema de XML Whois de Neubox Versión 9.12.4
Manual del Sistema de XML Whois de Neubox Versión 9.12.4 1 Índice Sección Página I. Introducción........ 3 II. Contenido del paquete............ 4 III. Instalación y uso....... 5 1. Cómo comprobar la plantilla......
Más detallesCapítulo 9. Archivos de sintaxis
Capítulo 9 Archivos de sintaxis El SPSS permite generar y editar archivos de texto con sintaxis SPSS, es decir, archivos de texto con instrucciones de programación en un lenguaje propio del SPSS. Esta
Más detallesLa utilización de las diferentes aplicaciones o servicios de Internet se lleva a cabo respondiendo al llamado modelo cliente-servidor.
Procesamiento del lado del servidor La Programación del lado del servidor es una tecnología que consiste en el procesamiento de una petición de un usuario mediante la interpretación de un script en el
Más detallesSistema de Contabilidad General. Contenido. www.promotors.com.mx ACTUALIZACION A PROCONTA 6.0
ACTUALIZACION A PROCONTA 6.0 Contenido Actualización del dispositivo de seguridad Sentinel... 2 Proceso de Autorización:... 2 IMPORTANTE:... 2 Entrada al Sistema... 3 Nuevas configuraciones... 4 Configurar
Más detallesMicrosoft Access proporciona dos métodos para crear una Base de datos.
Operaciones básicas con Base de datos Crear una Base de datos Microsoft Access proporciona dos métodos para crear una Base de datos. Se puede crear una base de datos en blanco y agregarle más tarde las
Más detallesMantenimiento Limpieza
Mantenimiento Limpieza El programa nos permite decidir qué tipo de limpieza queremos hacer. Si queremos una limpieza diaria, tipo Hotel, en el que se realizan todos los servicios en la habitación cada
Más detallesMICROSOFT FRONTPAGE Contenido
MICROSOFT FRONTPAGE Contenido CREAR UN SITIO WEB... 2 MARCOS... 5 FONDO DE LA PÁGINA... 7 MARQUESINAS... 8 CREAR HIPERVÍNCULOS... 9 BOTONES ACTIVABLES... 11 LOS MAPAS DE IMÁGENES... 13 INSERTAR SONIDOS...
Más detallesMATERIAL 2 EXCEL 2007
INTRODUCCIÓN A EXCEL 2007 MATERIAL 2 EXCEL 2007 Excel 2007 es una planilla de cálculo, un programa que permite manejar datos de diferente tipo, realizar cálculos, hacer gráficos y tablas; una herramienta
Más detallesDesarrollo Web en Entorno Servidor
Desarrollo Web en Entorno Servidor Tema 1: Introducción 1. Tipos de páginas Web. 2. Instalación del software. (XAMPP) 1 Tipos de páginas Web. Páginas estáticas. Páginas dinámicas. 2 Tipos de páginas Web.
Más detallesMANUAL DE USUARIO. Webservice simple para la exportación rápida de información proveniente de una base de datos. Versión 0,1,1
MANUAL DE USUARIO Webservice simple para la exportación rápida de información proveniente de una base de datos Versión 0,1,1 Jorge Iván Meza Martínez INTRODUCCIÓN Esta aplicación permite
Más detallesGUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII
GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII GUIA DISPONIBLE EN: http://preparadorivan.blogspot.com/ - http://preparadormssi.50webs.com/inicio.html La World Wide Web o la Web, es una de las múltiples
Más detallesIntroducción a la Firma Electrónica en MIDAS
Introducción a la Firma Electrónica en MIDAS Firma Digital Introducción. El Módulo para la Integración de Documentos y Acceso a los Sistemas(MIDAS) emplea la firma digital como método de aseguramiento
Más detallesAUTORIZACIÓN DE COMERCIALIZACIÓN EXCEPCIONAL DE MEDICAMENTOS DE USO HUMANO GUÍA PARA LA SOLICITUD DE UNA AUTORIZACIÓN DE COMERCIALIZACIÓN EXCEPCIONAL
AUTORIZACIÓN DE COMERCIALIZACIÓN EXCEPCIONAL DE MEDICAMENTOS DE USO HUMANO GUÍA PARA LA SOLICITUD DE UNA AUTORIZACIÓN DE COMERCIALIZACIÓN EXCEPCIONAL Versión: 20/10/2008-1 - ÍNDICE 1 Descripción general
Más detallesPRUEBAS DE SOFTWARE TECNICAS DE PRUEBA DE SOFTWARE
PRUEBAS DE SOFTWARE La prueba del software es un elemento crítico para la garantía de la calidad del software. El objetivo de la etapa de pruebas es garantizar la calidad del producto desarrollado. Además,
Más detallesDESARROLLO WEB EN ENTORNO CLIENTE
DESARROLLO WEB EN ENTORNO CLIENTE CAPÍTULO 1: Selección de arquitecturas y herramientas de programación Juan Manuel Vara Mesa Marcos López Sanz David Granada Emanuel Irrazábal Jesús Javier Jiménez Hernández
Más detallesMANUAL DE USUARIO IMPORTADOR DE FICHERO DE USUARIOS EN EL SERVIDOR DE CENTRO
MANUAL DE USUARIO IMPORTADOR DE FICHERO DE USUARIOS EN EL SERVIDOR DE CENTRO Desde la Consejería de Educación y Empleo de la Comunidad de Madrid se ha establecido un procedimiento para el alta de usuarios
Más detallesAcronis License Server. Guía del usuario
Acronis License Server Guía del usuario TABLA DE CONTENIDO 1. INTRODUCCIÓN... 3 1.1 Generalidades... 3 1.2 Política de licencias... 3 2. SISTEMAS OPERATIVOS COMPATIBLES... 4 3. INSTALACIÓN DE ACRONIS LICENSE
Más detallesPasamos ahora a definir brevemente cual es el método de conexión más habitual usando un entorno gráfico.
Clientes de FTP en modo gráfico Introducción Ya vimos en la primera parte de nuestro curso de FTP, que la conexión a servidores inicialmente se realizaba (y aún se sigue haciendo) en modo texto. Aunque
Más detalles