DOM. Document Object Model
|
|
- Josefina Agüero Aguilar
- hace 8 años
- Vistas:
Transcripción
1 1 DOM Document Object Model
2 INTRODUCCIÓN Es un conjunto de utilidades específicamente diseñadas para manipular documentos XML. Por extensión, DOM también se puede utilizar para manipular documentos XHTML y HTML. Técnicamente, DOM es una API de funciones que se pueden utilizar para manipular las páginas XHTML de forma rápida y eficiente. La primera especificación de DOM (DOM Level 1) permitió homogeneizar la implementación del DHTML o HTML dinámico en los diferentes navegadores, ya que permitía modificar el contenido de las páginas web sin necesidad de recargar la página entera. El responsable del DOM es el consorcio W3C (World Wide Web Consortium). Especificación del Modelo de Objetos del Documento (DOM), Nivel 1, en español: 2
3 VERSIONES La primera vez que el DOM se utilizó, fue con el navegador Netscape en su versión 2.0 Este DOM se conoce también como el modelo básico, o el DOM.Nivel 0. DOM.Nivel 1 (1998), en la cual se consideraron las características y manipulación de todos los elementos existentes en los archivos HTML y XML. DOM.Nivel 2 (2000), en esta especificación se incluyó la manipulación de eventos en el navegador, la capacidad de interacción con CSS, y la manipulación de partes del texto en las páginas de la web. DOM.Nivel 3 (2004), utiliza la DTD (Definición del tipo de documento) y la validación de documentos. 3
4 TIPOS DE NODOS Los documentos XML y HTML tratados por DOM se convierten en una jerarquía de nodos. Los nodos que representan los documentos pueden ser de diferentes tipos. Document: es el nodo raíz de todos los documentos HTML y XML. Todos los demás nodos derivan de él. DocumentType: es el nodo que contiene la representación del DTD empleado en la página (indicado mediante el DOCTYPE). Element: representa el contenido definido por un par de etiquetas de apertura y cierre (<etiqueta>...</etiqueta>) o de una etiqueta abreviada que se abre y se cierra a la vez (<etiqueta/>). Es el único nodo que puede tener tanto nodos hijos como atributos. Attr: representa el par nombre-de-atributo/valor. Text: almacena el contenido del texto que se encuentra entre una etiqueta de apertura y una de cierre. También almacena el contenido de una sección de tipo CDATA. CDataSection: es el nodo que representa una sección de tipo <![CDATA[ ]]>. Comment: representa un comentario de XML. 4
5 EJEMPLO <?xml version="1.0"?> <clientes> <!-- El primer cliente --> <cliente> <nombre>empresa SA</nombre> <sector>tecnologia</sector> <notas><![cdata[ Llamar la proxima semana ]]></notas> </cliente> </clientes> 5
6 INTERFAZ NODE CONSTANTES El objeto Node define las siguientes constantes para la identificación de los distintos tipos de nodos: Node.ELEMENT_NODE = 1 Node.ATTRIBUTE_NODE = 2 Node.TEXT_NODE = 3 Node.CDATA_SECTION_NODE = 4 Node.ENTITY_REFERENCE_NODE = 5 Node.ENTITY_NODE = 6 Node.PROCESSING_INSTRUCTION_NODE = 7 Node.COMMENT_NODE = 8 Node.DOCUMENT_NODE = 9 Node.DOCUMENT_TYPE_NODE = 10 Node.DOCUMENT_FRAGMENT_NODE = 11 Node.NOTATION_NODE = 12 6
7 INTERFAZ NODE PROPIEDADES Y MÉTODOS (I) Propiedad/Método Valor devuelto Descripción nodename String El nombre del nodo (no está definido para algunos tipos de nodo) nodevalue String El valor del nodo (no está definido para algunos tipos de nodo) nodetype Number Una de las 12 constantes definidas anteriormente ownerdocument Document Referencia del documento al que pertenece el nodo firstchild Node Referencia del primer nodo de la lista childnodes lastchild Node Referencia del último nodo de la lista childnodes childnodes NodeList Lista de todos los nodos hijo del nodo actual previoussibling Node Referencia del nodo hermano anterior o null si este nodo es el primer hermano 7
8 INTERFAZ NODE PROPIEDADES Y MÉTODOS (II) Propiedad/Método Valor devuelto Descripción nextsibling Node Referencia del nodo hermano siguiente o null si este nodo es el último hermano haschildnodes() Bolean Devuelve true si el nodo actual tiene uno o más nodos hijo attributes NamedNodeMap Se emplea con nodos de tipo Element. Contiene objetos de tipo Attr que definen todos los atributos del elemento appendchild(nodo) Node Añade un nuevo nodo al final de la lista childnodes removechild(nodo) Node Elimina un nodo de la lista childnodes replacechild(nuevonodo, anteriornodo) insertbefore(nuevonodo, anteriornodo) Node Node Reemplaza el nodo anteriornodo por el nodo nuevonodo Inserta el nodo nuevonodo antes que la posición del nodo anteriornodo dentro de la lista childnodes 8
9 HTML Y DOM Firefox y Safari implementan DOM de nivel 1 y 2 (y parte del 3), otros navegadores como Internet Explorer (versión 7 y anteriores) ni siquiera son capaces de ofrecer una implementación completa de DOM nivel 1. Los métodos y propiedades incluidas en la tabla anterior son específicos de XML, aunque pueden aplicarse a todos los lenguajes basados en XML, como por ejemplo XHTML. Para las páginas creadas con HTML, los navegadores hacen como si HTML estuviera basado en XML y lo tratan de la misma forma. No obstante, se han definido algunas extensiones y particularidades específicas para XHTML y HTML. Cuando se utiliza DOM en páginas HTML, el nodo raíz de todos los demás se define en el objeto HTMLDocument. Además, se crean objetos de tipo HTMLElement por cada nodo de tipo Element del árbol DOM. El objeto document es parte del BOM (Browser Object Model), aunque también se considera que es equivalente del objeto Document del DOM de los documentos XML. Por este motivo, el objeto document también hace referencia al nodo raíz de todas las páginas HTML. 9
10 HTML DOM Las modificaciones en el árbol de nodos DOM sólo se pueden realizar cuando toda la página web se ha cargado en el navegador. El motivo es que los navegadores construyen el árbol de nodos DOM una vez que se ha cargado completamente la página web. Cuando una página no ha terminado de cargarse, su árbol no está construido y por tanto no se pueden utilizar las funciones DOM. Si una página realiza modificaciones automáticas (sin intervención del usuario) es importante utilizar el evento onload() para llamar a las funciones de JavaScript. 10
11 ACCESO A NODOS Obtener el elemento raíz de la página: var objeto_html = document.documentelement; (<html>) Obtener el elemento <head> y <body>: var objeto_head = objeto_html.firschild; var objeto_body = objeto_html.lastchild; var objeto_head = objeto_html.childnodes[0]; var objeto_body = objeto_html.childnodes[1]; Obtener el elemento directamente: var objeto_body = document.body; Ejemplos de propiedades: objeto_head.parentnode == objeto_html objeto_body.parentnode == objeto_html objeto_body.previoussibling == objeto_head objeto_head.nextsibling == objeto_body objeto_head.ownerdocument == document var numerodescendientes = objeto_html.childnodes.length; 11
12 TIPOS DE NODOS alert(document.nodetype); // 9 alert(document.documentelement.nodetype); // 1 alert(document.nodetype == Node.DOCUMENT_NODE); // true; en IE fallaria alert(document.documentelement.nodetype == Node.ELEMENT_NODE); // true; en IE fallaria El único navegador que no soporta las constantes predefinidas es Internet Explorer 7 y sus versiones anteriores, por tanto es necesario definirlas: if(typeof Node == "undefined") { var Node = { ELEMENT_NODE: 1, ATTRIBUTE_NODE: 2, TEXT_NODE: 3, CDATA_SECTION_NODE: 4, ENTITY_REFERENCE_NODE: 5, ENTITY_NODE: 6, PROCESSING_INSTRUCTION_NODE: 7, COMMENT_NODE: 8, DOCUMENT_NODE: 9, DOCUMENT_TYPE_NODE: 10, DOCUMENT_FRAGMENT_NODE: 11, 12 NOTATION_NODE: 12 }; }
13 ACCESO A ATRIBUTOS Métodos DOM, los nodos de tipo Element contienen la propiedad attributes, que permite acceder a todos los atributos de cada elemento: getnameditem(nombre), devuelve el nodo cuya propiedad nodename contenga el valor nombre. removenameditem(nombre), elimina el nodo cuya propiedad nodename coincida con el valor nombre. setnameditem(nodo), añade el nodo a la lista attributes, indexándolo según su propiedad nodename. item(posicion), devuelve el nodo que se encuentra en la posición indicada por el valor numérico posición. Los métodos anteriores devuelven un nodo de tipo Attr. Métodos DOM directos: getattribute(nombre), es equivalente a attributes.getnameditem(nombre). setattribute(nombre, valor) equivalente a attributes.getnameditem(nombre).value= valor. removeattribute(nombre), equivalente a attributes.removenameditem(nombre). 13
14 ACCESO A ATRIBUTOS EJEMPLO <p id="introduccion" style="color: blue">párrafo de prueba</p> var p = document.getelementbyid("introduccion"); var elid = p.attributes.getnameditem("id").nodevalue; //elid = "introduccion" var elid = p.attributes.item(0).nodevalue; // elid = "introduccion" p.attributes.getnameditem("id").nodevalue = "preintroduccion"; var atributo = document.createattribute("lang"); atributo.nodevalue = "es"; p.attributes.setnameditem(atributo); var p = document.getelementbyid("introduccion"); var elid = p.getattribute("id"); // elid = "introduccion" p.setattribute("id", "preintroduccion"); 14
15 ACCESO DIRECTO A LOS NODOS El árbol DOM de una pagina xhtml puede tener miles de nodos, por lo que DOM proporciona una serie de métodos para acceder de forma directa: getelementsbytagname(): obtiene todos los elementos de la página cuya etiqueta sea igual que el parámetro que se le pasa a la función. El valor devuelto es un objeto de tipo NodeList (array con todos los nodos que cumplen la condición). var parrafos = document.getelementsbytagname( p ); var primerparrafo = parrafos[0]; var parrafouno = document. getelementsbytagname( p )[0]; var enlaces = primerparrafo.getelementsbytabname( a ); 15
16 ACCESO DIRECTO A LOS NODOS getelementsbyname(): obtiene todos los elementos de la página cuyo atributo name coincida con el parámetro que se le pasa a la función. <p name= pintroduccion > esta es la introducción </p> var parrafointro = document.getelementsbyname( pintroduccion ); getelementbyid(): obtiene el elemento cuyo atributo id coincide con el parámetro indicado en la función. El atributo id debe ser único para cada elemento de una misma página. var cabecera = document.getelementbyid( cabecera ); <div id= cabecera > <p> <img src=. </div> 16
17 CREAR, MODIFICAR Y ELIMINAR NODOS createattribute(nombre): Crea un nodo de tipo atributo con el nombre indicado. createcdatasection(texto): Crea una sección CDATA con un nodo hijo de tipo texto que contiene el valor indicado. createcomment(texto): Crea un nodo de tipo comentario que contiene el valor indicado. createdocumentfragment(): Crea un nodo de tipo DocumentFragment. createelement(nombre_etiqueta): Crea un elemento del tipo indicado en el parámetro nombre_etiqueta. createentityreference(nombre): Crea un nodo de tipo EntityReference createprocessinginstruction(objetivo, datos): Crea un nodo de tipo ProcessingInstruction. createtextnode(texto): Crea un nodo de tipo texto con el valor indicado como parámetro. Internet Explorer no soporta los métodos createcdatasection, createentityreference y createprocessinginstruction. Los métodos más 17 empleados son createelement, createtextnode y createattribute.
18 EJEMPLO Añadir un párrafo: var pnuevo = document.createelement( p ); var texto = document.createtextnode( texto del párrafo ); pnuevo.appendchild(texto); document.body.appendchild(pnuevo); var pviejo = document.body.getelementbyid( pcabecera ); document.body.insertbefore(pnuevo,pviejo); Eliminar un párrafo: var pcab = document.getelementbyid( pcabecera ); document.body.removechild(pcab); //sino conozco de donde cuelga este elemento pcab.parentnode.removechild(pcab); Intercambiar un párrafo: var pviejo = document.body.getelementbyid( pcabecera ); pviejo.parentnode.replacechild(pnuevo, pviejo); 18
19 ATRIBUTOS HTML EN DOM Dado el siguiente elemento: <img id= logo src= logo.gif > var laimagen = document.getelementbyid( logo ); DOM tradicional: var origen = laimagen.attributes.getnameditem( src ); laimagen.attributes.getnameditem( src").nodevalue = " nuevologo.gif "; DOM tradicional directo: var origen = laimagen.getattribute( src ); laimagen.setattribute( src, nuevologo.gif ); DOM para HTML: var origen = laimagen.src; laimagen.src = nuevologo.gif ; 19
20 PROPIEDADES CSS EN DOM (I) Atributo class (palabra reservada en JavaScript): <p id="parrafo" class="normal">...</p> var parrafo = document.getelementbyid("parrafo"); alert(parrafo.class); // muestra "undefined" alert(parrafo.classname); // muestra "normal Propiedades CSS mediante el atributo style de HTML: <p id="parrafo" style= font-size:18px;color:red">...</p> var parrafo = document.getelementbyid("parrafo"); var color = parrafo.style.color; //propiedades con nombre compuesto, eliminamos guiones y escribimos en mayúsculas la primera letra de cada palabra que no sea la primera var tamanyo = parrafo.style.fontsize; parrafo.style.fontsize = 10px ; 20
21 PROPIEDADES CSS EN DOM (II) Para obtener la propiedad independientemente de cómo se haya aplicado, style o mediantes reglas(en los elementos html, con una clase de estilo o con un identificador único). var parrafo = document.getelementbyid("parrafo"); // Código JavaScript para Internet Explorer // currentstyle requiere el nombre según el formato JavaScript var elfontsize = parrafo.currentstyle[ fontsize ]; // Código JavaScript para otros navegadores //getpropertyvalue requiere el nombre original de la propiedad var elfontsize = document.defaultview.getcomputedstyle(parrafo, ).getpropertyvalue( font-size ); 21
22 PROPIEDADES CSS EN DOM (III) Función compatible con todos los navegadores, creada por el programador Robert Nyman y publicada en su blog personal ( // Código JavaScript para cualquier navegador var parrafo = document.getelementbyid("parrafo"); var color = getstyle(parrafo, 'color'); 22
23 PROPIEDAD INNERHTML (I) innerhtml no es un estándar, es una propiedad de Microsoft ( Formará parte del estándar HTML 5. Una de las diferencias principales entre innerhtml y DOM es que el primero es un string y el segundo una estructura de objetos jerárquica (un arbol). Crear un elemento innerhtml document.getelementbyid("contenedor").innerhtml = "<div id="capa" >Texto<!--comentario--></div>"; DOM div = document.createelement("div"); div.setattribute("id", "capa"); texto = document.createtextnode("texto"); div.appendchild(texto); div_comentario = document.createcomment("comentario"); div.appendchild(div_comentario); document.getelementbyid("contenedor").appendchild(div); 23
24 PROPIEDAD INNERHTML (II) Obtener el texto de un elemento innerhtml texto = document.getelementbyid("contenedor").innerhtml DOM texto = document.getelementbyid("contenedor").firstchild.nodevalue; Comparativa 24
25 CROSS BROWSER Las diferencias existentes entre los navegadores disponibles en la actualidad complican en exceso el desarrollo de aplicaciones compatibles con todos los navegadores, llamadas aplicaciones "cross browser" en inglés. Hay que diseñar utilidades para abstraernos del navegador. Ejemplo: P1&pg=PA292#v=onepage&q=&f=false 25
26 ENLACES DOM Mozilla DOM IE WebKit: Chrome, Safari 26
6.1 APIs para XML. APIs para XML (I) ! Uno de los usos más habituales de XML (y menos esperado) es como formato de intercambio de datos.
6.1 APIs para XML APIs para XML (I)! Uno de los usos más habituales de XML (y menos esperado) es como formato de intercambio de datos.! En este caso los documentos XML nunca llegan a visualizarse, sino
Más detallesTema 3, parte 4. Javascript: el DOM (Modelo de Objetos del. Documento) Texto. http://www.flickr.com/photos/jm3/3620744443
http://www.flickr.com/photos/jm3/3620744443 Tema 3, parte 4 Javascript: el DOM (Modelo de Objetos del Texto Documento) Texto Javascript parte 4 El DOM 1. El árbol DOM Conceptos básicos sobre el API DOM
Más detallesÍndice. Programación en Internet Curso 2009-2010. Introducción El DOM en PHP. Programación en Internet 2009-2010. DLSI - Universidad de Alicante 1
Departamento de Lenguajes y Sistemas Informáticos PHP y XML Programación en Internet Curso 2009-2010 Introducción El DOM en PHP Índice DLSI - Universidad de Alicante 1 Introducción Cómo se trabaja con
Más detallesAcceso a los elementos HTML
Acceso a los elementos HTML DOM 1 Acceso a elementos HTML Mediante JavaScriptes posible accesaren lectura y escritura los elementos de una página HTML. Es posible, por ejemplo: Cambiarla propiedadsrcde
Más detallesMicrosoft XML Core Services MSXML
Microsoft XML Core Services MSXML Sergio Luján Mora sergio.lujan@ua.es http://gplsi.dlsi.ua.es/~slujan/ 1 MSXML... 3 Introducción... 3 Objetos del DOM... 5 Objeto XMLDOMDocument... 5 Construcción de un
Más detallesAcceso a los elementos XHTML DOM
Acceso a los elementos XHTML DOM 1 Acceso a elementos HTML Mediante JavaScript es posible accesar en lectura y escritura los elementos de una página HTML. Es posible, por ejemplo: Cambiar la la propiedad
Más detallesTema IV. XML V. APIs (DOM & SAX)
Tema IV. XML V. APIs (DOM & SAX) Desarrollo de Aplicaciones para Internet Curso 12 13 Índice 1.Introducción 2.DOM i. Introducción ii. Interfaces y Clases iii.ejemplos 3.SAX i. Introducción ii. Interfaces
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 detallesDOM. Mediante JavaScript es posible accesar en lectura y
Acceso a los elementos XHTML DOM 1 Acceso a elementos HTML Mediante JavaScript es posible accesar en lectura y escritura los elementos de una página ái HTML. Es posible,,por ejemplo: Cambiar la la propiedad
Más detallesTema: Maquetación Web y CSS
Diseño Digital V. Guía 4 1 Tema: Maquetación Web y CSS Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V Objetivos Contenidos A través del desarrollo de la guía el estudiante
Más detallesModelado de páginas web
JavaScript (4) 1 de 35 Modelado de páginas web JavaScript es un lenguaje que permite crear lo que se llama DHTML. Este término se refiere a las páginas web que modifican ellas mismas sus propios contenidos
Más detallesDiseño de sitios Web mediante estándares
Diseño de sitios Web mediante estándares Curso de Verano Julio 2004 Departamento de Informática Universidad de Oviedo Añadir comportamiento a nuestras páginas: DOM Jose Emilio Labra Gayo Departamento de
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 detallesSu uso conlleva una serie de ventajas y desventajas propias del uso de estas herramientas.
LIBRERÍAS DE JAVASCRIPT (FRAMEWORKS) Un framework es una estructura de software compuesta de partes personalizables e intercambiables para el desarrollo de una aplicación. Se puede considerar también como
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 detallesVisualización y Transformaciones en XML
Visualización y Transformaciones en XML 106 Visualización Los archivos XLM pueden ser vistos prácticamente en cualquier browser 107 Visualización Los XML en los web browsers no se despliegan como páginas
Más detalleswww.librosweb.es Introducción a AJAX Javier Eguíluz Pérez
www.librosweb.es Introducción a AJAX Javier Eguíluz Pérez Sobre este libro... Esta versión impresa se creó el 7 de junio de 2008 y todavía está incompleta contacto@librosweb.es 2 Capítulo 1. Introducción
Más detalles1 OBJETOS, DOM, JSON
OBJETOS, DOM, JSON 1 2 Objetos http://www.w3schools.com/js/js_obj_intro.asp Se delimitan con llaves. Contienen propiedades. Las propiedades del objeto: pares nombre: valor, separados por comas. var alumno
Más detallesTecnología XML. Unidad: 3 Laboratorio de Programación. Universidad Nacional de la Patagonia Austral Unidad Académica Río Gallegos
Tecnología XML Unidad: 3 Laboratorio de Programación Universidad Nacional de la Patagonia Austral Unidad Académica Río Gallegos Indice DOM Concepto Características Niveles Estructura del documento Tipo
Más detallesCurso Online de Diseño Web avanzado con HTML5 y CSS3
Curso Online de Diseño Web avanzado con HTML5 y CSS3 Presentación : El diseño web se ha ganado rápidamente un lugar de relevancia dentro del diseño gráfico al punto de casi sustituirlo en algunas propuestas
Más detallesYusef Hassan Montero Francisco Jesús Martín Fernández. Introducción a DOM. Todos los derechos reservados www.nosolousabilidad.com
Yusef Hassan Montero Francisco Jesús Martín Fernández Introducción a DOM Todos los derechos reservados www.nosolousabilidad.com INTRODUCCIÓN DOM, Document Object Model o Modelo de Objetos de Documento,
Más detallesEstructuras de Datos. Montículos. Montículos. Montículos. Tema 3. Montículos. Definiciones básicas: Definiciones básicas:
Estructuras de Datos Tema. 1. Definiciones básicas 2. Implementación. Operaciones con montículos 4. Definiciones básicas: En un árbol binario completo todos los niveles del árbol (excepto tal vez el último)
Más detallesAlmacenamiento de documentos XML
Almacenamiento de documentos XML María José Aramburu 1 Datos versus documentos (i) Datos etiquetados en XML: Estructura regular. El orden de los elementos no es importante. El concepto de dato se refiere
Más detallesÍndice. HTML HyperText Markup Language. Conceptos básicos. Qué es HTML? Diseño de servicios Web HTML 1
Índice HTML HyperText Markup Language Conceptos básicos Historia y evolución de HTML XHTML vs. HTML HTML dinámico Hojas de estilo (CSS) DOM Diseño de servicios Web 2 DATSI Qué es HTML? Lenguaje de publicación
Más detallesIntroducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO
Introducción a JavaScript y DOM DISERTANTE ING. RASJIDO, JOSE ALBERTO Agenda 2 Introducción a JavaScript Introducción a DOM Referencias Introducción a JavaScript 3 Qué es JavaScript? JavaScript es un lenguaje
Más detallesProcesamiento de documentos XML
Procesamiento de documentos XML Documentación Electrónica Soto Montalvo Contenido Introducción Document Object Model Simple API for XML DOM vs. SAX Cómo podemos manipular los documentos XML? SAX (Simple
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 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 detallesHTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)
HTML HyperText Markup Language (Lenguaje de Marcas de Hipertexto) Introducción Un lenguaje de marcas es una forma de codificar junto con el texto, incorporando etiquetas que contienen información adicional
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 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 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 detallesDISEÑO ORGANIZACIONAL. Diseño web avanzado con HTML5 y CSS5
DISEÑO ORGANIZACIONAL Diseño web avanzado con HTML5 y CSS5 PRESENTACIÓN Curso de diseño de páginas web en el que se estudian técnicas avanzadas y novedosas gracias a la aplicación de los estándares web
Más detallesPrograma por Clase. 8. CSS3 9. Ejercicio Práctico 10. Examen
Curso CSS Clase 5 Programa por Clase 1. Repaso HTML. Introducción. Reglas CSS internas. 2. Etiquetas básicas de CSS (tipografía, subrayado, etc.) 3. Archivos CSS externos. Colores. Imágenes. 4. Modelo
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 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 detallesFundamentos de las tecnologías de la información
Fundamentos de las tecnologías de la información la guerra de los formatos Diego Martín 2016 1 Definiciones W3C HTML CSS XML Introducción histórica HTML vs XML JSON XML vs JSON DTDsy XML SCHEMAs Qué formato
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 detallesUnidad II. Interfaz Grafica (continuación ) Basado en clases de Ing. Carlos A. Aguilar
Clase:005 1 Unidad II Interfaz Grafica (continuación ) Basado en clases de Ing. Carlos A. Aguilar 2 Agenda Desarrollo de Apps para Android Aplicaciones en Android Componentes Básicos de las Aplicaciones
Más detallesCAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B)
APRENDERAPROGRAMAR.COM CAPAS O CONTENEDORES EN HTML. ETIQUETAS DIV Y SPAN. EJEMPLOS. MAQUETAR O DAR ESTRUCTURA A LAS PÁGINAS WEB. (CU00726B) Sección: Cursos Categoría: Tutorial básico del programador web:
Más detallesLENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas
LENGUAJES DE PROGRAMACIÓN 4 MÓDULOS. 56 Horas HTML, XHTML Y CSS K008 10 horas Obtener un conocimiento base sobre las tecnologías usadas en la creación de páginas web. Conocer la estructura y comandos básicos
Más detallesCarlos Roberto Jaimez González. Programación de Web Dinámico
Carlos Roberto Jaimez González Programación de Web Dinámico Carlos Roberto Jaimez González Programación de Web Dinámico Esta investigación fue dictaminada por pares académicos Clasificación Dewey: 005.13
Más detallesCurso PHP Curso Online Analista Programador Web PHP
Curso PHP Curso Online Analista Programador Web PHP Academia Mañana Paseo de la Castellana, 51 - Madrid 28046 Programa General Curso de PHP Módulo Uno - Introducción y entorno PHP instalación Primera unidad
Más detallesATLAS MANUAL DE USUARIO ARBOL ACCESIBLE
ATLAS MANUAL DE USUARIO ARBOL ACCESIBLE Versión 1.3 Área de Aplicaciones Especiales y Arquitectura de Software Hoja de Control Título Documento de Referencia Responsable Manual de Usuario del NORMATIVA
Más detalles1 Introducción a XML
1 Introducción a XML Introducción (I)! Qué es XML?! Últimamente todo el mundo habla sobre XML!! Dicen que es un lenguaje etiquetado...es decir: Es un lenguaje como HTML, pero con nuevas etiquetas?! Dicen
Más detallesInteracción y manejo de documentos XML.
Interacción y manejo de documentos XML. Como último miembro de la familia XML, nos planteamos la tecnología por la cual una aplicación externa, escrita en no importa que lenguaje de programación, puede
Más detallesPREGUNTAS TIPO (EXAMEN DE OFIMÁTICA AVANZADA)
PREGUNTAS TIPO (EXAMEN DE OFIMÁTICA AVANZADA) El examen constará de 2 partes. Se evaluará sobre 10 puntos y representará el 60% de la nota final de la asignatura. Para que la calificación en esta prueba
Más detallesLibrerías JavaScript jquery y Zepto. Juan Quemada, DIT, UPM
Librerías JavaScript jquery y Zepto 1 Librerias Javascript Las librerias JavaScript actuales son multi-navegador Funcionan en IE, Firefox, Safari, Chrome, Opera,... w Ahorran mucho tiempo -> utilizarlas
Más detallesMANUAL DE PUBLICACIÓN EN PORTAL UNED
MANUAL DE PUBLICACIÓN EN PORTAL UNED Manual de Publicación en PORTAL-UNED Equipo WEB. Infoportal@csi.uned.es consultasnuevoweb@csi.uned.es ÍNDICE 1. INSERTAR TEXTO EN LA PÁGINA... 2 2. INSERTAR UN ARCHIVO
Más detallesCurso de HTML5 y CSS3
Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 1 1 Todos los Derechos Reservados Global Mentoring Experiencia y Conocimiento para tu Vida 2 2 HTML sin duda, definió
Más detallesGLOSARIO. Arquitectura: Funcionamiento, estructura y diseño de una plataforma de desarrollo.
GLOSARIO Actor: Un actor es un usuario del sistema. Esto incluye usuarios humanos y otros sistemas computacionales. Un actor usa un Caso de Uso para ejecutar una porción de trabajo de valor para el negocio.
Más detallesIntegración de XML en páginas Web dinámicas DOM. Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo
Integración de XML en páginas Web dinámicas DOM Jose Emilio Labra Gayo Departamento de Informática Universidad de Oviedo Páginas Web estáticas vs. Dinámicas Motivación: Computación Dinámica Computación
Más detallesDocumento de Arquitectura de Software. KunaySoft. Autores: Juan Camilo González Vargas. Javier Leonardo Parra Laguna
Documento de Arquitectura de Software KunaySoft Autores: Juan Camilo González Vargas Javier Leonardo Parra Laguna Pontificia Universidad Javeriana Bogotá, Colombia Noviembre 2014 Tabla de contenido 1.
Más detallesCapítulo 5. Implementación y Tecnologías Utilizadas
Capítulo 5. Implementación y Tecnologías Utilizadas Cada vez más, se está utilizando Flash para desarrollar aplicaciones basadas en Web, pues permite la construcción de ambientes con mayor interacción.
Más detalles1. Resumen.. 3. 2. Objetivos.. 3. 3. Introducción. 3
1 Índice 1. Resumen.. 3 2. Objetivos.. 3 3. Introducción. 3 4. Aplicación web para la gestión de una memoria corporativa: reportes de actividades (proyectos) 4.1 Metodología... 4 4.2 Lenguajes y herramientas
Más detalles5.- Crear páginas web con Nvu
5.- Crear páginas web con Nvu Nvu permite crear y publicar páginas web sin necesidad de tener conocimientos de HTML y de una forma tan sencilla como utilizar un procesador de textos. La barra de herramientas
Más detallesESOFT 3 Nice Screen Scraper: A simple scraper
ESOFT 3 Nice Screen Scraper: A simple scraper Héctor López Sacanell hlopez1@alumnes.udl.cat 3 de diciembre de 2009 1. Introducción El objetivo de esta segunda entrega es la de crear una primera versión
Más detallesFORMACIÓN ESPECIALIZADA EN HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB
HERRAMIENTAS Y LENGUAJES DE PROGRAMACIÓN WEB La consolidación de los medios online como soporte principal de comunicación, así como la coyuntura económica, que relega a los soportes publicitarios convencionales
Más detallesInforme Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador. Desarrollado por: Jessica Nathaly Correa María Isabel Granda.
Informe Final Desarrollo del Proyecto Áreas Naturales Protegidas del Ecuador Desarrollado por: Jessica Nathaly Correa María Isabel Granda. 12 de febrero de 2015 Loja-Ecuador Contenido Presentación... 3
Más detallesBANNERS CÍCLICOS CON JAVASCRIPT
BANNERS CÍCLICOS CON JAVASCRIPT ÍNDICE 1. INTRODUCCIÓN. 2. BANNERS CÍCLICOS. 2.1.BANNER CÍCLICO. 2.2.BANNERS CÍCLICOS CON CAMBIO DE COLOR DEL FONDO DE LA PÁGINA. 2.3.AÑADIR VÍNCULOS A LOS BANNERS CÍCLICOS.
Más detallesTema: Estilos CSS. Combinadores. Posicionamiento.
Diseño Digital V. Guía 5 1 Tema: Estilos CSS. Combinadores. Posicionamiento. Objetivos Contenidos Facultad: Ciencias y Humanidades Escuela: Diseño Gráfico Asignatura: Diseño Digital V A través del desarrollo
Más detallesextensible Markup Language
extensible Markup Language ISLN ISLN () XML 1 / 26 Librería LWP::Simple Bajarse el archivo de internet Para bajar archivos de internet se puede usar alguno de los módulos del CPAN http://search.cpan.org
Más detallesIntroducción a XML - Validación y Parseo. Huibert Aalbers, Senior Certified Software IT Architect
Introducción a XML - Validación y Parseo Huibert Aalbers, Senior Certified Software IT Architect IT Insight podcast Este podcast pertenece a la serie IT Insight Pueden suscribirse al podcast a través de
Más detallesSeven ERP Guía De Referencia - Imágenes
Seven ERP Guía De Referencia - Imágenes Digital WARE Ltda. Calle 72 # 12-65 P.2 Bogotá, Colombia 2004 Digital Ware, Ltda. Todos Los Derechos Reservados Toda la documentación utilizada en Seven ERP está
Más detallesCÓMO CREAR UNA PÁGINA WEB
CÓMO CREAR UNA PÁGINA WEB v.2 Índice 1 Introducción 3 2. Diseño gráfico 3 3. El Lenguaje HTML 3 4. Alojamiento y publicación 5 5. Promoción 8 6. Otras utilidades 9 6.1 Estadísticas 9 6.2 Contadores y Formularios
Más detallesMANUAL DE SHAREPOINT 2013. Por: Área de Administración de Aplicaciones.
MANUAL DE SHAREPOINT 2013 Por: Área de Administración de Aplicaciones. Indice 1. Tipos de Cuentas de Usuario... 2 2. Compatibilidad con exploradores de Internet... 2 3. Como acceder a un sitio de SharePoint
Más detallesMi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades:
Propósito del prototipo: Mi propuesta consiste en crear un portal Web que contemple las siguientes funcionalidades: 1º. Mostrar noticias y eventos propios del grupo de personas que administren la Web.
Más detallesProgramación páginas web JavaScript y PHP
Programación páginas web JavaScript y 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
Más detallesDISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES
DISEÑO Y DESARROLLO WEB CON HTML 5, CSS Y DREAMWEAVER CS4 OBRA COMPLETA 2 VOLÚMENES Objetivos Dotar al interesado de conocimientos teóricos y prácticos para poder desarrollar un sitio Web con HTML y aplicar
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 detallesTEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA
TEMA: DESARROLLO DE APLICACIONES WEB INTERACTIVAS UTILIZANDO LA TÉCNICA AJAX AUTOR: MERY SUSANA ZAMBONINO BAUTISTA AREA DEL TEMA: INGENIERÍA DE SOFTWARE OBJETIVO GENERAL Desarrollar aplicaciones web utilizando
Más detallesLa 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 detallesTEMA 3 A: INTRODUCCIÓN AL DOM
TEMA 3 A: INTRODUCCIÓN AL DOM 1.- Qué es el DOM?... 2 1.1.- DOM y JavaScript... 2 1.3.- Cómo se accede al DOM?... 3 2. Instalar una consola... 4 3. Averiguar la versión DOM de Explorer... 5 4.- El DOM
Más detallesDesarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015
Desarrollo de App responsive con ArcGIS API for javascript, Html5 y CSS3 REUNIÓN DE USUARIOS SIGSA ESRI 2015 Qué es La Api de Arcgis JavaScript? Es un conjunto de reglas( código ) y especificaciones preestablecidas
Más detallesAlgunos Administradores de Contenido se presentan a continuación:
El Administrador de Contenido es una herramienta que le permite administrar desde su casa o empresa la información y las fotografías de su página web de manera fácil, rápida e inmediata. Algunos Administradores
Más detallesCapítulo 6. ÁRBOLES.
67 Capítulo 6. ÁRBOLES. 6.1 Árboles binarios. Un árbol binario es un conjunto finito de elementos, el cual está vacío o dividido en tres subconjuntos separados: El primer subconjunto contiene un elemento
Más detallesGUÍA PARA LA INSTALACIÓN Y USO DE WORDPRESS BY MASTERHACKS. www.masterhacks.net. Guía de instalación y uso de Wordpress Página 1
GUÍA PARA LA INSTALACIÓN Y USO DE WORDPRESS BY MASTERHACKS www.masterhacks.net Guía de instalación y uso de Wordpress Página 1 Wordpress es un sistema muy utilizado para la creación de blogs. Este se puede
Más detallesManual de usuario del Centro de Control
Manual de usuario del Centro de Control www.ximdex.com Tabla de contenidos 1. Centro de Control...4 2. Gestor de Canales...5 2.1. Añadir un nuevo canal...6 2.2. Modificar las propiedades del canal...6
Más detallesJuan Ramón Pérez Pérez
Juan Ramón Pérez Pérez El API de Google Maps te permite incrustar Google Maps en tus propias páginas web mediante JavaScript. El API proporciona: Utilidades para manipular los mapas Añadir contenido al
Más detallesCómo optimizar HTML? Optimización y depuración del código. 1. Limpieza del código
Cómo optimizar HTML? Optimización y depuración del código 1. Limpieza del código Se pueden eliminar automáticamente etiquetas vacías, combinar etiquetas font anidadas y en general mejorar códigos HTML
Más detallesEsta guía describe los pasos y actividades para realizar actas de reuniones por medio de Google Drive
Esta guía describe los pasos y actividades para realizar actas de reuniones por medio de Google Drive Certificado N SC 7267-1 Certificado N SC 7267-2 Certificado N SC 7267-3 Certificado N GP 190-1 Descripción
Más detallesIntroducción al desarrollo web (idesweb)
Introducción al desarrollo web (idesweb) Práctica 8: PHP 2 (cookies y sesiones) 1. Objetivos Conocer el concepto de cookie y sus posibles usos. Aprender a utilizar las cookies con PHP. Conocer el concepto
Más detallesEl ejemplo de wiki más conocido es la enciclopedia universal colaborativa wikipedia.
UNIDAD 4: WIKIS Qué es un wiki? El término con el que comenzó conociéndose esta herramienta es WikiWiki, de origen hawaiano que significa rápido. Un wiki es un sitio web con distinta páginas donde el contenido
Más detallesCESDE ESCUELA DE PROCESOS TECNOLOGICOS E INDUSTRIALES AMBIENTES COLABORATIVOS WORDPRESS
WORDPRESS Es un sistema de gestión de contenido CMS (siglas en del inglés de Content Management System) enfocado a la creación de blogs o bitácoras digitales para web. Es como un cuaderno donde se puede
Más detallesPROPUESTA DE DESARROLLO DE SITIO WEB AVANZADO
Diseño Gráfico y Desarrollo Web PROPUESTA DE DESARROLLO DE SITIO WEB AVANZADO 2014 Tel: 66460338-55114997. 12 avenida 2-76 Z.13 Email: info@teknigt.com www.teknigt.com Contenido del paquete de sitio web
Más detallesDOCUMENTACIÓN TÉCNICA
DOCUMENTACIÓN TÉCNICA DOCUMENTACIÓN TÉCNICA 1 Sesión No. 11 Nombre: Los formatos de los documentos Contextualización Una vez que se tienen presentes los conceptos básicos de la documentación técnica y
Más detallesCapitulo VI. Conclusiones.
Capitulo VI. Conclusiones. VI.I. Conclusiones. Finalmente como conclusiones tenemos que resaltar el uso de varias tecnologías aparte de Java, como lo son el uso de la librería O reilly para pasar archivos
Más detallesCorrespondencias entre taxonomías XBRL y ontologías en OWL Unai Aguilera, Joseba Abaitua Universidad de Deusto, EmergiaTech
Correspondencias entre taxonomías XBRL y ontologías en OWL Unai Aguilera, Joseba Abaitua Universidad de Deusto, EmergiaTech Resumen Todo documento XBRL contiene cierta información semántica que se representa
Más detallesInternet cuando se visitan ciertas páginas. Una cookie no contiene ni recopila información
Política de Cookies QUÉ SON LAS COOKIES? Una cookie es un pequeño archivo de datos que se guarda en su ordenador con su navegador de Internet cuando se visitan ciertas páginas. Una cookie no contiene ni
Más detallesCapitulo III. Diseño del Sistema.
Capitulo III. Diseño del Sistema. Para el desarrollo del sistema en la presente tesis se utilizo el paradigma orientado a objetos utilizando el lenguaje Java en su versión 1.2. Por medio de este lenguaje
Más detallesWenceslao Zavala. www.producciondigitalup.com.ar
Wenceslao Zavala www.producciondigitalup.com.ar www.producciondigitalup.com.ar Transferencia de Archivos vía FTP Para esto se necesita: Dirección FTP: producciondigitalup.com.ar Usuario: produccionup Contraseña:
Más detallesUnidad 1. Introducción a HTML (I)
Unidad 1. Introducción a HTML (I) A lo largo de este tema vamos a conocer los conceptos básicos sobre HTML, y cómo se utiliza para crear páginas web. Qué es HTML El HTML (Hyper Text Markup Language) es
Más detallesBANCO CENTRAL DE RESERVA DEL PERÚ
CONSULTA DE DATOS ESTADÍSTICOS DEL BCRP GUÍA DE USO ÍNDICE 1. Organización de las series y zonas de la pantalla 2. Acceso a las series y consultas 3. Suscripción de usuarios 4. Manejo de listas personalizadas
Más detallesMANUAL PARA RADICACIÓN Y ADMINISTRACIÓN ELECTRÓNICA DE FACTURAS APLICA PARA PROVEEDORES DEL BSC Y DEMÁS GRUPOS DEL BANCO
MANUAL PARA RADICACIÓN Y ADMINISTRACIÓN ELECTRÓNICA DE FACTURAS APLICA PARA PROVEEDORES DEL BSC Y DEMÁS GRUPOS DEL BANCO Contenido 1. Qué es Factura expedida por canales electrónicos? 2. Cuáles son los
Más detallesTECNOLOGÍAS ASOCIADAS A LAS APLICACIONES WEB
TECNOLOGÍAS ASOCIADAS A LAS APLICACIONES WEB Existen varios tipos de tecnologías para los Servidores Web, estas tecnologías se pueden dividir en 4 grupos principales que son: Tecnologías al lado del cliente
Más detalles