- Dreamweaver ユーザーガイド
- はじめに
- Dreamweaver と Creative Cloud
- Dreamweaver のワークスペースとビュー
- サイトの設定
- ファイルの管理
- レイアウトとデザイン
- CSS
- ページコンテンツとアセット
- ページプロパティの設定
- CSS 見出しプロパティおよび CSS リンクプロパティの設定
- テキストの操作
- テキスト、タグ、属性の検索と置換
- DOM パネル
- ライブビューでの編集
- Dreamweaver でのドキュメントのエンコード
- ドキュメントウィンドウでのエレメントの選択および表示
- プロパティインスペクターでのテキストプロパティの設定
- web ページのスペルチェック
- Dreamweaver での区切り線の使用
- Dreamweaver でのフォントの組み合わせの追加と変更
- アセットを使用した作業
- Dreamweaver での日付の挿入と更新
- Dreamweaver でのお気に入りアセットの作成と管理
- Dreamweaver でのイメージの挿入と編集
- メディアオブジェクトの追加
- Dreamweaver でのビデオの追加
- HTML5 ビデオの挿入
- SWF ファイルの挿入
- オーディオエフェクトの追加
- Dreamweaver での HTML5 オーディオの挿入
- ライブラリ項目の操作
- Dreamweaver でのアラビア語およびヘブライ語のテキストの使用
- リンクおよびナビゲーション
- jQuery Widget と効果
- web サイトのコーディング
- Dreamweaver でのコーディングについて
- Dreamweaver のコーディング環境
- コーディングの環境設定
- コードカラーリングのカスタマイズ
- コードの記述と編集
- コードヒントとコード補完機能
- コードの折りたたみと展開
- スニペットでコードを再利用する
- 構文チェックコード
- コードの最適化
- デザインビューでのコードの編集
- ページのヘッドコンテンツの操作
- Dreamweaver でのサーバーサイドインクルードの挿入
- Dreamweaver でのタグライブラリの使用
- Dreamweaver へのカスタムタグの読み込み
- JavaScript ビヘイビアーの使用(基本操作)
- JavaScript に組み込まれているビヘイビアーの適用
- XML および XSLT について
- Dreamweaver でのサーバーサイド XSL 変換の実行
- Dreamweaver でのクライアントサイド XSL 変換の実行
- Dreamweaver での XSLT の文字エンティティの追加
- コードのフォーマット
- 製品間ワークフロー
- テンプレート
- Dreamweaver テンプレートについて
- テンプレートおよびテンプレートから作成されたドキュメントの認識
- Dreamweaver テンプレートの作成
- テンプレート編集可能領域の作成
- Dreamweaver でのリピート領域およびテーブルの作成
- テンプレートの任意の領域の使用
- Dreamweaver での編集可能なタグ属性の定義
- Dreamweaver でネストされたテンプレートを作成する方法
- テンプレートの編集、更新、削除
- Dreamweaver での xml コンテンツの書き出しおよび読み込み
- 既存のドキュメントでのテンプレートの適用または削除
- Dreamweaver テンプレートでのコンテンツの編集
- Dreamweaver でのテンプレートタグのシンタックスルール
- テンプレート領域のハイライト表示の環境設定
- Dreamweaver でテンプレートを使用する利点
- モバイルとマルチスクリーン
- 動的サイト、ページおよび web フォーム
- web アプリケーションについて
- アプリケーション開発のためのコンピューター設定
- データベース接続のトラブルシューティング
- Dreamweaver での接続スクリプトの削除
- 動的ページのデザイン
- 動的コンテンツソースの概要
- 動的コンテンツのソースの定義
- ページへの動的コンテンツの追加
- Dreamweaver での動的コンテンツの変更
- データベースのレコードの表示
- Dreamweaver でのライブデータの入力とトラブルシューティング
- Dreamweaver でのカスタムサーバービヘイビアーの追加
- Dreamweaver を使用したフォームの作成
- フォームを使用したユーザーからの情報の収集
- Dreamweaver での ColdFusion フォームの作成と有効化
- web フォームの作成
- フォームエレメントの HTML5 サポート強化
- Dreamweaver を使用したフォームの開発
- アプリケーションのビジュアル開発
- web サイトのテスト、プレビュー、パブリッシュ
- トラブルシューティング
Dreamweaver 以降では、ユーザーインターフェイスが簡素化されています。そのため、この記事で説明されているオプションの一部が Dreamweaver 以降には存在しない場合があります。詳しくは、こちらの記事を参照してください。
動的コンテンツについて
ページ上の動的コンテンツを変更するには、コンテンツを表示するサーバービヘイビアーを編集します。例えば、レコードセットのサーバービヘイビアーを編集して、ページ上により多くのレコードを表示することができます。
ページの動的コンテンツは、サーバービヘイビアーパネルに表示されます。例えば、ページにレコードセットを追加すると、サーバービヘイビアーパネルには次のように表示されます。
Recordset(myRecordset)
ページに別のレコードセットを追加すると、サーバービヘイビアーパネルには次のように両方のレコードセットが表示されます。
Recordset(mySecondRecordset)Recordset(myRecordset)
動的コンテンツの編集
-
ウィンドウ/サーバービヘイビアーを選択して、サーバービヘイビアーパネルを開きます。
-
「+」ボタンをクリックしてサーバービヘイビアーを表示し、パネルでサーバービヘイビアーをダブルクリックします。
元のデータソースの定義に使用したものと同じダイアログボックスが表示されます。
-
ダイアログボックスで変更を行い、「OK」をクリックします。
動的コンテンツの削除
-
ページに追加した動的コンテンツを削除するには、次のいずれかの操作を行います。
ページ上の動的コンテンツを選択して、Delete キーを押します。
サーバービヘイビアーパネルで動的コンテンツを選択して、「-」ボタンをクリックします。
注意:この操作によって、データベースから動的コンテンツを取得するページのサーバーサイドスクリプトが削除されます。データベース内のデータが削除されることはありません。
動的コンテンツのテスト
ライブビューを使用して、動的コンテンツをプレビューおよび編集できます。
動的コンテンツが表示されているときには、次のタスクを行うことができます。
ページデザインツールを使用して、ページのレイアウトを調整できます。
動的コンテンツを追加、編集、または削除できます。
サーバービヘイビアーを追加、編集、または削除できます。
-
「ライブビュー」ボタンをクリックして、動的コンテンツを表示します。
-
ページに必要な変更を加えます。変更を行ったり、変更の効果を確認したりするには、ライブビューとデザインビューまたはコードビューを切り替える必要があります。
Adobe Contribute ユーザーによる動的コンテンツの編集の許可
Contribute ユーザーが動的コンテンツまたは不可視エレメント(スクリプトやコメントなど)の含まれているページを編集するとき、これらのアイテムは黄色いマーカーで表示されます。初期設定では、Contribute ユーザーがこれらのアイテムの選択または削除を行うことはできません。
動的コンテンツや他の不可視エレメントの選択や削除を Contribute ユーザーが行えるようにするには、それらの操作を許可するように権限グループの設定を変更します。ただし、動的コンテンツについては、選択できるようにすることは可能ですが、編集を許可することは通常できません。
サーバーテクノロジを使用すると、サーバータグまたは関数を使用して静的テキストを表示することができます。そのようなサーバーテクノロジを使用している動的ページの静的テキストを Contribute ユーザーが編集できるようにするには、静的テキストをサーバータグの外に配置します。詳しくは、『Adobe Contribute の使用と管理』を参照してください。
-
サイト/Contribute サイトの管理を選択します。
-
Contribute 互換性のために必要な特定のオプションが有効になっていない場合は、それらのオプションを有効にするかどうかを確認するダイアログボックスが表示されます。「OK」をクリックして、それらのオプションと Contribute 互換性を有効にします。
-
管理者のパスワードを入力するよう求められた場合は、管理者のパスワードを入力し、「OK」をクリックします。
Web サイトの管理ダイアログボックスが表示されます。
-
「ユーザーと役割」カテゴリで、ロールを選択して「役割の設定を編集」ボタンをクリックします。
-
「編集」カテゴリを選択し、スクリプトとフォームを保護するオプションの選択を解除します。
-
「OK」をクリックして設定の編集ダイアログボックスを閉じます。
-
「閉じる」をクリックして Web サイトの管理ダイアログボックスを閉じます。
プロパティインスペクターでのレコードセットの修正
プロパティインスペクターでは、選択したレコードセットを修正することができます。選択可能なオプションは、サーバーモデルによって異なります。
-
プロパティインスペクター(ウィンドウ/プロパティ)を開き、サーバービヘイビアーパネル(ウィンドウ/サーバービヘイビアー)でレコードセットを選択します。
-
オプションを編集します。プロパティインスペクターで新しいオプションを選択すると、Dreamweaver によってページが更新されます。