ホーム>Web デザインのチュートリアル>Dreamweaver チュートリアル

Ultradev サンプル チュートリアル: 4 プラグインのインストールと使用

著者：Eve Cole 更新時間：2009-05-30 18:34:38
第 4 章: Ultratrade プラグインのインストールと簡単な使用

プラグインを使用すると、いくつかの機能を迅速に実装し、プログラミングの手間を大幅に軽減できます。以前は、Dreamweaver と Ultradev のプラグインは、機能する前に対応するディレクトリにファイルを手動でコピーする必要がありましたが、バージョン 4.0 では、Marcomedia は Extention Manager Tools と呼ばれるソフトウェアを使用していました。ユーザーがプラグインをインストールできるようにするため、プラグイン形式も *.mxp に変更されました。

Extention Manager は、Dreamweaver または Ultradev のインストール時にインストールされます。表示されるインターフェイスは次のとおりです。



表示インターフェイスはシンプルでわかりやすく、ツールバーの左側にある 2 つのボタンはインストールとアンインストールです。インストールしたプラグインの名前、バージョン、タイプ、作成者、およびその他の情報がツールバーの下のウィンドウにリストされます。以下の画面には、プラグインの目的と注意事項、簡単な使用方法が記載されています。上の写真に示すように。

新しいプラグインをインストールする場合は、プラグイン ファイルを直接ダブルクリックすると、システムが自動的に Extention Manager を呼び出してインストールします。また、Extention Manager ツールバーの [インストール] ボタンをクリックしてインストールすることもできます。をクリックし、インストールするプラグインを選択します。


インストールの開始時に、このプラグインは商用ディストリビューションなどとして使用すべきではないという Macromedia の声明に同意するかどうかを尋ねられます。拒否するとインストール プログラムが終了するので、もちろん受け入れるを選択します :)



プラグインはどこで見つかりますか?世界中の Ultradev ユーザーがプラグインを提供するプラグイン センターを提供する Macromedia のホームにアクセスすることをお勧めします。分類は科学的であり、必要なプラグインをすぐに見つけるのに役立つ検索機能もあります。

以下にプラグインの使い方を簡単に紹介します。

プラグイン名: dHTML アウトライン

バージョン: 1.7.7

タイプ: オブジェクト

エクスプローラー風のドロップダウンメニュー（ツリーの折りたたみ）を作成するオブジェクトプラグインです。このプラグインをサポートするには、IE4 以降、または Netscape 6 が必要です (図のプラグインの紹介に記載されています)。



インストール後、オブジェクト パネルまたはメニューの [挿入] -> [アウトライン] からプラグイン設定パネルを開くことができます。


図に示すように、プラグインのコントロール パネルは非常にシンプルです。



[詳細] タブを選択すると、パネル上に設定する場所が 3 つあることがわかります。

アウトラインのベース名: 任意に入力できますが、有効な名前である必要があります。この名前は、後で生成される JavaScript コードのパラメーターとしてのみ機能し、Web ページには表示されません。スペースを含めることはできないことに注意してください。

見出しの追加: これは、Web ページに表示するトランクです。ブランチの内容は、Web ページで後で変更するまで変更できません。図に示すように:



子項目のテキスト インデント: ブランチ コンテンツのインデント数。必要に応じて選択できます。上の図は、デフォルトのインデント表示効果を示しています。

ラテン語のフィラー テキストを含める: 説明するためにラテン語のテキストを使用するだけです。デフォルト値の false を使用できます。
「作成」をクリックすると、プラグインは次のようなページを生成します。



次の仕事は、上の図に示すように、黒い下部の内容を表示したい内容に変更することです。変更後、プレビューします。



Web ページのソース コードを見ると、次のことがわかります。


< div id="helloParenthello3" onClick="javascript:hideshow('helloChildhello3')" class="exHeading" >hello3</div >

< div id="helloChildhello3" style="cursor:auto" class="exindent" >Hello world!!</div >


このようにして、データベース内のデータから動的に折りたたみツリーを生成したい場合は、<%=rs("filename など) を表示するフィールドに置き換えるだけで済みます。 ")%>。
関連記事