Logo

Crear WebSlices: Ejemplo 1 Agenda Personal – Tutorial (parte 3)

Nuestro primer ejemplo será la creación de una agenda personal usando las anotaciones y elementos necesarios para la creación de un WebSlice.

En el código mostrado notar el uso de los 3 elementos básicos de un WebSlice: hslice, entry-title, entry-content

- El elemento que contiene la clase de hslice debe contener un identificador único, simple y de una palabra (en el ejemplo se usa schedule).
- Cada WebSlice debe contener al menos una clase entry-title, el cual define con el que será expuesto (en el ejemplo se usa “Mi Agenda Personal”).
- La clase entry-content define el contenido que será mostrado en la ventana de visualización previa
- También cabe mencionar el uso de una hoja de estilo.

<!-- WebSlice: Notar class=hslice y class=entry-title -->
<div id="schedule" class="hslice">
<h2 class="entry-title">Mi Agenda Personal</h2>
<table class="entry-content" id="Table1" border="1" cellspacing="1" cellpadding="2">
<tr>
<th>Nombre</th>
<th>Fecha</th>
<th>Lugar celebracion</th>
</tr>
<tr class="odd">
<td>Paris Hilton</td>
<td>17/02/1981</td>
<td>Casino Caesars Palace de Las Vegas (Nevada)</td>
</tr>
<tr class="even">
<td>Adriana Lima</td>
<td>12/06/1981</td>
<td>Algun lugar de Brasil</td>
</tr>
<tr class="odd">
<td>Julia Stegner</td>
<td>02/11/1984</td>
<td>Algun lugar de Alemania</td>
</tr>
</table>
</div>
<p><!-- hslice -->

el Código fuente de los WebSlices y la implementación se encuentra disponible en la centro de demostración en línea.

Realizar comentario