Tecnología

Inicio

Cómo crear un formulario flotante en Dreamweaver 8

Dreamweaver 8 - la última versión de Macromedia Adobe antes se hizo cargo - le proporciona todas las herramientas necesarias para crear automáticamente formularios en línea y floten en el que elija. El formulario permite recopilar información de sus visitantes, y las hojas de estilo en cascada o CSS, herramientas le dan la capacidad de flotar su posición para que otros elementos de la página se envuelven alrededor de la forma y ahorrar espacio. Utilizar el lenguaje de marcado de hipertexto de Dreamweaver, o HTML, CSS y herramientas para diseñar la forma que usted requiere.

Instrucciones

1 Lanzamiento de Dreamweaver, y haga clic en "Nuevo" en el menú Archivo. Haga clic en la opción "Página básica" en la lista de categorías que aparece y, a continuación, haga clic en el botón "Crear" para generar un archivo HTML en blanco.

2 Coloque el cursor donde desee que aparezca el formulario. Haga clic en "Insertar" en el menú Ventana para abrir esta barra de herramientas, y luego haga clic en el icono de "Formas" a la izquierda para insertar automáticamente un formulario en blanco en su página.

3 Haga clic en la opción "tabla" en la barra de herramientas Insertar para que aparezca la ventana que le permite crear el cuerpo de su forma. Introduzca "2" para el número de columnas de formulario, a continuación, introduzca un número deseado de filas en los campos del texto proporcionados. Haga clic en una posición de cabeza y, a continuación, haga clic en el botón "OK" en la parte inferior para continuar.

4 Escribir sus mensajes de formulario, como "Nombre" y "Correo", en las celdas de la tabla de la izquierda. Haga clic en la pestaña "Formas" en la barra de herramientas de inserción para visualizar los elementos de formulario, incluyendo el menú desplegable y botón de envío.

5 Haga clic en la celda de la tabla que desee y, a continuación, haga clic en una opción de formulario, como "Campo de texto", para insertarlo en el formulario. Siga las indicaciones que aparecen en la ventana para introducir la información requerida, tal como una etiqueta y de identificación.

6 Haga clic en la opción "Propiedades" en el menú Ventana para mostrar el inspector de Propiedades. Introduzca el nombre de archivo del script que procesa el formulario en el cuadro de texto Acción. Seguir utilizando el resto de los menús para seleccionar los datos, tales como el método, que se basa su forma.

7 Haga clic en "Estilos CSS" en el menú de la ventana y, a continuación, haga clic en la "Nueva regla CSS" en la esquina inferior derecha del panel. Haga clic en la opción "Tag" en el menú de selección del tipo, y entrar en la "forma" en el cuadro de texto Nombre del selector para asignar el estilo a su forma. Haga clic en el botón "OK" para abrir automáticamente el cuadro de diálogo de definición de reglas CSS.

8 Haga clic en "caja" en el lado izquierdo del cuadro de diálogo y haga clic en "izquierda", "derecha" o "Heredar" para determinar dónde está su flota formulario en su página. La opción de "heredar" indica la forma debe heredar su posición de un elemento padre como un encabezado de página. Haga clic en el botón "OK" para terminar de crear la forma flotante.