PDF (adobe.com)

Inserción de código con la barra de herramientas Codificación

  1. Asegúrese que está en la vista Código (Ver > Código).
  2. Sitúe el punto de inserción en el código o seleccione un bloque de código.
  3. Haga clic en un botón de la barra de herramientas Codificación o seleccione un elemento de un menú emergente de la barra de herramientas.

    Para averiguar la función de cada botón, sitúe el puntero sobre él para que aparezca una descripción de la herramienta. La barra de herramientas Codificación muestra de forma predeterminada los botones siguientes:

    Abrir documentos
    Muestra los documentos abiertos. Al seleccionar uno, éste se muestra en la ventana de documento.

    Mostrar navegador de código
    Muestra el navegador de código. Para más información, consulte Navegación al código relacionado.

    Contraer etiqueta completa
    Contrae el contenido situado entre un conjunto de etiquetas inicial y final (por ejemplo, el contenido situado entre <table> y </table>). Debe situar el punto de inserción en la etiqueta inicial o final y luego hacer clic en el botón Contraer etiqueta completa para contraer la etiqueta.
    También puede contraer el código situado fuera de una etiqueta completa situando el punto de inserción dentro de una etiqueta inicial o final, manteniendo presionada la tecla Alt y haciendo clic (Windows) o manteniendo presionada la tecla Opción y haciendo clic (Macintosh) en el botón Contraer etiqueta completa. Asimismo, al mantener presionada la tecla Control mientras se presiona este botón, se desactiva la “contracción inteligente”, por lo que Dreamweaver no ajusta el contenido que contrae fuera de las etiquetas completas. Para más información, consulte Acerca de la contracción del código.

    Contraer selección
    Contrae el código seleccionado.
    También puede contraer el código situado fuera de una selección manteniendo la tecla Alt presionada y haciendo clic (Windows) o manteniendo la tecla Opción presionada y haciendo clic (Macintosh) en el botón Contraer selección. Asimismo, al mantener presionada la tecla Control mientras se presiona este botón, se desactiva la contracción inteligente, lo que le permite contraer exactamente lo que ha seleccionado sin ninguna manipulación por parte de Dreamweaver. Para más información, consulte Acerca de la contracción del código.

    Expandir todo
    Restaura todo el código contraído.

    Seleccionar etiqueta padre
    Selecciona el contenido y las etiquetas inicial y final circundantes de la línea en la que ha situado el punto de inserción. Si hace clic repetidamente en este botón y las etiquetas están equilibradas, Dreamweaver seleccionará las etiquetas html y /html más externas.

    Equilibrar llaves
    Selecciona el contenido y los paréntesis, llaves o corchetes inicial y final de la línea en la que ha situado el punto de inserción. Si hace clic repetidas veces en este botón y los símbolos están equilibrados, Dreamweaver seleccionará en último término las llaves, los paréntesis o los corchetes más externos del documento.

    Números de línea
    Le permite ocultar o mostrar números al comienzo de cada línea de código.

    Resaltar código no válido
    Resalta el código no válido en amarillo.

    Alertas de errores de sintaxis en la barra de información
    Activa o desactiva una barra de información en la parte superior de la página que le avisa de la existencia de errores de sintaxis. Cuando Dreamweaver detecta un error de sintaxis, la barra de información de errores de sintaxis especifica la línea del código en la que se encuentra el error. Además, Dreamweaver resalta el número de línea del error en la parte izquierda del documento en la vista Código. La barra de información está activada de manera predeterminada, pero sólo aparece cuando Dreamweaver detecta errores de sintaxis en la página.

    Aplicar comentario
    Le permite incluir etiquetas de comentario alrededor del código seleccionado o abrir etiquetas de comentario nuevas.

    • Aplicar comentario HTML envuelve el código seleccionado con <!-- y --!>, o abre una nueva etiqueta si no hay código seleccionado.

    • Aplicar comentario // inserta // al comienzo de cada línea del código CSS o JavaScript seleccionado o inserta una sola etiqueta // si no hay código seleccionado.

    • Aplicar comentario /* */ envuelve el código CSS o JavaScript seleccionado con /* y */.

    • Aplicar comentario ' se utiliza en el código de Visual Basic. Inserta una comilla simple al comienzo de cada línea de script Visual Basic o inserta una comilla simple en el punto de inserción si no hay código seleccionado.

    • Cuando esté trabajando en un archivo ASP, ASP.NET, JSP, PHP o ColdFusion y seleccione la opción Aplicar comentario de servidor, Dreamweaver detectará automáticamente la etiqueta de comentario correcta y la aplicará a la selección.

    Quitar comentario
    Elimina las etiquetas de comentario del código seleccionado. Si una selección contiene comentarios anidados, sólo se eliminarán las etiquetas de comentario externas.

    Ajustar etiqueta
    Ajusta al código seleccionado la etiqueta seleccionada de Quick Tag Editor.

    Fragmentos recientes
    Le permite insertar un fragmento de código utilizado recientemente del panel Fragmentos. Para más información, consulte Utilización de fragmentos de código.

    Mover o convertir CSS
    Le permite mover CSS a otra ubicación o convertir CSS en línea en reglas CSS. Para más información, consulte Desplazamiento de reglas CSS y Conversión de CSS en línea en una regla CSS.

    Aplicar sangría al código
    Desplaza la selección a la derecha.

    Anular sangría de código
    Desplaza la selección a la izquierda.

    Formatear código fuente
    Aplica los formatos de código previamente especificados al código seleccionado o a toda la página si no hay código seleccionado. También puede definir rápidamente las preferencias de formato de código seleccionando Configuración de formato de código en el botón Aplicar formato de origen, o editar las bibliotecas de etiquetas mediante el comando Edición > Bibliotecas de etiquetas.

    El número de botones disponibles en la barra de herramientas Codificación depende del tamaño de la vista Código en la ventana de documento. Para ver todos los botones disponibles, puede cambiar el tamaño de la ventana de la vista Código o hacer clic en el botón de flecha de ampliación situado en la parte inferior de la barra de herramientas Codificación.

    También puede modificar la barra de herramientas Codificación para que muestre más botones (como Ajustar texto, Caracteres ocultos y Sangría automática) u ocultar botones que no desea utilizar. Para ello, no obstante, deberá editar el archivo XML que genera la barra de herramientas. Para más información, consulte Ampliación de Dreamweaver.

    Nota: La opción para ver los caracteres ocultos (no es un botón predeterminado de la barra de herramientas de codificación) está disponible en el menú Ver (Ver > Opciones de vista de Código > Caracteres ocultos).