- 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 la guía de procedimiento para la comprobación del sitio y use informes para probar el sitio de Dreamweaver antes de cargar el sitio.
Procedimiento para la comprobación del sitio
Antes de cargar el sitio en un servidor y dejarlo listo para visitas, conviene comprobarlo de forma local (en realidad, lo ideal es comprobar frecuentemente el sitio a medida que se crea para detectar y solucionar los problemas cuanto antes y así evitar que se repitan).
Deberá asegurarse de que las páginas tienen la apariencia y el funcionamiento esperado en los navegadores de destino, de que no hay vínculos rotos y de que las páginas no tardan demasiado en cargarse. También puede comprobar todo el sitio y solucionar los problemas ejecutando un informe del sitio.
La guía siguiente le ayudará a hacer más sencilla la visita al sitio:
Compruebe que las páginas funcionan en los navegadores de destino.
Las páginas deberán ser legibles y funcionales en los navegadores que no admiten estilos, capas, complementos o JavaScript. Si las páginas presentan un funcionamiento muy deficiente en navegadores antiguos, puede utilizar la acción Comprobar navegador para remitir automáticamente a los visitantes a otra página.
Acceda a una vista previa de las páginas en diferentes navegadores y plataformas.
De este modo podrá observar las diferencias en diseño, color, tamaño de fuentes y tamaño predeterminado de la ventana del navegador, diferencias que no podrá detectar en una revisión con un navegador de destino.
Compruebe si hay vínculos rotos en el sitio y repárelos.
Otros sitios también sufren cambios de diseño y organización, por lo que es posible que se hayan movido o borrado las páginas con las que se han creado vínculos. Puede ejecutar un informe de comprobación para verificar los vínculos.
Vigile el tamaño de archivo de las páginas y el tiempo que tardan en descargarse.
Recuerde que si una página se compone de una tabla grande, en algunos navegadores los visitantes no verán nada hasta que termine de cargarse toda la tabla. Puede resultar conveniente dividir las tablas grandes. Si no es posible, puede colocar algo de contenido, como un mensaje de bienvenida o un rótulo publicitario, fuera de la tabla, en la parte superior de la página, de modo que los usuarios puedan verlo mientras se descarga la tabla.
Genere varios informes del sitio para comprobar su funcionamiento y solucionar los problemas.
Puede comprobar todo el sitio para detectar problemas como documentos sin título, etiquetas vacías y etiquetas anidadas repetidas.
Valide el código para localizar errores en las etiquetas o la sintaxis del código.
Actualice y mantenga el sitio después de su publicación.
La publicación del sitio (es decir, su activación) puede llevarse a cabo de distintas formas y es un proceso continuo. Una parte importante del proceso consiste en definir e implementar un sistema de control de versiones, ya sea con las herramientas incluidas en Dreamweaver o mediante otra aplicación de control de versiones externa.
Recurra a los foros de debate.
Los foros de debate de Dreamweaver se encuentran en el sitio web de Adobe www.adobe.com/go/dreamweaver_newsgroup.
Los foros son una importante fuente de recursos en la que, por ejemplo, podrá obtener información sobre los distintos navegadores y plataformas. También podrá intercambiar ideas sobre aspectos técnicos y compartir consejos con otros usuarios de Dreamweaver.
Para ver un tutorial sobre la solución de problemas de publicación, consulte www.adobe.com/go/vid0164_es.
Usar informes para comprobar un sitio
Puede generar informes del sitio sobre flujos de trabajo o atributos HTML. También puede utilizar el comando Informes para comprobar los vínculos del sitio.
Los informes de flujo de trabajo pueden mejorar la colaboración entre los miembros de un equipo web. Puede generar informes de flujo de trabajo donde figure la persona que ha protegido un archivo, los archivos que Design Notes ha asociado a dichos informes y los archivos que se han modificado recientemente. Puede generar informes de Design Notes más precisos indicando los parámetros de nombre/valor correspondientes.
Debe haber elegido una conexión con el sitio remoto para ejecutar informes de flujo de trabajo.
Los informes HTML permiten compilar y generar informes para varios atributos HTML. Puede comprobar las etiquetas de fuentes anidadas combinables, el texto alternativo que falta, las etiquetas anidadas superfluas, las etiquetas vacías que pueden borrarse y los documentos sin título.
Después de ejecutar un informe, puede guardarlo como archivo XML y, posteriormente, importarlo a una instancia de plantilla, una base de datos o una hoja de cálculo e imprimirlo o mostrarlo en un sitio web.
También puede añadir distintos tipos de informes a Dreamweaver a través del sitio web de Adobe Dreamweaver Exchange.
Ejecución de informes para probar un sitio
-
Seleccione Sitio > Informes.
-
Seleccione el elemento del cual desea elaborar el informe en el menú emergente Informe sobre y elija el tipo de informe que deba generarse (flujo de trabajo o HTML).
No podrá ejecutar un informe de Archivos seleccionados del sitio a menos que haya seleccionado previamente los archivos en el panel Archivos.
-
Si selecciona un informe de flujo de trabajo, haga clic en Configuración de informe. De lo contrario, sáltese este paso.Nota:
Si ha seleccionado más de un informe de flujo de trabajo, debe hacer clic en el botón Configuración de informe para cada informe. Seleccione un informe, haga clic en Configuración de informe e introduzca los ajustes. A continuación, repita el proceso para los demás informes de flujo de trabajo.
Protegido por
Crea un informe que incluye todos los documentos protegidos por un miembro del equipo. Introduzca el nombre de un miembro del equipo y, a continuación, haga clic en Aceptar para volver al cuadro de diálogo Informes.
Design Notes
Crea un informe que incluye todas las Design Notes para los documentos seleccionados o para el sitio. Introduzca uno o varios pares de nombre y valor y, a continuación, seleccione valores de comparación en los correspondientes menús emergentes. Haga clic en Aceptar para regresar al cuadro de diálogo Informes.
Modificado recientemente
Crea un informe que incluye los archivos que se han modificado durante un intervalo de tiempo específico. Introduzca los rangos de fechas y la ubicación de los archivos que desea ver.
-
Si ha seleccionado un informe de HTML, elija uno de los siguientes informes:
Etiquetas de fuentes anidadas combinables
Crea un informe que incluye todas las etiquetas de fuentes anidadas que se pueden combinar para limpiar el código.
Por ejemplo, <font color="#FF0000"><font size="4">STOP!</font></font>.
No hay texto alt
Crea un informe con todas las etiquetas img que carecen de texto alternativo.
El texto alternativo aparece en lugar de las imágenes en los navegadores que solo admiten texto o en aquellos configurados para descargar las imágenes manualmente. Los lectores de pantalla leen el texto alternativo y algunos navegadores muestran este texto cuando el usuario se desplaza sobre la imagen.
Etiquetas anidadas repetidas
Crea un informe en el que se detallan las etiquetas anidadas que deben eliminarse.
Por ejemplo, <i> The rain <i> in</i> Spain stays mainly in the plain</i> aparece en el informe.
Etiquetas vacías que pueden borrarse
Crea un informe en el que se detallan todas las etiquetas vacías que pueden borrarse para limpiar el código HTML.
Por ejemplo, es posible que usted haya borrado un elemento o una imagen en la Vista de código y mantenga las etiquetas correspondientes a dicho elemento.
Documentos sin título
Crea un informe con todos los documentos sin título conforme a los parámetros seleccionados. Dreamweaver incluye en el informe todos los documentos con títulos predeterminados, varias etiquetas title o etiquetas title no disponibles.
-
Haga clic en Ejecutar para crear el informe.
En función del tipo de informe que ejecute, es posible que se le solicite que guarde el archivo, defina el sitio o seleccione una carpeta (si todavía no ha seleccionado ninguna).
Aparecerá una lista de resultados en el panel Informes de sitios (en el grupo de paneles Resultados).
Utilizar y guardar un informe
-
Ejecute un informe (consulte el procedimiento anterior).
-
En el panel Informes de sitios, siga uno de estos procedimientos para visualizar el informe:
Haga clic en el encabezado de columna según el cual desea ordenar los resultados.
Puede ordenarlos por nombre de archivo, número de línea o descripción. También puede ejecutar varios informes y mantenerlos abiertos.
Seleccione cualquier línea del informe y, a continuación, haga clic en el botón Más info. en la parte izquierda del panel Informes de sitios para ver una descripción del problema.
Haga doble clic en cualquier línea del informe para visualizar el código correspondiente en la ventana de documento.
Nota:Si está en la vista Diseño, en Dreamweaver la pantalla pasará a la vista dividida para que se vea el problema detectado en el código.
-
Haga clic en Guardar informe para guardar el informe.
Al guardar un informe, puede importarlo en un archivo de plantilla existente. Tras esto, podrá importar el archivo de plantilla en una base de datos u hoja de cálculo para imprimirlo o utilizar el archivo para mostrar el informe en un sitio web.
Nota:Después de ejecutar los informes HTML, utilice el comando Limpiar HTML para corregir los errores HTML notificados en los informes.
Temas similares
- Reparación de vínculos rotos
- Comprobación de vínculos en Dreamweaver
- Aplicación del comportamiento Comprobar navegador
- Validación de documentos XML
- Comprobación de la compatibilidad con los navegadores
- Tutorial sobre la solución de problemas de publicación
- Informes en Dreamweaver
- Adición y administración de extensiones en Dreamweaver