En el dinámico mundo del diseño web, Adobe Dreamweaver es una herramienta indispensable para desarrolladores y diseñadores. Pero para aprovechar realmente todo el potencial de este potente software, los métodos abreviados de teclado son un elemento clave.

Los métodos abreviados de teclado en Dreamweaver son mucho más que simples atajos prácticos. Son un puente hacia un trabajo más eficaz y rápido. Estos atajos le permiten completar tareas complejas con sólo pulsar unas teclas, aumentando la productividad y ahorrando un tiempo valioso. Le permiten cambiar sin problemas entre distintas funciones y vistas sin tener que navegar por engorrosos menús. De este modo, el flujo de trabajo es más fluido e intuitivo, lo que supone una gran ventaja, sobre todo cuando se trabaja con plazos ajustados.

En este artículo, aprenderá a optimizar sus procesos de diseño y desarrollo web con los métodos abreviados de teclado más importantes de Dreamweaver. Tanto si es un principiante como un profesional experimentado, estos comandos mejorarán fundamentalmente su trabajo en Dreamweaver. ¿Listo para llevar tus habilidades de diseño web al siguiente nivel? Sumérjase en el mundo de los métodos abreviados de Dreamweaver.

Archivo

Ver / Editar

Vista de diseño

Código fuente y diseño

Trabajar en el código fuente

Pegar

Ventana

Trabajar con tablas

18 trucos y consejos para Adobe Dreamweaver

• Si desea transferir rápidamente el archivo abierto al servidor, si está configurado a través de Sitio, pulse Ctrl +  + U.
• Dreamweaver tiene una prueba interna de compatibilidad del navegador que muestra todos los errores no válidos W3C y la compatibilidad del navegador de todos los scripts. Se puede acceder a esta función a través de la barra de documentos con el elemento de menú Comprobar página. Muy útil, para que no tenga que llamar siempre su página con todos los navegadores.
• Con Dreamweaver puede abrir y editar archivos directamente desde el servidor. Esto le ahorra tener que subir archivos utilizando el cliente FTP. Simplemente haga clic en la ventana Archivos (F8) => Administrar sitios, luego haga clic en Nuevo y rellene todos los detalles. El contenido del servidor aparecerá en la lista y podrá abrir las páginas deseadas.
• Para que los fondos CSS sean más fáciles de reconocer, puede activar los fondos de diseño CSS en el menú Ver => Ayudas visuales => Fondos de diseño CSS. Los bloques individuales se rellenan ahora con un color aleatorio. Sin embargo, estos colores sólo se muestran en la ventana de diseño.
• El tamaño de visualización no debe cambiarse si es posible - el ajuste por defecto es 100% - porque de lo contrario la página se verá demasiado pixelada en la visualización de Dreamweaver.
• Por defecto, se pueden deshacer hasta 50 pasos en el panel de la capa Historia. Puede aumentar este valor en la pestaña General de las Preferencias (Ctrl + U).
• A menudo ocurre que se necesita una nueva fila en una tabla. Para ello, basta con hacer clic en la última celda de la parte inferior derecha y pulsar la tecla de tabulación. Si necesita 10 o más filas o columnas nuevas, tiene sentido pulsar el botón derecho del ratón => Insertar filas o columnas.
• Para ocultar o mostrar rápidamente todos los paneles de control, pulse el atajo de teclado F4. Sólo se mostrarán el menú y la ventana de trabajo.
• En Dreamweaver es posible buscar y reemplazar bloques completos de código fuente. Esto es especialmente útil si desea reemplazar más de una línea de código que aparece repetidamente.
• 18 trucos y consejos para Adobe Dreamweaver
• Para seleccionar rápidamente todo el contenido de una tabla () o un DIV (), haga clic en Ctrl + A dos veces seguidas.
• Si está trabajando en el código fuente, puede cerrar rápidamente las etiquetas seleccionando Ventana > Resultados > Revisar). También resulta muy práctico el complemento de Firefox HTML Validator (http://users.skynet.be/mgueury/mozilla/) junto con Firebug (http://getfirebug.com/).
• Para obtener tutoriales sobre Dreamweaver, consulte: www.psd-tutorials.de, www.dreamworker.de y www.adobe.com/devnet/dreamweaver.
• Existen varios plug-ins para ampliar Dreamweaver. También puede editar plantillas basadas en Joomla! en Dreamweaver. Véase http://www.joomlaos.de.