Webdesignの動的な世界では、Adobe Dreamweaverは開発者やデザイナーにとって欠かせないツールです。ただし、この強力なソフトウェアのすべての機能を本当に活用するには、キーボードショートカットが重要です。
Dreamweaverのキーボードショートカットは、便利なショートカット以上のものです。これらは効率的で迅速な作業への架け橋となります。これらのショートカットを使えば、わずかなキー操作で複雑なタスクを完了することができ、生産性が向上し貴重な時間が節約されます。これにより、煩雑なメニューをたどることなく、異なる機能やビューをスムーズに切り替えることができます。これはより滑らかで直感的な作業フローをもたらし、特に厳しい締め切りの際に大きな利点となります。
この記事では、主要なDreamweaverキーボードショートカットを使用して、Webデザインと開発のプロセスを最適化する方法を紹介します。初心者でも経験豊富なプロでも、これらのショートカットはDreamweaverでの作業を根本的に改善します。準備ができたら、Webデザインスキルを次のレベルに引き上げましょう。それでは、Dreamweaverのショートカットの世界に飛び込みましょう!
Datei
Datei | Shortcut |
Neu | Strg + N |
Öffnen | Strg + O |
Bridge durchsuchen | Strg + Alt + O |
Schließen | Strg + W |
Alle Schließen | Strg + Shift + W |
Speichern | Strg + S |
Speichern unter | Strg + Shift + S |
Drucken | Strg + P |
Voreinstellungen | Strg + U |
Vorschau im Browser | F12 / Alt + F12 |
Links überprüfen | Shift + F8 |
Beenden | Strg + Q |
Ansicht / Bearbeiten
Ansicht / Bearbeiten | Shortcut |
Einzoomen | Strg + + |
Auszoomen | Strg + - |
Ein- / Auszoomen | Strg + Mausrad |
Einfügen mit Optionen | Strg + Shift + V |
Suchen | Strg + F |
Weitersuchen in Auswahl | Shift + F3 |
Weitersuchen | F3 |
Ansicht wechseln | Strg + # |
Lineale einblenden | Strg + Alt + R |
Hilfslinien einblenden | Strg + Shift + # |
Live-Ansicht | Alt + F11 |
Rückgängig | Strg + Z |
Wiederholen | Strg + Y |
Raster einblenden | Strg + Alt + G |
Am Raster ausrichten | Strg + Shift + Alt + G |
HTML-Head anzeigen | Strg + Shift + H |
Erweiterter Tabellenmodus | Alt + F6 |
Alles ausblenden | Strg + Shift + I |
JavaScript anhalten | F6 |
Plug-Ins wiedergeben | Strg + Alt + P |
Plug-Ins stoppen | Strg + Alt + X |
Entwurfsansicht
Entwurfsansicht | Shortcut |
Quick Tag Editor | Strg + T |
Code Navigator | Strg + Alt + Klick |
Entwurfsansicht aktualisieren | F5 |
Pixelbreite bei Hilfslinien | Strg |
Quellcode & Entwurf
Aktion | Shortcut |
Keine Textformatierung | Strg + 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 |
Fett | Strg + B |
Kursiv | Strg + I |
Arbeiten im Quellcode
Aktion | Shortcut |
Codehilfe | Strg + Leertaste |
Gehe zu Zeile | Strg + G |
Markierte Auswahl mit # umgeben | Strg + Shift + 3 |
Links stehendes Wort entfernen | Strg + Rücktaste (Backspace) |
Rechts stehendes Wort entfernen | Strg + Entf |
Zeile oberhalb auswählen | Shift + Pfeiltaste oben |
Zeile unterhalb auswählen | Shift + Pfeiltaste unten |
Links stehendes Zeichen auswählen | Shift + Pfeiltaste links |
Rechts stehendes Zeichen auswählen | Shift + Pfeiltaste rechts |
Ganze Seite bis unten auswählen | Shift + Bild unten |
Ganze Seite bis oben auswählen | Shift + Bild oben |
Nächstes Wort nach links springen | Strg + Pfeiltaste links |
Nächstes Wort nach rechts springen | Strg + Pfeiltaste rechts |
Links stehendes Wort auswählen | Strg + Shift + Pfeiltaste links |
Rechts stehendes Wort auswählen | Strg + Shift + Pfeiltaste rechts |
Zum Zeilenanfang springen | Pos1 / Pfeil schräg links oben |
Zum Zeilenende springen | Ende / Pfeil schräg rechts unten |
Auswählen bis zum Zeilenanfang | Shift + Pos1 |
Auswählen bis zum Zeilenende | Shift + Ende |
Zu Zeilennummer 1 springen | Strg + Pos1 |
Zur letzten Zeilennummer springen | Strg + 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。