Tecnología de servidor
- Guía del usuario de Dreamweaver
- Introducción
- Dreamweaver y Creative Cloud
- Espacios de trabajo y vistas de Dreamweaver
- Configuración de sitios
- Acerca de los sitios de Dreamweaver
- Configuración de una versión local del sitio
- Conectar con servidores de publicación
- Configuración de un servidor de prueba
- Importación y exportación de la configuración de un sitio de Dreamweaver
- Traer sitios web existentes desde un servidor remoto a la raíz del sitio local
- Funciones de accesibilidad en Dreamweaver
- Ajustes avanzados
- Configuración de las preferencias de sitio para transferir archivos
- Especificación de la configuración del servidor proxy en Dreamweaver
- Sincronizar la configuración de Dreamweaver con Creative Cloud
- Uso de Git en Dreamweaver
- Administrar archivos
- Creación y apertura de documentos
- Administración de archivos y carpetas
- Carga de archivos al servidor y descarga desde el mismo
- Desprotección y protección de archivos
- Sincronizar archivos
- Comparación de archivos para detectar diferencias
- Ocultación de archivos y carpetas en el sitio de Dreamweaver
- Activación de Design Notes para sitios de Dreamweaver
- Prevención de la posible actuación repentina de Gatekeeper
- Maquetación y diseño
- Usar ayudas visuales al diseñar
- Información sobre el uso de CSS para diseñar la página
- Diseño de sitios web interactivos con Bootstrap
- Creación y uso de consultas de medios en Dreamweaver
- Presentación de contenido en tablas
- Colores
- Diseño interactivo mediante diseños de cuadrícula fluida
- Extract en Dreamweaver
- CSS
- Aspectos básicos de las hojas de estilos en cascada
- Diseño de páginas con el Diseñador de CSS
- Uso de preprocesadores de CSS en Dreamweaver
- Configuración de las preferencias de estilos CSS en Dreamweaver
- Mover reglas CSS en Dreamweaver
- Conversión de CSS en línea en una regla CSS en Dreamweaver
- Uso de etiquetas div
- Aplicación de degradados al fondo
- Creación y edición de efectos de transición de CSS3 en Dreamweaver
- Formatear código
- Contenido de página y activos
- Definición de las propiedades de la página
- Configuración de propiedades de encabezado CSS y propiedades de vínculo CSS
- Uso de texto
- Buscar y reemplazar texto, etiquetas y atributos
- Panel DOM
- Editar en la Vista en vivo
- Codificación de documentos en Dreamweaver
- Selección y visualización de elementos de la ventana de documento
- Configuración de las propiedades de texto en el inspector de propiedades
- Revisión ortográfica de una página web
- Uso de las reglas horizontales en Dreamweaver
- Añadir y modificar combinaciones de fuentes en Dreamweaver.
- Trabajo con activos
- Inserción y actualización de fechas en Dreamweaver
- Creación y gestión de activos favoritos en Dreamweaver
- Insertar y editar imágenes en Dreamweaver
- Adición de objetos multimedia
- Adición de vídeos en Dreamweaver
- Insertar vídeo HTML5
- Insertar archivos SWF
- Adición de efectos de sonido
- Insertar audio HTML5 en Dreamweaver
- Trabajar con elementos de bibliotecas
- Uso de texto árabe y hebreo en Dreamweaver
- Establecimiento de vínculos y navegación
- Widgets y efectos de jQuery
- Programación de sitios web
- Acerca de la programación en Dreamweaver
- Entorno de programación en Dreamweaver
- Configuración de las preferencias de programación
- Personalización de los colores del código
- Escritura y edición de código
- Sugerencias de código y completado de código
- Contraer y expandir código
- Reutilizar código con fragmentos
- Depuración de código mediante linting
- Optimización del código
- Edición de código en Vista de diseño
- Trabajo con el contenido de Head para páginas
- Inserción del lado del servidor incluida en Dreamweaver
- Uso de bibliotecas de etiquetas en Dreamweaver
- Importación de etiquetas personalizadas a Dreamweaver
- Uso de comportamientos de JavaScript (instrucciones generales)
- Aplicación de comportamientos JavaScript incorporados
- Acerca de XML y XSLT
- Realización de transformaciones XSL del lado del servidor en Dreamweaver
- Realización de transformaciones XSL en el lado del cliente en Dreamweaver
- Adición de entidades de caracteres para XSLT en Dreamweaver
- Formatear código
- Flujos de trabajo de varios productos
- Instalación y uso de extensiones para Dreamweaver
- Actualizaciones integradas en Dreamweaver
- Insertar documentos de Microsoft Office en Dreamweaver (solo Windows)
- Trabajo con Fireworks y Dreamweaver
- Edición de contenido en sitios de Dreamweaver con Contribute
- Integración de Dreamweaver Business Catalyst
- Crear campañas de correo electrónico personalizado
- Plantillas
- Acerca de las plantillas de Dreamweaver
- Reconocimiento de plantillas y documentos basados en plantillas
- Crear una plantilla de Dreamweaver
- Crear regiones editables en plantillas
- Creación de tablas y regiones repetidas en Dreamweaver
- Usar regiones opcionales en plantillas
- Definición de atributos de etiqueta editables en Dreamweaver
- Creación de plantillas anidadas en Dreamweaver
- Edición, actualización y eliminación de plantillas
- Exportar e importar contenido xml en Dreamweaver
- Aplicación o eliminación de una plantilla de un documento existente
- Edición de contenido en plantillas de Dreamweaver
- Reglas de sintaxis de etiquetas de plantilla en Dreamweaver
- Configuración de preferencias de resaltado en regiones de plantillas
- Ventajas de usar plantillas en Dreamweaver
- Móvil y multipantalla
- Sitios, páginas y formularios web dinámicos
- Aspectos básicos de las aplicaciones web
- Configuración del ordenador para desarrollo de aplicaciones
- Solución de problemas de conexiones a bases de datos
- Eliminación de secuencias de comandos de conexión en Dreamweaver
- Diseñar páginas dinámicas
- Introducción a las fuentes de contenido dinámico
- Definir fuentes de contenido dinámico
- Añadir contenido dinámico a las páginas
- Cambio de contenido dinámico en Dreamweaver
- Visualización de registros de bases de datos
- Proporcionar datos en vivo y solucionar sus problemas en Dreamweaver
- Añadir comportamientos de servidor personalizados en Dreamweaver
- Crear formularios con Dreamweaver
- Uso de formularios para recopilar información de los usuarios
- Crear y activar formularios de ColdFusion en Dreamweaver
- Crear formularios web
- Compatibilidad mejorada con HTML5 para elementos de formulario
- Desarrollar un formulario con Dreamweaver
- Creación visual de aplicaciones
- Creación de las páginas maestra y de detalles en Dreamweaver
- Crear páginas de búsqueda y resultados
- Crear una página de inserción de registros
- Crear una página de actualización de registros en Dreamweaver
- Creación de páginas de eliminación de registros en Dreamweaver
- Usar comandos ASP para modificar una base de datos en Dreamweaver
- Crear una página de registro
- Crear una página de inicio de sesión
- Creación de una página para acceso exclusivo de usuarios autorizados
- Protección de carpetas en ColdFusion con Dreamweaver
- Uso de componentes de ColdFusion en Dreamweaver
- Prueba, vista previa y publicación de sitios web
- Solución de problemas
Consulte información sobre los servidores web y las bases de datos y descubra cómo configurar su equipo para desarrollar una aplicación web en Dreamweaver.
La interfaz de usuario se ha simplificado en Dreamweaver y versiones posteriores. Como resultado, es posible que no encuentre algunas de las opciones que se describen en este artículo en Dreamweaver y versiones posteriores. Para obtener más información, consulte este artículo.
Lo que necesita para crear aplicaciones web
Para crear aplicaciones web en Adobe Dreamweaver, necesitará el siguiente software:
- Servidor web
- Un servidor de aplicaciones que se ejecute en el servidor web
En el contexto de las aplicaciones web, los términos servidor web y servidor de aplicaciones se refieren a software y no a hardware.
Si desea utilizar una base de datos con la aplicación, necesitará además el siguiente software:
Un sistema de bases de datos
Un controlador de base de datos compatible con la base de datos
Varias empresas que proporcionan alojamiento web ofrecen planes que le permitirán utilizar su software para probar e implementar aplicaciones web. En algunos casos, puede instalar el software necesario en el mismo equipo que Dreamweaver, para realizar tareas de desarrollo. También puede instalarlo en un equipo de red (habitualmente en un equipo con Windows 2000 o XP) para que otros desarrolladores puedan trabajar en el mismo proyecto.
Si desea utilizar una base de datos con la aplicación web, deberá conectarse antes a ella.
Aspectos básicos de los servidores web
Para desarrollar y comprobar páginas web dinámicas, necesitará un servidor web en funcionamiento. Un servidor web es un software que suministra páginas web en respuesta a las peticiones de los navegadores web. En ocasiones, también se hace referencia a un servidor web como servidor HTTP. Puede instalar y utilizar un servidor web en el equipo local.
Si es usuario de Macintosh, puede utilizar el servidor web Apache ya instalado en su equipo Macintosh.
Adobe no ofrece asistencia técnica para productos de software de otros fabricantes como Microsoft Internet Information Server. Si necesita ayuda sobre un producto de Microsoft, póngase en contacto con el servicio técnico de Microsoft.
Si utiliza Internet Information Server (IIS) para desarrollar aplicaciones web, el nombre predeterminado del servidor web será el nombre del equipo. Puede cambiar el nombre del servidor cambiando el nombre de su equipo. Si su equipo no tiene ningún nombre asignado, el servidor utilizará como nombre la palabra localhost.
El nombre del servidor corresponde a la carpeta raíz del servidor (en un equipo Windows), que es muy probable que sea C:\Inetpub\wwwroot. Puede abrir cualquier página web almacenada en la carpeta raíz introduciendo la siguiente URL en un navegador que se encuentre en ejecución en su equipo:
http://nombre_de_servidor/nombre_de_archivo
Por ejemplo, si el nombre del servidor es mer_noire y la página web denominada soleil.html está almacenada en C:\Inetpub\wwwroot\, puede abrir la página introduciendo la siguiente URL en un navegador que se encuentre en ejecución en el equipo local:
http://mer_noire/soleil.html
Recuerde que en la URL debe utilizar barras diagonales normales, no invertidas.
También puede abrir cualquier página web almacenada en cualquier subcarpeta de la carpeta raíz especificando la subcarpeta en la URL. Supongamos, por ejemplo, que el archivo soleil.htm está almacenado en una subcarpeta denominada gamelan, como se indica a continuación:
C:\Inetpub\wwwroot\gamelan\soleil.html
Puede abrir esta página introduciendo la siguiente URL en un navegador que se encuentre en ejecución en su equipo:
http://mer_noire/gamelan/soleil.html
Cuando el servidor web se encuentre en ejecución en el equipo, podrá sustituir el nombre del servidor por localhost. Por ejemplo, las siguientes URL abren la misma página en un navegador:
http://mer_noire/gamelan/soleil.html
http://localhost/gamelan/soleil.html
Otra expresión que puede utilizar en lugar del nombre del servidor o localhost es 127.0.0.1 (por ejemplo, http://127.0.0.1/gamelan/soleil.html).
Elegir un servidor web
Para desarrollar y probar aplicaciones web, puede elegir entre diversos servidores web comunes, entre los que figuran Microsoft Internet Information Server (IIS) y Apache HTTP Server.
Si no va a usar ningún un servicio de alojamiento web, elija un servidor web e instálelo en el equipo local para fines de desarrollo. Los usuarios de Windows y Macintosh que deseen desarrollar aplicaciones web ColdFusion pueden utilizar el servidor web incluido en la edición del desarrollador del servidor de aplicaciones ColdFusion 8, que se puede instalar y utilizar gratuitamente.
El resto de usuarios de Windows pueden ejecutar un servidor web en el equipo local si instalan IIS. Es posible que ya haya instalado este servidor web en su equipo. Compruebe la estructura de carpetas para averiguar si contiene una carpeta denominada C:\Inetpub o D:\Inetpub. IIS crea esta carpeta durante la instalación.
Los usuarios de macOS pueden utilizar el servidor web Apache instalado en el sistema operativo.
Para conocer información sobre cómo instalar y configurar otros servidores web, consulte la documentación del proveedor del servidor o solicite ayuda al administrador del sistema.
Elegir un servidor de aplicaciones
Un servidor de aplicaciones es una aplicación de software que ayuda a un servidor web a procesar páginas dinámicas. Al elegir un servidor de aplicaciones, deberá tener en cuenta varios factores, entre ellos el presupuesto, la tecnología de servidor que desea utilizar (ColdFusion, ASP o PHP) y el tipo de servidor web.
Presupuesto
Algunos proveedores disponen de servidores de aplicaciones de gama alta que resultan muy costosos de adquirir y administrar. Otros fabricantes ofrecen soluciones más sencillas y económicas (por ejemplo, ColdFusion). Algunos servidores de aplicaciones están integrados en servidores web (por ejemplo, Microsoft IIS) y otros pueden descargarse gratuitamente de Internet (por ejemplo, PHP).
Tecnología de servidor
Los servidores de aplicaciones utilizan distintas tecnologías. Dreamweaver admite tres tecnologías de servidor: ColdFusion, ASP y PHP. En la siguiente tabla figuran algunos de los servidores de aplicaciones más utilizados para las tecnologías de servidor admitidas por Dreamweaver:
|
Servidor de aplicaciones |
ColdFusion |
Adobe ColdFusion 8 |
ASP |
Microsoft IIS |
PHP |
Servidor PHP |
Para obtener información sobre ColdFusion, seleccione Ayuda de ColdFusion del menú Ayuda.
Para obtener más información sobre ASP, visite el sitio web de Microsoft en http://msdn.microsoft.com/es-es/library/aa286483.aspx.
Para obtener más información sobre PHP, visite el sitio web de PHP en www.php.net/.
Elegir una base de datos
Las bases de datos pueden tener muchos formatos distintos según la cantidad y la complejidad de los datos que almacenan. Al elegir una base de datos, deberá tener en cuenta diversos factores, entre ellos, el presupuesto y el número de usuarios que espera que accedan a la base de datos.
Presupuesto
Algunos fabricantes producen servidores de base de datos de gama alta que resultan muy costosos de adquirir y administrar. Otros fabricantes ofrecen soluciones más sencillas y económicas, como Microsoft Access o la base de datos de código fuente abierto MySQL.
Usuarios
Si prevé que va a acceder al sitio una gran comunidad de usuarios, elija una base de datos diseñada para el número de visitantes previsto. En el caso de sitios web que requieran un mayor grado de flexibilidad en el modelado de los datos y capacidad para dar soporte a grandes comunidades de usuarios simultáneos, considere la posibilidad de utilizar bases de datos relacionales basadas en servidor (denominadas generalmente RDBMS), entre las que figuran Microsoft SQL Server y Oracle.
Configurar un entorno de desarrollo ColdFusion
Para obtener instrucciones detalladas sobre la configuración de un entorno de desarrollo ColdFusion para Dreamweaver en su equipo Windows o Mac, consulte el sitio web de Adobe en www.adobe.com/devnet/dreamweaver/articles/setup_cf.html.
Tanto los usuarios de Windows como los de Macintosh pueden descargar e instalar una edición de desarrollador completa del servidor de aplicaciones ColdFusion en el sitio web de Adobe en www.adobe.com/go/coldfusion_es/.
Developer Edition es una edición de uso no comercial que se utiliza para desarrollar y probar aplicaciones web. No tiene licencia para implementarla. Admite solicitudes del host local y de dos direcciones IP remotas. Puede utilizarlo para desarrollar y probar sus aplicaciones web siempre que quiera; el software no caduca. Para más información, consulte la ayuda de ColdFusion (Ayuda > Ayuda de ColdFusion).
Durante la instalación, puede configurar ColdFusion para utilizar el servidor web incorporado en ColdFusion u otro servidor instalado en el sistema. Por lo general, es mejor que el entorno de desarrollo y el entorno de producción se correspondan. Por tanto, si dispone de un servidor web como Microsoft IIS en el equipo de desarrollo, selecciónelo en lugar de utilizar el servidor web de ColdFusion incorporado.
Configurar un entorno de desarrollo PHP
Para obtener instrucciones detalladas sobre la configuración de un entorno de desarrollo PHP para Dreamweaver en su equipo Windows o Mac, consulte el sitio web de Adobe en www.adobe.com/devnet/dreamweaver/articles/setup_php.html.
Existen ediciones del servidor de aplicaciones PHP para los sistemas Windows, Linux, UNIX, HP-UX, Solaris y Mac OS X. Para conocer más información sobre el servidor de aplicaciones, consulte la documentación PHP, que también se puede descargar a través del sitio web PHP en www.php.net/download-docs.php.
Configurar un entorno de desarrollo ASP
Para obtener instrucciones detalladas sobre la configuración de un entorno de desarrollo ASP para Dreamweaver en su equipo Windows o Mac, consulte el sitio web de Adobe en www.adobe.com/devnet/dreamweaver/articles/setup_asp.html.
Para ejecutar páginas ASP, necesitará un servidor de aplicaciones compatible con Microsoft Active Server Pages 2.0., como Microsoft IIS (Internet Information Services), que se incluye con Windows 2000 y Windows XP Professional. Los usuarios de Windows XP Professional pueden instalar y ejecutar IIS en un equipo local. Los usuarios de Macintosh pueden utilizar un servicio de alojamiento web con un plan ASP o instalar IIS en un equipo remoto.
Crear una carpeta raíz para la aplicación
Después de suscribirse en una empresa de servicios de alojamiento web o configurar el software del servidor, cree una carpeta raíz para su aplicación web en el equipo que vaya a ejecutar el servidor web. La carpeta raíz puede ser local o remota, dependiendo de dónde se ejecute el servidor web.
El servidor web puede entregar cualquier archivo de esta carpeta o de cualquiera de sus subcarpetas en respuesta a las peticiones HTTP de un navegador. Por ejemplo, en un equipo que ejecute ColdFusion 8, se podrá poner a disposición de un servidor web cualquier archivo de la carpeta \ColdFusion8\wwwroot o de sus subcarpetas.
A continuación, se indican las carpetas raíz predeterminadas de los servidores web seleccionados:
Servidor web |
Carpeta raíz predeterminada |
ColdFusion 8 |
\ColdFusion8\wwwroot |
IIS |
\Inetpub\wwwroot |
Apache (Windows) |
\apache\htdocs |
Apache (Macintosh) |
Users:MyUserName:Sites |
Para probar el servidor web, coloque una página HTML de prueba en la carpeta raíz predeterminada e intente abrirla introduciendo la URL de la página en un navegador. La URL se compone del nombre de dominio y el nombre del archivo de la página HTML, como se indica a continuación: www.example.com/testpage.htm.
Si el servidor web se ejecuta en el equipo local, puede utilizar localhost en lugar de un nombre de dominio. Introduzca las URL localhost de entre las siguientes que corresponda al servidor web:
Servidor web |
URL Localhost |
ColdFusion 8 |
http://localhost:8500/testpage.htm |
IIS |
http://localhost/testpage.htm |
Apache (Windows) |
http://localhost:80/testpage.htm |
Apache (Macintosh) |
http://localhost/~MyUserName/testpage.htm (donde MyUserName es su nombre de usuario Macintosh) |
De forma predeterminada, el servidor web de ColdFusion se ejecuta en el puerto 8500 y el servidor web Apache, en el puerto 80.
Si la página no se abre como se esperaba, compruebe los siguientes errores posibles:
El servidor web no se ha iniciado. Consulte las instrucciones de inicio en la documentación del servidor web.
La extensión del archivo no es .htm o .html.
Ha indicado la ruta de archivo de la página (por ejemplo, c:\ColdFusion8\wwwroot\testpage.htm), no su URL (por ejemplo, http://localhost:8500/testpage.htm), en el cuadro de texto de dirección del navegador.
La URL presenta un error de escritura. Compruebe si hay errores y no introduzca una barra diagonal después del nombre de archivo, como http://localhost:8080/testpage.htm/.
Tras crear una carpeta raíz para la aplicación, defina un sitio de Dreamweaver para administrar los archivos.
Cómo definir un sitio de Dreamweaver
Después de configurar el sistema para que desarrolle aplicaciones web, defina un sitio de Dreamweaver para administrar sus archivos.
Antes de empezar, compruebe que se cumplen los siguientes requisitos:
Tiene acceso a un servidor web. El servidor web puede ejecutarse en un equipo local, en un equipo remoto (por ejemplo, un servidor de desarrollo) o en un servidor mantenido por una empresa que ofrezca alojamiento web.
Un servidor de aplicaciones está instalado y se ejecuta en el sistema donde se encuentra el servidor web.
Ha creado una carpeta raíz para la aplicación web en el sistema que ejecuta el servidor web.
Para definir un sitio de Dreamweaver para la aplicación web, siga estos tres pasos:
1. Defina una carpeta local
Esta será la carpeta utilizada para almacenar copias de trabajo de los archivos del sitio en el disco duro. Puede definir una carpeta local para cada nueva aplicación web creada. Además, podrá administrar archivos y transferirlos entre el disco local y el servidor web fácilmente.
2. Defina una carpeta remota
Defina una carpeta en el equipo que ejecuta el servidor web como carpeta remota de Dreamweaver. La carpeta remota es la creada para la aplicación web en el servidor web.
3. Defina una carpeta de prueba
Dreamweaver utilizará esta carpeta para generar y mostrar contenido dinámico y conectar con las bases de datos mientras usted trabaja. El servidor de prueba puede ser el equipo local, un servidor de desarrollo, un servidor en funcionamiento o un servidor de producción. Mientras que pueda procesar el tipo de páginas dinámicas que tiene intención de desarrollar, el servidor elegido no importa.
Una vez definido el sitio de Dreamweaver, podrá empezar a crear su aplicación web.