Configuración de las preferencias de programación

Seleccione Ver > Opciones de Vista de código.

Ajuste el código para poder verlo sin necesidad de desplazarse horizontalmente. Esta opción no inserta saltos de línea, pero facilita la lectura del código.

Muestra números de línea al lado del código.

Muestra caracteres especiales en lugar de espacios en blanco. Por ejemplo, un punto sustituye a cada espacio, dos paréntesis angulares sustituyen a cada tabulador y un marcador de párrafo sustituye a cada salto de línea.

Activa o desactiva los colores del código. Para información sobre cómo cambiar la combinación de colores, consulte Definición de los colores del código.

Aplica automáticamente sangría al código cuando pulsa Intro mientras escribe el código. La nueva línea de código aplica sangría al mismo nivel que la línea anterior. Para información sobre cómo cambiar el espaciado de la sangría, consulte la opción Tamaño de tabulación en Cambio del formato del código.

Indica si debe o no aplicarse sangría en el código generado por Dreamweaver (según las reglas de sangría especificadas en estas preferencias).

(Cuadro de texto y menú emergente) Especifica cuántos espacios o tabulaciones debe utilizar Dreamweaver para aplicar sangría al código que genera. Por ejemplo, si escribe 3 en el cuadro y selecciona Tabulaciones en el menú emergente, se aplicará sangría al código generado por Dreamweaver utilizando tres caracteres de tabulación para cada nivel de sangrado.

Determina el ancho, en caracteres, de cada espacio de tabulación en la Vista de código. Por ejemplo, si el Tamaño de tabulación se define en 4, cada tabulación aparecerá en la Vista de código como un espacio en blanco correspondiente al ancho de cuatro caracteres. Si, además, el valor de Tamaño de tabulación se define en 3, en el código generado por Dreamweaver se aplicará una sangría utilizando tres caracteres de tabulación para cada nivel de sangría, que aparecerá en Vista de código como un espacio en blanco correspondiente al ancho de doce caracteres.

Seleccione esta opción si va a utilizar abreviaturas de Emmet al programar. Al seleccionar esta opción se garantiza que, al pulsar el tabulador, Dreamweaver convertirá la abreviatura de Emmet en código completo HTML o CSS. Para obtener más información sobre cómo usar Emmet, consulte Uso del kit de herramientas de Emmet con Dreamweaver.

Especifica el tipo de servidor remoto (Windows, Macintosh o UNIX) que aloja el sitio remoto. La elección del tipo adecuado de caracteres para salto de línea garantiza que el código fuente HTML aparezca de forma correcta en el servidor remoto. Esta opción también resulta útil si trabaja con un editor de texto externo que solo reconoce determinados tipos de saltos de línea. Por ejemplo, utilice CR LF (Windows) si su editor externo es el Bloc de notas y CR (Macintosh) si su editor externo es SimpleText.

Resuelve un problema de visualización que se produce en algunos navegadores antiguos cuando hay espacio en blanco o saltos de línea después de una etiqueta <td> o justo delante de una etiqueta </td>. Al seleccionar esta opción, Dreamweaver no escribe saltos de línea después de una etiqueta <td> ni delante de una etiqueta </td> aunque el formato de la Biblioteca de etiquetas indique que el salto de línea debe ir en dicho lugar.

Le permite establecer opciones de formato para etiquetas y atributos individuales en el editor de la biblioteca de etiquetas.

(Solo en la versión en japonés) Permite seleccionar “&nbsp;” o Zenkaku para el código HTML. El espacio en blanco seleccionado en esta opción se utiliza para las etiquetas vacías al crear una tabla y cuando la opción “Permitir múltiples espacios consecutivos” está activada en las páginas con codificación japonesa.

El tamaño de plegado predeterminado es de dos líneas. Con este ajuste predeterminado, podrán contraerse todos los fragmentos de código que tengan al menos dos líneas de código. Los fragmentos de código que tengan menos de dos líneas se pueden contraer únicamente seleccionando el código. Para obtener más información sobre el plegado de código, consulte Contracción y expansión del código.

Reescribe las etiquetas solapadas. Por ejemplo, <b><i>texto</b></i> se reescribe como <b><i>texto</i></b>. Esta opción también inserta comillas y paréntesis angulares de cierre en el caso de que no estén presentes.

Comprueba que no haya nombres repetidos en los objetos de formulario. Esta opción se activa de forma predeterminada.

Elimina las etiquetas de cierre para las que no existe la correspondiente etiqueta de apertura.

Muestra un resumen del código HTML técnicamente no válido que Dreamweaver ha intentado corregir. En dicho resumen se indica la ubicación del problema (a través de números de línea y de columna) para que pueda localizar la corrección y asegurarse de que el resultado es el que desea.

Permite impedir que Dreamweaver reescriba código en archivos con las extensiones de nombre de archivo especificadas. Esta opción resulta especialmente útil para archivos que contengan otro tipo de etiquetas.

Garantiza que los valores de atributo que especifique o edite mediante las herramientas de Dreamweaver, como por ejemplo el Inspector de propiedades, contengan solo caracteres admitidos. Esta opción se activa de forma predeterminada.

Impide que Dreamweaver modifique los URL con el fin de que solo utilice caracteres admitidos. Esta opción se activa de forma predeterminada.

Garantiza que, al introducir o editar URL empleando las herramientas de Dreamweaver como, por ejemplo, el Inspector de propiedades, dichos URL contengan solo caracteres admitidos.

Funciona de la misma manera que la opción anterior, pero utiliza un método distinto para codificar los caracteres especiales. Este método de codificación (con el signo de porcentaje) puede proporcionar mayor compatibilidad con navegadores anteriores, pero no funciona tan bien con los caracteres de algunos idiomas.

Seleccione Editar > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).

Seleccione Sugerencias de código en la categoría de la izquierda.

Defina cualquiera de las opciones siguientes:

Especifique cómo desea que Dreamweaver cierre las etiquetas.

• Tras escribir “</” -
• Tras escribir la etiqueta de apertura “>” - Seleccione esta opción si desea que Dreamweaver añada automáticamente una etiqueta de cierre después de cerrar la etiqueta de apertura.
• Nunca- Establezca esta opción si no desea que Dreamweaver añada automáticamente etiquetas de cierre.

Seleccione esta opción para activar o desactivar las sugerencias de código y el completado de código en Dreamweaver. Para obtener más información sobre las sugerencias de código de Dreamweaver y las funciones de completado de código, consulte Sugerencias de código y completado de código.

Seleccione esta opción para permitir que aparezcan las descripciones con las sugerencias de código. Estas descripciones proporcionan información adicional sobre el código que escribe.

Inserción automática de llaves  Cuando está marcada, la llave de cierre se inserta automáticamente cada vez que el usuario escribe una llave de apertura. Si no está marcada, la llave final no se inserta cuando el usuario escribe una llave de apertura. Se aplica a todos los tipos de llaves y a todos los tipos de archivo (html, php,css, js).

Inserción automática de citas  Cuando está marcada, la cita de cierre se inserta automáticamente cada vez que el usuario escribe una cita de apertura. Si no está marcada, la cita de cierre no se inserta cuando el usuario escribe una cita de apertura. Se aplica tanto a las comillas dobles como a las simples y a todos los tipos de archivo (html, php,css, js).

Abra el archivo brackets.json desde la ubicación siguiente:

• Windows: %appdata%\Adobe\Dreamweaver 2018\en_US\Configuration\Brackets\
• Mac: ~/Library/Application Support/Adobe/Dreamweaver 2018/en_US/Configuration/Brackets/
   

Para deshabilitar el cierre automático de corchetes y paréntesis, establezca autoCloseBraces en False (Falso).

Para deshabilitar la inserción automática de comillas apareadas, establezca autoCloseQuotes en False (Falso).

Si quiere volver a activar el cierre automática de llaves y comillas apareadas, establezca los valores antes indicados en true (cierto).

Guarde el archivo .json e inicie Dreamweaver.

Seleccione Editar > Preferencias (Windows) o Dreamweaver > Preferencias (Macintosh).

Seleccione PHP en la lista de categorías de la izquierda.

Seleccione una versión de PHP en la en la lista desplegable de versiones de PHP y haga clic en Aplicar.

En el cuadro de diálogo Configuración del sitio, en Configuración avanzada, seleccione PHP.

Seleccione una versión de PHP en la lista desplegable de versiones de PHP y haga clic en Guardar.

Seleccione Interfaz en la lista Categoría de la izquierda.

Elija un tema en la lista Temas de color.

Después de definir el tema de la interfaz, establezca el tema del código.

Puede elegir entre un tema de código claro y otro oscuro.

Haga clic en Aplicar para guardar los cambios.

Puede optar por personalizar aun más el color de código en función de sus necesidades. Para obtener más información, consulte Personalización de los colores del código.

Especifica las extensiones de nombre de archivo que deben abrirse automáticamente en la Vista de código en Dreamweaver.

Especifica el comportamiento cuando Dreamweaver detecte cambios realizados externamente en un documento abierto en Dreamweaver.

Especifica si Dreamweaver debe guardar siempre el documento actual antes de iniciar el editor, no guardarlo nunca o solicitar confirmación antes de guardarlo cada vez que se inicie el editor externo.

Puede conectar Fireworks con Dreamweaver, indicando aquí la ruta de la aplicación.