Webdesignの動的な世界では、Adobe Dreamweaverは開発者やデザイナーにとって欠かせないツールです。ただし、この強力なソフトウェアのすべての機能を本当に活用するには、キーボードショートカットが重要です。

Dreamweaverのキーボードショートカットは、便利なショートカット以上のものです。これらは効率的で迅速な作業への架け橋となります。これらのショートカットを使えば、わずかなキー操作で複雑なタスクを完了することができ、生産性が向上し貴重な時間が節約されます。これにより、煩雑なメニューをたどることなく、異なる機能やビューをスムーズに切り替えることができます。これはより滑らかで直感的な作業フローをもたらし、特に厳しい締め切りの際に大きな利点となります。

この記事では、主要なDreamweaverキーボードショートカットを使用して、Webデザインと開発のプロセスを最適化する方法を紹介します。初心者でも経験豊富なプロでも、これらのショートカットはDreamweaverでの作業を根本的に改善します。準備ができたら、Webデザインスキルを次のレベルに引き上げましょう。それでは、Dreamweaverのショートカットの世界に飛び込みましょう!

目次

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

挿入

アクションショートカット
画像Strg + Alt + I
Strg + Alt + T
スペース ( )Strg + Shift + Space
改行 (<br />)Shift + Enter
ハイパーリンクの挿入Strg + L
ハイパーリンクの削除Strg + Shift + L
タグ選択Strg + E
SWFファイルStrg + Alt + F
名前付きアンカーポイントStrg + Alt + A
テンプレートの編集可能領域Strg + Alt + V

ウィンドウ

ウィンドウショートカット
AP要素F2
バインディングStrg + F10
コード断片Shift + F9
コードインスペクターF10 / Alt + F10
CSSスタイルShift + F11
データベースStrg + Shift + F10
ファイルF8 / Strg + Shift + F
プロパティStrg + F3
挿入Strg + F2
ウィンドウを非表示F4
フレームShift + F2
コンポーネントStrg + F7
サーバー動作Strg + F9
検索F7
タグインスペクターF9 / Alt + Shift + F9
動作Shift + F4
履歴Shift + F10

表の操作

アクションショートカット
個々のセルを選択Strg + クリック
表を選択Strg + A 2x
行を挿入Strg + M
行を挿入 Version II最後のセルでTab
列を挿入Strg + Shift + A
行を削除Strg + Shift + M
列を削除Strg + Shift + -
セルを結合Strg + Shift + Alt + M
セルを分割Strg + Alt + S

Adobe Dreamweaverの18のヒントとトリック

  • サイトが設定されている場合、開いているファイルをサーバーに迅速にアップロードするには、Strg + + Uを押してください。
  • ドリームウィーバーには、W3C無効なエラーやすべてのスクリプトのブラウザ互換性を示す内部ブラウザ互換性テストがあります。この機能には「ページの検証」メニューからアクセスできます。すべてのブラウザでサイトを開かなくてもよいので、非常に役立ちます。
  • ドリームウィーバーを使用して、サーバーから直接ファイルを開いて編集できます。FTPクライアントでのアップロードを省略できます。ファイルウィンドウ(F8)=> Sites管理をクリックし、新規を選択して必要事項を入力します。その後、サーバーの内容がリストされ、必要なページを開くことができます。
  • CSS背景をより見やすくするには、表示 => 視覚的補助 => CSSレイアウトの背景を有効にします。各ブロックがランダムな色で表示されます。ただし、これらの色はデザインビューでのみ表示されます。
  • 表示サイズはできるだけ変更しないでください - 標準では100%に設定されています - そうしないと、Dreamweaverでページが画素化されたように見えます。
  • デフォルトでレイヤパレットヒストリは最大50ステップ取り消すことができます。この値は一般設定(Strg + U)の「全般」タブで変更できます。
  • 表で新しい行が必要な場合は、右下の最後のセルをクリックしてからTabキーを押します。10行以上の新しい行やセクションが必要な場合は、右クリック => 行または列の挿入をクリックしてください。
  • すべてのパネルを素早く表示または非表示にするには、キーボードショートカットF4を押します。その後、メニューと作業ウィンドウだけが表示されます。
  • Dreamweaverでは、完全なソースコードブロックを検索および置換することができます。これは、繰り返し出現する1行以上のコードを交換したい場合に特に便利です。
  • Adobe Dreamweaverに関する18のヒントとトリック
  • 表全体またはDIV全体のコンテンツを迅速に選択するには、2回連続してStrg + Aをクリックします。
  • ソースコードで作業している場合、タグを素早く閉じるには、Window => Results => Validate Resultsを選択してください。Firefox-プラグインHTML Validator(http://users.skynet.be/mgueury/mozilla/)とFirebug (http://getfirebug.com/) の組み合わせも非常に便利です。
  • Dreamweaverのチュートリアルの良い情報源は、www.psd-tutorials.de、www.dreamworker.de、およびwww.adobe.com/devnet/dreamweaverです。
  • Dreamweaverを拡張するさまざまなプラグインがあります。Joomla!ベースのテンプレートをDreamweaverで編集することもできます。参照:http://www.joomlaos.de。
274,342,963

Adobe Dreamweaverのショートカットキーを一覧で紹介します。

公開日 より Stefan Petri
公開日:
より Stefan Petri
Stefan Petriとその兄弟Matthiasは、人気のある専門フォーラムPSD-Tutorials.deと、デジタル職業能力の教育と研鑽に重点を置いたEラーニングプラットフォームTutKit.comを運営しています。