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  



Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.