|
Dreamweaver CS4 リソース |
Spry Widget の操作 (概要説明)Spry Widget についてSpry Widget は、ユーザーインタラクションを可能にすることにより豊かな体験を提供するページエレメントです。 Spry Widget は次の部分で構成されます。
Spry フレームワークは、標準 HTML、CSS、および JavaScript で書かれた再利用可能な一連の Widget をサポートします。 これらの Widget は、最も単純なものは HTML と CSS のコードであり、容易に挿入し修正して使用できます。 フレームワークのビヘイビアには、ユーザーがさまざまな操作をできるようにする機能が含まれます。これにはたとえば、ページコンテンツの表示と非表示を切り替える、ページの色などの外観を変える、メニュー項目をインタラクティブに使用するなどの機能があります。 Spry フレームワークの各 Widget は、それぞれ固有の CSS および JavaScript に関連付けられています。 CSS ファイルには、Widget のスタイル設定に必要なすべての設定が含まれています。JavaScript ファイルは、Widget の機能を提供します。 Dreamweaver インターフェイスを使用して Widget を挿入すると、Widget が機能とスタイルを持つように、Dreamweaver によってこれらのファイルがページに自動的にリンクされます。 ある Widget に関連付けられた CSS および JavaScript ファイルは、その Widget にちなんだ名前が付けられています。このため、どのファイルがどの Widget に対応するかを容易に見分けられます。 たとえば、アコーディオン Widget に関連付けられたファイルの名前は SpryAccordion.css および SpryAccordion.js です。 保存されているページに Widget を挿入すると、Dreamweaver によってサイトに SpryAssets ディレクトリが作成され、対応する JavaScript および CSS ファイルがその場所に保存されます。 Spry Widget の挿入 [挿入]-[Spry] を選択し、挿入する Widget を選択します。Widget を挿入すると、ページを保存したときに、Dreamweaver によって必要な Spry JavaScript および CSS ファイルが自動的にサイトに含められます。 注意： [挿入] パネルの [Spry] カテゴリを使用して Spry Widget を挿入することもできます。
Spry Widget の編集 編集する Widget を選択し、プロパティインスペクタ ([ウィンドウ]-[プロパティ]) で必要な変更を加えます。特定の Widget に変更を加える方法の詳細については、各 Widget に関する適切な項を参照してください。 Spry Widget のスタイル設定 Widget に適した CSS ファイルをサイトの SpryAssets フォルダから見つけ、必要に応じてその CSS ファイルを編集します。特定の Widget のスタイルを設定する方法の詳細については、各 Widget に関する適切なカスタマイズの項を参照してください。  Spry Widget のフォーマットは、他のページエレメントのスタイルと同様に、[CSS] パネルでスタイルを編集して設定することもできます。追加の Widget の取得Dreamweaver では Spry Widget だけでなく他の Web Widget もインストールできます。Adobe Exchange には、他のクリエイティブなプロフェッショナルによって開発された Web Widget があります。 アプリケーションバーの [Dreamweaver の拡張] メニュー  から [Web Widget の参照] を選択してください。Web Widget を使用した作業について Dreamweaver エンジニアリングチームが説明する概要ビデオは、www.adobe.com/go/dw10widgets_jp を参照してください。 デフォルトの Spry アセットフォルダの変更保存されているページに Spry Widget、データセット、または効果を挿入すると、Dreamweaver によってサイトに SpryAssets ディレクトリが作成され、対応する JavaScript および CSS ファイルがその場所に保存されます。 Dreamweaver が Spry アセットを保存する初期設定の場所を変更して、別の場所に保存することもできます。
|
