Ejercicio paso a paso Unidad 9. Crear un formulario.


a.- Buscar el material.

1. Arranca FrontPage si no lo habías hecho ya.

2. Si no estás en el sitio Webpersonal, cierra el sitio con la opción Cerrar sitio del menú Archivo, y a continuación abre el sitio WebPersonal con la opción Archivo - Abrir sitio... o con la opción Archivo - Sitios Recientes.

3. Importa a la carpeta raíz del sitio, el archivo comentarios.htm que encontrarás en la carpeta ejercicios del curso. Se trata de una página a medio hacer, que iremos completando a lo largo del curso.

4.  Importa en la carpeta imagenes del sitio el fichero agua.jpg que también encontrarás en la carpeta ejercicios del curso.

5.  Abre comentarios.htm y ponle de fondo la imagen arena04.gif de la carpeta imagenes del sitio. También pon el texto de la página en color Azul oscuro. Si no tienes claro cómo hacerlo deberías repasar los temas anteriores.

b.- Crear el formulario.

Ahora vamos a crear el formulario. Este va justo donde encontramos el texto "FORMULARIO!".

1. Borra este texto.

2. Haz clic en Insertar - Formulario - Formulario.

Aparece un formulario vacío, limitado por un punteado discontinuo (este punteado no es visible por el usuario), con dos botones que se crean por defecto: "Enviar" y "Restablecer".

3. Pulsa dos veces INTRO, de forma que el formulario se hace más grande y los botones se desplazan hacia abajo.

4. Coloca el punto de inserción al principio del formulario y escribe FORMULARIO.

A continuación vamos a colocar algunos elementos en el formulario. Deja una línea de separación entre cada elemento del formulario para que sea claro.

5. Escribe "Nombre: " y a continuación haz clic en Insertar - Formulario - Cuadro de texto.

Aparece un cuadro de texto.

6. Ahora pulsa un par de veces la tecla espacio, y escribe "E-mail: ".

7. De nuevo haz clic en Insertar - Formulario - Cuadro de texto.

Debemos tener algo parecido a esto:

8. Deja una línea de separación y escribe "Comentario: " e Intro.

9. Haz clic en  Insertar - Formulario - Área de texto.

Aparece un área de texto.

Vamos a configurar cada elemento uno a uno.

10. Pulsa con el botón derecho del ratón sobre el primer campo de texto que creamos y elige del menú contextual la opción Propiedades de campo de formulario.

11. Cambia las opciones por defecto a: Nombre:nombre, Ancho de caracteres: 30.

12. Repite los pasos 10 y 11 para el segundo campo de texto, cambiando las opciones por defecto a: Nombre: email, Ancho de caracteres: 30. Pulsa Aceptar.

13. Para el área de texto que creamos, cambia las opciones por defecto a:

Nombre: comentario, Ancho de caracteres: 30,

Número de líneas: 10

Debemos obtener un formulario parecido a este.

 

También tenemos que configurar el propio formulario para que se envíen los datos introducidos por correo electrónico.

14. Haz clic con el botón derecho del ratón sobre el formulario y elige la opción Propiedades de Formulario.

15. Pulsa en Enviar a otro: y elige Secuencia de comandos ISAPI, NSAPI, CGI o ASP personalizada.

16. Haz clic en el botón Opciones.

17. Configura la ventana así:

Acción: Escribe mailto, dos puntos y la dirección de tu cuenta de correo electrónico por ejemplo mailto:micorreo@hotmail.com

Método: Selecciona POST.

Tipo de codificación: Escribe text/plain.

18. Haz clic en Aceptar en todas las ventanas y el formulario está listo para funcionar.

19. Guarda el archivo, pero cambia el título que aparece por FORMULARIO.

20 Un detalle final antes de acabar: Abre el archivo indice.htm e incluye el vínculo a esta página (teniendo cuidado de indicar que se cargue en el marco principal).








 
 

Pág. Epp.9.1



Página inicial  Cursos Informática Gratuitos

Síguenos en:   Facebook       Sobre aulaClic            Política de Cookies


© aulaClic. Todos los derechos reservados. Prohibida la reproducción por cualquier medio.