Cómo crear formularios de contacto gratis en Dreamweaver

Un formulario de contacto en línea ofrece a los visitantes una manera de ponerse en contacto con el webmaster de ese sitio web. Los formularios de contacto están ahí para recoger información como nombres, direcciones de correo electrónico y comentarios de los visitantes. Adobe Dreamweaver software de edición Web proporciona a los usuarios una disposición de diseño visual y una serie de herramientas predefinidas para crear tales formas de contacto.

Instrucciones

1 Abra Adobe Dreamweaver y crear un nuevo archivo.

2 Seleccione "página en blanco" en "Categoría" en el panel izquierdo y luego seleccione "HTML" en el panel derecho de la ventana "New Documents".

3 Haga clic en "Crear". Ahora aparecerá una página en blanco blanco para crear su forma.

4 Haga clic en "Insertar" en la barra de menú superior y haga clic en "forma". Este comando creará una caja cuadrada en la pantalla con las esquinas rojos alrededor. Va a colocar todos los elementos de formulario dentro de este cuadro.

5 Sitúe el cursor en la parte superior izquierda en la plaza y escriba "Nombre:" y luego ir a la barra de menú superior y haga clic en "Insertar", "Objetos de formulario" y haga clic en "Campo de texto". Esto insertará un cuadro de texto a la derecha de la primera etiqueta del nombre de recoger primero el nombre del visitante.

6 Coloque el cursor en la plaza por debajo de la primera etiqueta del nombre y el tipo "Apellido:" y luego ir a la barra de menú superior y haga clic en "Insertar", "Objetos de formulario" y haga clic en "Campo de texto". Esto insertará un cuadro de texto a la derecha de la última etiqueta de nombre para recoger el apellido del visitante.

7 Coloque el cursor en la plaza debajo de la última etiqueta con el nombre y el tipo "Correo electrónico:" y luego ir a la barra de menú superior y haga clic en "Insertar", "Objetos de formulario" y haga clic en "Campo de texto". Esto insertará un cuadro de texto a la derecha de la etiqueta de correo electrónico para recoger el correo electrónico del visitante.

8 Coloque el cursor en la plaza por debajo de la etiqueta de dirección de correo electrónico y escriba "Comentarios:" y luego ir a la barra de menú superior y haga clic en "Insertar", "Objetos de formulario" y haga clic en "Área de texto". Esto insertará un cuadro de área de texto a la derecha de la etiqueta comentarios para recoger los comentarios de los visitantes.

9 Haga clic en "Ver" y luego haga clic en "Propiedades" si la ventana de propiedades no se muestra ya.

10 Haga clic en cada cuadro de texto de entrada para seleccionarla. Esto le permitirá cambiar su nombre en la ventana "Propiedades". Cambiar cada caja para que se corresponda con el nombre de su etiqueta.

11 Coloque el cursor en la parte inferior en la plaza de abajo todos los elementos del formulario y haga clic en "Insertar", "Objetos de formulario", y haga clic en "botón". Esto inserta un botón de enviar el siguiente formulario de contacto.

Ejemplo de código fuente HTML generado en Dreamweaver:

<Form action = "colocar el script del lado del servidor aquí" method = "post">

<P> Nombre:

<input type="text" name="FirstName" />

& Lt; input type = "submit" name = "Enviar" value = "Enviar">

</ P>

<P> Apellido: <input type = "text" name = "Apellido" /> </ p>

<P> E-Mail: <input type = "text" name = "email" /> </ p>

<P> Comentarios: <textarea name = "comentarios" cols = "40" filas = "10">

Escriba los comentarios aquí. </ Textarea> </ p>

<Input type = "submit" name = "submit" value = "submit" />

</ Form>

12 Haga clic en "Archivo" y luego "Guardar como". Guardarlo como contactform.html.