Dreamweaver CS3

Apartado 1.

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Abre el sitio blog.

3 Crea un nuevo archivo de XSLT (fragmento) haciendo clic en Archivo → Nuevo, Categoría Página en blanco, XSLT (fragmento).

4 Se abrirá un cuadro de diálogo, selecciona la opción Adjuntar un archivo remoto en Internet.

5 En la caja de texto escribe http://del.icio.us/rss/aulaClic.

6 Pulsa Aceptar.

7 Guarda el archivo como enlaces_rss.xsl.

8 Ve a la vista de Código y escribe lo siguiente:

<p class="titulo">Office</p>

<blockquote>

</blockquote>

<p class="titulo">Otros</p>

<blockquote>

</blockquote>

9 Coloca el cursor en el primer blockquote y arrastra un elemento rss:link (hijo del elemento rss:item) a un nuevo párrafo.

10 Pulsa el botón a la derecha del campo Vínculo del panel Propiedades.

11 En el cuadro de diálogo que se abrirá selecciona Fuentes de datos.

12 Selecciona el elemento rss:link que se encuentra bajo el elemento rss:item y pulsa Aceptar.

13 Selecciona el párrafo completo y haz clic en la opción Región condicional de la barra de XSLT.

14 En el cuadro de diálogo que se abrirá escribe dc:subject = "office".

15 Pulsa Aceptar.

16 Selecciona el bloque xsl:if y pulsa el botón Repetir región de la barra de XSLT.

17 En el cuadro de diálogo que se abrirá selecciona el elemento rss:item.

18 Pulsa Aceptar.

19 En la vista de Código, bajo la línea de xsl:for-each escribe:

<xsl:sort select="rss:title" />

Si has seguido bien los pasos deberás tener algo como:

<p class="titulo">Office</p>

<blockquote>

<xsl:for-each select="rdf:RDF/rss:item">

<xsl:sort select="rss:title" />

<xsl:if test="dc:subject=&quot;office&quot;">

<p><a href="{rss:link}"><xsl:value-of select="rss:title"/></a></p>

</xsl:if>

</xsl:for-each>

</blockquote>

20 Repite los pasos 9 a 19 para el segundo blockquote, la condición en este caso debe ser dc:subject != "office".

Deberá quedarte algo como:

<p class="titulo">Otros</p>

<blockquote>

<xsl:for-each select="rdf:RDF/rss:item">

<xsl:sort select="rss:title" />

<xsl:if test="dc:subject!=&quot;office&quot;">

<p><a href="{rss:link}"><xsl:value-of select="rss:title"/></a></p>

</xsl:if>

</xsl:for-each>

</blockquote>

21 Abre un archivo dinámico nuevo basado en la plantilla blog.dwt.php (Archivo → Nuevo, pestaña Plantillas).

22 Guárdalo como enlaces.php.

23 Coloca el cursor en la región editable y pulsa el botón Transformación XSL de la barra Datos.

24 En el cuadro de diálogo que se abrirá selecciona el archivo enlaces_rss.xsl en Archivo XSLT.

25 Pulsa Aceptar.

26 Hemos terminado, pulsa la tecla F12 para ver una previsualización.

27 Cierra el documento guardando los cambios.

 Cursos Informática Gratuitos