A archivo XML

Las páginas XML son solo páginas HTML compuestas por varias Etiquetas. Ahora no tenemos la intención de enseñarte en éste curso XML de manera rápida, pero lo que debes saber de cuando escribes un xml, es que puedes etiquetar páginas, pero deben siempre comenzar con etiquetas que se abren, por ejemplo <nombre> y una etiqueta que se cierra, por ejemplo, </nombre>.
En el ejemplo de abajo, está claro, eso pienso.
Tienes la etiqueta <departamento> donde tenemos varias etiquetas <empleados> en las cuales podemos encontrar etiquetas como <nombre>, <trabajo>, <salarios>, e <imagen>.

Puedes ver que cada etiqueta tiene su etiqueta que cierra. Si no es el caso, conseguirás un mensaje de ERROR en la ventana de tu navegador cuando abres una página con éste intercambio de datos de xml.

Cada página xml empieza con la línea de arriba que identifica página xml y qué versión se está usando. <?xml version=”1.0″ encoding=”utf-8″?>

Pero realmente no necesitas prestar mucha atención a esto, si creas una nueva página xml en Dreamweaver, haz por seguro que ésta línea está colocada al inicio de tu código.
La única cosa que necesitas hacer es escribir en diferentes etiquetas.

 

Basta de xml, si deseas saber más, búscale en google.

Bueno, si has bajado los archivos, entonces tienes una página XML guardada en el xml, obvio éste no es el caso, entonces haz una por tí mismo.

Definiremos primero el dataset (archivo xml).
Selecciona la pestaña “Spry” en la barra de herramientas “Insertar” y haz click en el “Spry XML Data Set”.

Esto abre una ventana de diálogo.

En la parte superior de la ventana das un nombre al datase, no importa cual, pero como somos buenos estudiantes, sabemos que es lo mejor escoger un nombre significativo.

Haz click en el botón “Navegar” y apunta al archivo XML.
Haz click en el botón “Obtener Esquema”.
Esto mostrará todas las tarjetas listadas en el archivo xml.

Desde la ventana superior selecciona la etiqueta “empleado”. Esto nos mostrará una lista en la página, donde iremos después, con todos los empleados más los datos subrayados (etiquetas rojas).

La parte inferior de la ventana nos recuerda como lo más importante, necesitamos escribir los datos del ancho de columna con la imagen, entonces cambia a “imagen vínculo”.
Esto hará que el navegador sepa que tiene que hacer un vínculo a la imagen del mapa de sitio y no a la etiqueta imagen del archivo xml.
Ordenas por una columna y determinas orden “Ascendente” o “Descendente” en “Dirección”.

Haz click en el botón Aceptar.

 

Después abrimos una página existente o creamos una nueva, donde insertamos nuestra tabla con los datos desde el archivo xml.

Haz click en el botón de la “Tabla Spry” bajo la pestaña “Spry” en la barra de herramientas “Insertar”.

En ventana de diálogo “Insertar Tabla Spry” que aparece en la caja de arriba, selecciona el dataset que has creado. Puedes trabajar con diferentes data sets, de aquí el por qué es tan usado para dar un nombre apropiado.

Elimina las columnas que no necesitas en la tabla, seleccionándolas y haciendo click en el botón de signo menos.
Para verificar la caja “ordena la columna cuando el encabezado está clickeado” debe de ser amigable. Esto ordenará la columna cuando haces click en el título de columna.
Las siguientes cuatro cajas nos permiten usar diferentes estilos CSS para diferentes eventos. Parace ser obvio para mi.
Haz click en el botón Aceptar.

Dreamweaver te preguntará si necesitas agregar una region Spry.
Y como no tengo area disponible en la nueva página en blanco, hago click en “Sí”.

Como puedes ver en la imagen de abajo, la tabla está insertada en la página. Puedes formatear usando reglas CSS o por medio de la ventana de propiedades.

Como puedes ver todos ellos son mostrados como etiquetas “ligadas” que encuentras bajo el panel de “Aplicaciones”.

Cuando vemos la página en el navegador, vemos que todo está elegantemente desplegado.

Atención:

Para ver tu página en Microsoft Internet Explorer, debes primero cargar todos los archivos a un servidor y ver tu página en línea, de otra forma Explorer desplegará un mensaje de error.
Para ver tu página en Firefox, osea en otro navegador, puedes ver la página sin tener que subir los archivos.
Tío Bill no quiere escucharlos, pero para bajar Firefox haz click aquí.

Mis archivos no han sido cargados al servidor, entonces voy a ver ésta página en Firefox.
Como siempre se ve bien 😉

Cursos

• Downloading iPad Apps
• Lesson 1: Introduction to Publisher
• Lesson 65: File Formats