Dreamweaver CS3

Apartado 1.

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

2 Abre el sitio animales.

3 Abre el archivo consultas.htm.

4 Selecciona el campo email y pulsa SUPRIMIR para borrarlo.

5 Inserta un campo de texto de validación desde Insertar → Spry → Campo de texto de validación de Spry.

6 Selecciona la opción No hay etiqueta de rótulo en el siguiente cuadro de diálogo para que se cree sólo el control y pulsa Aceptar.

7 En el panel Propiedades selecciona Correo electrónico en el desplegable Tipo.

8 Marca la opción Validar al Desenfocar.

Apartado 2.

1 Selecciona el campo animal y pulsa SUPRIMIR para borrarlo.

2 Inserta un campo desplegable de validación desde Insertar → Spry → Selección de validación de Spry.

3 Selecciona la opción No hay etiqueta de rótulo en el siguiente cuadro de diálogo para que se cree sólo el control y pulsa Aceptar.

7 En el panel Propiedades deselecciona la opción Valor en blanco.

8 Marca la opción Valor no válido -1.

9 Marca la opción Validar al Desenfocar.

10 Selecciona el control desplegable para modificar sus valores.

11 En el panel Propiedades haz clic sobre el botón Valores de lista y rellena el cuadro de diálogo para que se muestre de la siguiente forma:

Apartado 3.

1 Selecciona el campo consulta y pulsa SUPRIMIR para borrarlo.

2 Inserta un área de texto de validación desde Insertar → Spry → Árera de texto de validación de Spry.

3 Selecciona la opción No hay etiqueta de rótulo en el siguiente cuadro de diálogo para que se cree sólo el control y pulsa Aceptar.

4 En el panel Propiedades escribe 100 en el campo Car. máx.

5 Marca la opción Validar al Desenfocar.

6 En el campo Sugerencia escribe Escribe aquí tu consulta.

Apartado 4.

1 Selecciona el campo nombr y pulsa SUPRIMIR para borrarlo.

2 Inserta un campo de texto de validación desde Insertar → Spry → Campo de texto de validación de Spry.

3 Selecciona la opción No hay etiqueta de rótulo en el siguiente cuadro de diálogo para que se cree sólo el control y pulsa Aceptar.

4 En el panel Propiedades asegúrate de que la opción Obligatorio está marcada.

5 Marca la opción Validar al Desenfocar.

6 Guarda los cambios.

7 Pulsa F12 para visualizar los cambios.

 Cursos Informática Gratuitos