Hilfe für Themen rund um TutKit.com

Glossare, Anleitungen & Ratgeber

Software-Shortcuts
Shortcuts für 3D-Programme
Shortcuts für Adobe-Programme
Shortcuts für Microsoft-Programme
Weitere Shortcuts
Shortcuts für Serif-Programme (Affinity)
Shortcuts für Corel-Programme
Shortcuts für Google-Dienste

Hilfe für Themen rund um TutKit.com

Glossare, Anleitungen & Ratgeber

Software-Shortcuts
Shortcuts für 3D-Programme
Shortcuts für Adobe-Programme
Shortcuts für Microsoft-Programme
Weitere Shortcuts
Shortcuts für Serif-Programme (Affinity)
Shortcuts für Corel-Programme
Shortcuts für Google-Dienste

Shortcuts für Adobe Dreamweaver – Tastenkürzel im Überblick

In der dynamischen Welt des Webdesigns ist Adobe Dreamweaver ein unverzichtbares Werkzeug für Entwickler und Designer. Aber um wirklich das volle Potenzial dieser mächtigen Software auszuschöpfen, sind die Tastaturbefehle ein Schlüsselelement.

Tastaturbefehle in Dreamweaver sind weit mehr als nur praktische Abkürzungen. Sie sind eine Brücke zu effizienterem und schnellerem Arbeiten. Mit diesen Shortcuts kannst du komplexe Aufgaben mit wenigen Tastendrücken erledigen, was die Produktivität erhöht und wertvolle Zeit spart. Sie ermöglichen es dir, flüssig zwischen verschiedenen Funktionen und Ansichten zu wechseln, ohne durch umständliche Menüs navigieren zu müssen. Dies führt zu einem nahtloseren und intuitiveren Arbeitsfluss, was besonders bei engen Deadlines ein großer Vorteil ist.

In diesem Artikel erfährst du, wie du mit den wichtigsten Dreamweaver Tastaturbefehlen deine Webdesign- und Entwicklungsprozesse optimieren kannst. Egal, ob du ein Anfänger bist oder ein erfahrener Profi – diese Befehle werden deine Arbeit in Dreamweaver grundlegend verbessern. Bereit, deine Webdesign-Fähigkeiten auf das nächste Level zu bringen? Tauchen wir ein in die Welt der Dreamweaver-Shortcuts!

Inhaltsverzeichnis

    Datei

    DateiShortcut
    NeuStrg + N
    ÖffnenStrg + O
    Bridge durchsuchenStrg + Alt + O
    SchließenStrg + W
    Alle SchließenStrg + Shift + W
    SpeichernStrg + S
    Speichern unterStrg + Shift + S
    DruckenStrg + P
    VoreinstellungenStrg + U
    Vorschau im BrowserF12 / Alt + F12
    Links überprüfenShift + F8
    BeendenStrg + Q

    Ansicht / Bearbeiten

    Ansicht / BearbeitenShortcut
    EinzoomenStrg + +
    AuszoomenStrg + -
    Ein- / AuszoomenStrg + Mausrad
    Einfügen mit OptionenStrg + Shift + V
    SuchenStrg + F
    Weitersuchen in AuswahlShift + F3
    WeitersuchenF3
    Ansicht wechselnStrg + #
    Lineale einblendenStrg + Alt + R
    Hilfslinien einblendenStrg + Shift + #
    Live-AnsichtAlt + F11
    RückgängigStrg + Z
    WiederholenStrg + Y
    Raster einblendenStrg + Alt + G
    Am Raster ausrichtenStrg + Shift + Alt + G
    HTML-Head anzeigenStrg + Shift + H
    Erweiterter TabellenmodusAlt + F6
    Alles ausblendenStrg + Shift + I
    JavaScript anhaltenF6
    Plug-Ins wiedergebenStrg + Alt + P
    Plug-Ins stoppenStrg + Alt + X

    Entwurfsansicht

    EntwurfsansichtShortcut
    Quick Tag EditorStrg + T
    Code NavigatorStrg + Alt + Klick
    Entwurfsansicht aktualisierenF5
    Pixelbreite bei HilfslinienStrg

    Quellcode & Entwurf

    AktionShortcut
    Keine TextformatierungStrg + 0
    Headline 1 - <h1>Strg + 1
    Headline 3 - <h3>Strg + 3
    Headline 6 - <h6>Strg + 6
    Paragraph - <p>Strg + Shift + P
    Links - <div align="left">Strg + Shift + Alt + L
    Rechts - <div align="right">Strg + Shift + Alt + R
    Zentriert - <div align="center">Strg + Shift + Alt + C
    Blocksatz - <div align="justify">Strg + Shift + Alt + J
    FettStrg + B
    KursivStrg + I

    Arbeiten im Quellcode

    AktionShortcut
    CodehilfeStrg + Leertaste
    Gehe zu ZeileStrg + G
    Markierte Auswahl mit # umgebenStrg + Shift + 3
    Links stehendes Wort entfernenStrg + Rücktaste (Backspace)
    Rechts stehendes Wort entfernenStrg + Entf
    Zeile oberhalb auswählenShift + Pfeiltaste oben
    Zeile unterhalb auswählenShift + Pfeiltaste unten
    Links stehendes Zeichen auswählenShift + Pfeiltaste links
    Rechts stehendes Zeichen auswählenShift + Pfeiltaste rechts
    Ganze Seite bis unten auswählenShift + Bild unten
    Ganze Seite bis oben auswählenShift + Bild oben
    Nächstes Wort nach links springenStrg + Pfeiltaste links
    Nächstes Wort nach rechts springenStrg + Pfeiltaste rechts
    Links stehendes Wort auswählenStrg + Shift + Pfeiltaste links
    Rechts stehendes Wort auswählenStrg + Shift + Pfeiltaste rechts
    Zum Zeilenanfang springenPos1 / Pfeil schräg links oben
    Zum Zeilenende springenEnde / Pfeil schräg rechts unten
    Auswählen bis zum ZeilenanfangShift + Pos1
    Auswählen bis zum ZeilenendeShift + Ende
    Zu Zeilennummer 1 springenStrg + Pos1
    Zur letzten Zeilennummer springenStrg + Ende

    Einfügen

    AktionShortcut
    BildStrg + Alt + I
    TabelleStrg + Alt + T
    Leerzeichen (&nbsp;)Strg + Shift + Space
    Zeilenumbruch (<br />)Shift + Enter
    Hyperlink einfügenStrg + L
    Hyperlink entfernenStrg + Shift + L
    Tag-AuswahlStrg + E
    SWF-DateiStrg + Alt + F
    Benannter AnkerpunktStrg + Alt + A
    Editierbarer Bereich bei VorlagenStrg + Alt + V

    Fenster

    FensterShortcut
    AP-ElementeF2
    BindungenStrg + F10
    CodefragmenteShift + F9
    CodeinspektorF10 / Alt + F10
    CSS-StileShift + F11
    DatenbankenStrg + Shift + F10
    DateienF8 / Strg + Shift + F
    EigenschaftenStrg + F3
    EinfügenStrg + F2
    Fenster ausblendenF4
    FramesShift + F2
    KomponentenStrg + F7
    SerververhaltenStrg + F9
    SuchenF7
    Tag-InspektorF9 / Alt + Shift + F9
    VerhaltenShift + F4
    VerlaufShift + F10

    Arbeiten mit Tabellen

    AktionShortcut
    Zelle individuell auswählenStrg + Klick
    Tabelle auswählenStrg + A 2x
    Zeile einfügenStrg + M
    Zeile einfügen Version IITab in letzter Zelle
    Spalte einfügenStrg + Shift + A
    Zeile löschenStrg + Shift + M
    Spalte löschenStrg + Shift + -
    Zellen verbindenStrg + Shift + Alt + M
    Zellen splittenStrg + Alt + S

    18 Tipps und Tricks zu Adobe Dreamweaver

    • Du möchtest schnell die geöffnete Datei auf den Server übertragen, sofern dies über Site eingerichtet ist, dann drücke Strg +  + U.
    • Es gibt in Dreamweaver einen internen Browserkompatibilitätstest, der alle W3C-invaliden Fehler und die Browserkompatibilitäten zu allen Scripts ausgibt. Zu erreichen ist diese Funktion über die Dokumentleiste mit dem Menüpunkt Seite überprüfen. Sehr hilfreich, damit Du Deine Seite nicht immer mit sämtlichen Browsern aufrufen musst.
    • Mit Dreamweaver kannst Du direkt Dateien vom Server öffnen und bearbeiten. So sparst Du Dir den Upload mit dem FTP-Client. Einfach im Fenster Dateien (F8) => Sites verwalten klicken, dann auf Neu und dort alle Angaben ausfüllen. Danach wird dort der Serverinhalt aufgelistet und man kann die gewünschten Seiten öffnen.
    • Damit CSS-Hintergründe besser erkennbar sind, kannst Du im Menü Ansicht => Visuelle Hilfsmittel => CSS-Layout-Hintergründe aktivieren. Die einzelnen Blöcke werden jetzt mit einer zufälligen Farbe gefüllt. Diese Farben werden aber nur im Entwurfsfenster angezeigt.
    • Die Darstellungsgröße sollte möglichst nicht verändert werden - standardmäßig sind 100% eingestellt -, weil die Seite sonst in der Dreamweaver-Darstellung zu pixelig wirkt.
    • Im Ebenenbedienfeld Verlauf können standardmäßig bis zu 50 Schritte rückgängig gemacht werden. Du kannst diesen Wert in den Voreinstellungen (Strg + U) im Register Allgemein erhöhen.
    • Oft kommt es vor, dass in einer Tabelle eine neue Zeile benötigt wird. Dazu klicke einfach in die letzte Zelle rechts unten und drücke dann die Tabulator-Taste. Benötigst Du gleich 10 oder mehr neue Zeilen oder Sparten, ist es sinnvoll, über Klick rechte Maustaste => Zeilen oder Spalten einfügen zu gehen.
    • Um schnell alle Bedienfelder aus- bzw. einzublenden, drücke das Tastaturkürzel F4. Es werden dann nur noch das Menü und das Arbeitsfenster angezeigt.
    • In Dreamweaver ist es möglich, komplette Quellcodeblöcke zu suchen und zu ersetzen. Das ist vor allem dann praktisch, wenn Du mehr als nur eine Zeile Code, der immer wieder vorkommt, austauschen möchtest.
    • 18 Tipps und Tricks zu Adobe Dreamweaver
    • Um schnell den gesamten Inhalt einer Tabelle () oder eines DIVs () auszuwählen, klicke zweimal hintereinander Strg + A.
    • Arbeitest Du im Quellcode, kannst Du die Tags schnell schließen, indem Du Fenster > Ergebnisse > Überprüfen). Sehr praktisch ist auch das Firefox- Plug-In HTML Validator (http://users.skynet.be/mgueury/mozilla/) in Verbindung mit Firebug (http://getfirebug.com/).
    • Gute Anlaufstellen für Dreamweaver-Tutorials sind: www.psd-tutorials.de, www.dreamworker.de und www.adobe.com/devnet/dreamweaver.
    • Es gibt diverse Plug-Ins, um Dreamweaver zu erweitern. Du kannst Templates auf Joomla!-Basis auch in Dreamweaver bearbeiten. Siehe http://www.joomlaos.de.
    274,342,963
    Veröffentlicht am von Stefan Petri
    Veröffentlicht am: Von Stefan Petri
    Stefan Petri betreibt zusammen mit seinem Bruder Matthias das beliebte E-Learning-Portal PSD-Tutorials.de, das eine der ersten Anlaufstellen für Adobe-bezogene Tutorials im deutschsprachigen Internet ist. Schon 2002 kam er durch eine Webdesign-Fortbildung mit Photoshop und Co. in Kontakt und hat seitdem sein Wissen um Photoshop, Illustrator, InDesign und Dreamweaver kontinuierlich ausgebaut. 2015 gründete er mit seinem Team das E-Learning-Portal TutKit.com.