PDF (adobe.com)

Utilización de sugerencias para el código



Esta función le ayuda a insertar y editar código rápidamente y sin errores. Conforme introduzca caracteres en la vista Código, verá una lista candidatos para completar la entrada automáticamente. Por ejemplo, al escribir el primer carácter de una etiqueta, un atributo o un nombre de propiedad CSS, verá una lista de opciones que comiencen por dichos caracteres. Esta función simplifica la introducción y edición de código. También puede utilizarla para ver los atributos disponibles para una etiqueta, los parámetros disponibles para una función o los métodos disponibles para un objeto.

Las sugerencias para el código están disponibles para diversas clases de código. Al escribir el primer carácter de un tipo de código concreto, verá una lista de candidatos adecuados. Por ejemplo, para ver una lista de sugerencias para código de nombres de etiquetas HTML, introduzca un paréntesis angular derecho (<). De igual forma, para mostrar sugerencias para código JavaScript, introduzca un punto (operador de punto) tras un objeto.

Para obtener los mejores resultados, especialmente cuando se utilizan sugerencias para código de funciones y objetos, establezca la opción Demora, en el cuadro de diálogo de preferencias de sugerencias para código, con un valor de 0 segundos.

La función de sugerencias para el código también reconoce clases JavaScript personalizadas no incorporadas en el lenguaje. Puede escribir estas clases personalizadas o añadirlas a través de bibliotecas de otros fabricantes, como Prototype.

La lista de sugerencias para el código desaparece cuando se presiona Retroceso (Windows) o Eliminar (Macintosh).

Para ver un tutorial en vídeo sobre sugerencias para el código, consulte www.adobe.com/go/lrvid4048_dw_es.

Lenguajes y tecnologías admitidos

Dreamweaver admite sugerencias para código de los siguientes lenguajes y tecnologías:

  • HTML

  • CSS

  • DOM (Modelo de objetos de documento)

  • JavaScript (incluye sugerencias para clases personalizadas)

  • Ajax

  • Spry

  • Adobe ColdFusion

  • JSP

  • PHP MySQL

  • ASP JavaScript

  • ASP VBScript

  • ASP.NET C#

  • ASP.NET VB

Visualización de un menú de sugerencias para el código

Las sugerencias para el código aparecen automáticamente al escribir en la vista Código. No obstante, también puede mostrar el menú de sugerencias para el código manualmente sin escribir nada.

  1. En la vista Código (Ventana > Código), sitúe el puntero de inserción dentro de una etiqueta.
  2. Presione Control+Barra espaciadora.

Inserción de código en la vista Código mediante sugerencias para el código

  1. Escriba el principio de una parte del código. Por ejemplo, para insertar una etiqueta, escriba un paréntesis angular de apertura (<). Para insertar un atributo, sitúe el punto de inserción inmediatamente después de un nombre de etiqueta y presione la barra espaciadora.

    Se muestra una lista de elementos (como nombres de etiqueta o nombres de atributo).

    Para cerrar la lista, presione la tecla Esc.
  2. Desplácese por la lista mediante la barra de desplazamiento o con las teclas de flecha arriba y flecha abajo.
  3. Para insertar un elemento de la lista, haga doble clic en él o selecciónelo y presione Intro (Windows) o Retorno (Macintosh).
    Si un estilo CSS creado recientemente no aparece en una lista de sugerencias para el código de estilos CSS, seleccione Actualizar lista de estilos en la lista de sugerencias para el código. Si está visible la vista Diseño, a veces aparecerá código no válido temporalmente en la vista Diseño después de seleccionar Actualizar lista de estilos. Para eliminar el código no válido de la vista Diseño, presione F5 para actualizar cuando termine de insertar el estilo.
  4. Para insertar una etiqueta de cierre, escriba </ (barra inclinada).
    Nota: De manera predeterminada, Dreamweaver determina si es necesaria una etiqueta de cierre y la inserta automáticamente. Puede cambiar este comportamiento predeterminado para que Dreamweaver inserte una etiqueta de cierre después de que introduzca el paréntesis angular de cierre (>) de la etiqueta de apertura. Como alternativa, el comportamiento predeterminado puede ser no insertar ninguna etiqueta de cierre. Seleccione Edición > Preferencias > Sugerencias para el código y, a continuación, seleccione una de las opciones del área Cerrar etiquetas.

Edición de una etiqueta mediante sugerencias para el código

  • Para reemplazar un atributo por otro, elimine el atributo y su valor. A continuación, añada un nuevo atributo y su valor tal como se describe en el procedimiento anterior.

  • Para cambiar un valor, elimine el valor y, a continuación, añada un valor como se describe en el procedimiento anterior.

Actualización de las sugerencias para el código JavaScript

Dreamweaver actualiza automáticamente la lista de sugerencias para el código disponibles mientras trabaja con archivos JavaScript. Supongamos, por ejemplo, que está trabajando en un archivo HTML principal y que cambia a un archivo JavaScript para realizar un cambio. Dicho cambio se refleja en la lista de sugerencias para el código al regresar al archivo HTML principal. Sin embargo, la actualización automática sólo funciona si los archivos JavaScript se editan en Dreamweaver.

Si edita los archivos JavaScript fuera de Dreamweaver, presione Control+punto para actualizar las sugerencias para el código JavaScript.

Sugerencias para el código y errores de sintaxis

Las sugerencias para el código no funcionan correctamente si Dreamweaver detecta errores de sintaxis en el código. Dreamweaver le avisa de la existencia de errores de sintaxis mostrando información sobre ellos en una barra situada en la parte superior de la página. La barra de información de errores de sintaxis muestra la primera línea de código en la que Dreamweaver ha detectado el error. Conforme resuelva los errores, Dreamweaver continuará mostrando los errores que tengan lugar posteriormente.

Dreamweaver proporciona ayuda adicional resaltando (en color rojo) los números de línea en los que se encuentran los errores de sintaxis. El resaltado aparece en la vista Código del archivo que contiene el error.

Dreamweaver no sólo muestra errores de sintaxis para la página actual, sino también para páginas relacionadas. Supongamos, por ejemplo, que está trabajando en una página HTML que utiliza un archivo JavaScript incluido. Si el archivo incluido contiene un error, Dreamweaver también mostrará una alerta para el archivo JavaScript. El archivo relacionado que contiene el error puede abrirse fácilmente haciendo clic en su nombre en la parte superior del documento.

Puede desactivar la barra de información de errores de sintaxis haciendo clic en el botón Alertas de errores de sintaxis en la barra de herramientas de Codificación.

Configuración de las preferencias de sugerencias para el código

Es posible cambiar las preferencias predeterminadas de las sugerencias para el código. Por ejemplo, si no desea mostrar los nombres de propiedades CSS ni las sugerencias para el código de Spry, puede anular la selección de éstos en las preferencias de sugerencias para el código. También puede establecer las preferencias relativas al retardo de las sugerencias para el código y a las etiquetas de cierre.

Aunque las sugerencias para el código estén desactivadas, puede visualizar una sugerencia emergente en la vista Código presionando Control+Barra espaciadora.
  1. Seleccione Edición > Preferencias.
  2. Seleccione Sugerencias para el código en la lista Categoría de la izquierda.
  3. Defina cualquiera de las opciones siguientes:
    Cerrar etiquetas
    Especifica el modo en que Dreamweaver inserta etiquetas de cierre. De forma predeterminada, Dreamweaver inserta la etiqueta de cierre automáticamente después de escribir los caracteres </. Puede cambiar este comportamiento predeterminado para que la etiqueta de cierre se inserte tras escribir el paréntesis angular final (>) de la etiqueta de apertura o para que no se inserte ninguna etiqueta.

    Activar sugerencias para el código
    Muestra las sugerencias para el código mientras usted introduce código en la vista Código. Arrastre el control deslizante Demora para ajustar el tiempo en segundos antes de que se muestren las sugerencias adecuadas.

    Menús
    Establece exactamente el tipo de sugerencias para el código que desea que se muestren mientras escribe. Puede utilizar todos o sólo algunos de los menús.