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
archivo
Acceso directo
Nuevo atajo
Ctrl + N
Abrir
Ctrl + O
Buscar Bridge
Ctrl + Alt + O
Cerrar puente
Ctrl + W
Cerrar todo
Ctrl + Mayús + W
Guardar
Ctrl + S
Guardar como
Ctrl + Mayús + S
Imprimir
Ctrl + P
Preferencias
Ctrl + U
Vista previa en el navegador
F12 / Alt + F12
Comprobar enlaces
Mayús + F8
Salir de
Ctrl + Q
Ver / Editar
Ver / Editar
Acceso directo
Acercar
Ctrl + +
Alejar
Ctrl + -
Acercar / Alejar
Ctrl + rueda del ratón
Pegar con opciones
Ctrl + Mayús + V
Buscar en
Ctrl + F
Continuar la búsqueda en la selección
Mayús + F3
Continuar la búsqueda
F3
Cambiar vista
Ctrl + #
Mostrar reglas
Ctrl + Alt + R
Mostrar guías
Ctrl + Mayús + #
Vista en vivo
Alt + F11
Deshacer
Ctrl + Z
Repetir
Ctrl + Y
Mostrar cuadrícula
Ctrl + Alt + G
Alinear a la cuadrícula
Ctrl + Mayús + Alt + G
Mostrar encabezado HTML
Ctrl + Mayús + H
Modo de tabla avanzado
Alt + F6
Ocultar todo
Ctrl + Mayús + I
Detener JavaScript
F6
Reproducir plug-ins
Ctrl + Alt + P
Detener plug-ins
Ctrl + Alt + X
Vista de diseño
Vista de diseño
Acceso directo
Editor rápido de etiquetas
Ctrl + T
Navegador de código
Ctrl + Alt + Clic
Actualizar vista de diseño
F5
Ancho de píxel para guías
Ctrl
Código fuente y diseño
Acción
Acceso directo
Sin formato de texto
Ctrl + 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
Negrita
Ctrl + B
Cursiva
Ctrl + I
Trabajar en el código fuente
Acción
Acceso directo
Ayuda de código
Ctrl + Barra espaciadora
Ir a la línea
Ctrl + G
Rodear la selección marcada con #
Ctrl + Mayús + 3
Eliminar la palabra que queda a la izquierda
Ctrl + Retroceso
Eliminar una palabra a la derecha
Ctrl + Supr
Seleccionar la línea superior
Mayús + flecha arriba
Seleccionar línea inferior
Mayús + flecha abajo
Seleccionar carácter a la izquierda
Mayús + flecha izquierda
Seleccionar carácter a la derecha
Mayús + flecha derecha
Seleccionar toda la página hasta el final
Mayús + imagen abajo
Seleccionar toda la página hasta arriba
Mayús + imagen arriba
Saltar la siguiente palabra a la izquierda
Ctrl + flecha izquierda
Saltar la palabra siguiente a la derecha
Ctrl + flecha derecha
Seleccionar palabra izquierda
Ctrl + Mayús + tecla de flecha izquierda
Seleccionar palabra de la derecha
Ctrl + Mayús + tecla de flecha derecha
Saltar al principio de la línea
Pos1 / flecha diagonal superior izquierda
Saltar al final de la línea
Fin / flecha diagonal abajo a la derecha
Seleccionar al principio de la línea
Mayús + Pos1
Seleccionar al final de la línea
Mayús + Fin
Saltar a la línea número 1
Ctrl + Pos1
Saltar al número de la última línea
Ctrl + Fin
Pegar
Acción
Acceso directo
Imagen
Ctrl + Alt + I
Tabla
Ctrl + Alt + T
Espacio ( )
Ctrl + Mayús + Espacio
Salto de línea (<br />)
Mayús + Intro
Insertar hipervínculo
Ctrl + L
Eliminar hipervínculo
Ctrl + Mayús + L
Etiquetar selección
Ctrl + E
Archivo SWF
Ctrl + Alt + F
Punto de anclaje con nombre
Ctrl + Alt + A
Área editable para plantillas
Ctrl + Alt + V
Ventana
Ventana
Acceso directo
Elementos AP
F2
Enlaces
Ctrl + F10
Fragmentos de código
Mayúsculas + F9
Inspector de código
F10 / Alt + F10
Estilos CSS
Mayús + F11
Bases de datos
Ctrl + Mayús + F10
Archivos
F8 / Ctrl + Mayús + F
Propiedades
Ctrl + F3
Pegar
Ctrl + F2
Ocultar ventana
F4
Marcos
Mayúsculas + F2
Componentes
Ctrl + F7
Comportamiento del servidor
Ctrl + F9
Búsqueda
F7
Inspector de etiquetas
F9 / Alt + Mayús + F9
Comportamiento
Mayús + F4
Historial
Mayús + F10
Trabajar con tablas
Acción
Acceso directo
Seleccionar celda individualmente
Ctrl + clic
Seleccionar tabla
Ctrl + A 2x
Insertar fila
Ctrl + M
Insertar fila Versión II
Tabulador en la última celda
Insertar columna
Ctrl + Mayús + A
Borrar fila
Ctrl + Mayús + M
Borrar columna
Ctrl + Mayús + -
Combinar celdas
Ctrl + Mayús + Alt + M
Dividir celdas
Ctrl + 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
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.