Nel mondo dinamico del web design, Adobe Dreamweaver è uno strumento indispensabile per sviluppatori e designer. Ma per sfruttare davvero appieno il potenziale di questo potente software, i comandi da tastiera sono un elemento chiave.

I comandi da tastiera in Dreamweaver sono molto più di semplici scorciatoie pratiche. Sono un ponte verso un lavoro più efficiente e veloce. Con questi shortcuts puoi completare compiti complessi con pochi colpi di tastiera, aumentando la produttività e risparmiando tempo prezioso. Ti consentono di passare agilmente tra diverse funzioni e visualizzazioni, senza dover navigare attraverso menu complicati. Questo porta a un flusso di lavoro più fluido e intuitivo, particolarmente vantaggioso in situazioni con scadenze ravvicinate.

In questo articolo scoprirai come utilizzare i principali comandi da tastiera di Dreamweaver per ottimizzare i tuoi processi di web design e sviluppo. Che tu sia un principiante o un professionista esperto, questi comandi miglioreranno radicalmente il tuo lavoro in Dreamweaver. Pronto a portare le tue abilità di web design al livello successivo? Tuffiamoci nel mondo dei shortcut di Dreamweaver!

Indice

File

FileShortcut
NuovoCtrl + N
ApriCtrl + O
Cerca in BridgeCtrl + Alt + O
ChiudiCtrl + W
Chiudi TuttoCtrl + Shift + W
SalvaCtrl + S
Salva con NomeCtrl + Shift + S
StampaCtrl + P
PreferenzeCtrl + U
Anteprima nel BrowserF12 / Alt + F12
Controlla i LinkShift + F8
EsciCtrl + Q

Vista / Modifica

Vista / ModificaShortcut
Zoom AvantiCtrl + +
Zoom IndietroCtrl + -
Zoom Avanti / IndietroCtrl + Rotellina del Mouse
Incolla con OpzioniCtrl + Shift + V
CercaCtrl + F
Ricerca Avanti su SelezioneShift + F3
Ricerca AvantiF3
Cambia VistaCtrl + #
Mostra RighelliCtrl + Alt + R
Mostra GuideCtrl + Shift + #
Vista LiveAlt + F11
AnnullaCtrl + Z
RipetiCtrl + Y
Mostra GrigliaCtrl + Alt + G
Allinea alla GrigliaCtrl + Shift + Alt + G
Mostra Intestazione HTMLCtrl + Shift + H
Modalità Tabella AvanzataAlt + F6
Nascondi TuttoCtrl + Shift + I
Interrompi JavaScriptF6
Riproduci Plug-inCtrl + Alt + P
Arresta Plug-inCtrl + Alt + X

Vista di Progettazione

Vista di ProgettazioneShortcut
Editor Tag RapidoCtrl + T
Navigatore CodiceCtrl + Alt + Clic
Aggiorna Vista di ProgettazioneF5
Larghezza Pixel nelle GuideCtrl

Codice Sorgente & Progettazione

AzioneShortcut
Nessuna Formattazione TestoCtrl + 0
Titolo 1 - <h1>Ctrl + 1
Titolo 3 - <h3>Ctrl + 3
Titolo 6 - <h6>Ctrl + 6
Paragrafo - <p>Ctrl + Shift + P
Links - <div align="left">Ctrl + Shift + Alt + L
Destra - <div align="right">Ctrl + Shift + Alt + R
Centro - <div align="center">Ctrl + Shift + Alt + C
Gustificato - <div align="justify">Ctrl + Shift + Alt + J
GrassettoCtrl + B
CorsivoCtrl + I

Lavorare nel Codice Sorgente

AzioneShortcut
Aiuto CodiceCtrl + Spazio
Vai a RigaCtrl + G
Circondata Selezione con #Ctrl + Shift + 3
Rimuovi Parola a SinistraCtrl + Backspace
Rimuovi Parola a DestraCtrl + Canc
Seleziona Riga SoprastanteShift + Freccia su
Seleziona Riga SottostanteShift + Freccia giù
Seleziona Carattere a SinistraShift + Freccia sinistra
Seleziona Carattere a DestraShift + Freccia destra
Seleziona Pagina Intera in BassoShift + Pagina giù
Seleziona Pagina Intera in AltoShift + Pagina su
Salta Parola a SinistraCtrl + Freccia sinistra
Salta Parola a DestraCtrl + Freccia destra
Seleziona Parola a SinistraCtrl + Shift + Freccia sinistra
Seleziona Parola a DestraCtrl + Shift + Freccia destra
Vai all'Inizio RigaPos1 / Freccia in alto a sinistra
Vai alla Fine RigaEnd / Freccia in basso a destra
Seleziona fino all'Inizio RigaShift + Pos1
Seleziona fino alla Fine RigaShift + Fine
Vai alla Riga 1Ctrl + Pos1
Vai all'Ultima RigaCtrl + Fine

Inserisci

AzioneScorciatoia
ImmagineStrg + Alt + I
TabellaStrg + Alt + T
Spazio vuoto ( )Strg + Shift + Spazio
Interruzione di riga (<br />)Shift + Invio
Inserisci collegamento ipertestualeStrg + L
Rimuovi collegamento ipertestualeStrg + Shift + L
Selezione tagStrg + E
File SWFStrg + Alt + F
Punto di ancoraggio denominatoStrg + Alt + A
Area modificabile nei modelliStrg + Alt + V

Finestre

FinestraScorciatoia
Elementi APF2
VincoliStrg + F10
Snippet di codiceShift + F9
Ispezionatore di codiceF10 / Alt + F10
Stili CSSShift + F11
Banche datiStrg + Shift + F10
FileF8 / Strg + Shift + F
ProprietàStrg + F3
InserisciStrg + F2
Nascondi finestraF4
FrameShift + F2
ComponentiStrg + F7
Comportamento serverStrg + F9
RicercaF7
Ispezionatore tagF9 / Alt + Shift + F9
ComportamentoShift + F4
CronologiaShift + F10

Lavorare con tabelle

AzioneScorciatoia
Seleziona cella individualmenteStrg + Clic
Seleziona tabellaStrg + A 2x
Inserisci rigaStrg + M
Inserisci riga Versione IITab nella cella finale
Inserisci colonnaStrg + Shift + A
Elimina rigaStrg + Shift + M
Elimina colonnaStrg + Shift + -
Unisci celleStrg + Shift + Alt + M
Suddividi celleStrg + Alt + S

18 Suggerimenti e trucchi per Adobe Dreamweaver

  • Vuoi trasferire rapidamente il file aperto sul server, se configurato tramite Sito, premi Strg +  + U.
  • In Dreamweaver c'è un test interno di compatibilità browser che segnala tutti gli errori non validi del W3C e la compatibilità del browser per tutti gli script. Puoi accedere a questa funzione nella barra dei documenti con la voce di menu Controlla pagina. Molto utile per evitare di dover sempre aprire la pagina con tutti i browser.
  • Con Dreamweaver puoi aprire e modificare direttamente i file dal server. Risparmi il caricamento tramite il client FTP. Basta fare clic su File (F8) => Gestione siti, quindi su Nuovo e compilare tutti i campi. Successivamente, il contenuto del server verrà elencato lì e puoi aprire le pagine desiderate.
  • Per rendere i background CSS più visibili, puoi attivare Visuale => Strumenti di layout CSS dal menu. I blocchi singoli saranno ora riempiti con un colore casuale. Tuttavia, questi colori vengono visualizzati solo nella finestra di progettazione.
  • La dimensione di visualizzazione non dovrebbe essere modificata - di default è impostata al 100% - altrimenti la pagina sembrerà pixelata nella visualizzazione di Dreamweaver.
  • Nel pannello Modifiche rapide puoi tornare indietro fino a 50 azioni di default. Puoi aumentare questo valore nelle Impostazioni predefinite (Strg + U) nella scheda Generale.
  • Spesso è necessaria una nuova riga in una tabella. Per farlo, fai semplicemente clic sull'ultima cella in basso a destra e premi il tasto Tab. Se hai bisogno di 10 o più nuove righe o colonne, è conveniente fare clic con il pulsante destro del mouse => Inserisci righe o colonne.
  • Per mostrare o nascondere rapidamente tutti i pannelli di controllo, premi il tasto di scelta rapida F4. Saranno quindi mostrati solo il menu e la finestra di lavoro.
  • In Dreamweaver è possibile cercare e sostituire blocchi completi di codice. Questo è particolarmente utile quando si desidera sostituire più di una riga di codice che si ripete spesso.
  • 18 Suggerimenti e trucchi per Adobe Dreamweaver
  • Per selezionare rapidamente l'intero contenuto di una tabella () o di un DIV (), fare doppio clic su Strg + A.
  • Mentre lavori nel codice sorgente, puoi chiudere rapidamente i tag facendo clic su Finestra > Risultati > Verifica). Molto pratico è anche il plug-in HTML Validator di Firefox (http://users.skynet.be/mgueury/mozilla/) in combinazione con Firebug (http://getfirebug.com/).
  • Le buone risorse per i tutorial su Dreamweaver sono: www.psd-tutorials.de, www.dreamworker.de e www.adobe.com/devnet/dreamweaver.
  • Esistono vari plug-in per estendere Dreamweaver. Puoi modificare i modelli basati su Joomla! anche in Dreamweaver. Vedi http://www.joomlaos.de.
274,342,963

Scorciatoie per Adobe Dreamweaver - Tasti di scelta rapida in sintesi.

Pubblicato su da Stefan Petri
Pubblicato su:
Di Stefan Petri
Stefan Petri gestisce insieme a suo fratello Matthias il popolare forum specializzato PSD-Tutorials.de così come la piattaforma di e-learning TutKit.com, che pone un accento sulla formazione e sul perfezionamento delle competenze professionali digitali.