Ejercicio paso a paso. Unidad 9. Insertar elementos de formulario


Objetivo.

 

Practicar las operaciones necesarias para insertar y configurar algunos elementos de formulario.

 

1 Si no tienes abierto Dreamweaver, ábrelo para realizar el ejercicio.

2 Si no aparece el panel Archivos, ábrelo a través del menú Ventana, opción Archivos.

3 Selecciona el sitio Animales en el panel Archivos.

4 Haz doble clic sobre el documento consultas.htm, que aparece en el panel Archivos.

Se abrirá el documento en Dreamweaver.

5 Si no aparece el inspector de propiedades, ábrelo a través del menú Ventana, opción Propiedades.

6 Si el inspector de propiedades no se muestra en su totalidad, pulsa sobre el botón para desplegar sus propiedades más avanzadas.

7 No es necesario insertar el formulario, ya está creado. Dentro de él hay una tabla. Sitúa el cursor dentro de la última celda de la primera fila.

8 Haz clic sobre el menú Insertar.

9 Elige la opción Formulario.

10 Elige la opción Campo de texto.

11 Haz clic sobre el campo de texto para seleccionarlo.

12 En Campo de texto, del inspector de propiedades, escribe nombre.

13 En Cars máx escribe 15.

14 En Tipo selecciona Una línea.

15 Sitúa el cursor dentro de la última celda de la segunda fila de la tabla.

16 Repite los pasos del 8 al 14, pero con las siguientes diferencias:

En Campo de texto escribe email.

En Cars máx escribe 25.

17 Sitúa el cursor dentro de la última celda de la tercera fila de la tabla.

18 Haz clic sobre el menú Insertar.

19 Elige la opción Formulario.

20 Elige la opción Lista/menú.

21 Haz clic sobre el objeto de lista/menú para seleccionarlo.

22 En Lista/menú, del inspector de propiedades, escribe animales.

23 En Tipo selecciona Menú.

24 Haz clic sobre el botón Valores de lista.

25 Escribe ---Elige opción--- en Etiqueta de elemento .

26 Pulsa sobre el botón para insertar nuevos elementos en la lista. Añade las etiquetas Perro, Gato y Otros.

27 Haz clic sobre el botón Aceptar.

28 Selecciona ---Elige opción--- en Seleccionado inicialmente.

29 Sitúa el cursor dentro de la última celda de la cuarta fila de la tabla.

30 Haz clic sobre el menú Insertar.

31 Elige la opción Formulario.

32 Elige la opción Área de texto.

33 Haz clic sobre el área de texto para seleccionarlo.

34 En Campo de texto, del inspector de propiedades, escribe consulta.

35 En Tipo selecciona Varias líneas.

36 En Ancho car escribe 50.

37 En Líneas núm escribe 10.

38 En Val inicial escribe Escribe aquí tu consulta.

39 Sitúa el cursor en la línea en blanco que se encuentra debajo de la tabla, dentro del formulario.

40 Haz clic sobre el menú Insertar.

41 Elige la opción Formulario.

42 Elige la opción Botón.

43 Haz clic sobre el botón para seleccionarlo.

44 En Etiqueta, del inspector de propiedades, escribe Restablecer.

45 En Acción selecciona Restablecer formulario.

46 Sitúa el cursor a la derecha del botón.

47 Repite los pasos del 40 al 45, pero con las siguientes diferencias:

En Etiqueta escribe Enviar.

En Acción selecciona Enviar formulario.

48 Haz clic sobre el botón Guardar de la barra de herramientas.

49 Ahora puedes probar el funcionamiento de los elementos del formulario, abre el documento en tu navegador y rellena los campos. Si pulsas en enviar, no pasará nada porque no tenemos asociado ningún código al botón Enviar.

  Índice del curso  
Aviso legal: Uso off-line autorizado a alumnos de aulaClic exclusivamente. No está permitido utilizar estos cursos en empresas, academias o centros de enseñanza privados.
© aulaClic S.L. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.
Abril 2004.