Curso de creación de sitios web - Lección 6 - Página 4
Formularios con Trellian Webpage
Creación de formularios con Trellian Webpage
En esta página analizaremos la creación de formularios basándonos en la realización de los mismos a partir del programa de diseño web Trellian Webpage.
Una vez iniciado el programa, vemos en la parte superior del mismo la barra de menús. Pues bien, nos quedamos con el que precisamente nos ayudará en la creación de formularios:
Si hacemos click en el menú FORM, nos encontraremos con los siguiente:
Todos los elementos ya se han visto en formato HTML en las págianas anteriores, ahora veremos el efecto que se consigue al seleccionarlos desde este programa.
Insert Form: Inserta las etiquetas de formulario en nuestra página actual. Entre estas etiquetas irán todos los atributos y características del formulario que estamos creando.
Insert Fieldset: Permite insertar un marco alrededor de todos los elementos de nuestro formulario. Por ejemplo:
Submit Button: Inserta un botón de confirmación (envío, submit) en la posición del cursor.
Reset Button: Inserta un botón de reset (borrado del formulario) en la posición del cursor.
Radio Button: Inserta una caja circular de selección en la posición del cursor.
Check Button: Inserta una caja cuadrada de selección en la posición del cursor.
Text Field: Inserta un cuadro de texto de una sola línea en la posición del cursor:
Text Area: Inserta un cuadro de texto de varias líneas en la posición del cursor.
Password Field: Inserta un cuadro de texto especial para contraseñas, de manera que lo que se escribe queda ocultado con asteriscos u otro caracter.
Drop Down Selection: Inserta un menú desplegable en la posición del cursor.
Listbox Selection: Inserta un cuadro de selección en la posición del cursor.
File Upload Field: Inserta un cuadro de selección de archivos del PC del usuario.
Creación de un formulario completo
Con Trellian Webpage la creación de un formulario, como hemos visto, se basa en la elección del elemento que deseamos insertar. No tiene mayor complicación. Sin embargo, vamos a poner un ejemplo práctico donde veamos com aplicar lo que hemos visto hasta el momento.
Imaginemos que nuestro sitio web se basa en la venta de libros por Internet. Para que nuestros clientes puedan contactar con nosotros y pedirnos más información sobre un determinado libro, podemos hacer un formulario que nos permita lo siguiente:
1. Recoger información básica de nuestro posible cliente:
Nombre, Apellidos, Edad, País, correo electrónico
2. Datos sobre el libro que está interesado:
Título del libro, autor, año de lanzamiento
3. Otros datos de interés:
Comentarios que quiera enviarnos, más información, botón de envío y reset.
|
Estás en: 
