Adobe Dreamweaver es una herramienta de escritorio que te ayuda a crear y publicar rápidamente páginas web, soportando lenguajes como HTML, CSS y JavaScript. Con sus vistas de diseño y código fáciles de usar, Dreamweaver simplifica la creación, edición y vista previa de tu sitio en un solo lugar. Si construiste tu sitio web en Dreamweaver y deseas incrustar tu formulario, ya sea para contactos, inscripciones o comentarios, esta guía te mostrará cómo hacerlo. Mira el breve video a continuación o sigue los pasos para añadir tu formulario a cualquier página de tu sitio.
Obteniendo el Código de Incrustación
Sigue estos pasos para copiar el código de incrustación del formulario para tu sitio web creado en Dreamweaver:
- En Constructor de Formularios, haz clic en Publicar.
- A continuación, haz clic en Plataformas.
- Luego, selecciona Dreamweaver. Puedes usar la barra de búsqueda para encontrarlo fácilmente.
- En la siguiente pantalla, haz clic en Copiar Código.
Incrustación del Formulario
Abre Dreamweaver y carga el archivo de la página web donde deseas añadir tu formulario. Puedes abrir el archivo desde el panel de Archivos o ir al menú Archivo en la parte superior y luego seleccionar Abrir. Una vez que tengas tu archivo abierto en Dreamweaver, sigue estos pasos para incrustar tu formulario en tu página web:
Consejo Profesional
Antes de hacer cambios, considera hacer una copia de seguridad del archivo original de tu página web.
- En tu espacio de trabajo, desplázate por el código fuente del archivo para localizar el punto exacto donde deseas insertar el código de incrustación del formulario. Puedes cambiar tu espacio de trabajo a Vista de código si es necesario.
- Coloca el cursor en la ubicación deseada y pega el código.
- A continuación, ve al menú Archivo nuevamente y selecciona Guardar para guardar tus cambios en el archivo.
Y eso es todo. Para previsualizar cómo se ve tu formulario en tu página web antes de cargar el archivo actualizado en tu servidor web, haz clic en Dividir o En vivo en la parte superior del espacio de trabajo de Dreamweaver.
Consejo Profesional
Después de cargar, revisa la página en varios navegadores para asegurarte de que se muestra correctamente en diferentes plataformas.
“`html
Nota
“““html
- Esta guía utiliza Adobe Dreamweaver 21.4, la versión de mayo de 2024. La interfaz puede diferir ligeramente según tu versión de Adobe Dreamweaver, especialmente si estás utilizando una versión anterior, pero el proceso para incrustar tu formulario debería seguir siendo el mismo.
- Dado que el código de incrustación del formulario de Dreamweaver coincide con el código fuente completo de tu formulario, las actualizaciones realizadas en el Constructor de Formularios no se mostrarán automáticamente en tu página web a menos que reinserte y guarde el código actualizado en Dreamweaver cada vez. Para que los cambios del Constructor de Formularios se reflejen automáticamente en tu página web, considera usar el script de incrustación del formulario o el código de incrustación en iframe en su lugar. Este enfoque asegura que cualquier edición en el Constructor de Formularios aparezca instantáneamente en tu sitio sin necesitar actualizaciones manuales en Dreamweaver.
“`
Enviar Comentario: