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.

Tabla de contenido

Archivo

archivoAcceso directo
Nuevo atajoCtrl + N
AbrirCtrl + O
Buscar BridgeCtrl + Alt + O
Cerrar puenteCtrl + W
Cerrar todoCtrl + Mayús + W
GuardarCtrl + S
Guardar comoCtrl + Mayús + S
ImprimirCtrl + P
PreferenciasCtrl + U
Vista previa en el navegadorF12 / Alt + F12
Comprobar enlacesMayús + F8
Salir deCtrl + Q

Ver / Editar

Ver / EditarAcceso directo
AcercarCtrl + +
AlejarCtrl + -
Acercar / AlejarCtrl + rueda del ratón
Pegar con opcionesCtrl + Mayús + V
Buscar enCtrl + F
Continuar la búsqueda en la selecciónMayús + F3
Continuar la búsquedaF3
Cambiar vistaCtrl + #
Mostrar reglasCtrl + Alt + R
Mostrar guíasCtrl + Mayús + #
Vista en vivoAlt + F11
DeshacerCtrl + Z
RepetirCtrl + Y
Mostrar cuadrículaCtrl + Alt + G
Alinear a la cuadrículaCtrl + Mayús + Alt + G
Mostrar encabezado HTMLCtrl + Mayús + H
Modo de tabla avanzadoAlt + F6
Ocultar todoCtrl + Mayús + I
Detener JavaScriptF6
Reproducir plug-insCtrl + Alt + P
Detener plug-insCtrl + Alt + X

Vista de diseño

Vista de diseñoAcceso directo
Editor rápido de etiquetasCtrl + T
Navegador de códigoCtrl + Alt + Clic
Actualizar vista de diseñoF5
Ancho de píxel para guíasCtrl

Código fuente y diseño

AcciónAcceso directo
Sin formato de textoCtrl + 0
Titular 1 - <h1>Ctrl + 1
Titular 3 - <h3>Ctrl + 3
Titular 6 - <h6>Ctrl + 6
Párrafo - <p>Ctrl + Mayús + P
Izquierda - <div align="left">Ctrl + Mayús + Alt + L
Derecha - <div align="right">Ctrl + Mayús + Alt + R
Centrado - <div align="center">Ctrl + Mayús + Alt + C
Justificado - <div align="justify">Ctrl + Mayús + Alt + J
NegritaCtrl + B
CursivaCtrl + I

Trabajar en el código fuente

AcciónAcceso directo
Ayuda de códigoCtrl + Barra espaciadora
Ir a la líneaCtrl + G
Rodear la selección marcada con #Ctrl + Mayús + 3
Eliminar la palabra que queda a la izquierdaCtrl + Retroceso
Eliminar una palabra a la derechaCtrl + Supr
Seleccionar la línea superiorMayús + flecha arriba
Seleccionar línea inferiorMayús + flecha abajo
Seleccionar carácter a la izquierdaMayús + flecha izquierda
Seleccionar carácter a la derechaMayús + flecha derecha
Seleccionar toda la página hasta el finalMayús + imagen abajo
Seleccionar toda la página hasta arribaMayús + imagen arriba
Saltar la siguiente palabra a la izquierdaCtrl + flecha izquierda
Saltar la palabra siguiente a la derechaCtrl + flecha derecha
Seleccionar palabra izquierdaCtrl + Mayús + tecla de flecha izquierda
Seleccionar palabra de la derechaCtrl + Mayús + tecla de flecha derecha
Saltar al principio de la líneaPos1 / flecha diagonal superior izquierda
Saltar al final de la líneaFin / flecha diagonal abajo a la derecha
Seleccionar al principio de la líneaMayús + Pos1
Seleccionar al final de la líneaMayús + Fin
Saltar a la línea número 1Ctrl + Pos1
Saltar al número de la última líneaCtrl + Fin

Pegar

AcciónAcceso directo
ImagenCtrl + Alt + I
TablaCtrl + Alt + T
Espacio ( )Ctrl + Mayús + Espacio
Salto de línea (<br />)Mayús + Intro
Insertar hipervínculoCtrl + L
Eliminar hipervínculoCtrl + Mayús + L
Etiquetar selecciónCtrl + E
Archivo SWFCtrl + Alt + F
Punto de anclaje con nombreCtrl + Alt + A
Área editable para plantillasCtrl + Alt + V

Ventana

VentanaAcceso directo
Elementos APF2
EnlacesCtrl + F10
Fragmentos de códigoMayúsculas + F9
Inspector de códigoF10 / Alt + F10
Estilos CSSMayús + F11
Bases de datosCtrl + Mayús + F10
ArchivosF8 / Ctrl + Mayús + F
PropiedadesCtrl + F3
PegarCtrl + F2
Ocultar ventanaF4
MarcosMayúsculas + F2
ComponentesCtrl + F7
Comportamiento del servidorCtrl + F9
BúsquedaF7
Inspector de etiquetasF9 / Alt + Mayús + F9
ComportamientoMayús + F4
HistorialMayús + F10

Trabajar con tablas

AcciónAcceso directo
Seleccionar celda individualmenteCtrl + clic
Seleccionar tablaCtrl + A 2x
Insertar filaCtrl + M
Insertar fila Versión IITabulador en la última celda
Insertar columnaCtrl + Mayús + A
Borrar filaCtrl + Mayús + M
Borrar columnaCtrl + Mayús + -
Combinar celdasCtrl + Mayús + Alt + M
Dividir celdasCtrl + Alt + S

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.
274,342,963

Atajos para Adobe Dreamweaver: atajos de teclado de un vistazo

Publicado el de Stefan Petri
Publicado el: En Stefan Petri
Stefan Petri opera junto con su hermano Matthias el popular foro especializado PSD-Tutorials.de así como la plataforma de aprendizaje en línea TutKit.com, que se centra en la formación y el perfeccionamiento de competencias profesionales digitales.