編集部からのお知らせ
新着記事まとめは「AIトレンド」
推奨:「NTT再編」関連の記事まとめPDF

Adobe SpryとDreamweaver CS3であのエフェクトもサクサク:魅力のAjaxライブラリAdobe Spry入門 - (page 3)

たにぐちまこと(H2O Space.)

2007-09-13 17:00

ウィジットを利用する

 最後にウィジットを使ってみよう。新しいHTMLを作成して、Spryツールバーの[Spry アコーディオン]ボタンをクリックする。これで、アコーディオンの原型ができあがる(図3-1)。

図3-1

 標準は、2つのパネルがあるアコーディオンだが、画面上部の青いラベル部分をクリックすると、プロパティパネルで数を変更することができる(図3-2)。また、各アコーディオンの内容は、ラベルにマウスを重ねると図3-3のようなアイコンが表示されるため、これをクリックすればアコーディオンが切り替わって、内容を編集できるようになる。

図3-2
図3-3

 こうして編集が終わったら、Webブラウザに表示すればアコーディオンパネルが完成だ(図3-4)。その他のウィジットもそれぞれ、簡単に作ることができるので試してみよう。

図3-4

 いかがだろうか。これほど簡単にSpryを操ることができるのだ。これなら、プログラミング経験の乏しいWebデザイナでもJavaScriptを活用した、非常にリッチな演出を施したWebサイトを簡単に作ることができるだろう。しかも、全くDreamweaverに依存することなく、Spryというオープンな技術によって作られているため、改造も容易なのだ。このためだけにも、Dreamweaver CS3を使う価値がある。

ZDNet Japan 記事を毎朝メールでまとめ読み(登録無料)

特集

CIO

モバイル

セキュリティ

スペシャル

ホワイトペーパー

新着

ランキング

  1. セキュリティ

    アンチウイルス ソフトウェア10製品の性能を徹底比較!独立機関による詳細なテスト結果が明らかに

  2. 経営

    10年先を見据えた働き方--Microsoft Teamsを軸に社員の働きやすさと経営メリットを両立

  3. セキュリティ

    6000台強のエンドポイントを保護するために、サッポログループが選定した次世代アンチウイルス

  4. セキュリティ

    ローカルブレイクアウトとセキュリティ-SaaS、Web会議があたりまえになる時代の企業インフラ構築

  5. 運用管理

    マンガでわかるスーパーマーケット改革、店長とIT部門が「AIとDXで トゥギャザー」するための秘策

NEWSLETTERS

エンタープライズ・コンピューティングの最前線を配信

ZDNet Japanは、CIOとITマネージャーを対象に、ビジネス課題の解決とITを活用した新たな価値創造を支援します。
ITビジネス全般については、CNET Japanをご覧ください。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]