Modificar formularios en Dreamweaver

Name: Modificar formularios en Dreamweaver
Author: Patti Scully-Lane

Dreamweaver facilita el agregado de contenido a sus páginas. Agregará contenido de texto y luego le dará formato con encabezados, viñetas y estilos en negrita…

Preview the first lesson free — get full access to all 5 lessons.

Solicitar una demo Iniciar sesión

Curso: bajo demanda

En esta lección, aprenderá cómo agregar un elemento de formulario a una página en Adobe Dreamweaver. Ahora, antes de comenzar, necesitamos configurar un sitio para nuestra carpeta de archivos de lecciones. Así que vamos a ir al menú del sitio, al nuevo sitio. Vamos a buscar una carpeta y he guardado los archivos de la lección a mi escritorio y allí está el módulo cuatro formularios. Así que vamos a seleccionar esa carpeta. Y vamos a nombrar este sitio, trabajando con formulario, y vamos a hacer clic en el botón Guardar en el panel de archivos es donde vemos todos de los archivos de lecciones que usaremos para crear nuestro formulario en las próximas lecciones. Vamos a trabajar con el contacto.HTML. Así que vamos a abrir eso haciendo doble clic en él. También vamos a abrir el contacto hecho, solo para echar un vistazo rápido a lo que vamos a construir. Así que aquí está nuestro formulario. Así que vamos a tener campos de texto y botones de opción y casillas de verificación y un área de texto en nuestro formulario así como un botón de envío en la parte inferior. Ahora, para que podamos crear el formulario, vamos a volver a nuestro archivo contact.HTML. Vamos a hacer clic en esta área a la izquierda y vamos a escribir en contacto con nosotros. Y con nuestro cursor en ese párrafo, vamos a bajar a nuestro panel de propiedades y vamos a cambiar ese formato de ese párrafo a un H1, rumbo uno, así que vamos a hacer clic en ese menú desplegable en nuestro panel de propiedades y cámbielo a uno de encabezado. Ahora vamos a hacer clic en el enter o la tecla de retorno para bajar a la siguiente línea. Y aquí es donde vamos a agregar nuestro elemento de formulario. Otros dos lugares a los que podríamos ir para agregar nuestro formulario. El primero está arriba en el menú Insertar, abajo para formar, y puede ver todos los diferentes elementos de formulario aquí. Otro lugar al que podemos ir ha terminado al panel de inserción aquí a la derecha justo en el mismo grupo con nuestro panel de archivos. Ahora, si no ve los elementos de su formulario, simplemente haga clic en el menú desplegable y elija formulario, y lo primero que tenemos que hacer para crear este formulario es agregar un elemento de formulario. Así que vamos a hacer clic una vez en ese formulario. Y cuando miramos en nuestra área, en nuestra vista de diseño, podemos ver un borde rojo discontinuo y ese borde rojo se va a envolver alrededor todos los elementos del formulario que vamos a añadir a nuestro formulario. Ahora, con eso seleccionado, vamos a mirar aquí abajo en nuestras propiedades. Y lo primero que queremos hacer es elegir para nombrar nuestro formulario y darle una identificación. Así que vamos a nombrar este contacto porque esto va a ser pedir información a la gente para construir nuestra base de suscripción al boletín. Ahora justo a la derecha de la ID es nuestra acción y nuestro método. Ahora hay dos tipos diferentes de formas. que puede crear en Dreamweaver en HTML. El primero es un post y el segundo es un git, con una publicación, estás enviando información a alguien que va a recibir esa información y no vas a ver qué información reciben. Con un git, estás ingresando información, esperando recibir algo a cambio. Entonces, si piensa en su banca en línea, pones un nombre de usuario y una contraseña y obtienes toda tu información bancaria. Ahora vamos a elegir la publicación como método para nuestro formulario. porque queremos que la gente simplemente nos envíe su información. Ahora, para que cualquier forma funcione, sin embargo, necesitas una acción. Una acción es un archivo separado escrito en JavaScript o PHP que permita la transferencia de esa información. Ahora no vamos a entrar en esa acción. pero para que un formulario realmente funcione, eso es algo que vas a necesitar. Así que aquí es donde enlazarías a ese script. eso estaría en la carpeta de su sitio. Ahora aquí abajo, estas son algunas de las nuevas características de HTML5 que admite Dreamweaver. Y el primero no es válido. El segundo es un autocompletar. Así que vamos a revisar ese botón. Lo que eso permite es si alguien empieza para llenar nuestro formulario, habrá ciertos campos que se completarán automáticamente si han guardado esa información en su navegador. Así que ahora que tenemos nuestro formulario, todo lo que tenemos que hacer es comenzar a agregar nuestro contenido, y eso es lo que haremos en la próxima lección. Entonces, en esta lección, aprendiste sobre los diferentes tipos de formas que puede tener Dreamweaver y cómo agregar un elemento de formulario a su página en Adobe Dreamweaver.

Intermedio Proveedor : Patti Scully-Lane 5 lecciones · 41m en Árabe, Alemán, Inglés, Español, Francés, Portugués, Urdu, Chinese

Descripción del curso

Dreamweaver facilita el agregado de contenido a sus páginas. Agregará contenido de texto y luego le dará formato con encabezados, viñetas y estilos en negrita y cursiva. Agregará y dará formato a imágenes y se asegurará de que la estructura de carpetas y la fuente de las imágenes sean correctas. Creará enlaces de texto a otros sitios, páginas dentro del mismo sitio y a direcciones de correo electrónico.

Objetivos de aprendizaje

Lo que aprenderás

Agregar un elemento de formulario a una página en Dreamweaver
Agregar elementos de campo de texto a un formulario
Crear un grupo de radio dentro de un formulario
Trabajar con casillas de verificación y grupos de casillas de verificación
Crear un área de texto y un botón de envío

Puntos clave

El curso cubre agregar un elemento de formulario a una página en Dreamweaver.
Muestra cómo agregar elementos de campo de texto a un formulario.
Demuestra crear un grupo de radio y trabajar con casillas de verificación y grupos de casillas de verificación.
Explica cómo crear un área de texto y un botón de envío para un formulario.

Preguntas frecuentes

¿Qué aprenderé en este curso?

Aprenderás a agregar un elemento de formulario, agregar elementos de campo de texto, crear un grupo de radio, trabajar con casillas de verificación y grupos de casillas de verificación y crear un área de texto y botón de envío en Dreamweaver.

¿Qué habilidades cubre este curso?

El curso cubre Adobe Dreamweaver, Formato de Diseño Web, Formateo de Documentos, Formateo HTML, Autoría Web y Sistemas de Plantillas Web.

¿Qué elementos de formulario me enseña el curso a construir?

Enseña a construir campos de texto, un grupo de radio, casillas de verificación y grupos de casillas de verificación, un área de texto y un botón de envío dentro de un formulario.

¿En qué herramienta se basa este curso?

Este curso se basa en trabajar con formularios en Adobe Dreamweaver.