Cafi Netつながる情報技術
  1. トップ>
  2. DW CS5 の使い方>
  3. Spry(スプライ)の追加

Dreamweaver CS5 の Spry(スプライ)追加

テンプレートオブジェクトに続いて、最近使用したスニペットです。Adobe Dreamweaver CS5(アドビ ドリームウィーバー CS5)の使い方を確認します。

Adobe Dreamweaver CS5 & CS5.5 * Spry Widget の操作(概要説明)

最近使用したスニペットや Spry の追加

最近使用したスニペットには、スニペットパネルで作成したスニペットが表示されます。

スニペットとは、 HTML/JavaScript/PHP などの再使用するコードをひな形として定義する機能です。

コードスニペットを作成しておくと、再入力の手間が省けます。

Learn Dreamweaver CS5 & CS5.5 - 新しいWidget Browserの利用 | Adobe TV

Widget を選択すると、Widget ダイアログボックスが表示されます。

ダイアログボックスで Widget とプリセットを選択します。

Dreamweaver CS5 の Spry を追加

Spry(スプライ)とは、高度なウェブページの作成を簡単にする JavaScript および CSS ライブラリです。

ブラウザにダウンロードさせることで、ページ全体を更新することなく動的データを表示できます。

Spry を追加した時点でフレームワーク(骨格)はできているので、コードを一行も書かなくても必要な機能を実装できます。

テキストを入力して CSS でデザインを変更することで、タブ付きパネルや縮小可能パネルなどを簡単に作成できます。

Spry タブ付きパネルと Spry 縮小可能パネルの編集

編集可能領域の作成ダイアログボックス

InContext Editing は、InContext 用の領域を追加する機能です。

編集可能領域の作成と、リピート領域の作成を選択できます。

InContext Editing とは、Web ブラウザ上から編集を行うオンラインサービスです。

公開したページにアクセスして、Adobe ID でサインインします。

Web ブラウザ上で、テキストや画像などの編集を行います。

Dreamweaver CS5 のデータオブジェクトを追加

データオブジェクトでは、レコードセットやストアードプロシージャなどを追加します。

実行には、ドキュメントタイプの選択やテストサーバーの設定などが必要です。

ColdFusion オブジェクトでは、ColdFusion フォームなどの追加を行います。

ColdFusion(コールドフュージョン)とは、動的なウェブサイトを開発するプラットフォームです。

お気に入りオブジェクトのカスタマイズ

お気に入りのカスタマイズを選択すると、お気に入りオブジェクトのカスタマイズダイアログボックスが表示されます。

ダイアログボックスでは、使用可能なオブジェクトを選択して追加するなど、お気に入りをカスタマイズできます。

オブジェクトの追加を選択すると、Adobe Exchange へアクセスします。

Adobe Exchange では、アドビアプリケーションを拡張するアイテムをダウンロードできます。