以下のテンプレートとサンプルアプリケーションは、Dreamweaverで何が作成できるかを示します。
Dreamweaver スターターテンプレート |
注意:以下のテンプレートの概要と簡単な使用法については、Chris Converseの記事初心者のためのカスタマイズ可能なスターターデザインを参照してください。
主な機能:CSSベースのレイアウト、流体デザイン要素、スライスされたPhotoshopドキュメント、Ajaxアセット、Spryメニュー。
主な機能:CSSベースのレイアウト、CSSベースのナビゲーション、スライスされたPhotoshopドキュメント、Ajaxアセット、Spry Accordion。
主な機能:CSSベースのレイアウト、スライスされたPhotoshopドキュメント、Ajaxアセット、Spry Accordion。
主な機能:CSSベースのレイアウト、流体デザイン要素、スライスされたPhotoshopドキュメント、Ajaxアセット、Spryタブ付きパネル。
主な機能:CSSベースのレイアウト、透明デザイン要素、スライスされたPhotoshopドキュメント、Ajaxアセット、Spry縮小可能パネル。
注意:以下のテンプレートの概要と簡単な使用法については、Chris Converseの記事Webデザイナーのためのカスタマイズ可能なスターターデザインを参照してください。
主な機能:CSSベースのレイアウト、液状およびプロポーショナルデザイン要素、絶対配置およびインライン配置要素、スライスされたPhotoshopドキュメント、HTML/CSS、Ajaxアセット、Spryメニュー。
主な機能:CSSベースのレイアウト、透明度を持つSpryタブ付きパネル、スライスされたPhotoshopドキュメント、HTML/CSS、複数イメージ流体デザイン要素、カスタムjQuery関数によるサイズ変更時の動的レイアウト調整。
主な機能:CSSベースのレイアウト、配置・積み重ね・透明度の技法、スライスされたPhotoshopドキュメント、HTML/CSS、WordPressテーマとして開発。
主な機能:CSSベースのレイアウト、動的WordPress要素のSpryメニューへの導入、HTML/CSS、WordPressテーマとして開発。
Spry |
注意:以下のデモは、Spryフレームワークのデータ機能に関するコンセプトの実証です。キーボードやスクリーンリーダーからはアクセスできない可能性があります。詳しくはFAQを参照してください。
Spryで作成できるエフェクトのサンプルを紹介します。
Spryフォーム検査の動作のデモをご覧ください。
このサンプルアプリケーションは、Spryの様々な技法を使用しています。
このサンプルアプリケーションは、XMLを使用したフォトギャラリーを示します。
XMLベースのデータを表示するインタラクティブデータグリッドを示します。
複数のXMLファイルを使用してリッチインターフェイスを作成する方法を示します。