SlideShare una empresa de Scribd logo
1 de 15
Publicación Estructurada de Recursos

• Introducción a XML


• Tipos de documentos XML


• HTML con XML


• Presentación de documentos XML


• Aplicaciones XML
Introducción a XML


La tecnología XML es para todo aquel que desee trabajar con datos en la WEB.


Las aplicaciones manejan dos tipos de archivos: binarios y de texto.


Los archivos de texto se pueden desplegar en cualquier editor de texto.


Los archivos binarios solo se pueden visualizar usando la aplicación especifica.
El lenguaje SGML fue diseñado para ser una manera estándar de marcar datos.


Del lenguaje SGML se derivan dos sublenguajes: HTML Y XML


HTML: esta orientado a la presentación de los textos y sus ligas con otra información.


XML: se enfoca en la descripción y la estructura de los datos.


Beneficios de usar XML


• Es un estándar abierto
• Ampliamente usado
• Diseñado para la WEB
• Fácil de interpretar
Usos de XML:


En la WEB para publicar documentos


Para publicar en celulares


Para intercambio de datos entre negocios
Reglas de sintaxis
1. Cada elemento tiene dos etiquetas; la de inicio y la de fin
Un elemento consta de tres partes:


<titulo> El Despertar </titulo>




Etiqueta inicio   Contenido       Etiqueta de fin


2. Existe un solo elemento raíz
3. Los nombres de las etiquetas son sensibles a las mayúsculas
4. Los elementos deben de anidarse correctamente
<cineguia>
  <sala>
        <nombre> Sala 1 </nombre>
        <ubicacion> Calle principal </ubicación>
        <cartelera>
                       <pelicula>
                                    <titulo> El Despertar</titulo>
                                    <duracion> 1 hora y 15 minutos</duracion>
                                    <origen>Mexico</origen>
                                    <clasificacion>Adolecentes y adultos</clasificacion>
                        </pelicula>
             </cartelera>
    </sala>
</cineguia>
5. Caracteristicas de los elementos:


• Pueden contener letras, números y otros caracteres.
• No empezar con número ni con carácter de puntuación
• No empezar con xml, XML, etc.
• No contener espacios


6. Los elementos pueden contener atributos
7. Con XML, los espacios en blanco se preservan
8. Los comentarios en XML son como en HTML
   <!—aquí va el comentario-->
Tipos de Documentos XML

Documentos XML bien formados
Estos documentos inician como sigue:

<?xml version=“1.0” encoding=“ISO-8859-1”?>
El atributo versión =“1.0” es hasta hoy la versión actual del lenguaje xml
El atributo encoding=“ISO-8859-1”se utiliza siempre que las palabras sean de origen
latino. Y si se omite se considera que las palabras son de origen ingles.


Documentos XML válidos
Para que un documento sea considerado como válido además de ser bien formado
Y que contenga una manera de validar los tipos de datos.
Para ello se emplean archivos adicionales denominados DTD
HTML con XML
La etiqueta <xml>puede ser empeada para incrustar código XML dentro de un
documento HTML.
<xml id=“cartelera”>
         <cartelera>
                       <pelicula>
                                  <titulo> El Despertar</titulo>
                                  <duracion> 1 hora y 15 minutos</duracion>
                                  <origen>Mexico</origen>
                                  <clasificacion>Adolecentes y adultos</clasificacion>
                        </pelicula>

                       <pelicula>
                                  <titulo> Querido Frankie</titulo>
                                  <duracion> 1 hora y 55 minutos</duracion>
                                  <origen>Reino Unido</origen>
                                  <clasificacion>Adolecentes y adultos</clasificacion>
                         </pelicula>
          </cartelera>
</xml>
Si se tiene el archivo XML externo se puede agregar de la siguiente forma


<xml id=“cartelera” src=“cartelera.xml”>


En este caso, el codigo XML está almacenado en un archivo denominado cartelera.xml,


Por lo que hay que agregar el atributo src=“cartelera.xml” para hacerle saber a HTML


• Que la identificación del código XML es cartelera (id=“cartelera”)


• Que el archivo fuente es cartelera.xml (src=“cartelera.xml”)
Isla de Datos

Se denomina isla de datos al hecho de poder ligar datos obtenidos de un
Documento XML a un archivo HTML.


EJEMPLO
Presentación de documentos XML

Cuando se desea que un documento XML tenga una presentación diferente, se necesita
una técnica para ello. La mas simple es usar hojas CSS
(hojas de estilo en cascada).


Una hoja de estilo no es mas que un archivo de texto que describe que regla aplicar
para presentar cada elemento del archivo XML.


Es necesario agregar una instrucción de procesamiento que le indique al programa
navegador, que realice las siguientes acciones.


• Separa todas las etiquetas del documento y conserva sólo el contenido.


• Aplica las reglas de estilo al contenido XML.
Cómo ligar un documento XML con una hoja de estilo


En el contenido del documento XML es necesario agregar una instrucción de
procesamiento que le indique al programa navegador desde que archivo va a leer las
reglas para desplegar cada elemento XML. El formato de esta instrucción es:


<?xml-stylesheet href=“estilo.css” type= “text/css”?>
El atributo href indica desde dónde se va a leer el documento CSS. En este
caso, estilo.css será el nombre con que se guardó el archivo CSS y es
obligatorio el uso de las comillas en todos los atributos
Presentación:
  Alrededor del área de cada elemento se pueden especificar opcionalmente las
 siguientes propiedades.
• Margen
• Contorno
• Relleno


Formatos en líneas y bloc
      El formato en línea es el dado por omisión y en el los cuadros se van acomodando
horizontalmente
     En el formato bloc los cuadros se acomodan verticalmentede arriba abajo,
Selección de elemento en css
• Por nombre
• Varios elementos por nombre
Formato de un elemento XML
Aplicaciones de XML


Clasificación de las aplicaciones XML


• Lenguajes planeados para formas no textuales.
• Lenguajes planeados para publicación en WEB


• Lenguajes planeados para la semántica en WEB
• Aplicaciones relacionadas con la comunicación y servicios en la WEB

Más contenido relacionado

Similar a Computaciòn 4 unidad

Diferencias entre XML y HTML
Diferencias entre XML y HTMLDiferencias entre XML y HTML
Diferencias entre XML y HTML
Erik Farias
 
Unidad 1 lenguajes de marcas
Unidad 1   lenguajes de marcasUnidad 1   lenguajes de marcas
Unidad 1 lenguajes de marcas
Maria Mar
 

Similar a Computaciòn 4 unidad (20)

Xml
XmlXml
Xml
 
Tutorial de XML en PDF
Tutorial de XML en PDFTutorial de XML en PDF
Tutorial de XML en PDF
 
Colima2000
Colima2000Colima2000
Colima2000
 
Introducción al Desarrollo Web
Introducción al Desarrollo WebIntroducción al Desarrollo Web
Introducción al Desarrollo Web
 
Xml dtd
Xml dtd Xml dtd
Xml dtd
 
Archivo xml
Archivo xmlArchivo xml
Archivo xml
 
Archivo xml
Archivo xmlArchivo xml
Archivo xml
 
Xml
XmlXml
Xml
 
Diferencias entre XML y HTML
Diferencias entre XML y HTMLDiferencias entre XML y HTML
Diferencias entre XML y HTML
 
Lenguaje XML
Lenguaje XMLLenguaje XML
Lenguaje XML
 
Xml presentacin
Xml presentacinXml presentacin
Xml presentacin
 
Unidad 1 lenguajes de marcas
Unidad 1   lenguajes de marcasUnidad 1   lenguajes de marcas
Unidad 1 lenguajes de marcas
 
Tutor javawebparte2
Tutor javawebparte2Tutor javawebparte2
Tutor javawebparte2
 
Tema 8
Tema 8Tema 8
Tema 8
 
Datos En La Web - Clase 1
Datos En La Web - Clase 1Datos En La Web - Clase 1
Datos En La Web - Clase 1
 
Htm ltlalti
Htm ltlaltiHtm ltlalti
Htm ltlalti
 
Elementos de html5 y css3
Elementos de html5 y css3Elementos de html5 y css3
Elementos de html5 y css3
 
As3 unidad 10 trabajando con xml
As3 unidad 10 trabajando con xmlAs3 unidad 10 trabajando con xml
As3 unidad 10 trabajando con xml
 
Xml
XmlXml
Xml
 
Android de la A a la Z - Unidad 5
Android de la A a la Z - Unidad 5Android de la A a la Z - Unidad 5
Android de la A a la Z - Unidad 5
 

Más de Fdy Renovato

Comunicación de datos
Comunicación de datosComunicación de datos
Comunicación de datos
Fdy Renovato
 
Economía capítulo 6
Economía capítulo 6Economía capítulo 6
Economía capítulo 6
Fdy Renovato
 
Productos, servicios y marcas
Productos, servicios y marcasProductos, servicios y marcas
Productos, servicios y marcas
Fdy Renovato
 
Clase dereho capitulo_xvii_
Clase dereho capitulo_xvii_Clase dereho capitulo_xvii_
Clase dereho capitulo_xvii_
Fdy Renovato
 
Unidad 5 desarrollo humano
Unidad 5 desarrollo humanoUnidad 5 desarrollo humano
Unidad 5 desarrollo humano
Fdy Renovato
 
Buscar, ordenar y filtrar
Buscar, ordenar y filtrarBuscar, ordenar y filtrar
Buscar, ordenar y filtrar
Fdy Renovato
 
Pentagrama de ginger actividad para mejorar en cada dimension
Pentagrama de ginger actividad para mejorar en cada dimensionPentagrama de ginger actividad para mejorar en cada dimension
Pentagrama de ginger actividad para mejorar en cada dimension
Fdy Renovato
 
Pentagrama de ginger y como estoy en cada rama
Pentagrama de ginger y como estoy en cada ramaPentagrama de ginger y como estoy en cada rama
Pentagrama de ginger y como estoy en cada rama
Fdy Renovato
 
Personas a quien yo admiro
Personas a quien yo admiroPersonas a quien yo admiro
Personas a quien yo admiro
Fdy Renovato
 
Trabajo ensayo c.o.c.o.
Trabajo ensayo c.o.c.o.Trabajo ensayo c.o.c.o.
Trabajo ensayo c.o.c.o.
Fdy Renovato
 
Sueños que quiero lograr
Sueños que quiero lograrSueños que quiero lograr
Sueños que quiero lograr
Fdy Renovato
 
Laboratorio unity iii acces
Laboratorio unity iii accesLaboratorio unity iii acces
Laboratorio unity iii acces
Fdy Renovato
 
Estadistica cap i, ii , iii
Estadistica   cap i, ii , iiiEstadistica   cap i, ii , iii
Estadistica cap i, ii , iii
Fdy Renovato
 
Organizacion efectiva
Organizacion efectivaOrganizacion efectiva
Organizacion efectiva
Fdy Renovato
 
Clase derecho mercantil actos de comercio enero capituo 4
Clase derecho mercantil actos de comercio enero capituo 4Clase derecho mercantil actos de comercio enero capituo 4
Clase derecho mercantil actos de comercio enero capituo 4
Fdy Renovato
 
Computación unidad2
Computación unidad2Computación unidad2
Computación unidad2
Fdy Renovato
 

Más de Fdy Renovato (20)

Economía
EconomíaEconomía
Economía
 
Comunicación de datos
Comunicación de datosComunicación de datos
Comunicación de datos
 
Economía capítulo 6
Economía capítulo 6Economía capítulo 6
Economía capítulo 6
 
Proyecto de vida
Proyecto de vidaProyecto de vida
Proyecto de vida
 
Producto
ProductoProducto
Producto
 
Productos, servicios y marcas
Productos, servicios y marcasProductos, servicios y marcas
Productos, servicios y marcas
 
Clase dereho capitulo_xvii_
Clase dereho capitulo_xvii_Clase dereho capitulo_xvii_
Clase dereho capitulo_xvii_
 
Unidad 5 desarrollo humano
Unidad 5 desarrollo humanoUnidad 5 desarrollo humano
Unidad 5 desarrollo humano
 
Buscar, ordenar y filtrar
Buscar, ordenar y filtrarBuscar, ordenar y filtrar
Buscar, ordenar y filtrar
 
Pentagrama de ginger actividad para mejorar en cada dimension
Pentagrama de ginger actividad para mejorar en cada dimensionPentagrama de ginger actividad para mejorar en cada dimension
Pentagrama de ginger actividad para mejorar en cada dimension
 
Pentagrama de ginger y como estoy en cada rama
Pentagrama de ginger y como estoy en cada ramaPentagrama de ginger y como estoy en cada rama
Pentagrama de ginger y como estoy en cada rama
 
Personas a quien yo admiro
Personas a quien yo admiroPersonas a quien yo admiro
Personas a quien yo admiro
 
Quien soy yo
Quien soy yoQuien soy yo
Quien soy yo
 
Trabajo ensayo c.o.c.o.
Trabajo ensayo c.o.c.o.Trabajo ensayo c.o.c.o.
Trabajo ensayo c.o.c.o.
 
Sueños que quiero lograr
Sueños que quiero lograrSueños que quiero lograr
Sueños que quiero lograr
 
Laboratorio unity iii acces
Laboratorio unity iii accesLaboratorio unity iii acces
Laboratorio unity iii acces
 
Estadistica cap i, ii , iii
Estadistica   cap i, ii , iiiEstadistica   cap i, ii , iii
Estadistica cap i, ii , iii
 
Organizacion efectiva
Organizacion efectivaOrganizacion efectiva
Organizacion efectiva
 
Clase derecho mercantil actos de comercio enero capituo 4
Clase derecho mercantil actos de comercio enero capituo 4Clase derecho mercantil actos de comercio enero capituo 4
Clase derecho mercantil actos de comercio enero capituo 4
 
Computación unidad2
Computación unidad2Computación unidad2
Computación unidad2
 

Computaciòn 4 unidad

  • 1. Publicación Estructurada de Recursos • Introducción a XML • Tipos de documentos XML • HTML con XML • Presentación de documentos XML • Aplicaciones XML
  • 2. Introducción a XML La tecnología XML es para todo aquel que desee trabajar con datos en la WEB. Las aplicaciones manejan dos tipos de archivos: binarios y de texto. Los archivos de texto se pueden desplegar en cualquier editor de texto. Los archivos binarios solo se pueden visualizar usando la aplicación especifica.
  • 3. El lenguaje SGML fue diseñado para ser una manera estándar de marcar datos. Del lenguaje SGML se derivan dos sublenguajes: HTML Y XML HTML: esta orientado a la presentación de los textos y sus ligas con otra información. XML: se enfoca en la descripción y la estructura de los datos. Beneficios de usar XML • Es un estándar abierto • Ampliamente usado • Diseñado para la WEB • Fácil de interpretar
  • 4. Usos de XML: En la WEB para publicar documentos Para publicar en celulares Para intercambio de datos entre negocios
  • 5. Reglas de sintaxis 1. Cada elemento tiene dos etiquetas; la de inicio y la de fin Un elemento consta de tres partes: <titulo> El Despertar </titulo> Etiqueta inicio Contenido Etiqueta de fin 2. Existe un solo elemento raíz 3. Los nombres de las etiquetas son sensibles a las mayúsculas 4. Los elementos deben de anidarse correctamente
  • 6. <cineguia> <sala> <nombre> Sala 1 </nombre> <ubicacion> Calle principal </ubicación> <cartelera> <pelicula> <titulo> El Despertar</titulo> <duracion> 1 hora y 15 minutos</duracion> <origen>Mexico</origen> <clasificacion>Adolecentes y adultos</clasificacion> </pelicula> </cartelera> </sala> </cineguia>
  • 7. 5. Caracteristicas de los elementos: • Pueden contener letras, números y otros caracteres. • No empezar con número ni con carácter de puntuación • No empezar con xml, XML, etc. • No contener espacios 6. Los elementos pueden contener atributos 7. Con XML, los espacios en blanco se preservan 8. Los comentarios en XML son como en HTML <!—aquí va el comentario-->
  • 8. Tipos de Documentos XML Documentos XML bien formados Estos documentos inician como sigue: <?xml version=“1.0” encoding=“ISO-8859-1”?> El atributo versión =“1.0” es hasta hoy la versión actual del lenguaje xml El atributo encoding=“ISO-8859-1”se utiliza siempre que las palabras sean de origen latino. Y si se omite se considera que las palabras son de origen ingles. Documentos XML válidos Para que un documento sea considerado como válido además de ser bien formado Y que contenga una manera de validar los tipos de datos. Para ello se emplean archivos adicionales denominados DTD
  • 9. HTML con XML La etiqueta <xml>puede ser empeada para incrustar código XML dentro de un documento HTML. <xml id=“cartelera”> <cartelera> <pelicula> <titulo> El Despertar</titulo> <duracion> 1 hora y 15 minutos</duracion> <origen>Mexico</origen> <clasificacion>Adolecentes y adultos</clasificacion> </pelicula> <pelicula> <titulo> Querido Frankie</titulo> <duracion> 1 hora y 55 minutos</duracion> <origen>Reino Unido</origen> <clasificacion>Adolecentes y adultos</clasificacion> </pelicula> </cartelera> </xml>
  • 10. Si se tiene el archivo XML externo se puede agregar de la siguiente forma <xml id=“cartelera” src=“cartelera.xml”> En este caso, el codigo XML está almacenado en un archivo denominado cartelera.xml, Por lo que hay que agregar el atributo src=“cartelera.xml” para hacerle saber a HTML • Que la identificación del código XML es cartelera (id=“cartelera”) • Que el archivo fuente es cartelera.xml (src=“cartelera.xml”)
  • 11. Isla de Datos Se denomina isla de datos al hecho de poder ligar datos obtenidos de un Documento XML a un archivo HTML. EJEMPLO
  • 12. Presentación de documentos XML Cuando se desea que un documento XML tenga una presentación diferente, se necesita una técnica para ello. La mas simple es usar hojas CSS (hojas de estilo en cascada). Una hoja de estilo no es mas que un archivo de texto que describe que regla aplicar para presentar cada elemento del archivo XML. Es necesario agregar una instrucción de procesamiento que le indique al programa navegador, que realice las siguientes acciones. • Separa todas las etiquetas del documento y conserva sólo el contenido. • Aplica las reglas de estilo al contenido XML.
  • 13. Cómo ligar un documento XML con una hoja de estilo En el contenido del documento XML es necesario agregar una instrucción de procesamiento que le indique al programa navegador desde que archivo va a leer las reglas para desplegar cada elemento XML. El formato de esta instrucción es: <?xml-stylesheet href=“estilo.css” type= “text/css”?> El atributo href indica desde dónde se va a leer el documento CSS. En este caso, estilo.css será el nombre con que se guardó el archivo CSS y es obligatorio el uso de las comillas en todos los atributos
  • 14. Presentación: Alrededor del área de cada elemento se pueden especificar opcionalmente las siguientes propiedades. • Margen • Contorno • Relleno Formatos en líneas y bloc El formato en línea es el dado por omisión y en el los cuadros se van acomodando horizontalmente En el formato bloc los cuadros se acomodan verticalmentede arriba abajo, Selección de elemento en css • Por nombre • Varios elementos por nombre Formato de un elemento XML
  • 15. Aplicaciones de XML Clasificación de las aplicaciones XML • Lenguajes planeados para formas no textuales. • Lenguajes planeados para publicación en WEB • Lenguajes planeados para la semántica en WEB • Aplicaciones relacionadas con la comunicación y servicios en la WEB