Página inicial

Ejercicio paso a paso. Unidad 20. Texto Dinámico


Objetivo.

 

Practicar las operaciones necesarias para insertar texto dinámico y modificar sus propiedades.

1 Si WAMP no se está ejecutando, lánzalo para realizar este ejercicio.

2 Si los servicios de MySQL o Apache no se están ejecutando, lánzalos para poder tener acceso a las bases de datos y a la ejecución de archivos PHP.

3 Ejecuta Dreamweaver y abre el sitio libreria, vamos a trabajar sobre él.

4 Abre el archivo nuevos.php.

5 En el área de contenido que podemos modificar introduce la siguiente línea: Listado de libros nuevos: e introduce tres saltos de línea (SHIFT + ENTER).

6 Luego deberás insertar una tabla con un relleno de celda de 5.

7 La tabla deberá tener 3 filas y 4 columnas.

8 Selecciona la primera columna y dale un ancho de 197 píxeles.

9 Selecciona la segunda columna y dale un ancho de 142 píxeles.

10 Selecciona la tercera columna y dale un ancho de 156 píxeles.

11 Por último, selecciona la última columna y dale un ancho de 100 píxeles.

12 Selecciona todas las celdas de la segunda fila y combínalas utilizando el botón Combinar celdas en el panel de Propiedades.

13 Haz lo mismo para la tercera fila.

14 Selecciona la cuarta celda de la primera fila y dale como estilo la clase precio.

15 Selecciona la segunda y tercera fila y dales la clase alto_10.

16 Ahora vamos a añadir una segunda clase a la segunda fila, como Dreamweaver sólo nos permite seleccionar una, deberemos ir a la vista de Código para editarlo desde allí (recuerda el tema de CSS avanzado).

Localiza la segunda fila que tendrá este aspecto:

<td colspan="4" class="alto_10"></td>

Añádele la clase borde_inferior, dejándola así:

<td colspan="4" class="alto_10 borde_inferior"></td>

 

17 Vuelve a la vista de Diseño y abre el panel Vinculaciones (CTRL + F10).

18 Despliega el juego de registros listado_libros y arrastra el elemento Titulo a la primera celda de la primera fila de la tabla.

19 Arrastra el elemento Autor a la segunda celda.

20 Arrastra el elemento Editorial a la tercera celda.

21 Arrastra el elemento Precio a la cuarta celda.

22 Selecciona el elemento Autor de la página y ponlo en cursiva pulsando el botón cursiva en el panel de Propiedades.

23 Abre el panel Comportamientos del servidor (CTRL + F9) y haz doble clic sobre el elemento Texto dinámico {listado_libros.Titulo} para modificar sus propiedades.

24 En el cuadro de diálogo que se abrirá selecciona el valor May.-min. - Mayús. del desplegable Formato para mostrar todo el texto en mayúsculas.

25 Pulsa el botón de vista LiveData LiveData y verás como se muestra el primer registro. (También puedes visualizar los datos desde el localhost pulsando la tecla F12).

26 Cierra el documento guardando los cambios.

 




  Índice del curso  
© aulaClic. Todos los derechos reservados. Free Computer tutorials. Prohibida la reproducción por cualquier medio.
Agosto - 2006.