Guía del usuario Cancelar

Comprobación del sitio de Dreamweaver

  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 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.

Nota:

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.

Nota:

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

  1. Seleccione Sitio > Informes.
  2. 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.

  3. 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.

  4. 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.

  5. 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

  1. Ejecute un informe (consulte el procedimiento anterior).
  2. 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.

  3. 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.

 Adobe

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

¿Nuevo usuario?