CREACIÓN DE FORMULARIO EN ADOBE DREAMWEAVER CS5

5
 Aplicativos Web Profesor: Samuel Molina Javier Página 1 CREACIÓN DE FORMULARIO EN ADOBE DREAMWEAVER CS5 Los 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 electrónico (si es que el cliente de correo se halla configurado), o hacia una página dinámica 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 programación. Procedimiento . - Crear una página 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 diseño:

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 [email protected].

Profesor: Samuel Molina Javier

Pgina 5