CREACIÓN DE FORMULARIO EN ADOBE DREAMWEAVER CS5

Post on 21-Jul-2015

1.049 views 0 download

Transcript of CREACIÓN DE FORMULARIO EN ADOBE DREAMWEAVER CS5

Aplicativos Web

CREACIN DE FORMULARIO EN ADOBE DREAMWEAVER CS5Los formularios pueden ser creados dentro de tablas o divisiones, de esa manera no pierden el aspecto que caracteriza, ya que sus controles deben estar bien organizados. Como ya sabr, los formularios pueden enviar datos a un correo electrnico (si es que el cliente de correo se halla configurado), o hacia una pgina dinmica de tipo ASP, ASP.NET o PHP. Existen en la web ciertos servicios que permiten incluir ciertas modificaciones, tal es as, que los datos puedan ser recepcionados en un correo como Gmail, Hotmail, etc., sin necesidad de incluir rutinas complicadas de programacin. Procedimiento Crear una pgina HTML en blanco, y guardar con el nombre de registro.html. Ir a la Barra Insertar > Formularios. .

-

Insertar una tabla de 20 filas y 3 columnas, con borde 0, y colocar los textos siguientes:

-

Combinar algunas celdas y darle el formato correspondiente hasta obtener el siguiente diseo:

Profesor: Samuel Molina Javier

Pgina 1

Aplicativos Web

-

Insertar un Campo de Texto, en donde el usuario podr escribir sus Apellidos.

-

Establecer en la propiedad Tipo: una lnea, para Apellidos, Nombres y Nombre de Usuario, ancho de caracteres (Ancho car.) en 30. En Contrasea elegir el tipo Contrasea, ancho de 6 y caracteres mximo (Car. Mx) en 6.

Profesor: Samuel Molina Javier

Pgina 2

Aplicativos WebEn email, establecer el valor inicial (Val inicial) en @, en condiciones de uso el tipo varias lneas, ancho de caracteres en 40, nmero de lneas (Lneas nm) en 3, en valor inicial un texto.

-

Insertar en el sexo, dos botones de opcin.

-

Al botn de opcin Masculino, establecer la propiedad activado y en femenino desactivado. A ambos se debe colocar el mismo Id (sexo).

-

Insertar una Lista/Men para configurar los pases de residencia.

Profesor: Samuel Molina Javier

Pgina 3

Aplicativos Web

-

Insertar Casillas de Verificacin en las preferencias.

-

Insertar dos botones, uno con la propiedad Enviar formulario activado, y otro con la propiedad Restablecer formulario, activada.

-

Previsualizar en el navegador.

Profesor: Samuel Molina Javier

Pgina 4

Aplicativos Web

-

Por ltimo, establecer el mtodo de envo (get / post), y la accin (si ser enviado a un correo o procesar un documento dinmico de tipo ASP, ASP.NET o PHP). En nuestro ejemplo, puede activar el formulario desde el selector de etiquetas, y enviar los datos hacia el correo de info@sise.edu.pe.

Profesor: Samuel Molina Javier

Pgina 5