Mayo Clase Dw

31
Enlaces con parámetros Objetivo: Practicar las operaciones necesarias para crear enlaces con parámetros . Ejercicios: 1. Si WampServer 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. Selecciona el elemento {libros_nuevos.Titulo} en la primera celda de la primera tabla. 6. En el panel Propiedades escribe en el campo Vínculo lo siguiente: comprar.php?id=. 7. Ahora abre el panel Vinculaciones (Ctrl + F10) y ve a la vista de Código. 8. Arrastra el elemento Id al lado del texto que hemos escrito después del =. Deberá quedarte algo como esto: 9. <a href="comprar.php?id=<?php echo $row_libros_nuevos['Id']; ?>"> 10. <?php echo strtoupper($row_libros_nuevos['Titulo']); ?></a> Hemos creado un enlace a una página llamada comprar.php y le hemos pasado un parámetro id con el valor del Id del registro que se muestre. Por lo que en cada título de cada libro habrá un enlace diferente que abrirá la página comprar.php con el valor del id del libro correspondiente.

Transcript of Mayo Clase Dw

Page 1: Mayo Clase Dw

Enlaces con parámetros

Objetivo: Practicar las operaciones necesarias para crear enlaces con parámetros.

Ejercicios:

1. Si WampServer 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. Selecciona el elemento {libros_nuevos.Titulo} en la primera celda de la primera tabla.

6. En el panel Propiedades escribe en el campo Vínculo lo siguiente: comprar.php?id=.

7. Ahora abre el panel Vinculaciones (Ctrl + F10) y ve a la vista de Código.

8. Arrastra el elemento Id al lado del texto que hemos escrito después del =. Deberá quedarte algo como esto:

9. <a href="comprar.php?id=<?php echo $row_libros_nuevos['Id']; ?>">10. <?php echo strtoupper($row_libros_nuevos['Titulo']); ?></a>

Hemos creado un enlace a una página llamada comprar.php y le hemos pasado un

parámetro id con el valor del Id del registro que se muestre.

Por lo que en cada título de cada libro habrá un enlace diferente que abrirá la

página comprar.php con el valor del id del libro correspondiente.

9. Cierra el documento guardando los cambios.

Page 2: Mayo Clase Dw

1. ¿Qué entiende por HTML?

 Hyper Text Mask Language

2. ¿Qué etiqueta utilizamos para definir el cuerpo del documento?

 <b>

3. ¿Qué etiqueta utilizamos para insertar una línea horizontal?

 <hr>

4. ¿Cuál es la forma correcta de insertar un comentario?

 <comment>

5. Elija la etiqueta apropiada para un texto en negrita.

 <bold>

6. ¿Cuál es la forma correcta de crear un vínculo?

 <a target="http://www.unsitio.com">...</a>

7. ¿Qué etiqueta define la fila de una tabla?

 <tr>

8. ¿Qué etiqueta define una lista ordenada?

 <ul>

9. Elija la etiqueta apropiada para hacer una lista desplegable.

 <input type="menu">>

10. ¿Cómo definimos un área de texto?

 <input type="textarea">

11. Elija la forma correcta de ingresar una imagen.

 <imagen src="foto.jpg">

12. ¿Cómo definimos un color en sistema hexadecimal?

 <#F5F5DC>

13. ¿Qué etiquetas pueden figurar en la sección <head>?

 <style>, <meta>, <table>

Page 3: Mayo Clase Dw

14. ¿Cómo mandamos un e-mail a partir de un vínculo?

 <a href="mailto:[email protected]">...</a>

15. ¿Qué es cellspadding?

 Define el espacio entre el borde de la celda y su contenido

16. ¿Cómo definimos un texto alternativo para una imagen?

 <img src="foto.jpg" value="texto alternativo">

17. ¿Qué etiqueta define un salto de línea?

 <linebreak>

18. ¿Cómo colocamos una imagen de fondo en una celda de una tabla?

 <td background="...">...</td>

19. Elija la etiqueta que nos dá el título más grande

 <h6>

20. ¿Cómo hacemos para abrir un vínculo en otra ventana?

 <a href="www.algunsitio.com" target="_blank">...</a>

1. ¿Qué entiende por HTML? 

 Hyper Text Mask Language

 Hard Text Markup Language

 Hyper Text Markup Language

2. ¿Qué etiqueta utilizamos para definir el cuerpo del documento? 

 <background>

 <body>

 <b>

3. ¿Qué etiqueta utilizamos para insertar una línea horizontal? 

Page 4: Mayo Clase Dw

 <br>

 <hr>

 <line>

4. ¿Cuál es la forma correcta de insertar un comentario? 

 <!--...-->

 <¡--...--!>

 <comment>

5. Elija la etiqueta apropiada para un texto en negrita. 

 <bold>

 <bb>

 <b>

6. ¿Cuál es la forma correcta de crear un vínculo? 

 <a target="http://www.unsitio.com">...</a>

 <a href="http://www.unsitio.com">...</a>

 <a url="http://www.unsitio.com">...</a>

7. ¿Qué etiqueta define la fila de una tabla? 

 <tr>

 <td>

 <row>

8. ¿Qué etiqueta define una lista ordenada? 

Page 5: Mayo Clase Dw

 <ol>

 <ul>

 <li>

9. Elija la etiqueta apropiada para hacer una lista desplegable. 

 <input type="list">>

 <input type="menu">>

 <select>

10. ¿Cómo definimos un área de texto? 

 <textarea>

 <input type="textarea">

 <input type="text">

11. Elija la forma correcta de ingresar una imagen. 

 <img src="/foto.jpg">

 <imagen src="/foto.jpg">

 <img href="/foto.jpg">

12. ¿Cómo definimos un color en sistema hexadecimal? 

 <beige>

 <245,245,220>

 <#F5F5DC>

13. ¿Qué etiquetas pueden figurar en la sección <head>? 

Page 6: Mayo Clase Dw

 <style>, <meta>, <table>

 <link>, <title>, <base>

 <link>, <meta>, <p>

14. ¿Cómo mandamos un e-mail a partir de un vínculo? 

 <a mail="[email protected]">...</a>

 <a mailto="[email protected]">...</a>

 <a href="mailto:[email protected]">...</a>

15. ¿Qué es cellspadding? 

 Define el espacio entre celdas de una tabla

 Define los títulos de una tabla

 Define el espacio entre el borde de la celda y su contenido

16. ¿Cómo definimos un texto alternativo para una imagen? 

 <img src="/foto.jpg" alt="texto alternativo">

 <img src="/foto.jpg" value="texto alternativo">

 <img src="/foto.jpg" text="texto alternativo">

17. ¿Qué etiqueta define un salto de línea? 

 <br>

 <break>

 <linebreak>

18. ¿Cómo colocamos una imagen de fondo en una celda de una tabla? 

Page 7: Mayo Clase Dw

 <tr bgcolor="...">...</tr>

 <tr background="...">...</tr>

 <td background="...">...</td>

19. Elija la etiqueta que nos dá el título más grande 

 <h1>

 <h6>

 <head>

20. ¿Cómo hacemos para abrir un vínculo en otra ventana? 

 <a href="/www.algunsitio.com" new>...</a>

 <a href="/www.algunsitio.com" target="_new">...</a>

 <a href="/www.algunsitio.com" target="_blank">...</a>

Partes del Ambiente de TrabajoDibuja o imprime y pega en tu cuaderno las siguientes imágenes e identifica con los nombres de cada una de las partes del Ambiente de trabajo de Dreamweaver, y las herramientas del Panel Común y del Inspector de Propiedades.

Fecha de Entrega:   Próximo Martes, 3 de mayo de 2011Forma de Entrega:  En tu cuaderno de Informática

Imágen Nº 1

Page 9: Mayo Clase Dw
Page 10: Mayo Clase Dw
Page 11: Mayo Clase Dw
Page 12: Mayo Clase Dw
Page 13: Mayo Clase Dw
Page 14: Mayo Clase Dw
Page 15: Mayo Clase Dw
Page 16: Mayo Clase Dw
Page 17: Mayo Clase Dw
Page 18: Mayo Clase Dw
Page 19: Mayo Clase Dw
Page 20: Mayo Clase Dw
Page 21: Mayo Clase Dw
Page 22: Mayo Clase Dw
Page 23: Mayo Clase Dw
Page 24: Mayo Clase Dw
Page 25: Mayo Clase Dw

1. Es una de las partes de la pantalla de Dreamweaver y una de las ventanas acoplables....

A.   ?    Menú Insertar

B.   ?    Botones de comandos

C.   ?    Nombre de usuario

D.   ?    sitios

Page 26: Mayo Clase Dw
Page 27: Mayo Clase Dw
Page 28: Mayo Clase Dw
Page 29: Mayo Clase Dw
Page 30: Mayo Clase Dw