Dreamweaver で一般的に使用されるメソッドとテクニックの概要

この記事は、Dreamweaver でよく使用される方法とテクニックをまとめたもので、困っている人は参考にしていただければ幸いです。

Dreamweaverには豊富なユーザーウィザード機能があり、見た目がたまりません。これらのわかりやすいヒントは、新しいサイトをスムーズに作成するのに役立ちます。

接続ウィンドウ

Dreamweaver のユーザー インターフェイスは、作業モードでは複数のウィンドウに分割されています。 。真の動作状態を保存するための最良の戦略は、開いているウィンドウを一緒にドッキングすることです。ウィンドウのタイトル バーをドラッグしようとしたことがあるかもしれませんが、これは多くのプログラムで実行できますが、Dreamweaver では機能しません。

ウィンドウ接続を実現するコツは、マウスを使用してタイトル バーの代わりにウィンドウのタブ バーをドラッグすることです。あるウィンドウのタブ バーをクリックして別のウィンドウ上にドラッグしてみて、黒い境界線が表示されたらマウス ボタンを放すと、2 つのウィンドウが結合されたことがわかります。好きなだけウィンドウを接続して 1 つに結合できるため、画面スペースを大幅に節約し、実際に何が機能しているかを確認できるようになります。ただし、ローダー ウィンドウ、プロパティ ウィンドウ、サイト ウィンドウには接続できないことに注意してください。

データ入力

Dreamweaver では、テーブルにデータを直接入力できます。これは、セルにコンテンツを何度も切り取って貼り付けるよりもはるかに簡単です。ただし、入力するデータに挿入/テーブルデータコマンドが含まれている場合、問題が発生します。残念ながら、Dreamweaver は区切り文字を含む .txt ファイルのみをインポートできます。 Word または Excel ファイルを処理する場合は、まず .txt ファイルとして出力してから、Dreamweaver にインポートします。夢のように素晴らしい加工方法であることがわかります。

削除、復元、繰り返し

テーブルにデータを入力すると、作業時間を大幅に節約できますが、Dreamweaver の最も便利な機能の 1 つは、履歴ウィンドウ。このウィンドウでは、ドキュメントが開かれると、それ以降に実行されたすべての操作が記録されるため、操作を追跡して、単に元に戻すか、最後の手順を繰り返すことができます。履歴ウィンドウで最後のステップを選択して Delete キーを押すか、スライダーを特定のステップまでドラッグして複数のステップを一度に削除します。同様に、ウィンドウの [再生] ボタンをクリックしてステップを再度実行します。

50 ステップ以上保存できないのは奇妙ですよね?これがデフォルト値です。この値を増やすには、「編集/環境設定」を選択し、「標準」機能ページにいることを確認して、「履歴ステップ最大値」フィールドに高い値を入力します。設定した保存ステップ数が多いほど、より多くのコンテンツが消費されることに注意してください。 ＃＃＃＃＃＃＃＃＃＃＃＃拡大！拡大する！

拡張機能を使用すると、Dreamweaver のパフォーマンスをさらに向上させることができます。多くの開発者が拡張機能を作成し、より多くの人が無料で利用できるようにしています。 Macromedia のサイトにアクセスして、みんなと作品を交換することができます。 Dreamweaver を実行しているときに、「コマンド/その他のコマンドを取得」を選択すると、ブラウザが自動的に起動し、交換サイトに移動します。新しいヒントをすべて収集する前に、まず拡張機能マネージャーをダウンロードしてください。これにより、拡張機能の追跡が簡単になります。 次のヒントは、大規模なサイトを管理し、他の Web 開発者と協力する開発者にとって役立ちます。

アルバムの作成

多くのグラフィックのサムネイルを一度に作成するのは、特に経験豊富なグラフィックの専門家でない場合、面倒な作業です。それは問題ではありません。Dreamweaver には新しい機能があり、グラフィック デザイン アシスタントのようなもので、要件に従ってサムネイル デザイン作業を完了できます。どのフォルダーにグラフィックスが含まれているかを Dreamweaver に指示すると、そのフォルダー内の各グラフィックのサムネイル、完全なグラフィックを含むページ、およびすべてのサムネイルを保持するインデックス ページが作成されます。この機能を使用するには、まず Fireworks をインストールする必要があります。
まず、ファイル構造を確立します。すべてのグラフィック ファイルをフォルダーに配置します。

次に、「コマンド/ウェブアルバムの作成」を選択し、対応するオプションを設定します。タイトルとサブタイトルについては考えすぎないでください。この情報は後で修正できます。この情報によってどのファイルが処理されるかが決定されるため、ソース図面フォルダと宛先フォルダを指定することが重要です。また、サムネイルのサイズ、形式、その他のオプションも決定します。

[OK] をクリックすると、Dreamweaver から Fireworks に制御が移り、ファイルのバッチ処理が開始され、非常に優れた小さなフォト アルバムまたは継続的な製品カタログが作成されます。写真がたくさんある場合は、セットアップして実行し、休憩を取ると、Dreamweaver と Fireworks がすべての作業を行ってくれます。

カスタム コマンドの作成

Dreamweaver の最も便利な機能の 1 つが履歴ウィンドウであることを覚えていますか?それは冗談ではなく、Dreamweaver は履歴ウィンドウにリストされたアクションに基づいて新しいコマンド シーケンスを作成できます。

コマンドを作成するには、記録したい手順を実行するだけです。次に、履歴ウィンドウで保存するステップを選択し、右下隅にある「名前を付けて保存」アイコンをクリックし、名前を付けて「OK」をクリックします。この時点で、カスタム コマンドが [コマンド] メニューに表示され、使用できるようになります。

他の人と共同作業する

#他の人と共同作業する Web 開発者にとって、共有ファイルが他の人に変更されることを心配する必要はありません。 Dreamweaver は、チェックインおよびチェックアウト システムを使用して、開いているファイルを保護します。次のヒントは、Dreamweaver の拡張とカスタマイズに役立ちます。実装プロセス中に、いくつかの Dreamweaver 設定ファイルを編集する必要があるため、最初に元のファイルのバックアップを作成してください。

カスタム オブジェクトの作成

オブジェクト ウィンドウは、フォームやフレームなどの項目をページにすばやく挿入するのに役立ちます。カスタム オブジェクトを作成するには、まずドキュメントに挿入するコードを含むファイルを作成します。たとえば、CNET Builder.com のニュース ボックスを作成するには、まずこのコードをダウンロードし、newsletters.htm として保存します。次に、「オブジェクト」ウィンドウに新しいパネルを作成するには、Dreamweaver/Configuration/Objects の下に、My Objects などの任意の名前のフォルダーを作成します。ファイルnewsletters.htmをこのディレクトリに配置します。同時に、新しいオブジェクトを表すグラフィックス ファイルが必要です。グラフィック ファイルを自分で作成することも、Dreamweaver に通常のアイコンを挿入させることもできます。アイコンを自分で作成する場合は、必ず 18 X 18 ピクセルの GIF ファイルを作成してください。グラフィックス ファイルを新しいオブジェクトと同じ名前で同じディレクトリに保存します。ここでグラフィックファイルが利用可能です。

ここで、Dreamweaver を再起動するか、拡張機能へのリロードを選択します (Ctrl キーを押してオブジェクト ウィンドウのポップアップ メニューをクリックします)。オブジェクト ウィンドウに新しい関数ページが表示され、そのグラフィックが表示されます。あなたがそれを設定しました。他のオブジェクトと同様に、この新しいオブジェクトをページにドラッグできます。 JavaScript に精通している場合は、より複雑なオブジェクトや、フローティング パネル、ビヘイビアーなどのその他の拡張機能を作成できます。あるいは、Macromedia Exchange から既製のオブジェクトをダウンロードするだけです。完全なオブジェクト コードを表示します。

メニューのレイアウトを変更する

Dreamweaver の直線的なメニューにうんざりしていませんか? 「ウィンドウ」メニューを右端に移動できたらいいのにと思いませんか?ヘルプメニューよりも頻繁に使用されるためです。これらの目標を達成することにまったく問題はありません。まず、Dreamweaver のインストールフォルダーを開き、Configuration/Menus/menus.xml ファイルを見つけてバックアップを作成し、別の場所に保存します。次に、テキスト エディタで Configuration/Menus/menus.xml を開き、d89f552c6b8a4e72759a5a7a5e7c6fb7 で始まるコード ブロックを見つけます。各メニューには 0b7df42684eb9fe72495ead5eee5d512 が含まれています。次の方法に従って、「ウィンドウ」メニューを表すコード セグメントを見つけます。

< menu name="_Window" id="DWMenu_Window">
...
< /menu>

このコードを切り取って、「ヘルプ」メニュー (be341cc9bff28b00456604e03f625285...5a9a0e9117a868e744002d2d9e892511)、ファイルを保存し、Dreamweaver を再起動すると、新しいメニューの順序が表示されます。また、menu.xml を編集すると、メニュー項目 (9b8d7b889acba92c978f783c55ba01dc...89a5789a3f15e118e2e41278ab35ace0) の並べ替え、メニュー名の変更 (NAME 属性を使用)、区切り文字の追加、キーボード ショートカットの追加、変更、削除を行うこともできます。 menu.xml ファイルのバックアップを作成することを忘れないでください。変更プロセス中に不正なコードが入力された場合、Dreamweaver は自動的に以前の状態に復元しません。

以上がDreamweaver で一般的に使用されるメソッドとテクニックの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。