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 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 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 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.
|
|
Síguenos en: Facebook Sobre aulaClic Política de Cookies
© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.