Configuración de las preferencias de programación

Selecciona Ver > options de Vista de código.

Ajusta el código para que puedas verlo sin desplazarte horizontalmente. Esta opción no inserta saltos de línea; solo hace que el código sea más fácil de ver.

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 el código generado por dreamweaver debe tener sangría (según las reglas de sangría especificadas en estas preferencias) o no.

La mayoría de las opciones de sangría en este cuadro de diálogo se aplican solo al código generado por dreamweaver, no al código que escribes. Para aplicar sangría a cada nueva línea de código que escriba, con el fin de colocarla al mismo nivel que la línea anterior, seleccione la opción Ver > Opciones de vista de Código > Sangría automática. Para más información, consulte Definición del aspecto del código.

(Cuadro de texto y menú emergente) Especifica cuántos espacios o tabulaciones debe usar dreamweaver para aplicar sangría al código que genera. Por ejemplo, si escribes 3 en el cuadro y seleccionas Tabulaciones en el menú emergente, el código generado por dreamweaver tendrá una sangría de tres caracteres de tabulación por cada nivel de sangría.

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, Sangrar con está configurado en 3 tabulaciones, el código generado por dreamweaver tendrá una sangría de tres caracteres de tabulación por cada nivel de sangría, que aparece en la Vista de código como un espacio en blanco de doce caracteres de ancho.

dreamweaver aplica sangría usando espacios o tabulaciones; no convierte una serie de espacios en una tabulación al insertar código.

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 el uso de emmet, consulta Usar el 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.

Para los servidores a los que se conecte mediante FTP, esta opción solo afecta al modo de transferencia binaria; el modo de transferencia ASCII de Dreamweaver omite esta opción. Si descargas archivos usando el modo ASCII, dreamweaver establece los saltos de línea según el sistema operativo de tu computadora; si cargas archivos usando el modo ASCII, todos los saltos de línea se establecen en CR LF.

Soluciona un problema de renderizado que ocurre en algunos navegadores antiguos cuando existe un espacio en blanco o saltos de línea inmediatamente después de una etiqueta <td>, o inmediatamente antes de una etiqueta </td>. Cuando seleccionas esta opción, dreamweaver no escribe saltos de línea después de <td> ni antes de </td>, incluso si el formato en la Biblioteca de etiquetas indica que el salto de línea debería estar ahí.

Te permite establecer opciones de formato para etiquetas y atributos individuales en el editor de la Biblioteca de etiquetas.

(Solo versión japonesa) Permite seleccionar &nbsp; o espacio Zenkaku para código HTML. El espacio en blanco seleccionado en esta opción se utilizará para etiquetas vacías al crear una tabla y cuando la opción "Permitir múltiples espacios consecutivos" esté habilitada en las páginas de 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 la contracción de código, consulta Contraer y expandir código.

Reescribe etiquetas superpuestas. Por ejemplo, <b><i>texto</b></i> se reescribe como <b><i>texto</i></b>. Esta opción también inserta comillas de cierre y corchetes de cierre si faltan.

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

A diferencia de las otras opciones de este cuadro de diálogo de preferencias, esta opción no se aplica al abrir un documento, sólo al copiar y pegar un elemento de formulario.

Elimina las etiquetas de cierre que no tienen una etiqueta de apertura correspondiente.

Muestra un resumen del código HTML técnicamente no válido que Dreamweaver ha intentado corregir. El resumen señala la ubicación del problema (usando números de línea y columna) para que puedas encontrar la corrección y asegurarte de que se está renderizando como se pretende.

Te permite evitar que Dreamweaver reescriba código en archivos con las extensiones de nombre de archivo especificadas. Esta opción es particularmente útil para archivos que contienen etiquetas de terceros.

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.

Esta opción, así como las opciones siguientes, no se aplican a los URL escritos en la Vista de código. Además, no modifican el código existente en un archivo.

Evita que Dreamweaver modifique las URL para usar solo caracteres permitidos. Esta opción se activa de forma predeterminada.

Garantiza que cuando ingreses o edites URL usando Herramientas de Dreamweaver como el inspector de Propiedad, esas URL contengan solo caracteres permitidos.

Funciona de la misma manera que la opción anterior, pero usa un método diferente de codificación de caracteres especiales. Este método de codificación (usando el signo de porcentaje) puede ser más compatible con navegadores antiguos, pero no funciona tan bien con caracteres de algunos idiomas.

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

Selecciona Sugerencias de código de la categoría de la izquierda.

Defina cualquiera de las opciones siguientes:

Especifica cómo quieres que Dreamweaver cierre las etiquetas.

• Después de escribir "</" - 
• Después de escribir el ">" de la etiqueta de apertura - Selecciona esta opción si quieres que Dreamweaver agregue automáticamente una etiqueta de cierre después de cerrar la etiqueta de apertura.
• Nunca - Establece esta opción si no quieres que Dreamweaver agregue 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 funciones de sugerencia de código y completado de código de Dreamweaver, consulta Sugerencia 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 estás escribiendo.

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 todos los tipos de archivos (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 comillas simples como dobles y todos los tipos de archivos (html, php, css, js).

Abre el archivo JSON desde la siguiente ubicación:

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

Para deshabilitar el cierre automático de corchetes y paréntesis, establece autoCloseBraces como falso.

Para deshabilitar la inserción automática de comillas coincidentes, establece autoCloseQuotes en Falso.

Si deseas habilitar el cierre automático de corchetes y comillas coincidentes, establece los valores mencionados anteriormente en verdadero.

Guarda el archivo JSON y ejecuta Dreamweaver.

Selecciona Edit > Preferences (Windows) o Dreamweaver > Preferences (Macintosh).

Establece PHP desde la lista de categorías a la izquierda.

Elige una versión de PHP del menú desplegable PHP Version y haz clic en Apply.

En el cuadro de diálogo Configuración del sitio, bajo Advanced Settings, selecciona PHP.

Elige una versión de PHP del menú desplegable PHP Version y haz clic en Save.

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 archivo que se abren automáticamente en la vista de Código en Dreamweaver.

Especifica el comportamiento cuando Dreamweaver detecta que se realizaron cambios externamente en un documento que está abierto en Dreamweaver.

Especifica si Dreamweaver debe guardar siempre el documento actual antes de iniciar el editor, nunca guardar el documento o mostrar una indicación para preguntar si se debe guardar o no cada vez que inicias el editor externo.

Puedes conectar Fireworks con Dreamweaver proporcionando la ruta a la aplicación aquí.