Guía del usuario Cancelar

Optimización del código

Buscar

Última actualización el 10 mar. 2023

Obtenga más información sobre cómo limpiar el código en Dreamweaver, comprobar la compatibilidad con navegadores, validar los documentos XML y crear páginas compatibles con XHTML.

Limpieza del código

Se pueden eliminar automáticamente las etiquetas vacías, combinar etiquetas font anidadas y, en general, mejorar el código HTML o XHTML desordenado o ilegible.

Para obtener información sobre cómo limpiar HTML generado a partir de un documento de Microsoft Word, consulte Abrir y editar documentos existentes.

En un documento abierto, Seleccione Herramientas > Limpiar HTML.
En el cuadro de diálogo que aparece, seleccione las opciones deseadas y haga clic en Aceptar.

Nota:

Según el tamaño del documento y el número de opciones seleccionadas, la operación de limpieza puede tardar varios segundos en realizarse.

Eliminar Etiquetas contenedoras vacías

Elimina las etiquetas que carecen de contenido. Por ejemplo, las etiquetas y están vacías, pero la etiqueta en texto no lo está.

Eliminar Etiquetas anidadas repetidas

Elimina todas las repeticiones de una etiqueta. Por ejemplo, en el código Esto es lo que realmente quería decir, las etiquetas b que delimitan la palabra realmente son redundantes y se eliminarían.

Eliminar comentarios HTML ajenos a Dreamweaver

Elimina todos los comentarios que Dreamweaver no haya insertado. Por ejemplo, <!‑‑begin body text--> se eliminaría, pero no <!‑‑TemplateBeginEditable name="doctitle"‑‑>, ya que se trata de un comentario de Dreamweaver que marca el comienzo de una región editable en la plantilla.

Eliminar Formato especial de Dreamweaver

Elimina comentarios que Dreamweaver añade al código para permitir que los documentos cambien automáticamente cuando se actualizan las plantillas y los elementos de biblioteca. Si selecciona esta opción al limpiar el código en un documento creado a partir de una plantilla, el documento se separará de la plantilla. Para obtener más información, consulte Separación de un documento de una plantilla.

Eliminar etiqueta(s) específica(s)

Elimina las etiquetas especificadas en el cuadro de texto contiguo. Utilice esta opción para eliminar etiquetas personalizadas insertadas por otros editores visuales y otras etiquetas que no desea que aparezcan en el sitio (por ejemplo, blink). Separe las distintas etiquetas mediante comas (por ejemplo, font,blink).

Combinar etiquetas de anidadas cuando sea posible

Consolida dos o más etiquetas font cuando controlan el mismo rango de texto. Por ejemplo, rojo grande cambiaría por rojo grande.

Mostrar registro al terminar

Se abre un cuadro de alerta con detalles acerca de los cambios realizados en el documento inmediatamente después de concluir la limpieza.

Verificación de que las etiquetas y llaves están equilibradas

Puede realizar una comprobación para asegurarse de que las etiquetas, paréntesis (()), llaves ({ }) y corchetes ([ ]) de la página estén equilibrados. Equilibrados significa que todos los paréntesis, etiquetas, llaves y corchetes de apertura tienen uno de cierre y viceversa.

Comprobación de que las etiquetas están equilibradas

Abra el documento en la Vista de código.
Sitúe el punto de inserción en el código anidado que desea comprobar.
Seleccione Edición > Seleccionar etiqueta principal.

Se resaltarán las etiquetas de apertura y cierre (y su contenido) en el código. Si elige Edición > Seleccionar etiqueta principal y las etiquetas están equilibradas, Dreamweaver seleccionará las etiquetas html y /html más externas.

Comprobar que los paréntesis, llaves y corchetes estén equilibrados

Abra el documento en la Vista de código.
Sitúe el punto de inserción en el código que desea comprobar.
Seleccione Edición > Código > Equilibrar llaves.

Se seleccionará todo el código comprendido entre los paréntesis, llaves y corchetes. Si se vuelve a elegir Edición > Código > Equilibrar llaves, se seleccionará todo el código comprendido dentro de los paréntesis, llaves y corchetes que encierran la nueva selección.

Comprobar la compatibilidad con los navegadores

La función Comprobar compatibilidad con navegadores (BCC) le permite ubicar combinaciones de código HTML y CSS que pueden provocar problemas en determinados navegadores. Esta función también comprueba el código de los documentos para identificar cualquier propiedad o valor CSS que no sea compatible con los navegadores de destino.

Validar documentos XML

Puede ajustar las preferencias del validador, los problemas específicos que debe comprobar el validador y los tipos de errores de los que debe informar el validador.

Siga uno de estos procedimientos:
- En el caso de un archivo XML o XHTML, seleccione Archivo > Validar > Como XML.
- En la pestaña Validación del panel Resultados aparecerá el mensaje “No se han encontrado errores ni advertencias” o una lista de los errores de sintaxis encontrados.
Haga doble clic en un mensaje de error para seleccionar el error en el documento.
Para guardar el informe como un archivo XML, haga clic en el botón Guardar informe.
Para ver el informe en su navegador principal (así podrá imprimir el informe), haga clic en el botón Examinar informe.

Validación de documentos con el validador de W3C

Dreamweaver le ayuda a crear páginas web compatibles con estándares gracias a su compatibilidad incorporada con el validador de W3C. El validador de W3C valida el cumplimiento de los estándares HTML, XHTML o XML en los documentos HTML y XML. Puede validar documentos abiertos y archivos publicados en un servidor en vivo.

Utilice el informe que se genera tras la validación para corregir los errores existentes en el archivo.

Nota:

En las preferencias de Dreamweaver, puede especificar el analizador sintáctico que desea utilizar para validar sus documentos. Esta especificación se utiliza como configuración alternativa para los casos en los que no se pueda detectar el tipo de documento (DOCTYPE) automáticamente.

Validación de un documento abierto

Para abrir el panel Validación, seleccione Ventana > Resultados > Validación. Este panel muestra los resultados de la validación.
Seleccione Archivo > Validar > Documento actual (W3C).

Validar un documento en vivo

En el caso de los documentos en vivo, Dreamweaver valida el código recibido por el navegador. Este código se muestra al hacer clic con el botón derecho del ratón en el navegador y elegir la opción para ver el código fuente. La validación de documentos en vivo es especialmente útil cuando se validan páginas dinámicas con PHP, JSP, etc.

La opción Validar documento en vivo solo se activa cuando la URL de la página que se está validando comienza por http.

Para abrir el panel Validación, seleccione Ventana > Resultados > Validación. Este panel muestra los resultados de la validación.
Haga clic en Vista en vivo.
Seleccione Archivo > Validar > Validar documento en vivo (W3C).

En los documentos en vivo, cuando se hace doble clic en un error en el panel de validación W3C, se abre una ventana independiente. En esta ventana figurará el código generado por el navegador y se resaltará la línea que contiene el error.

Personalización de la configuración de validación

Para abrir el panel Validación, seleccione Ventana > Resultados > Validación.
En el panel Validación W3C, haga clic en el icono de Validación W3C (reproducción). Seleccione Configuración.
Seleccione un DOCTYPE para la validación si no se ha especificado un DOCTYPE explícitamente para el documento.
Si no desea que aparezcan errores y advertencias, borre las opciones.
Haga clic en Administrar si desea eliminar las advertencias o errores que haya ocultado mediante el panel Validación W3C. Cuando quite los errores y advertencias, estos no aparecerán al seleccionar Mostrar todo en el panel Validación W3C.
Seleccione No mostrar el cuadro de diálogo de notificación del validador de W3C si no desea que el cuadro de diálogo de notificación del validador de W3C se abra al comenzar la validación.

Uso de informes de validación

Tras la validación, los informes de validación aparecen en el panel Validación W3C.

Para obtener más información sobre el error o advertencia, seleccione el error/advertencia en el panel Validación W3C. Haga clic en Más información.
Para guardar el informe como un archivo XML, haga clic Guardar informe.
Para ver el informe completo en HTML, haga clic en Examinar informe. En el informe HTML se recoge la lista completa de los errores y advertencias junto con un resumen.
Para saltar a la ubicación del código que contiene el error, seleccione el error en el panel Validación W3C. Haga clic en el botón Opciones y seleccione Ir a línea.
Para ocultar los errores y las advertencias, seleccione el error o la advertencia en cuestión. Haga clic en el botón Opciones y seleccione Ocultar error.
Para ver todos los errores y advertencias, incluidos los errores ocultos, haga clic en el botón Opciones. Seleccione Mostrar todo. Los errores y advertencias ocultos que haya eliminado en el cuadro de diálogo Preferencias no se incluirán.
Para borrar todos los resultados del panel Validación W3C, haga clic en el botón Opciones. Seleccione Borrar resultados.

Configuración de las preferencias del validador

Además del validador estándar de W3C, Dreamweaver es compatible con validadores de código externos que instale como extensiones. Cuando instale una extensión de validador externo, en Dreamweaver aparecerán sus preferencias en la categoría Validador de W3C del cuadro de diálogo Preferencias.

Seleccione Edición > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).
Seleccione Validador de W3C en la lista Categoría de la izquierda.
Seleccione las bibliotecas de etiquetas que desea utilizar para la validación.

No puede seleccionar varias versiones de la misma biblioteca de etiquetas y del mismo idioma. Por ejemplo, si selecciona HTML 4.01, no podrá seleccionar también HTML 5. Seleccione la versión más antigua con la que desee realizar la validación. Por ejemplo, si un documento contiene código HTML 4.01 válido, el código HTML 5 también será válido.
Seleccione las opciones de visualización de los tipos de errores y advertencias que desea que se incluyan en el informe del validador.
Haga clic en Aplicar para aplicar los cambios y, a continuación, haga clic en Cerrar para cerrar el cuadro de diálogo Preferencias.

Crear páginas compatibles con XHTML

Cuando crea una página, puede hacer que sea compatible con XHTML. También puede hacer que un documento HTML existente sea compatible con XHTML.

Creación de documentos compatibles con XHTML

Seleccione Archivo > Nuevo.
Seleccione la categoría y el tipo de página que vaya a crear.
Seleccione una de las definiciones de tipo de documento XHTML (DTD) en el menú emergente DocType que aparece a la derecha del cuadro de diálogo y haga clic en Crear.

Por ejemplo, puede hacer que un documento HTML sea compatible con XHTML seleccionando XHTML 1.0 de transición o XHTML 1.0 estricto en el menú emergente.

Nota:

No todas las clases de documentos pueden hacerse compatibles con XHTML.

Crear documentos compatibles con XHTML de forma predeterminada

Seleccione Edición > Preferencias o Dreamweaver > Preferencias (macOS X) y elija la categoría Nuevo documento.
Seleccione un documento predeterminado, elija una de las definiciones de tipo de documento XHTML en el menú emergente Tipo de documento predeterminado (DTD) y haga clic en Aceptar.

Por ejemplo, puede hacer que un documento HTML sea compatible con XHTML seleccionando XHTML 1.0 de transición o XHTML 1.0 estricto en el menú emergente.

Crear un documento compatible con XHTML a partir de un documento HTML

Abra un documento y siga uno de estos procedimientos:
- En el caso de documentos sin marcos, seleccione Archivo > Convertir y, a continuación, elija una de las definiciones de tipo de documento XHTML.
  Por ejemplo, puede hacer que un documento HTML sea compatible con XHTML seleccionando XHTML 1.0 de transición o XHTML 1.0 estricto en el menú emergente.
- En el caso de documentos con marcos, seleccione un marco y, después, seleccione Archivo > Convertir. A continuación, seleccione una de las definiciones de tipo de documento XHTML.
Para convertir todo el documento, repite este paso con todos los marcos y con el documento de conjunto de marcos.