CURSO-TALLER. Introducción a <? xml?>

Tamaño: px
Comenzar la demostración a partir de la página:

Download "CURSO-TALLER. Introducción a <? xml?>"

Transcripción

1 CURSO-TALLER Introducción a <? xml?> Universidad de Colima Facultad de Ingeniería Mecánica y Eléctrica Presentación

2 1. Introducción XML (lenguaje extensible de etiquetas) no es un lenguaje de marcado como el HTML. XML es un metalenguaje que nos permite definir lenguajes de marcado adecuado a usus determinados Al ser XML un metalenguaje para definir lenguajes, los elementos que lo componen pueden dar información sobre lo que contienen, y no necesariamente sobre su estructura física o presentación, como ocurre en HTML Introducción

3 XML no ha nacido solamente para su aplicación en Internet, sino que se propone como lenguaje de bajo nivel (a nivel de aplicación, no de programación) para intercambio de información estructurada entre diferentes plataformas. Se puede usar en bases de datos, editores de texto, hojas de cálculo y casi cualquier cosa que podamos pensar. Introducción

4 La idea que subyace bajo el XML es la de crear un lenguaje muy general que sirva para muchas cosas. El HTML está diseñado para presentar información directamente a los humanos, y esto sin duda es algo bueno, pero es un lenguaje complicado de procesar para los programas informáticos. El HTML no indica lo que está representando, se preocupa principalmente de que eso tiene que ir en azul, o con un tipo de letra determinada, pero no te dice que lo que está mostrando es el título de un libro o el precio de un artículo. El XML hace precisamente esto: describe el contenido de lo que etiqueta. Introducción

5 2. Estructura de un documento XML Un documento XML tiene dos estructuras: - Lógica - Física Físicamente, el documento está formado por unidades llamadas entidades. Cada documento comienza con una entidad documento. Lógicamente, el documento está formado por declaraciones, elementos, comentarios, referencias a caracteres e instrucciones de procesamiento Estructura de un documento XML

6 Los documentos XML se dividen en dos grupos: - Documentos bien formados - Documentos válidos - Bien formados: son los que cumplen con las especificaciones del lenguaje (sintaxis y estructura jerárquica) - Válidos: Además de bien formados, siguen una estructura y semántica determinada por un DTD (Declaración de Tipo de Documento) Estructura de un documento XML

7 Este es un sencillo ejemplo: <?xml version= 1.0 encoding= UTF-8 standalone= yes?> <registro> <nombre>juan</nombre> <apellido>pérez</apellido> <domicilio>av. Colón, 123</domicilio> </registro> En la primera línea: - version: indica la versión de XML usada en el documento. Es obligatorio - encoding: La forma en que se ha codificado, por defecto UTF-8 - standalone: Indica si el documento va acompañado de un DTD ( no ) o no lo necesita ( yes ) Estructura de un documento XML

8 Una DTD define qué tipo de documento estamos creando para ser procesado correctamente, mediante -Un identificador público (PUBLIC) que hace referencia a dicho DTD - Un Identificador Universal de Recursos (URI) precedido de la palabra SYSTEM ejemplos: <!DOCTYPE MESAJE SYSTEM mesaje.dtd > <!DOCTYPE HTML PUBLIC -/ /W3C/ /DTD HTML 3.2 Final/ /EN > <!DOCTYPE LABEL SYSTEM > Estructura de un documento XML

9 Los documentos XML deben seguir una estructura extrictamente jerárquica con lo que respecta a las etiquetas que delimitan sus elementos. Una etiqueta debe estar correctamente incluida en otra <?xml version="1.0"?> <libro> <titulo>xml</titulo> <disponible>tiempo="24" unidad="horas"</disponible> <autor>kaliman</autor> <formato>paperback</formato> <publicacion>1998</publicacion> <precio>cantidada="10" moneda="pesos"</precio> <descuento>cantidad="20"</descuento> <libro/> </libro> Estructura de un documento XML

10 Documentos XML bien formados... Si cumple con las especificaciones XML de producción, que conjunta: Estructura jerárquica de elementos. Las etiquetas deben estar incluidas correctamente en otras: <li>html <b> le permite <i> esto </b> </i> <li> en XML la <b> estructura <i> es </i> jerárquica </b> </li> Etiquetas vacías. Tanto XML como HTML permiten etiquetas sin contenido, pero en XML deben ser expresadas <etiqueta/>, por ejemplo: <li>esto es HTML <br> en el que casi todo está permitido </li> <li>en XML, es <br/> más restrictivo.</li> Estructura de un documento XML

11 Documentos XML bien formados... Un solo elemento raíz. Un documento bien formado, sólo puede tener un elemento inicial. Valores de atributos. Deben estar siempre entrecomillados, ya sea simple ( ) o doble ( ), por ejemplo (incorrecto y correcto): <a HREF= <a HREF= > Tipos de letras, espacios en blanco. XML es sensible a mayúsculas y minúsculas. Estructura de un documento XML

12 Documentos XML bien formados... Nombrando cosas. No pueden iniciar con xml. Letras y rayas se pueden usar en cualquier parte, dígitos, guiones, puntos. Marcado y datos. Las construcciones con etiquetas, referencia de entidad y declaraciones se denominan marcas. Estas son las partes del documento que el procesador XML espera entender. Las marcas de un documento XML son las partes que empiezan conm un < y acaban con un > o en referencias a la entidad, que empiezan con un & y terminan con un ; Estructura de un documento XML

13 Elementos... Un elemento puede contener más elementos, caracteres, o ambos, o ser elementos vacíos Un elemento con contenido, por ejemplo es: <nombre> Rodolfo Gallardo-Rosales </nombre> <aviso tipo= emergencia gravedad= mortal > Mantener la calma </aviso> Se inicia siempre con una <etiqueta> y se cierra con una </etiqueta> del mismo nombre. A diferencia de HTML las etiquetas se cierran siempre. Un elemento vacío, es el que no tiene contenido, por ejemplo: <identificador RFC= GURR /> <linea-horizontal/> En HTML replanteado para que sea un documento XML, las etiquetas cambiarían un mínimo, por ejemplo: <hr/> o bien <img src= images/logo.jpg /> Estructura de un documento XML

14 Atributos... Se usan para incorporar características o propiedades a los elementos de un documento. Por ejemplo: <chiste tipo= gallegos calidad= bueno > Aquí va el relato... </chiste> En una DTD se especifican los atributos que puede tener un elemento, así como sus valores. Pueden estar delimitados por comillas dobles o simples: <verdura clase= zanahoria longitud= 15 y media > <cita texto= Hola, Buenos días, dijo él > Estructura de un documento XML

15 Secciones CDATA Este tipo de construcción, permite especificar datos, utilizando cualquier caracter, especial o no. Ejemplo: <parrafo>lo siguiente es un ejemplo de HTML.</html> <ejemplo> <html> <head><title>rock & Roll</title></head> </ejemplo> <ejemplo> <![CDATA[ <html> <head><title>rock & Roll</title></head> ] ]> </ejemplo> Estructura de un documento XML

16 3. EJEMPLO Este ejemplo consiste en mostrar un documento de texto como un documento XML visto en explorador. Pongamos el siguiente texto en un documento Notepad. Evolución del XML Rodolfo R. Gallardo En este artículo se muestra la evolución histórica del XML Introducción Para entender la evolución del XML hay que retroceder a la época en la que los sistemas de informática eran todos propietarios de las empresas que los creaban. En realidad, las ideas de esta "nueva" tecnología son de sobra conocidas desde hace muchos años y llevan décadas dando buenos resultados en múltiples proyectos. Vamos a repasar algunas de estas ideas a continuación. Sistema de marcado Ejemplo

17 EJEMPLO Continúa... El sistema de marcado de formato se basa en marcar el texto con instrucciones precisas que describen cada una de las condiciones que se desea aplicar a las partes del texto, tales como el tipo de letra o su estilo. A estas marcas se las denomina "etiquetas" (tags) o "códigos" y son un proceso válido si se trata de reproducir un documento con un formato determinado por una pantalla o impreso en papel. Aclaración Las normas necesarias para el desarrollo de XML van publicándose poco a poco, siendo necesaria la conexión al W3C para estar al día en este constante proceso de evolución. Última fecha de actualización: 12 de noviembre de 2002 Ejemplo

18 Marcado Lo importante es disponer de un documento que incluya varias entidades, como un : Título principal Evolución del XML El nombre del autor: Rodolfo R. Gallardo Una introducción: En este artículo se muestra la evolución histórica del XML Unos títulos de apartados: Introducción... Ejemplo

19 Marcado Sistema de marcado... Aclaración Unos párrafos: Para entender la evolución del XML... En realidad, las ideas de esta "nueva" tecnología... El sistema de marcado de formato se basa en... A estas marcas se las denomina "etiquetas"... Las normas necesarias para el desarrollo de... Y un comentario final: Última fecha de actualización: 12 de noviembre de 2002 Ejemplo

20 Con esta base, las etiquetas XML adecuadas para marcar correctamente el documento podrían ser: <titulop> (de Título Principal), <autor> <intro> (de Introducción), <tituloa> (de Título de Apartado), <p> (de Párrafo) y <comentariof> (de Comentario Final). PRECAUCIÓN: En los nombres de las etiquetas se han eliminado los acentos para evitar cualquier posible incompatibilidad con alguno de los múltiples procesos implicados. Se puede utilizar el alfabeto español sin problemas, pero es una precaución similar a la costumbre de no incluir acentos ni espacios en los nombres de los archivos. Ejemplo

21 Después de incluirlas en sus lugares correspondientes y de añadir la declaración XML al principio y la etiqueta raíz <articulo>, el documento XML queda como el siguiente, <?xml version="1.0" encoding="iso "?> <articulo> <titulop>evolución del XML</tituloP> <autor>rodolfo R. Gallardo</autor> <intro>en este artículo se muestra la evolución histórica del XML</intro> <tituloa>introducción</tituloa> <p>para entender la evolución del XML hay que retroceder a la época en la que los sistemas de informática eran todos propietarios de las empresas que los creaban.</p> Ejemplo

22 <p>en realidad, las ideas de esta "nueva" tecnología son de sobra conocidas desde hace muchos años y llevan décadas dando buenos resultados en múltiples proyectos. Vamos a repasar algunas de estas ideas a continuación.</p> <tituloa>sistema de marcado</tituloa> <p>el sistema de marcado de formato se basa en marcar el texto con instrucciones precisas que describen cada una de las condiciones que se desea aplicar a las partes del texto, tales como el tipo de letra o su estilo.</p> <p>a estas marcas se las denomina "etiquetas" (tags) o "códigos" y son un proceso válido si se trata de reproducir un documento con un formato determinado por una pantalla o impreso en papel.</p> Ejemplo

23 <tituloa>aclaración</tituloa> <p>las normas necesarias para el desarrollo de XML van publicándose poco a poco, siendo necesaria la conexión al W3C para estar al día en este constante proceso de evolución.</p> <comentariof>última fecha de actualización: 12 de noviembre de 2002</comentarioF> </articulo> Ejemplo

24 4. Hojas de Estilo en Cascada CSS2 es un lenguaje de hojas de estilo que permite a los autores y usuarios enlazar estilos de formato a documentos estructurados, como los documentos HTML y las aplicaciones XML. Los CSS son unas plantillas de descripciones del formato en el que se desea que aparezca el contenido de un determinado documento. Sus descripciones se archivan en documentos de texto sin formato, guardados con la extensión.css, necesaria para su identificación. Estas plantillas pueden ser enlazadas con uno o varios documentos, por lo que todo el trabajo realizado en cada plantilla, puede ser aprovechado por múltiples documentos, siendo ésta una de las principales ventajas de las CSS. Hojas de estilo en cascada

25 Hojas de Estilo en Cascada Otra de sus ventajas estriba en que cada vez que se modifica algún dato en cualquier plantilla CSS, automáticamente quedan actualizadas las presentaciones de todos los documentos enlazados con ella. La última gran ventaja de las plantillas CSS, es que permiten controlar el formato de un documento hasta niveles de detalle imposibles de definir con las etiquetas de formato HTML. Hojas de estilo en cascada

26 Propiedades importantes de las CSS Prop iedad Disp lay : Fontfamily: Fontsize: Color: Textalign: Fontstyle: C om entario Indica cómo visualizar el contenido. Cuando su valor es block se trata como un bloque y se termina con un "punto y aparte". Indica el tipo de letra que se debe aplicar a su contenido. Verdana es una de las más utilizadas en la W eb. Indica el tamaño de letra que se debe aplicar a su contenido. Si la unidad es pt, el tam añ o se fija en "p un to s tipo g ráfico s". Indica el color que se desea aplicar a su contenido. En este caso se han utilizado descripciones por nombre. Indica la alineación del texto. Los valores left, right y justify significan "izquierda", "derecha" y "justificado". Indica el estilo de letra que hay que aplicar al texto. Con el valor italic se selecciona el estilo en "cursiva". Hojas de estilo en cascada

27 Ejemplo de una Plantilla CSS La siguiente es una plantilla CSS en la que se utilizan las propiedades entes mencionadas. titulop {display:block; font-size:20pt; font-family:verdana; color:green; text-align:left} autor {display:block; font-size:12pt; font-family:verdana; color:red; textalign:right} intro {display:block; font-family:verdana; font-size:10pt; font-style:italic} tituloa {display:block; font-family:arial; text-align:left; font-size:14pt; color:blue} comentariof {display:block; font-style:italic; text-align:center; textsize:10pt} p {display:block; font-family:verdana; font-size:10pt; text-align:justify } Hojas de estilo en cascada

28 XML con CSS Para verlo como una página web, hay que indicar al visualizador el sistema que deseamos aplicar a su formato. Esto se consigue fácilmente añadiendo una segunda línea, debajo de la declaración XML, que incluya una instrucción de procesamiento adecuada, que para enlazarlo con una plantilla CSS, será como la siguiente: <?xml-stylesheet href="articulo.css" type="text/css"?> En dicha instrucción de procesamiento se pueden distinguir claramente la llamada a un procesamiento XML a través de una hoja de estilo (xml stylesheet), la referencia a un archivo CSS que se denomina articulo.css (href="articulo.css ) y la observación de que se trata de un tipo de documento CSS en forma de texto sin formato (type="text/css ). Hojas de estilo en cascada

29 5. DOCUMENTOS CSS Los documentos CSS, o plantillas CSS, son descripciones detalladas del formato de las entidades XML. Son muy similares a las plantillas CSS utilizadas en HTML, ya que utilizan la misma normativa, pero tienen algunas diferencias, justificadas por el distinto enfoque de las etiquetas HTML (prefijadas de antemano y con algunos criterios definidos) y XML (libres e indefinidas por completo). Las plantillas CSS pueden insertarse en el propio documento XML, pero lo más adecuado y recomendable es que formen parte de un archivo externo, con extensión.css, al que se hace referencia desde el documento principal. Documentos CSS

30 Este sistema recomendado tiene la gran ventaja de asegurar que, cada vez que se realice alguna modificación, todos los documentos XML relacionados, quedan inmediatamente actualizados. En el caso de estar incluidos en el mismo documento XML, cada modificación debe ser realizada en cada documento. Los documentos CSS son archivos de texto sin formato guardados con extensión.css. No es necesario que estén en la misma carpeta del documento principal, pudiendo ser referenciados desde dicho documento a través de una dirección absoluta, o mejor, relativa. IMPORTANTE: Si alguna descripción o regla del documento CSS contiene algún error o no existe alguna de las etiquetas del documento principal en la plantilla, el visualizador anula el modelo erróneo y utiliza los parámetros que tiene por defecto para mostrar la correspondiente información utilizando los datos correctos o con un formato simplificado. Documentos CSS

31 MEJORAS DEL DOCUMENTO XML-CSS Después de repasar las características más importantes de la especificación CSS2, estamos en disposición de mejorar mucho nuestro primer documento XML-CSS. Para realizar las mejoras no es preciso retocar el documento XML, debiendo hacer los cambios sólo en la plantilla CSS. Pudiéndose modificar el archivo articulo.css repetidamente para ver el efecto de dichas modificaciones en la presentación del documento XML. Documentos CSS

32 Una de las muchas variaciones posibles sería dejar la plantilla CSS como el código que sigue a continuación, que se ha guardado con el nombre articulo2.css. titulop {display:block; width:600px; font-size:20pt; fontfamily:verdana; color:green; border-bottom:double 4pt navy; text-align:left} width:600px es el largo de la linea border-bottom es el borde de abajo 4 puntos doble color navy autor {display:block; font-size:12pt; font-family:verdana; color:red; text-align:right; margin-bottom:10pt} Documentos CSS

33 intro {display:block; margin:25px; font-family:verdana; fontsize:10pt; font-style:italic} tituloa {display:block; font-family:arial; margin-left:1cm; textalign:left; font-size:14pt; font-weight:bold; margin-bottom:10pt} comentariof {display:block; margin:.2in; padding:5px; fontstyle:italic; border:outset 3pt; text-align:center; text-size:10pt; background-color:aqua} p {display:block; margin-bottom:10pt; font-family:verdana,sansserif; font-size:10pt; text-align:justify; text-indent:1cm} Documentos CSS

34 Ahora vamos a incluir algunas correcciones. Se trata de mostrar las palabras que aparecen entre comillas (nueva, etiquetas y código) sin las comillas y con estilo de negrita (<n>), y ya puestos, vamos a ordenar que la palabra que figura entre paréntesis (tags), tenga un estilo de cursiva (<c>). Estos efectos se consiguen añadiendo al código CSS de articulo2.css las siguientes reglas: n { font-weight:bold; display:inline } c { font-style:italic; display:inline } Documentos CSS

35 Esta nueva variante de la plantilla CSS hay que guardarla como articulo3.css. También hay que modificar el documento XML en dos sentidos: uno, actualizando la línea que llama a la nueva plantilla CSS, y después, incluyendo las correspondientes etiquetas <n> y <c> en sus respectivos lugares. El código del nuevo documento XML, denominado ejemplo3.xml, se corresponde con: <?xml version="1.0" encoding="iso "?> <p>en realidad, las ideas de esta <n>nueva</n> tecnología son de sobra conocidas desde hace muchos años y llevan décadas dando buenos resultados en múltiples proyectos. Vamos a repasar algunas de estas ideas a continuación.</p> <p>a estas marcas se las denomina <n>etiquetas</n> (<c>tags</c>) o <n>códigos</n> y son un proceso válido si se... Documentos CSS

36 Comentario Oculto Para terminar de mejorar el proceso, habría que incluir algunos comentarios que ayudasen a leer los códigos XML y CSS más fácilmente. Ya hemos visto cómo incluir comentarios con los terminadores especiales para XML ( <!-- y --> ) y para CSS ( /* y */ ), pero también podemos aprovechar el valor none de la propiedad display para que cualquier elemento incluido en el documento XML sea ocultado en el momento de la presentación en la pantalla. Un ejemplo del documento XML con comentarios podría ser el que se muestra a continuación, localizado como ejemplo4.xml. Documentos CSS

37 <comentariof>última fecha de actualización: 12 de noviembre de 2002</comentarioF> <comentario_oculto>este documento es una simplificación de otro más completo</comentario_oculto> </articulo> Y su respectiva modificación en la CSS p {display:block; font-family:verdana,sans-serif; font-size:10pt; margin-bottom:10pt; text-align:justify; text-indent:1cm} n {display:inline; font-weight:bold} c {display:inline; font-style:italic} comentario_oculto {display:none} Documentos CSS

38 6. La ayuda del HTML Mientras no se desarrolle completamente XML, hay que aprovechar las técnicas actualmente existentes para complementarlo, ya que XML no es un sustituto de HTML, sino más bien un complemento. Para poder seguir adelante, es imprescindible que comentemos un nuevo concepto: el espacio de nombre (namespace). En nuestro caso, vamos a disponer dos espacios de nombre, para incluir los elementos particulares del documento XML en uno de ellos y para poder utilizar las etiquetas del HTML en el otro espacio de nombre. De esta forma, podremos aprovechar las ventajas de los dos sistemas, y de paso, evitaremos colisiones entre etiquetas coincidentes, como es el caso de la <P> de HTML y de la <p> utilizada en nuestro ejemplo XML. La ayuda del HTML

39 Espacio de nombre Para poder utilizar las etiquetas HTML paralelamente, vamos a utilizar un espacio de nombre especial para que soporte sus elementos. La forma más sencilla para crear dicho espacio de nombre es incorporar el atributo xmlns:html="uri:html" a la etiqueta del elemento raíz, que en nuestro caso quedará como:... <articulo xmlns:html="uri:html">... </articulo> La ayuda del HTML

40 Ejemplo Por ejemplo, si se desea que el nombre del autor sirva de enlace para que se le pueda mandar correo electrónico, hay que modificar el correspondiente código para que quede como: <autor> <html:a R. Gallardo</html:a> </autor> Cualquier otro componente HTML que se desee incorporar debe seguir la misma única regla: incluir el prefijo html: en el nombre de sus etiquetas. La ayuda del HTML

41 Ejemplo Por ejemplo, si se desea que el nombre del autor sirva de enlace para que se le pueda mandar correo electrónico, hay que modificar el correspondiente código para que quede como: <autor> <html:a R. Gallardo</html:a> </autor> Cualquier otro componente HTML que se desee incorporar debe seguir la misma única regla: incluir el prefijo html: en el nombre de sus etiquetas. La ayuda del HTML

42 7. Document Type Definition (DTD) Crear una definición del tipo de documento, es como crear nuestro propio lenguaje de marcado, para una aplicación específica. Por ejemplo, podríamos crear un DTD que defina una tarjeta de visitas. Si un documento se ajusta a un DTD se denomina válido. Por ejemplo: <!DOCTYPE etiqueta [ <!ELEMENT etiqueta (nombre, calle, ciudad, pais, codigo)> <!ELEMENT nombre (#PCDATA)> <!ELEMENT calle (#PCDATA)> <!ELEMENT ciudad (#PCDATA)> <!ELEMENT pais (#PCDATA)> <!ELEMENT codigo (#PCDATA)> ] > <etiqueta> <nombre>juan Pérez</nombre> <calle>c/ Daniel Larios, 111</calle> <ciudad>colima</ciudad> <pais>méxico</pais> <codigo>28030</codigo> </etiqueta> Document Type Definition (DTD)

43 La declaración del tipo de documento empieza en la primera línea y termina con ] >. Las declaraciones DTD son las líneas que empiezan con <!ELEMENT y se denominan declaraciones de tipo elemento. En el ejemplo anterior, todas las declaraciones DTD que se definen etiquetas están dentro del documento, pero pueden definirse parcial o totalmente en otro documento. Por ejemplo: <?xml version= 1.0?> <!DOCTYPE coche SYSTEM > <coche> <modelo>... </modelo>... </coche> Document Type Definition (DTD)

44 Asociamos la DTD respecto de la cual construimos el documento. <?xml version="1.0" encoding="utf-8"?> En este ejemplo va implícita en el propio documento XML, aunque también puede hacerse externa al documento e incluso de una forma mixta. Si la hubiésemos escrito en un fichero "ejemplo.dtd" tendríamos que referenciarla de la siguiente manera: <!DOCTYPE documento SYSTEM "ejemplo.dtd"> Document Type Definition (DTD)

45 Entidades Predefinidas En XML se definen 5 entidades predefinidas para representar caracteres especiales y que no se presenten como marcado en el procesador. Es decir, que así podemos usar el carácter < sin que se interprete como el comienzo de una etiqueta XML. Entidad & Carácter & &alt; < > > &apos; " Document Type Definition (DTD)

46 Comentarios A veces es conveniente insertar comentarios en el documento, que sean ignorados por el procesado de la información y las reproducciones del documento. Los comentarios tienen el mismo formato que el HTML. Ejemplo: <?xml version= 1.0?> <!--Aquí va el tipo de documento--> <!DOCTYPE EJEMPLO [ <!--Esto es un comentario--> Document Type Definition (DTD)

47 Por ejemplo: <!ELEMENT receta (titulo, ingredientes, procedimiento)> Siguiendo la definición de elemento anterior, este ejemplo de documento XML sería válido: <receta> <titulo>...</titulo> <ingredientes>...</ingredientes> <procedimiento>...</procedimiento> </receta> Pero no este: <receta> <parrafo>esto es un párrafo</parrafo> <titulo>...</titulo> <ingredientes>...</ingredientes> <procedimiento>...</procedimiento> </receta> Document Type Definition (DTD)

48 La especificación de contenido puede ser de cuatro tipos: EMPTY Puede no tener contenido. Suele usarse para los atributos. <!ELEMENT salto-de-pagina EMPTY> ANY Puede tener cualquier contenido. <!ELEMENT batiburrillo ANY> Mixed tanto de PCDATA como de enfasis <!ELEMENT enfasis (#PCDATA)> <!ELEMENT parrafo (#PCDATA enfasis)*> Element Sólo puede contener sub-elementos especificados en la especificación de contenido. <!ELEMENT mensaje (remite, destinatario, texto)> Document Type Definition (DTD)

49 Declaraciones de lista de atributos Los atributos permiten añadir información adicional a los elementos de un documento. La principal diferencia entre los elementos y los atributos, es que los atributos no pueden contener sub-atributos. Se usan para añadir información corta, sencilla y desestructurada. <mensaje prioridad="urgente"> <de>juan Perez</de> <a>hans van Parijs</a> <texto idioma="holandes"> Hallo Hans, hoe gaat het?... </texto> </mensaje> Document Type Definition (DTD)

50 En el ejemplo anterior, para declarar la lista de atributo de los elementos <mensaje> y <texto> haríamos lo siguiente: <!ELEMENT mensaje (de, a, texto)> <!ATTLIST mensaje prioridad (normal urgente) normal> <!ELEMENT texto (#PCDATA)> <!ATTLIST texto idioma CDATA #REQUIRED> Document Type Definition (DTD)

51 Tipos de atributos Atributos CDATA y NMTOKEN Los atributos CDATA (Character DATA)sonlos más sencillos, y pueden contener casi cualquier cosa. Los atributos NMTOKEN (NaMe TOKEN) son parecidos, pero sólo aceptan los caracteres válidos para nombrar cosas (letras, números, puntos, guiones, subrayados y los dos puntos). <!ATTLIST mensaje fecha CDATA #REQUIRED> <mensaje fecha="12 de noviembre de 2002"> <!ATTLIST mensaje fecha NMTOKEN #REQUIRED> <mensaje fecha=" "> Document Type Definition (DTD)

52 Declaración de entidades XML hace referencia a objetos (ficheros, páginas web, imágenes, cualquier cosa) que no deben ser analizados sintácticamente según las reglas de XML, mediante el uso de entidades. Se declaran en la DTD mediante el uso de "<!ENTITY" Una entidad puede no ser más que una abreviatura que se utiliza como una forma corta de algunos textos. Al usar una referencia a esta entidad, el analizador sintáctico reemplaza la referencia con su contenido. En otras ocasiones es una referencia a un objeto externo o local. Las entidades pueden ser: Internas o Externas Analizadas o No analizadas Generales o Párametro Document Type Definition (DTD)

53 Entidades generales internas Son las más sencillas. Son básicamente abreviaturas definidas en la sección de la DTD del documento XML. Son siempre entidades analizadas, es decir, una vez reemplazada la referencia a la entidad por su contenido, pasa a ser parte del documento XML y como tal, es analizada por el procesador XML. <!DOCTYPE texto [ <!ENTITY alf "Alien Life From"> ]> <texto><titulo>un día en la vida de un &alf</titulo></texto> Document Type Definition (DTD)

54 Ejemplos de DTD Un ejemplo de DTD que puede servir para resumir todo lo visto hasta ahora podría ser un DTD que nos defina un lenguaje de marcado para una base de datos de personas con direcciones e- mail. El archivo DIRECTORIO.DTD podría ser algo así: <?xml encoding="utf-8"?> <!ELEMENT listin (persona)+> <!ELEMENT persona (nombre, *, relacion?)> <!ATTLIST persona id ID #REQUIRED> <!ATTLIST persona sexo (hombre mujer) #IMPLIED> <!ELEMENT nombre (#PCDATA)> <!ELEMENT (#PCDATA)> <!ELEMENT relacion EMPTY> <!ATTLIST relacion amigo-de IDREFS #IMPLIED enemigo-de IDREFS #IMPLIED> Document Type Definition (DTD)

55 Basándonos en este DTD, podríamos escribir nuestro primer directorio en XML de la siguiente manera: <?xml version="1.0"?> <!DOCTYPE directorio SYSTEM "directorio.dtd"> <directorio> <persona sexo="hombre" id="ricky"> <nombre>ricky Martin</nombre> <relacion amigo-de="laetitia"/> </persona> <persona sexo="mujer" id="leatitia"> <nombre>laetitia Casta</nombre> </persona> </directorio> Document Type Definition (DTD)

56 8. Schemas XML Un "schema XML" es algo similar a un DTD, es decir, que define qué elementos puede contener un documento XML, cómo están organizados, y que atributos y de qué tipo pueden tener sus elementos. La ventaja de los schemas con respecto a los DTDs son: Usan sintaxis de XML, al contrario que los DTDs. Permiten especificar los tipos de datos. Son extensibles. Por ejemplo, un schema nos permite definir el tipo del contenido de un elemento o de un atributo, y especificar si debes ser un número entero, o una cadena de texto, o una fecha, etc. Los DTDs no nos permiten hacer estas cosas. Schemas XML

57 Veamos un ejemplo de un documento XML, y su schema correspondiente: <documento xmlns="x-schema:personaschema.xml"> <persona id="fulano"> <nombre>fulano Menganez</nombre> </persona> </documento> Como podemos ver en el documento XML anterior, se hace referencia a un espacio de nombres (namespace) llamado "x-schema:personaschema.xml". Es decir, le estamos diciendo al analizador sintáctico XML (parser) que valide el documento contra el schema "personaschema.xml". Schemas XML

58 El schema sería algo parecido a esto: <Schema xmlns="urn:schemas-microsoft-com:xml-data" xmlns:dt="urn:schemas-microsoft-com:datatypes"> <AttributeType name='id' dt:type='string' required='yes'/> <ElementType name='nombre' content='textonly'/> <ElementType name='persona' content='mixed'> <attrubyte type='id'/> <element type='nombre'/> </ElementType> <ElementType name='documento' content='eltonly'> <element type='persona'/> </ElementType> </Schema> El primer elemento del schema define dos espacios de nombre. El primero "xml-data" le dice al analizador que esto es un schema y no otro documento XML cualquiera. El segundo "datatypes" nos permite definir el tipo de elementos y atributos utilizando el prefijo "dt". Schemas XML

59 9. Extended Style Language (XSL) El XSL es un lenguaje que nos permite definir una presentación o formato para un documento XML. Un mismo documento XML puede tener varias hojas de estilo XSL que lo muestren en diferentes formatos (HTML, PDF, RTF, VRML, PostScript, sonido, etc.) La aplicación de una hoja de estilos XSL a un documento XML puede ocurrir tanto en el origen (por ejemplo, un servlet que convierta de XML a HTML para que sea mostrado a un navegador conectado a un servidor web), o en el mismo navegador (como en el caso del MS IE5, y en breve, Netscape 5). Básicamente, XSL es un lenguaje que define una transformación entre un documento XML de entrada, y otro documento XML de salida. Extended Style Language (XSL)

60 Una hoja de estilo XSL es una serie de reglas que determina cómo va a ocurrir la transformación. Cada regla se compone de un patrón (pattern) y una acción o plantilla (template). De este modo, cada regla afecta a uno o varios elementos del documento XML. El efecto de las reglas es recursivo, para que un elemento situado dentro de otro elemento puede ser también transformado. Las hojas de estilo tiene una regla raiz que, además de ser procesada, llama a las reglas adecuadas para los elementos hijos. Extended Style Language (XSL)

61 Vamos a ver un ejemplo de todo esto: <libro> <titulo>un título cualquiera</titulo> <capitulos> <capitulo> <titulo>capítulo 1</titulo> <parrafo>...</parrafo> <parrafo>...</parrafo> </capitulo> <capitulo> <titulo>capítulo 2</titulo>... </capitulo> </capitulos> </libro> Extended Style Language (XSL)

62 Queremos convertir este documento XML en HTML bien formado, de la siguiente manera: <HTML> <HEAD> <TITLE>Un título cualquiera</title> </HEAD> <BODY> <H1>Un título cualquiera</h1> <HR> <H2>Capítulo 1</H2> <P>...</P> <P>...</P> <HR> <H2>Capítulo 2</H2> <P>...</P> </BODY> </HTML> Extended Style Language (XSL)

63 La hoja de estilo XSL necesaria sería algo parecido a lo siguiente: <?xml version="1.0"?> <xsl:stylesheet xmlns:xsl=" <xsl:template match="libro"> <HTML><HEAD> <TITLE><xsl:process select="titulo"/></title> </HEAD><BODY> <H1><xsl:process select="titulo"/></h1> <xsl:process select="capitulos"/> </BODY></HTML> </xsl:template><xsl:template match="capitulos"> <xsl:process select="capitulo /></xsl:template> <xsl:template match="capitulo"> <H2><xsl:process select="titulo"/></h2> <xsl:process select="parrafo"/></xsl:template> <xsl:template match="parrafo"><p><xsl:process-children/></p> </xsl:template></xsl:stylesheet> Extended Style Language (XSL)

64 Veamos un ejemplo muy sencillo de un pequeño lenguaje de etiquetas para definir documentos FAQ: <?xml version="1.0" encoding="utf-8" standalone="no"?> <!DOCTYPE FAQ SYSTEM "FAQ.DTD"> <FAQ><INFO> <TITULO> WINDOWS98? SOLO SI ME OBLIGAN! </TITULO> <AUTOR> Fernando Damián Lorenzo García </AUTOR> < > </ > <VERSION> 1.0 </VERSION> <FECHA> 20.MAYO.99 </FECHA> </INFO><PART NO="1"> <Q NO="1"> <QTEXT> Por qué tengo que instalar W95?</QTEXT> <A> A mi también me parece una buena pregunta.</a> </Q><Q NO="2"> <QTEXT>Y de que me vale?</qtext> <A>Otra ingeniosa pregunta.</a> </Q></PART> </FAQ> Extended Style Language (XSL)

65 Para el lenguaje de marcas mostrado arriba tenemos el siguiente DTD: <!ELEMENT FAQ (INFO, PART+)> <!ELEMENT INFO (TITULO, AUTOR, ?, VERSION?, FECHA?)> <!ELEMENT TITULO (#PCDATA)> <!ELEMENT AUTOR (#PCDATA)> <!ELEMENT (#PCDATA)> <!ELEMENT VERSION (#PCDATA)> <!ELEMENT FECHA (#PCDATA)> <!ELEMENT PART (Q+)> <!ELEMENT Q (QTEXT, A)> <!ELEMENT QTEXT (#PCDATA)> <!ELEMENT A (#PCDATA)> <!ATTLIST PART NO CDATA #IMPLIED TITLE CDATA #IMPLIED> <!ATTLIST Q NO CDATA #IMPLIED> Extended Style Language (XSL)

66 Veamos ahora un ejemplo de código XML para una librería virtual: <?xml version="1.0"?> <libro> <titulo> Cien años de soledad </titulo> <disponible tiempo="24" unidad="horas"/> <autor> Gabriel García Márquez </autor> <formato> Rústica </formato> <publicacion>1967 </publicacion> <precio cantidad="9.99" moneda="euro"/> <descuento cantidad="5"/> <enlacelibro href="/exec/isbn/ "/> </libro> Extended Style Language (XSL)

67 Su DTD correspondiente: <!ELEMENT autor ( #PCDATA ) > <!ELEMENT descuento EMPTY > <!ATTLIST descuento cantidad CDATA #REQUIRED > <!ELEMENT disponible EMPTY > <!ATTLIST disponible tiempo CDATA #REQUIRED > <!ATTLIST disponible unidad CDATA #REQUIRED > <!ELEMENT enlacelibro EMPTY > <!ATTLIST enlacelibro href CDATA #REQUIRED > <!ELEMENT formato ( #PCDATA ) > <!ELEMENT libro ( titulo disponible autor formato publicacion precio descuento enlacelibro )* > <!ELEMENT precio EMPTY > <!ATTLIST precio cantidad CDATA #REQUIRED > <!ATTLIST precio moneda CDATA #REQUIRED > <!ELEMENT publicacion ( #PCDATA ) > <!ELEMENT titulo ( #PCDATA ) > Extended Style Language (XSL)

68 10. HTML y XML En algunas ocasiones, cuando no se conocen bien las posibilidades del HTML y del XML, suele surgir la cuestión: si ya existe un potente y conocido HTML, para qué hay que utilizar XML? La respuesta está en que no son sistemas incompatibles ni excluyentes. Cada uno se debe utilizar donde mejor se aproveche. HTML es muy bueno en dar formato a los documentos hipertexto, por lo tanto, debe utilizarse en dichos documentos sin mayor problema. XML tiene mejor comportamiento con documentos complejos interactivos, así que, en ese sector debe utilizarse. Veamos un sencillo ejemplo. Supongamos que hay que diseñar una página web que incluya información sobre tres libros. HTML y XML

69 A través del código HTML se puede crear una tabla como la siguiente: <TABLE> <TR> <TD>Título</TD><TD>Autor</TD><TD>Precio</TD> </TR> <TR> <TD>AutoSketch</TD><TD>Ramón Montero</TD><TD>2.500</TD> </TR> <TR> <TD>Windows 98</TD><TD>Jaime de Yraolagoitia</TD><TD>3.250</TD> </TR> <TR> <TD>Web Graphics</TD><TD>Ron Wodaski</TD><TD>8.975</TD> </TR> </TABLE> Extended Style Language (XSL)

70 La misma información, puesta en formato XML podría quedar como se indica en el siguiente código: <LIBROS> <LIBRO> <TITULO>AutoSketch</TITULO> <AUTOR>Ramón Montero</AUTOR> <PRECIO>2.500</PRECIO> </LIBRO> <LIBRO> <TITULO>Windows 98</TITULO> <AUTOR>Jaime de Yraolagoitia</AUTOR> <PRECIO>3.250</PRECIO> </LIBRO> <LIBRO> <TITULO>Web Graphics</TITULO> <AUTOR>Ron Wodaski</AUTOR> <PRECIO>8.975</PRECIO> </LIBRO> </LIBROS> Extended Style Language (XSL)

71 Ante estos ejemplos, el usuario que solo desea publicar estos datos en una página web por Internet, sería más lógico que se decidiese por el código HTML, pero el diseñador que utiliza estos datos para hacer cálculos de precios, o selecciones de obras de autores, por ejemplo, debe optar por XML sin dudarlo. La actual normativa de HTML se encuentra en su versión 4.01 desde el 24 de diciembre de 1999, tal como se puede observar en la figura Se puede ver en la sede del W3C, en la dirección: Extended Style Language (XSL)

72 11. Base de Datos XML <?xml version="1.0" encoding="iso "?> <alumnos> <alumno> <numero>1</numero> <nombre>ramón</nombre> <apellido>primero</apellido> <nivel>iniciación</nivel> <curso>xml</curso> </alumno> <alumno> <numero>2</numero> <nombre>jaime</nombre> <apellido>segundo</apellido> <nivel>avanzado</nivel> <curso>windows 2000</curso> </alumno> <alumno> Base de Datos XML

73 <numero>3</numero> <nombre>josé Manuel</nombre> <apellido>tercero</apellido> <nivel>básico</nivel> <curso>html</curso> </alumno> <alumno> <numero>4</numero> <nombre>maría Teresa</nombre> <apellido>cuarta</apellido> <edad></edad> <nivel>medio</nivel> <curso>unix</curso> </alumno> </alumnos> Guardar como alumnos.xml Base de Datos XML

74 Para aprovechar la información del documento externo XML alumnos.xml, hay que modificar el código HTML anterior para dejarlo como el que sigue a continuación, que habrá que guardar como alumnos.html. <html> <head><title>lista de alumnos 1</title></head> <body> <xml id="listaalumnos1" src="alumnos.xml"></xml> <table datasrc="#listaalumnos1" border="1"> <caption>lista DE ALUMNOS</caption> <thead> Base de Datos XML

75 <th>número</th> <th>nombre</th> <th>apellido</th> <th>curso</th> <th>nivel</th> </thead> <tbody><tr> <td><span datafld="numero"></span></td> <td><span datafld="nombre"></span></td> <td><span datafld="apellido"></span></td> <td><span datafld="curso"></span></td> <td><span datafld="nivel"></span></td> </tr></tbody> </table> </body></html> Base de Datos XML

76 En el código HTML anterior se puede observar que la parte que no interfiere con los datos del documento XML se trata como cualquier código HTML típico. También se puede ver que se ha añadido una línea con la etiqueta <xml>, ajustada para enlazar con alumnos.xml y conteniendo el identificador ListaAlumnos1. Pero también se han utilizado dos nuevas entidades: datasrc (data-source, origen de datos) y datafld (data-field, campo de datos). DATASRC aparece como atributo específico de <table> en la que se hace una llamada a los datos existentes ListaAlumnos1 anteponiéndole el símbolo del "signo de número" # (<table datasrc="#listaalumnos1">). DATAFLD es otro atributo de la etiqueta HTML <span> que permite hacer una llamada a "cada uno de los datos" del campo de datos (elemento XML) al que hace referencia (<span datafld="elemento_xml"></span>). En este ejemplo, datasrc y datafld son atributos de elementos de una tabla, porque es el sistema de presentación HTML elegido, pero pueden añadirse a otras etiquetas HTML. Base de Datos XML

77 Gestión individual de datos XML. La presentación de datos a través de tablas organizadas en filas y columnas es muy práctica en muchos casos, pero en otros, no es el método ideal. Tales son los casos en los que la información de algunas celdas precisa de textos largos, o cuando el número de columnas es demasiado grande para entrar en una pantalla, o también, cuando el número de filas resultante es tan extenso que la visualización de la tabla exige varios desplazamientos verticales. La solución en estos casos pasa por el control de los datos en un formato individualizado, de forma que el usuario pueda acceder a la información de cada elemento principal en modo secuencial, o sea, de uno en uno. Base de Datos XML

78 <html> <head>...</head> <body> <xml id="listaalumnos2" src="alumnos2.xml"></xml> <center> <h2>listado DE ALUMNOS del Centro "TODO-WEB"</h2> <h3>relación DE ALUMNOS</h3> </center> <p>número: <b><span datasrc="#listaalumnos2" datafld="numero"></span></b></p> <p>alumno: <b><span datasrc="#listaalumnos2" datafld="nombre"></span> <span datasrc="#listaalumnos2" datafld="apellido"></span></b></p> <p>edad: <b><span datasrc="#listaalumnos2" datafld="edad"></span></b> Sexo: <b><span datasrc="#listaalumnos2" datafld="sexo"></span></b></p> <hr width="500" align="left"> Base de Datos XML

79 <p>curso: <b><span datasrc="#listaalumnos2" datafld="curso"></span></b></p> <p>nivel: <b><span datasrc="#listaalumnos2" datafld="nivel"></span></b></p> <p>observaciones: <b><span datasrc="#listaalumnos2" datafld="observaciones"></span></b></p> <hr width="500" align="left"><center> <button onclick="listaalumnos2.recordset.movefirst()" title="principio"> << </button> <button onclick="if (! ListaAlumnos2.recordset.BOF) ListaAlumnos2.recordset.MovePrevious()" title="anterior"> < </button> <button onclick="if (! ListaAlumnos2.recordset.EOF) ListaAlumnos2.recordset.MoveNext()" title="siguiente"> > </button> <button onclick="listaalumnos2.recordset.movelast()" title="final"> >> </button> </center></body></html> Base de Datos XML

80 Creando el archivo alumnos2.xml como sigue: <?xml version="1.0" encoding="iso "?> <alumnos> <alumno> <numero>1</numero> <nombre>ramón</nombre> <apellido>primero</apellido> <nivel>iniciación</nivel> <curso>xml</curso> <observaciones>buen estudiante</observaciones> <edad>20</edad> <sexo>h</sexo> </alumno> <alumno> <numero>2</numero> <nombre>jaime</nombre> <apellido>segundo</apellido> Base de Datos XML

81 <nivel>avanzado</nivel> <curso>windows 2000</curso> <observaciones>parte de la Banda Escolar</observaciones> <edad>18</edad> <sexo>h</sexo> </alumno> <alumno> <numero>3</numero> <nombre>josé Manuel</nombre> <apellido>tercero</apellido> <nivel>básico</nivel> <curso>html</curso> <observaciones>falta mucho a clase</observaciones> <edad>21</edad> <sexo>h</sexo> </alumno> <alumno> Base de Datos XML

82 <numero>4</numero> <nombre>maría Teresa</nombre> <apellido>cuarta</apellido> <nivel>medio</nivel> <curso>unix</curso> <observaciones>es parte del equipo de atletismo</observaciones> <edad>32</edad> <sexo>m</sexo> </alumno> </alumnos> Base de Datos XML

83 Modificando una vez más, para mejor presentación: <html> <head>...</head> <body> <xml id="listaalumnos3" src="alumnos3.xml"></xml> <center> <h2>listado DE ALUMNOS del Centro "TODO-WEB"</h2> <h3>relación DE ALUMNOS</h3> </center> <p>número: <b><span datasrc="#listaalumnos3" datafld="numero"></span></b></p> <p>nombre: <input type="text" datasrc="#listaalumnos3" datafld="nombre" size="25"></p> <p>apellido: <input type="text" datasrc="#listaalumnos3" datafld="apellido" size="25"> Base de Datos XML

84 <p>edad: <b><span datasrc="#listaalumnos3" datafld="edad"> </span></b> &nb sp; Sexo: <input type="radio" datasrc="#listaalumnos3" datafld="sexo" value="h">hombre <input type="radio" datasrc="#listaalumnos3" datafld="sexo" value="m">mujer</p> <hr width="500" align="left"> <p>curso: <select datasrc="#listaalumnos3" datafld="curso" size="1"> <option value="html">html <option value="unix">unix <option value="windows 2000">Windows 2000 <option value="xml">xml </select> Base de Datos XML

85 Nivel: <select datasrc="#listaalumnos3" datafld="nivel" size="1"> <option value="iniciación">iniciación <option value="básico">básico <option value="medio">medio <option value="avanzado">avanzado </select><p> <p>observaciones: <b><span datasrc="#listaalumnos10" datafld="observaciones"></span></b></p> <hr width="500" align="left"> <center> <button onclick="listaalumnos3.recordset.movefirst()" title="principio"> << </button> <button onclick="if (! ListaAlumnos3.recordset.BOF) ListaAlumnos3.recordset.MovePrevious()" title="anterior"> < </button> Base de Datos XML

86 <button onclick="if (! ListaAlumnos3.recordset.EOF) ListaAlumnos3.recordset.MoveNext()" title="siguiente"> > </button> <button onclick="listaalumnos3.recordset.movelast()" title="final"> >> </button></center> </body> </html> Base de Datos XML

87 Cartas personalizadas. En primer lugar vamos a utilizar un documento XML denominado agenda.xml como base de datos para generar automáticamente cartas personalizadas. Este documento puede ser el siguiente: <?xml version="1.0" encoding="iso "?> <agenda> <cliente> <nombre>ana</nombre> <apellidos>lópez García</apellidos> <dirección>c/ Una, 11</dirección> <tfno> </tfno> <empresa>una.com</empresa> <sector>farmacia</sector> <sexo>a</sexo> </cliente> Base de Datos XML

88 <cliente> <nombre>josé</nombre> <apellidos>pérez González</apellidos> <dirección>c/ Dos, 22</dirección> <tfno> </tfno> <empresa>dos.net</empresa> <sector>turismo</sector> <sexo>o</sexo> </cliente> <cliente> <nombre>juan</nombre> <apellidos>gómez Sánchez</apellidos> <dirección>c/ Tres, 33</dirección> <tfno> </tfno> <empresa>tres.org</empresa> <sector>educación</sector> <sexo>o</sexo> </cliente> </agenda> Base de Datos XML

89 El código HTML capaz de generar las cartas personalizadas para cada uno de los clientes, puede ser alguno similar a: <html> <head> <title>cartas</title> </head> <body> <xml id="agenda" src="agenda.xml"></xml> <table datasrc="#agenda" border="0"> <tr><td> <p><span datafld="apellidos"></span>, <span datafld="nombre"></span><br> <span datafld="empresa"></span><br> <span datafld="dirección"></span></p> <br> <p>estimad<span datafld="sexo"></span> <span datafld="nombre"></span>:</p> Base de Datos XML

90 <p>como representante de <b><span datafld="empresa"></span></b>, quedas invitad<span datafld="sexo"></span> a la conferencia sobre <i><span datafld="sector"></span></i> que se celebrará el próximo 30 de febrero de 2005 en el Hotel Pi.</p> <p>un saludo:</p> <br><br><br> <p align="right">rodolfo Gallardo-Rosales</p> <hr> </td></tr> </table> </body> </html> Base de Datos XML

91 Selección de datos El tercer ejemplo nos muestra un proceso de selección de datos, por el que cualquier usuario puede indicar una consulta sobre el tema en el que tiene especial interés, mostrándose seguidamente la información adecuada a la consulta. Para ver un ejemplo práctico, vamos a utilizar una versión modificada de nuestro anterior archivo de agenda, que debe quedar como se muestra a continuación, guardado con el nombre de agenda2.xml: <?xml version="1.0" encoding="iso "?> <agenda> <cliente> <nombre>ana</nombre> <apellidos>lópez García</apellidos> <dirección>c/ Una, 11</dirección> <tfno> </tfno> Base de Datos XML

92 <empresa>una.com</empresa> <sector>farmacia</sector> </cliente> <cliente> <nombre>josé</nombre> <apellidos>pérez Lago</apellidos> <dirección>c/ Dos, 22</dirección> <tfno> </tfno> <empresa>dos.net</empresa> <sector>turismo</sector> </cliente> <cliente> <nombre>juan</nombre> <apellidos>gómez Mar</apellidos> <dirección>c/ Tres, 33</dirección> <tfno> </tfno> <empresa>tres.org</empresa> <sector>educación</sector> </cliente> Base de Datos XML

93 <cliente> <nombre>maría</nombre> <apellidos>rodríguez Río</apellidos> <dirección>c/ Cuatro, 44</dirección> <tfno> </tfno> <empresa>cuatro.es</empresa> <sector>educación</sector> </cliente> <cliente> <nombre>pedro</nombre> <apellidos>gonzález Monte</apellidos> <dirección>c/ Cinco, 55</dirección> <tfno> </tfno> <empresa>cinco.de</empresa> <sector>turismo</sector> </cliente> Base de Datos XML

94 <cliente> <nombre>francisco</nombre> <apellidos>sánchez Cielo</apellidos> <dirección>c/ Seis, 66</dirección> <tfno> </tfno> <empresa>seis.fr</empresa> <sector>educación</sector> </cliente> </agenda> Base de Datos XML

95 Ahora hay que crear un código HTML capaz de realizar búsquedas por el campo <sector>, de forma que cualquier persona pueda localizar a todos los clientes de un determinado sector, y ver sus datos. Este proceso exige recurrir a código JavaScript (u otro lenguaje similar), dando lugar a un archivo con nombre agenda2.htm, que puede ser como: <html> <head> <title>búsqueda en agenda</title> </head> <body> <xml id="agenda2" src="agenda2.xml"></xml> <h2>buscar datos en agenda por sectores comerciales:</h2> <br> <p>seleccionar el sector adecuado: <select id="texto" name="texto" size="1" onclick='datos()'> <option>sectores:</option> <option> </option> Base de Datos XML

96 <option value="educación">educación</option> <option value="farmacia">farmacia</option> <option value="turismo">turismo</option> </select> </p> <hr> <p>datos coincidentes con la búsqueda:</p> <div id=resultado></div> <script language="javascript"> function Datos () { palabra = Texto.value; if (palabra == "") { Resultado.innerHTML = "<font color='red'>seleccionar un sector comercial</font>"; return; } Base de Datos XML

97 agenda2.recordset.movefirst(); ResultadoHTML = ""; while (!agenda2.recordset.eof) { CadenaTexto = agenda2.recordset("sector").value; if (CadenaTexto.indexOf(palabra) >=0) ResultadoHTML += "<p><b>" + agenda2.recordset("apellidos") + "</b>, " + agenda2.recordset("nombre") + "<br><font color='blue'>empresa:</font> " + agenda2.recordset("empresa") + "<br><font color='blue'>tfno:</font> " + agenda2.recordset("tfno") + "<br><font color='blue'>dirección:</font> " + agenda2.recordset("dirección") + "<br><font color='blue'>sector:</font> " + agenda2.recordset("sector") + "<br><hr></p>"; Base de Datos XML

98 agenda2.recordset.movenext(); } if (ResultadoHTML == "") Resultado.innerHTML = "<font color='red'>no se ha encontrado ningún cliente en este sector</font>"; else Resultado.innerHTML = ResultadoHTML; } </script> </body> </html> Base de Datos XML

Práctica de introducción a

Prá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 detalles

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES

1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES Diseño WeB de ancho fijo con 2 columnas flotantes _TIN 1º Bachillerato página 1/5 1 DISEÑO WEB de ANCHO FIJO con 2 COLUMNAS FLOTANTES..1 1.1 Diseños de ancho fijo, elástico y líquido.1 1.2 Diseño de ancho

Más detalles

Diseño de páginas web 2011

Diseño de páginas web 2011 Diseño de páginas web 2011 Al finalizar el curso, el alumno será capaz de planificar y diseñar correctamente desde sencillas páginas web hasta completos sitios web. Para ello, se le proporciona primero

Más detalles

Capítulo 1 Documentos HTML5

Capí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 detalles

Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver

Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver UNIVERSIDAD CARLOS III DE MADRID. ESCUELA DE TURISMO. Informática aplicada al sector turístico Laboratorio 8. Hojas de estilo, plantillas y bibliotecas en Dreamweaver En esta práctica guiada vamos a ver

Más detalles

TEMA 9 CREACIÓN DE PÁGINAS WEB

TEMA 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 detalles

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora

Plataforma e-ducativa Aragonesa. Manual de Administración. Bitácora Plataforma e-ducativa Aragonesa Manual de Administración Bitácora ÍNDICE Acceso a la administración de la Bitácora...3 Interfaz Gráfica...3 Publicaciones...4 Cómo Agregar una Publicación...4 Cómo Modificar

Más detalles

Programa diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L.

Programa diseñado y creado por 2014 - Art-Tronic Promotora Audiovisual, S.L. Manual de Usuario Programa diseñado y creado por Contenido 1. Acceso al programa... 3 2. Opciones del programa... 3 3. Inicio... 4 4. Empresa... 4 4.2. Impuestos... 5 4.3. Series de facturación... 5 4.4.

Más detalles

Profesor: Víctor Cárdenas Schweiger

Profesor: Víctor Cárdenas Schweiger Profesor: Víctor Cárdenas Schweiger 2014 En primer lugar se debe especificar que el archivo de texto que se esta escribiendo es un documento HTML, para ello usamos las instrucciones de inicio y fin de

Más detalles

Manual 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 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 detalles

SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es)

SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es) SPIP (v.1.8) Manual para redactores Alfredo Sánchez Alberca (asalber@ceu.es) 1. Arquitectura de SPIP SPIP es un sistema para la publicación digital de documentos en un sitio web. Tanto la creación de nuevos

Más detalles

MINI MANUAL PARA CREAR FORMULARIOS CON PHP Marzo 2007

MINI 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 detalles

Person IP CRM Manual MOBILE

Person IP CRM Manual MOBILE Manual MOBILE División Informática BuscPerson Telecomunicaciones : Manual MOBILE 0.- Introducción 3 0.1 Configuración de los terminales 3 0.2 Acceso de Usuarios 3 1.- Funcionalidades CRM 5 1.1 Agenda del

Más detalles

Con esta nueva versión, si un artículo que está incluido dentro de un Paquete de Ventas tiene precio 0,00, significará gratis.

Con esta nueva versión, si un artículo que está incluido dentro de un Paquete de Ventas tiene precio 0,00, significará gratis. NOVEDADES Y MEJORAS Continuando con nuestra política de mejora, innovación y desarrollo, le presentamos la nueva versión 9.50 de datahotel que se enriquece con nuevas funcionalidades que aportan soluciones

Más detalles

Manual para la utilización de PrestaShop

Manual para la utilización de PrestaShop Manual para la utilización de PrestaShop En este manual mostraremos de forma sencilla y práctica la utilización del Gestor de su Tienda Online mediante Prestashop 1.6, explicaremos todo lo necesario para

Más detalles

Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE

Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE Manual de usuario Noticias y Accesos Directos en Facultades ÍNDICE 1. PARA QUÉ SIRVE ESTA APLICACIÓN? 2. QUIÉN PUEDE HACER USO DE ELLA? 3. CÓMO SE UTILIZA? 1. PARA QUE SIRVE ESTA APLICACIÓN? El objeto

Más detalles

Apuntes de ACCESS. Apuntes de Access. Campos de Búsqueda:

Apuntes de ACCESS. Apuntes de Access. Campos de Búsqueda: Apuntes de ACCESS Campos de Búsqueda: Los campos de búsqueda permiten seleccionar el valor de un campo de una lista desplegable en lugar de tener que escribirlos. El usuario sólo tiene que elegir un valor

Más detalles

port@firmas V.2.3.1 Manual de Portafirmas V.2.3.1

port@firmas V.2.3.1 Manual de Portafirmas V.2.3.1 Manual de Portafirmas V.2.3.1 1 1.- Introducción 2.- Acceso 3.- Interfaz 4.- Bandejas de peticiones 5.- Etiquetas 6.- Búsquedas 7.- Petición de firma 8.- Redactar petición 9.- Firma 10.- Devolución de

Más detalles

MANUAL WEBSOPORTE DE IRIS-EKAMAT

MANUAL WEBSOPORTE DE IRIS-EKAMAT MANUAL WEBSOPORTE DE IRIS-EKAMAT ÍNDICE 1. INTRODUCCIÓN... 2 2. IDENTIFICACIÓN... 3 2.1 Validar usuario... 3 2.2 Campos recordatorio... 4 2.3 Contactar con soporte y acceder al manual... 4 3. GESTIÓN DE

Más detalles

AGREGAR UN EQUIPO A UNA RED Y COMPARTIR ARCHIVOS CON WINDOWS 7

AGREGAR 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 detalles

La plantilla propone aprovechar esta estructura en común y sólo modificar el contenido del área del documento que sea diferente.

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 detalles

Herramientas CONTENIDOS. MiAulario

Herramientas CONTENIDOS. MiAulario Herramientas CONTENIDOS MiAulario CONTENIDOS Qué es Contenidos Ver un ejemplo Añadir la herramienta al sitio Añadir contenido en la página Páginas principales / subpáginas Criterios de visibilidad Configuración

Más detalles

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS

Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Colegio de Ingenieros de Caminos, Canales y Puertos. Manual de Gestión de correo electrónico y SMS Versión 2.0 3/05/2010 Manual de Gestión de correo electrónico y SMS (v 2.0) 1 GESTOR DE CORREO ELECTRÓNICO

Más detalles

Adaptación al NPGC. Introducción. NPGC.doc. Qué cambios hay en el NPGC? Telf.: 93.410.92.92 Fax.: 93.419.86.49 e-mail:atcliente@websie.

Adaptación al NPGC. Introducción. NPGC.doc. Qué cambios hay en el NPGC? Telf.: 93.410.92.92 Fax.: 93.419.86.49 e-mail:atcliente@websie. Adaptación al NPGC Introducción Nexus 620, ya recoge el Nuevo Plan General Contable, que entrará en vigor el 1 de Enero de 2008. Este documento mostrará que debemos hacer a partir de esa fecha, según nuestra

Más detalles

UNIVERSIDAD DE MEDELLÍN NUEVO PORTAL WEB MANUAL DE USUARIO GESTOR DE CONTENIDOS

UNIVERSIDAD 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 detalles

5.- Crear páginas web con Nvu

5.- 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 detalles

15 CORREO WEB CORREO WEB

15 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 detalles

ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009)

ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009) JOOMLA! ÍTEMS DEL MENÚ CREACIÓN Y GESTIÓN (Última revisión: lunes, 9 de marzo de 2009) Es necesario comentar que este manual ha sido diseñado en su mayor parte por comunidadjoomla.org. Este manual es una

Más detalles

MICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1

MICROSOFT WORD 2007 AVANZADO. Unidad Didáctica Nº 1 MICROSOFT WORD 2007 AVANZADO Unidad Didáctica Nº 1 I Tablas A) Explicación conceptual y de uso de una tabla B) Creación de tablas C) Trabajo con tablas D) Formato de las tablas Ejercicio de Repaso Portal

Más detalles

TEMA 2 WINDOWS XP Lección 4 BLOC DE NOTAS

TEMA 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 detalles

Plantilla de texto plano

Plantilla de texto plano Plantilla de texto plano Esta es la plantilla seleccionada por defecto al crear una nueva página. Título: Es el título que aparecerá identificando a la página, así como en la cabecera del documento en

Más detalles

Editor de textos para Drupal: TinyMCE

Editor de textos para Drupal: TinyMCE Editor de textos para Drupal: TinyMCE Cuando vayamos a editar el texto de una página, normalmente nos encontraremos con un editor de textos, similar a Word, pero para la web. Donde podamos usarlo encontraremos

Más detalles

AGREGAR COMPONENTES ADICIONALES DE WINDOWS

AGREGAR 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 detalles

HTML El idioma de Internet (Parte 1)

HTML El idioma de Internet (Parte 1) HTML El idioma de Internet (Parte 1) El lenguaje HTML Lenguaje de marcas de hipertexto Sintaxis extremadamente sencilla Documentos en archivos de texto simples Texto sin formato Diferenciación de los distintos

Más detalles

ESOFT 3 Nice Screen Scraper: A simple scraper

ESOFT 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 detalles

Manual Web Alexia Profesor. Índice

Manual Web Alexia Profesor. Índice Sebastián Suárez 2011 Manual Web Alexia Profesor Índice Entrada (Login) 03 Pantalla de Inicio 03 Barra de menús 04 Definir controles 05 Evaluar controles 06 Elementos comunes en pantallas de evaluación

Más detalles

Para crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas.

Para crear formularios se utiliza la barra de herramientas Formulario, que se activa a través del comando Ver barra de herramientas. Formularios TEMA: FORMULARIOS. 1. INTRODUCCIÓN. 2. CREACIÓN DE FORMULARIOS. 3. INTRODUCIR DATOS EN UN FORMULARIO. 4. MODIFICAR UN FORMULARIO 5. MANERAS DE GUARDAR UN FORMULARIO. 6. IMPRIMIR FORMULARIOS.

Más detalles

Comercial Cartas de Fidelización

Comercial Cartas de Fidelización Comercial Cartas de Fidelización El objetivo es poder enviar, de una forma sencilla a través de e-mail, textos en su idioma a todos los clientes que cumplen determinadas características. En principio,

Más detalles

CASO PRÁCTICO DISTRIBUCIÓN DE COSTES

CASO PRÁCTICO DISTRIBUCIÓN DE COSTES CASO PRÁCTICO DISTRIBUCIÓN DE COSTES Nuestra empresa tiene centros de distribución en tres ciudades europeas: Zaragoza, Milán y Burdeos. Hemos solicitado a los responsables de cada uno de los centros que

Más detalles

Internet como herramientas de comunicación: El correo electrónico

Internet como herramientas de comunicación: El correo electrónico Internet como herramientas de comunicación: El correo electrónico 1. El correo electrónico Objetivo del tema: Aprender a manejar el correo electrónico y los medios de comunicación existentes en Internet.

Más detalles

Guía paso a paso para la cumplimentación del formulario de candidatura

Guía paso a paso para la cumplimentación del formulario de candidatura Guía paso a paso para la cumplimentación del formulario de candidatura INDICE 1. INSTRUCCIONES GENERALES... 2 2. PARTENARIADO... 4 3. GRUPOS DE TAREAS... 8 4. INDICADORES... 14 5. CUMPLIMENTACIÓN DEL RESTO

Más detalles

MANUAL DE PUBLICACIÓN EN PORTAL UNED

MANUAL 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 detalles

PASOS PARA CREAR UNA PÁGINA WEB

PASOS PARA CREAR UNA PÁGINA WEB http://www.rafatux.com PASOS PARA CREAR UNA PÁGINA WEB Con éste documento trato de orientar de una forma genérica los distintos pasos que deben de realizarse para crear una página web. PRIMER PASO: Estructura

Más detalles

Configuración Y Diseño Del Correo Electrónico Y Web Personal De IESA

Configuración Y Diseño Del Correo Electrónico Y Web Personal De IESA Configuración Y Diseño Del Correo Electrónico Y Web Personal De IESA Accedemos a nuestro dominio contratado con IESA. Entramos en la administración. El acceso se encentra en la parte inferior de la página

Más detalles

Manual de usuario de Windows Live Writer

Manual de usuario de Windows Live Writer Manual de usuario de Windows Live Writer Índice 0.- Introducción. 3 1.- Descarga e Instalación. 4 2.- Conexión a un blog. 7 3.- Interfaz de Windows Live Writer. 12 4.- Creación de un Post. 13 5.- Creación

Más detalles

Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes?

Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes? Preguntas frecuentes Cómo creo las bandejas del Registro de Entrada /Salida y de Gestión de Expedientes? Atención! Esta opción es de configuración y solamente la prodrá realizar el administrador de la

Más detalles

Crear la base de datos antes de la instalación de Wordpress.

Crear 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 detalles

PAGOS DOMICILIADOS - GESTIÓN DE PAGOS PAGOS DOMICILIADOS Y GESTIÓN DE PAGOS

PAGOS DOMICILIADOS - GESTIÓN DE PAGOS PAGOS DOMICILIADOS Y GESTIÓN DE PAGOS PAGOS DOMICILIADOS Y GESTIÓN DE PAGOS 1 INDICE GESTIÓN DE PAGOS DOMICILIADOS 3 Incorporar beneficiarios manualmente 4 Anulación de pagos domiciliados o gestión de pagos 7 Importar beneficiarios de un fichero

Más detalles

TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B)

TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B) APRENDERAPROGRAMAR.COM TIPOS DE VARIABLES EN PHP. DECLARACIÓN Y ASIGNACIÓN. LA INSTRUCCIÓN ECHO PARA INSERTAR TEXTO O CÓDIGO. (CU00816B) Sección: Cursos Categoría: Tutorial básico del programador web:

Más detalles

MANUAL DE USUARIO FACTURACIÓN ELECTRÓNICA

MANUAL DE USUARIO FACTURACIÓN ELECTRÓNICA MANUAL DE USUARIO FACTURACIÓN ELECTRÓNICA Proveedores PLATAFORMA FACTURACIÓN ELECTRÓNICA PARA PROVEEDORES DE LA JUNTA DE COMUNIDADES DE CASTILLA LA MANCHA. Índice 1. INTRODUCCIÓN... 3 2. ACCESO A LA PLATAFORMA

Más detalles

Índice general de materias LECCIÓN 7 74

Índice general de materias LECCIÓN 7 74 Índice general de materias LECCIÓN 7 74 BUSCAR 74 BUSCAR CON FORMATO 77 REEMPLAZAR 78 REEMPLAZAR CON FORMATO 79 NOTAS AL PIE DE PÁGINA 79 CONFIGURAR LAS NOTAS 81 INSERTAR NOTAS AL PIE 83 MODIFICAR NOTAS

Más detalles

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER

TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER TUTORIAL SOBRE CÓMO CREAR Y GESTIONAR UN BLOG CON BLOGGER Existen muchos proveedores de servicios para crear un blog. En nuestro caso se ha decidido crear uno en Blogger, que es, a su vez, donde muchas

Más detalles

En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas.

En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. 1 de 18 Inicio Qué es un foro En términos generales, un foro es un espacio de debate donde pueden expresarse ideas o comentarios sobre uno o varios temas. En el campus virtual, el foro es una herramienta

Más detalles

Internet Information Server

Internet 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 detalles

El e-commerce de Grupo JAB es una herramienta que permite a los clientes del Grupo, realizar un amplio conjunto de servicios de consulta, petición y

El e-commerce de Grupo JAB es una herramienta que permite a los clientes del Grupo, realizar un amplio conjunto de servicios de consulta, petición y El de Grupo JAB es una herramienta que permite a los clientes del Grupo, realizar un amplio conjunto de servicios de consulta, petición y compra en los diversos almacenes del Grupo JAB. En concreto podremos:

Más detalles

HTML. HyperText Markup Language (Lenguaje de Marcas de Hipertexto)

HTML. 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 detalles

Tutorial de Introducción a la Informática Tema 0 Windows. Windows. 1. Objetivos

Tutorial 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 detalles

Unidad 6: DTD. JJ Taboada León IES San Sebastián, Departamento de Informática LENGUAJE DE MARCAS Y SGI Curso 2011 / 2012

Unidad 6: DTD. JJ Taboada León IES San Sebastián, Departamento de Informática LENGUAJE DE MARCAS Y SGI Curso 2011 / 2012 Unidad 6: DTD JJ Taboada León IES San Sebastián, Departamento de Informática LENGUAJE DE MARCAS Y SGI Curso 2011 / 2012 Guíon del tema Qué es un DTD? Declaración de DTD Declaración de Elementos Declaración

Más detalles

Correo Electrónico: Webmail: Horde 3.1.1

Correo 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 detalles

3.1 Tipos de DTDs. ! Si queremos validar un documento XML (para comprobar si cumple las normas de un dialecto) tendremos que validarlo contra el DTD.

3.1 Tipos de DTDs. ! Si queremos validar un documento XML (para comprobar si cumple las normas de un dialecto) tendremos que validarlo contra el DTD. 3.1 Tipos de DTDs Introducción (I)! El DTD es un documento que nos permite definir un dialecto XML.! DTD " Document Type Definition! Si queremos validar un documento XML (para comprobar si cumple las normas

Más detalles

Transformación de documentos XML con

Transformación de documentos XML con Transformación de documentos XML con X S L T Necesidad de las transformaciones XML se presenta como un estándar para transmitir datos a través de Internet. Ante la posibilidad de que distintos centros

Más detalles

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto:

El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Plantilla de texto plano El módulo de texto plano es un sencillo editor. Al seleccionarlo en la caja de módulos, el área central adoptará al siguiente aspecto: Título: Es el título que aparecerá identificando

Más detalles

PLANTILLAS DE DOCUMENTOS EN WORD 2007

PLANTILLAS DE DOCUMENTOS EN WORD 2007 1 PLANTILLAS DE DOCUMENTOS EN WORD 2007 Introducción Una plantilla es un modelo o patrón para crear nuevos documentos. En una plantilla se guarda internamente el formato utilizado, es decir, el estilo

Más detalles

UF1303 Elaboración de hojas de estilo

UF1303 Elaboración de hojas de estilo UF1303 Elaboración de hojas de estilo TEMA 1. Hojas de estilo en la construcción de páginas web TEMA 2. Diseño, ubicación y optimización de los contenidos de una página web OBJETIVOS: - Describir las características

Más detalles

TEMA 4: EMPEZANDO A NAVEGAR ESCUELA UNIVERSITARIA DE INFORMÁTICA. Raúl Martín Martín

TEMA 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 detalles

Bloque 2 EL AULA MOODLE DESDE EL PUNTO DE VISTA DEL ALUMNO(I) Utilidades básicas y acceso a recursos de aprendizaje

Bloque 2 EL AULA MOODLE DESDE EL PUNTO DE VISTA DEL ALUMNO(I) Utilidades básicas y acceso a recursos de aprendizaje EL AULA MOODLE DESDE EL PUNTO DE VISTA DEL ALUMNO(I) Utilidades básicas y acceso a recursos de aprendizaje Cuando un alumno entra en su aula moodle, dispone de unas utilidades básicas, definidas por la

Más detalles

01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3

01 Índice. GESTOR DE CONTENIDOS Manual de uso 01 ÍNDICE... 1 02 OBJETO DEL DOCUMENTO... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA... 3 01 Índice 01 ÍNDICE..... 1 02 OBJETO DEL DOCUMENTO..... 2 03 ESTRUCTURA GRÁFICA DEL SISTEMA..... 3 04 GESTIÓN DE TABLAS..... 5 05 USO DE TABLAS EN ENVIDUR..... 15 06 GESTIÓN DE FUNCIONALIDAD ADICIONAL.

Más detalles

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn

MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn MANUAL DE USUARIO CMS- PLONE www.trabajo.gob.hn Tegucigalpa M. D. C., Junio de 2009 Que es un CMS Un sistema de administración de contenido (CMS por sus siglas en ingles) es un programa para organizar

Más detalles

Herramienta Encuestas. MiAulario

Herramienta Encuestas. MiAulario Herramienta Encuestas MiAulario Introducción... 2 Menú de la herramienta... 3 Panel de encuestas... 3 Mis encuestas... 4 Añadir encuesta... 4 Mis plantillas... 7 Añadir elemento: pregunta o cabecera...

Más detalles

EL PROGRAMA DE PRESENTACIONES IMPRESS (I)

EL PROGRAMA DE PRESENTACIONES IMPRESS (I) Bollullos del Cdo. (Huelva) Centro TIC/DIG EL PROGRAMA DE PRESENTACIONES IMPRESS (I) Introducción Básicamente Impress es un programa de presentaciones proyectadas a través de diapositivas (pantallas completas)

Más detalles

Trey-SAT Pag. 1. Manual de usuario

Trey-SAT Pag. 1. Manual de usuario Trey-SAT Pag. 1 Manual de usuario Trey-SAT Pag. 2 Modulo SAT : Servicio de asistencia técnica TREY-SAT es un potente módulo para el servicio de asistencia técnica, completamente integrado a la Gestión

Más detalles

En el siguiente tutorial aprenderemos el funcionamiento y características del portal de publicaciones online de SEFAC.

En el siguiente tutorial aprenderemos el funcionamiento y características del portal de publicaciones online de SEFAC. En el siguiente tutorial aprenderemos el funcionamiento y características del portal de publicaciones online de SEFAC. MUY IMPORTANTE: para acceder a las publicaciones gratuitas o con descuentos para

Más detalles

La ventana de Microsoft Excel

La 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 detalles

MANUAL DE AYUDA MODULO TALLAS Y COLORES

MANUAL DE AYUDA MODULO TALLAS Y COLORES MANUAL DE AYUDA MODULO TALLAS Y COLORES Fecha última revisión: Enero 2010 Índice TALLAS Y COLORES... 3 1. Introducción... 3 CONFIGURACIÓN PARÁMETROS TC (Tallas y Colores)... 3 2. Módulos Visibles... 3

Más detalles

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto

Sesión No. 4. Contextualización INFORMÁTICA 1. Nombre: Procesador de Texto INFORMÁTICA INFORMÁTICA 1 Sesión No. 4 Nombre: Procesador de Texto Contextualización La semana anterior revisamos los comandos que ofrece Word para el formato del texto, la configuración de la página,

Más detalles

CASO PRÁCTICO. ANÁLISIS DE DATOS EN TABLAS DINÁMICAS

CASO PRÁCTICO. ANÁLISIS DE DATOS EN TABLAS DINÁMICAS CASO PRÁCTICO. ANÁLISIS DE DATOS EN TABLAS DINÁMICAS Nuestra empresa es una pequeña editorial que maneja habitualmente su lista de ventas en una hoja de cálculo y desea poder realizar un análisis de sus

Más detalles

GedicoPDA: software de preventa

GedicoPDA: software de preventa GedicoPDA: software de preventa GedicoPDA es un sistema integrado para la toma de pedidos de preventa y gestión de cobros diseñado para trabajar con ruteros de clientes. La aplicación PDA está perfectamente

Más detalles

Introducción a la plataforma Moodle Aníbal de la Torre 2006. Plataforma Moodle. Accediendo a los contenidos

Introducció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 detalles

INSTALACIÓN DEL MÓDULO... 3 CONFIGURACIÓN DEL MÓDULO... 4 ACTIVACIÓN DEL MÓDULO EN LA ADMINISTRACIÓN:... 4 CONFIGURACIÓN DEL MÓDULO:...

INSTALACIÓN DEL MÓDULO... 3 CONFIGURACIÓN DEL MÓDULO... 4 ACTIVACIÓN DEL MÓDULO EN LA ADMINISTRACIÓN:... 4 CONFIGURACIÓN DEL MÓDULO:... MANUAL 2LABELS 3.3 INDICE DEL CONTENIDO INSTALACIÓN DEL MÓDULO... 3 INSTALACIÓN DEL MÓDULO... 3 CONFIGURACIÓN DEL MÓDULO... 4 CONFIGURACIÓN DEL MÓDULO... 4 ACTIVACIÓN DEL MÓDULO EN LA ADMINISTRACIÓN:...

Más detalles

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00

Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 Manual de Usuario Sitio Dinámico e-ducativa Versión 7.01.00 ÍNDICE DE CONTENIDOS INTRODUCCIÓN...3 ÁREAS DEL SITIO WEB...4 1. ENCABEZADO...5 2. SECCIONES Y PÁGINAS DEFINIDAS...5 3. CONTENIDO...5 4. NOVEDADES

Más detalles

MANUAL DE PRACTICUM12 PARA CENTROS EDUCATIVOS ÁMBITO MÁSTER

MANUAL DE PRACTICUM12 PARA CENTROS EDUCATIVOS ÁMBITO MÁSTER MANUAL DE PRACTICUM12 PARA CENTROS EDUCATIVOS ÁMBITO MÁSTER Centros educativos de la Comunidad de Madrid que deseen ser centros de prácticas de los alumnos del Máster en Profesorado de ESO y Bachillerato,

Más detalles

Manual CMS Mobincube

Manual 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

SMS Gestión. manual de uso

SMS Gestión. manual de uso SMS Gestión manual de uso índice qué es SMS Gestión 2 acceso al servicio 3 01 acceso con la clave de servicios de Orange 4 02 acceso personalizado 6 02.1 cómo personalizar su acceso a la aplicación 7 02.2

Más detalles

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape

Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Herramientas Informáticas para la Documentación Práctica 1. Introducción al navegador Netscape Introducción y objetivos De modo muy resumido Internet es una red que interconecta redes de ordenadores. Conectándose

Más detalles

CONFEDERACIÓN DE EMPRESARIOS DE MÁLAGA

CONFEDERACIÓN DE EMPRESARIOS DE MÁLAGA GUÍA DEL ALUMNO 1 Introducción 2 Acceso a la plataforma 3 Cerrar sesión 4 Estructura del curso virtual 5 Foros 5.1 No quiero recibir copias de los foros en mi email 6 Mensajería Interna 7 Como subir tareas

Más detalles

DISEÑO WEB ADOBE DREAMWEAVER CS3

DISEÑO WEB ADOBE DREAMWEAVER CS3 CLASE 6 CREACIÓN DE FORMULARIOS Todo sitio Web necesita recabar cierta información, a veces para contactarse con los visitantes, a veces para encuestas y en algunas ocasiones para realizar venta o contratación

Más detalles

Instalar y configurar W3 Total Cache

Instalar y configurar W3 Total Cache Instalar y configurar W3 Total Cache en WordPress Cardenal Gardoki, 1 48008 BILBAO (Vizcaya) Teléfono: 902 012 199 www.hostalia.com La velocidad de carga de una web influye mucho a la hora de mejorar el

Más detalles

Guía para el tratamiento en Allegro de recibos para centros no pertenecientes a la Generalitat Valenciana.

Guía para el tratamiento en Allegro de recibos para centros no pertenecientes a la Generalitat Valenciana. Guía para el tratamiento en Allegro de recibos para centros no pertenecientes a la Generalitat Valenciana. Esta guía muestra como proceder en la configuración y posterior uso de la aplicación Allegro en

Más detalles

Guía de referencia para mytnt. mytnt. C.I.T Tecnología Aplicada al Cliente cit.es@tnt.com - 902111248

Guía de referencia para mytnt. mytnt. C.I.T Tecnología Aplicada al Cliente cit.es@tnt.com - 902111248 mytnt Índice A mytnt B Acceder a MyTNT por primera vez B.1 Registro en mytnt B.1.1 Registro en mytnt con cuenta TNT B.1.2 Registro en mytnt sin cuenta TNT C Menú principal de MyTNT 1 MODIFICAR CONFIGURACIÓN

Más detalles

GUÍA Nro. 1 TECNOLOGÍA DE INTERNET. TIII PIII

GUÍ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 detalles

INSTALACIÓN DE MEDPRO

INSTALACIÓN DE MEDPRO 1 Estimado Cliente: Uno de los objetivos que nos hemos marcado con nuestra nueva plataforma de gestión, es que un cliente pueda instalar MedPro y realizar su puesta en marcha de forma autónoma. Siga paso

Más detalles

MARFIL CONTABILIDAD ACTUALIZACIÓN FEBRERO 2011

MARFIL CONTABILIDAD ACTUALIZACIÓN FEBRERO 2011 ACTUALIZACIÓN FEBRERO 2011 Este documento es propiedad de Totware Novelda, SL y su contenido es confidencial. Este documento no puede ser reproducido en su totalidad o parcialmente, ni mostrado a terceros,

Más detalles

ESTRUCTURA DE LOS SITIOS DE CATEDRAS

ESTRUCTURA DE LOS SITIOS DE CATEDRAS ESTRUCTURA DE LOS SITIOS DE CATEDRAS El de la FCE le enviará el esqueleto vacío del sitio de la cátedra, al cual usted ingresara el contenido de acuerdo a sus necesidades. La tarea principal que tiene

Más detalles

PLATAFORMA PASEN Escuela TIC 2.0 NOTA INFORMATIVA A PADRES Y MADRES

PLATAFORMA PASEN Escuela TIC 2.0 NOTA INFORMATIVA A PADRES Y MADRES PLATAFORMA PASEN Escuela TIC 2.0 NOTA INFORMATIVA A PADRES Y MADRES QUÉ ES PASEN? PASEN, es un módulo que forma parte de SÉNECA y permite la comunicación entre los distintos miembros de la comunidad educativa

Más detalles

El proceso de edición digital en Artelope y CTCE

El proceso de edición digital en Artelope y CTCE El proceso de edición digital en Artelope y CTCE Carlos Muñoz Pons Universitat de València carlos.munoz-pons@uv.es Introducción Una de las cuestiones más importantes a la hora de trabajar en proyectos

Más detalles

Curso PHP Módulo 1 R-Luis

Curso 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 detalles

Manual de Administración Solución ADSL Profesional

Manual de Administración Solución ADSL Profesional Manual de Administración Solución ADSL Índice 1 Introducción... 2 2 Dominios... 3 3 Página web de Empresa... 5 3.1 Creación de Página Web de Empresa con plantilla... 6 3.1.1 Cabecera de la página... 7

Más detalles

MANUAL DE USUARIO DE LA APLICACIÓN DE ACREDITACION DE ACTIVIDADES DE FORMACION CONTINUADA. Perfil Entidad Proveedora

MANUAL DE USUARIO DE LA APLICACIÓN DE ACREDITACION DE ACTIVIDADES DE FORMACION CONTINUADA. Perfil Entidad Proveedora MANUAL DE USUARIO DE LA APLICACIÓN DE ACREDITACION DE ACTIVIDADES DE FORMACION CONTINUADA Perfil Entidad Proveedora El objetivo del módulo de Gestión de Solicitudes vía Internet es facilitar el trabajo

Más detalles

BASES DE DATOS - Microsoft ACCESS 2007-

BASES DE DATOS - Microsoft ACCESS 2007- BASES DE DATOS - Microsoft ACCESS 2007- Una base de datos es un archivo estructurado de datos que nos permite almacenarlos, modificarlos, ordenarlos, generar informes etc., de manera rápida. Un listín

Más detalles