以下のテンプレートとサンプルアプリケーションは、Dreamweaverで何が作成できるかを示します。

Dreamweaver スターターテンプレート

注意:以下のテンプレートの概要と簡単な使用法については、Chris Converseの記事初心者のためのカスタマイズ可能なスターターデザインを参照してください。

デザイン1/開発者:Chris Converse

デザイン1/開発者:Chris Converse

主な機能:CSSベースのレイアウト、流体デザイン要素、スライスされたPhotoshopドキュメント、Ajaxアセット、Spryメニュー。

  1. デザイン1をダウンロード  (ZIP、1.3 MB)
デザイン2/開発者:Chris Converse

デザイン2/開発者:Chris Converse

主な機能:CSSベースのレイアウト、CSSベースのナビゲーション、スライスされたPhotoshopドキュメント、Ajaxアセット、Spry Accordion。

  1. デザイン2をダウンロード (ZIP、3.4 MB)
デザイン3/開発者:Chris Converse

デザイン3/開発者:Chris Converse

主な機能:CSSベースのレイアウト、スライスされたPhotoshopドキュメント、Ajaxアセット、Spry Accordion。

  1. デザイン3をダウンロード  (ZIP、782 KB)
デザイン4/開発者:Chris Converse

デザイン4/開発者:Chris Converse

主な機能:CSSベースのレイアウト、流体デザイン要素、スライスされたPhotoshopドキュメント、Ajaxアセット、Spryタブ付きパネル。

  1. デザイン4をダウンロード  (ZIP、945 KB)
デザイン5/開発者:Chris Converse

デザイン5/開発者:Chris Converse

主な機能:CSSベースのレイアウト、透明デザイン要素、スライスされたPhotoshopドキュメント、Ajaxアセット、Spry縮小可能パネル。

  1. デザイン5をダウンロード  (ZIP、4.5 MB)

注意:以下のテンプレートの概要と簡単な使用法については、Chris Converseの記事Webデザイナーのためのカスタマイズ可能なスターターデザインを参照してください。

デザイン6/開発者:Chris Converse

デザイン6/開発者:Chris Converse

主な機能:CSSベースのレイアウト、液状およびプロポーショナルデザイン要素、絶対配置およびインライン配置要素、スライスされたPhotoshopドキュメント、HTML/CSS、Ajaxアセット、Spryメニュー。

  1. デザイン6をダウンロード  (ZIP、1.3 MB)
デザイン7/開発者:Chris Converse

デザイン7/開発者:Chris Converse

主な機能:CSSベースのレイアウト、透明度を持つSpryタブ付きパネル、スライスされたPhotoshopドキュメント、HTML/CSS、複数イメージ流体デザイン要素、カスタムjQuery関数によるサイズ変更時の動的レイアウト調整。

  1. デザイン7をダウンロード  (ZIP、4.0 MB)
デザイン8/開発者:Chris Converse

デザイン8/開発者:Chris Converse

主な機能:CSSベースのレイアウト、配置・積み重ね・透明度の技法、スライスされたPhotoshopドキュメント、HTML/CSS、WordPressテーマとして開発。

  1. デザイン8をダウンロード  (ZIP、4.5 MB)
デザイン9/開発者:Chris Converse

デザイン9/開発者:Chris Converse

主な機能:CSSベースのレイアウト、動的WordPress要素のSpryメニューへの導入、HTML/CSS、WordPressテーマとして開発。

  1. デザイン9をダウンロード  (ZIP、1.9 MB)

Spry

注意:以下のデモは、Spryフレームワークのデータ機能に関するコンセプトの実証です。キーボードやスクリーンリーダーからはアクセスできない可能性があります。詳しくはFAQを参照してください。

Spryエフェクトデモ/開発者:Spryチーム

Spryエフェクトデモ/開発者:Spryチーム

Spryで作成できるエフェクトのサンプルを紹介します。

Spryフォーム検証/開発者:Spryチーム

Spryフォーム検証/開発者:Spryチーム

Spryフォーム検査の動作のデモをご覧ください。

Spry周期表/開発者:Don Booth

Spry周期表/開発者:Don Booth

このサンプルアプリケーションは、Spryの様々な技法を使用しています。

Spryフォトギャラリー/開発者:Spryチーム

Spryフォトギャラリー/開発者:Spryチーム

このサンプルアプリケーションは、XMLを使用したフォトギャラリーを示します。

Spry製品表/開発者:Spryチーム

Spry製品表/開発者:Spryチーム

XMLベースのデータを表示するインタラクティブデータグリッドを示します。

Spry RSSリーダー/開発者:Spryチーム

Spry RSSリーダー/開発者:Spryチーム

複数のXMLファイルを使用してリッチインターフェイスを作成する方法を示します。