sitio web

Curso de Diseño de Sitios Web en DreamWeaver

C.E.D. “EL BUEN PASTOR”

CURSO FORMULARIOS EN SITIOS WEB
Para crear un formulario en un sitio web se necesita que el sitio web exista, que contenga reglas y una
animación en la parte superior.

Abriendo el Sitio Web
Con el método de importar debemos abrir el sitio web, si es que no lo tenemos deberemos de crear uno.

Creando el formulario1. Agregamos una nueva página web a nuestro sitio web, a esta página la llamaremos
inscripciones.html y la guardaremos en la carpeta web páginas. Por ahora el fondo será blanco.
2. El título para esta página será: REGISTRO DE CLIENTES. Luego presionamos 2 veces enter.
3. Enlazamos esta página con el archivo que contiene las reglas css. En este ejemplo el archivo es
config.css.

Profesor:Miguel Tamariz

pág. 1

Curso de Diseño de Sitios Web en DreamWeaver

C.E.D. “EL BUEN PASTOR”

4. Aplicamos al título la regla título. Marcamos todo el título, clic derecho, Estilos CSS, título

5. Menú Insertar / Formulario / Formulario.
Debe aparecer un rectángulo con líneas rojas punteadas, y el cursor dentro de él.

6. Cambiamos nuestra configuración de Flash de Diseñador a Clásico.Ahora debe observarse una barra de controles del formulario. En este momento la pestaña Común
se encuentra seleccionada y debajo de él aparecen varios controles. Ahora haga clic en la pestaña
Diseño, observe los controles; ahora haga clic en la pestaña Formularios, observe sus controles.

Profesor: Miguel Tamariz

pág. 2

Curso de Diseño de Sitios Web en DreamWeaver

C.E.D. “EL BUENPASTOR”

7. Trabajaremos con la pestaña Formularios, nos aseguramos que está pestaña esté seleccionada.
8. Insertaremos una tabla dentro del rectángulo rojo: Insertar / Tabla, 4 filas y 3 columnas.
Presionamos Aceptar. Importante: No centre la tabla ni la estire.
Observe que en la parte inferior aparece todas las opciones que a una tabla se le puede aplicar, para
ello hacemos un clic en ,cuando aparecen las opciones podremos configurar la tabla. Por
ejemplo, hagamos que esta tabla no tenga borde: en Borde cambia el 1 por el 0.

9. Ahora haremos clic en la primera celda, de tal forma que el cursor esté dentro de la primera celda.
Luego haremos clic en el objeto campo de texto.

10. Nos muestra esta ventana:

Profesor: Miguel Tamariz

pág. 3

Curso de Diseño de SitiosWeb en DreamWeaver

C.E.D. “EL BUEN PASTOR”

Aquí haremos lo siguiente:
En ID digitaremos como queremos identificar un dato, esta identificación es interna, no la puede ver
el usuario, como en este ejemplo pediremos que el cliente ingrese su nombre, este ID se llamará
idnombrecliente. Sin espacios.
En Etiqueta es lo el usuario observa del formulario, aquí digitaremos lo que debe ingresar elusuario, pondremos Ingrese su nombre. Use espacios.
Así debe quedar:

Presione Aceptar.
11. Ahora haga clic en la celda contigua:

IMPORTANTE
El cursor debe estar
parpadeando dentro
de la segunda celda,
tal como se observa
en la imagen.

Profesor: Miguel Tamariz

pág. 4

Curso de Diseño de Sitios Web en DreamWeaver

C.E.D. “EL BUEN PASTOR”

12. Repita el paso 09 al 11, perocon estos datos:

13. Debe ir quedando así:

14. Repita el mismo proceso para que el cliente pueda ingresar su Correo, datos a utilizar:
idemailcliente, Ingrese su Email. Debe quedar así:

Profesor: Miguel Tamariz

pág. 5

Curso de Diseño de Sitios Web en DreamWeaver

C.E.D. “EL BUEN PASTOR”

15. Haremos clic en la primera celda de la segunda fila, allí le pediremos lo siguiente:Iddireccliente, Ingrese su Dirección. Debe quedar así:

16. Haremos clic en la celda contigua. Ahora usaremos el objeto Seleccionar (Lista/Menú).

IMPORTANTE
En el paso 16, lo
primero que se debe
hacer es clic en la
segunda celda de la
segunda fila.
Luego clic en el
objeto Seleccionar.
17. Ingresaremos los siguientes datos, luego presionamos Aceptar. Luego haga clic en otra celda...