open Presentación
open Páginas web
open Imagen
open Audio
open Vídeo
open Web 2.0

Formulario de búsqueda de Google

En esta actividad vamos a crear un formulario que envíe el texto introducido al script de búsqueda de Google para obtener directamente la página de resultados.

1. Extrae a la carpeta miweb\images el contenido del archivo google.zip que se adjunta. Como resultado de esa extracción encontrarás en esta carpeta el archivo gráfico: logogoogle.gif

2. Abre Kompozer y selecciona Archivo > Nuevo.

3. Escribe: "Buscador Google". Selecciona el texto y elige el estilo de párrafo Título 1. Pulsa <enter> para saltar a la siguiente línea.

4. Selecciona Insertar > Imagen …

5. En el cuadro de diálogo Propiedades de imagen pulsa en el botón Elegir archivo … para localizar y abrir el archivo logogoogle.gif en la carpeta miweb\images.

Propiedades de imagen

6. En Texto alternativo introduce "Google".

7. Activa la pestaña Enlace e introduce la dirección web: http://www.google.es. De esta forma el usuario podrá situarse en la página de inicio de Google haciendo clic en la imagen.

8. Pulsa en el botón Aceptar.

Enlace

9. Selecciona Insertar > Formulario … > Definir formulario …

10. En el cuadro de diálogo Propiedades del formulario introduce los siguientes valores:

Propiedades del formulario

11. Clic en el botón Aceptar. Observa que el formulario aparece en la página destacado con un marco de borde punteado. Si es necesario reeditar sus propiedades haz clic derecho sobre el formulario y selecciona Propiedades de Formulario …

12. A continuación vamos a situar los elementos del formulario. Clic dentro del formulario para que el cursor se sitúe parpadeando dentro del recuadro del formulario. Teclea "Introduce el texto de búsqueda". Pulsa <enter> para situarte en la siguiente línea.

13. Elige Insertar > Formulario > Campo de formulario.

14. En el cuadro de diálogo Propiedades del campo del formulario pulsa en el botón Más propiedades. Define las siguientes propiedades:

15. Clic en el botón Aceptar.

Propiedades del campo del formulario

16. Pulsa la tecla <enter> para situarse en una nueva línea para insertar los botones del formulario. A continuación selecciona Insertar > Formulario > Campo de formulario.

17. En el cuadro de diálogo Propiedades del campo del formulario configura los parámetros:

Propiedades del campo del formulario

18. Clic en el botón Aceptar.

19. Selecciona de nuevo Insertar > Formulario > Campo de formulario.

20. En el cuadro de Propiedades del campo del formulario define los siguientes valores:

Propiedades del campo de formulario

21. Pulsa en el botón Aceptar.

Buscador de Google

22. Para guardar esta página, elige Archivo > Guardar como.

23. Introduce "Buscador Google" como título y pulsa en el botón Aceptar.

Título de la página

24. Guarda la página en la carpeta miweb y define como nombre de archivo: google.html . Pulsa en el botón Guardar.

Guardar

25. Clic en el botón Navegar de Komposer para comprobar el funcionamiento del formulario creado.