Guía del usuario Cancelar

Configurar el equipo para el desarrollo de aplicaciones

  1. Guía del usuario de Dreamweaver
  2. Introducción
    1. Conceptos básicos sobre diseño web adaptable
    2. Novedades de Dreamweaver
    3. Desarrollo web con Dreamweaver: información general
    4. Dreamweaver / Preguntas frecuentes
    5. Métodos abreviados de teclado
    6. Requisitos del sistema para Dreamweaver
    7. Resumen de funciones
  3. Dreamweaver y Creative Cloud
    1. Sincronizar la configuración de Dreamweaver con Creative Cloud
    2. Bibliotecas Creative Cloud en Dreamweaver
    3. Uso de archivos de Photoshop en Dreamweaver
    4. Trabajar con Adobe Animate y Dreamweaver
    5. Extraer archivos SVG optimizados para la Web desde bibliotecas
  4. Espacios de trabajo y vistas de Dreamweaver
    1. El espacio de trabajo de Dreamweaver
    2. Optimización del espacio de trabajo de Dreamweaver para la implementación visual
    3. Buscar archivos por nombre de archivo o contenido | Mac OS
  5. Configuración de sitios
    1. Acerca de los sitios de Dreamweaver
    2. Configuración de una versión local del sitio
    3. Conectar con servidores de publicación
    4. Configuración de un servidor de prueba
    5. Importación y exportación de la configuración de un sitio de Dreamweaver
    6. Traer sitios web existentes desde un servidor remoto a la raíz del sitio local
    7. Funciones de accesibilidad en Dreamweaver
    8. Ajustes avanzados
    9. Configuración de las preferencias de sitio para transferir archivos
    10. Especificación de la configuración del servidor proxy en Dreamweaver
    11. Sincronizar la configuración de Dreamweaver con Creative Cloud
    12. Uso de Git en Dreamweaver
  6. Administrar archivos
    1. Creación y apertura de documentos
    2. Administración de archivos y carpetas
    3. Carga de archivos al servidor y descarga desde el mismo
    4. Desprotección y protección de archivos
    5. Sincronizar archivos
    6. Comparación de archivos para detectar diferencias
    7. Ocultación de archivos y carpetas en el sitio de Dreamweaver
    8. Activación de Design Notes para sitios de Dreamweaver
    9. Prevención de la posible actuación repentina de Gatekeeper
  7. Maquetación y diseño
    1. Usar ayudas visuales al diseñar
    2. Información sobre el uso de CSS para diseñar la página
    3. Diseño de sitios web interactivos con Bootstrap
    4. Creación y uso de consultas de medios en Dreamweaver
    5. Presentación de contenido en tablas
    6. Colores
    7. Diseño interactivo mediante diseños de cuadrícula fluida
    8. Extract en Dreamweaver
  8. CSS
    1. Aspectos básicos de las hojas de estilos en cascada
    2. Diseño de páginas con el Diseñador de CSS
    3. Uso de preprocesadores de CSS en Dreamweaver
    4. Configuración de las preferencias de estilos CSS en Dreamweaver
    5. Mover reglas CSS en Dreamweaver
    6. Conversión de CSS en línea en una regla CSS en Dreamweaver
    7. Uso de etiquetas div
    8. Aplicación de degradados al fondo
    9. Creación y edición de efectos de transición de CSS3 en Dreamweaver
    10. Formatear código
  9. Contenido de página y activos
    1. Definición de las propiedades de la página
    2. Configuración de propiedades de encabezado CSS y propiedades de vínculo CSS
    3. Uso de texto
    4. Buscar y reemplazar texto, etiquetas y atributos
    5. Panel DOM
    6. Editar en la Vista en vivo
    7. Codificación de documentos en Dreamweaver
    8. Selección y visualización de elementos de la ventana de documento
    9. Configuración de las propiedades de texto en el inspector de propiedades
    10. Revisión ortográfica de una página web
    11. Uso de las reglas horizontales en Dreamweaver
    12. Añadir y modificar combinaciones de fuentes en Dreamweaver.
    13. Trabajo con activos
    14. Inserción y actualización de fechas en Dreamweaver
    15. Creación y gestión de activos favoritos en Dreamweaver
    16. Insertar y editar imágenes en Dreamweaver
    17. Adición de objetos multimedia
    18. Adición de vídeos en Dreamweaver
    19. Insertar vídeo HTML5
    20. Insertar archivos SWF
    21. Adición de efectos de sonido
    22. Insertar audio HTML5 en Dreamweaver
    23. Trabajar con elementos de bibliotecas
    24. Uso de texto árabe y hebreo en Dreamweaver
  10. Establecimiento de vínculos y navegación
    1. Acerca del establecimiento de vínculos y la navegación
    2. Vinculación
    3. Mapas de imágenes
    4. Vínculos de solución de problemas
  11. Widgets y efectos de jQuery
    1. Uso de interfaz de usuario y widgets móviles de jQuery en Dreamweaver
    2. Uso de efectos jQuery en Dreamweaver
  12. Programación de sitios web
    1. Acerca de la programación en Dreamweaver
    2. Entorno de programación en Dreamweaver
    3. Configuración de las preferencias de programación
    4. Personalización de los colores del código
    5. Escritura y edición de código
    6. Sugerencias de código y completado de código
    7. Contraer y expandir código
    8. Reutilizar código con fragmentos
    9. Depuración de código mediante linting
    10. Optimización del código
    11. Edición de código en Vista de diseño
    12. Trabajo con el contenido de Head para páginas
    13. Inserción del lado del servidor incluida en Dreamweaver
    14. Uso de bibliotecas de etiquetas en Dreamweaver
    15. Importación de etiquetas personalizadas a Dreamweaver
    16. Uso de comportamientos de JavaScript (instrucciones generales)
    17. Aplicación de comportamientos JavaScript incorporados
    18. Acerca de XML y XSLT
    19. Realización de transformaciones XSL del lado del servidor en Dreamweaver
    20. Realización de transformaciones XSL en el lado del cliente en Dreamweaver
    21. Adición de entidades de caracteres para XSLT en Dreamweaver
    22. Formatear código
  13. Flujos de trabajo de varios productos
    1. Instalación y uso de extensiones para Dreamweaver
    2. Actualizaciones integradas en Dreamweaver
    3. Insertar documentos de Microsoft Office en Dreamweaver (solo Windows)
    4. Trabajo con Fireworks y Dreamweaver
    5. Edición de contenido en sitios de Dreamweaver con Contribute
    6. Integración de Dreamweaver Business Catalyst
    7. Crear campañas de correo electrónico personalizado
  14. Plantillas
    1. Acerca de las plantillas de Dreamweaver
    2. Reconocimiento de plantillas y documentos basados en plantillas
    3. Crear una plantilla de Dreamweaver
    4. Crear regiones editables en plantillas
    5. Creación de tablas y regiones repetidas en Dreamweaver
    6. Usar regiones opcionales en plantillas
    7. Definición de atributos de etiqueta editables en Dreamweaver
    8. Creación de plantillas anidadas en Dreamweaver
    9. Edición, actualización y eliminación de plantillas
    10. Exportar e importar contenido xml en Dreamweaver
    11. Aplicación o eliminación de una plantilla de un documento existente
    12. Edición de contenido en plantillas de Dreamweaver
    13. Reglas de sintaxis de etiquetas de plantilla en Dreamweaver
    14. Configuración de preferencias de resaltado en regiones de plantillas
    15. Ventajas de usar plantillas en Dreamweaver
  15. Móvil y multipantalla
    1. Creación de consultas de medios
    2. Cambio de la orientación de página para dispositivos móviles
    3. Creación de aplicaciones web para dispositivos móviles con Dreamweaver
  16. Sitios, páginas y formularios web dinámicos
    1. Aspectos básicos de las aplicaciones web
    2. Configuración del ordenador para desarrollo de aplicaciones
    3. Solución de problemas de conexiones a bases de datos
    4. Eliminación de secuencias de comandos de conexión en Dreamweaver
    5. Diseñar páginas dinámicas
    6. Introducción a las fuentes de contenido dinámico
    7. Definir fuentes de contenido dinámico
    8. Añadir contenido dinámico a las páginas
    9. Cambio de contenido dinámico en Dreamweaver
    10. Visualización de registros de bases de datos
    11. Proporcionar datos en vivo y solucionar sus problemas en Dreamweaver
    12. Añadir comportamientos de servidor personalizados en Dreamweaver
    13. Crear formularios con Dreamweaver
    14. Uso de formularios para recopilar información de los usuarios
    15. Crear y activar formularios de ColdFusion en Dreamweaver
    16. Crear formularios web
    17. Compatibilidad mejorada con HTML5 para elementos de formulario
    18. Desarrollar un formulario con Dreamweaver
  17. Creación visual de aplicaciones
    1. Creación de las páginas maestra y de detalles en Dreamweaver
    2. Crear páginas de búsqueda y resultados
    3. Crear una página de inserción de registros
    4. Crear una página de actualización de registros en Dreamweaver
    5. Creación de páginas de eliminación de registros en Dreamweaver
    6. Usar comandos ASP para modificar una base de datos en Dreamweaver
    7. Crear una página de registro
    8. Crear una página de inicio de sesión
    9. Creación de una página para acceso exclusivo de usuarios autorizados
    10. Protección de carpetas en ColdFusion con Dreamweaver
    11. Uso de componentes de ColdFusion en Dreamweaver
  18. Prueba, vista previa y publicación de sitios web
    1. Vista previa de páginas
    2. Vista previa de páginas web de Dreamweaver en varios dispositivos
    3. Comprobación del sitio de Dreamweaver
  19. Solución de problemas
    1. Problemas resueltos
    2. Problemas conocidos

 

 

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:

Tecnología de servidor

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)

Nota:

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.

Obtén ayuda de forma más rápida y sencilla

¿Nuevo usuario?