- 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 CC 以降では、ユーザーインターフェイスが簡素化されています。そのため、この記事で説明されているオプションの一部が Dreamweaver CC 以降には存在しない場合があります。詳しくは、こちらの記事を参照してください。
プロテクトされたページについて
Web アプリケーションの一部として、許可されたビジターのみがアクセスできるプロテクトされたページを作成することができます。
例えば、プロテクトされたページの URL をブラウザーに入力して、ログインページを経由せずに直接アクセスしようとしたビジターは、別のページにリダイレクトされます。同様に、ページの認証レベルを "Administrator" に設定した場合は、"Administrator" のアクセス権を持つビジターだけがそのページを表示できます。ログインしたビジターが、適切なアクセス権を持たずにプロテクトされたページにアクセスしようとした場合は、別のページにリダイレクトします。
また、認証レベルを使用して、新規登録ユーザーにサイトへのフルアクセス権を与える前に、そのビジターを調べることもできます。例えば、支払いが済んだビジターだけに、サイトのメンバー用ページへのアクセスを許可するとします。このようにするには、メンバーページを "Member" 認証レベルを持つビジターだけが表示できるようにプロテクトし、新規登録ビジターには "Guest" というアクセス権のみを与えます。ビジターからの支払いを確認したら、登録ユーザーのデータベーステーブルで、このビジターのアクセス権を "Member" にアップグレードします。
認証レベルを使用する予定がない場合は、「ページへのアクセス制限」サーバービヘイビアーをページに追加するだけで、サイトのページをプロテクトすることができます。このサーバービヘイビアーにより、正常にログインしていないビジターは別のページにリダイレクトされます。
認証レベルを使用する場合は、次の作成ブロックを使用してサイトの任意のページをプロテクトすることができます。
許可されていないビジターを別のページにリダイレクトする「ページへのアクセス制限」サーバービヘイビアー
ビジターのデータベーステーブル内の、各ビジターのアクセス権を保存するための列
認証レベルを使用するかどうかにかかわらず、ビジターをログアウトさせてセッション変数をすべてクリアするリンクを、プロテクトされたページに追加できます。
許可されていないビジターのリダイレクト
許可されていないビジターがページにアクセスできないようにするには、「ページへのアクセス制限」サーバービヘイビアーをページに追加します。ビジターがプロテクトされたページの URL をブラウザーに入力して、ログインページを経由せずにアクセスしようとした場合、または、ログインしたビジターが適切なアクセス権を持たずにプロテクトされたページにアクセスしようとした場合、このサーバービヘイビアーによってビジターは別のページにリダイレクトされます。
「ページへのアクセス制限」サーバービヘイビアーでプロテクトできるのは HTML ページのみです。イメージファイルやオーディオファイルなどの、その他のサイトリソースはプロテクトされません。
サイトの多数のページに同じアクセス権を設定する必要がある場合は、1 つのページから他のページにアクセス権をコピー&ペーストできます。
許可されていないビジターの別のページへのリダイレクト
-
プロテクトするページを開きます。
-
サーバービヘイビアーパネル(ウィンドウ/サーバービヘイビアー)で「+」ボタンをクリックし、ポップアップメニューからユーザー認証/ページへのアクセス制限を選択します。
-
ページのアクセスレベルを選択します。特定のアクセス権を持つビジターだけがページを表示できるようにする場合は、「ユーザー名、パスワード、およびアクセスレベル」オプションを選択し、そのページの認証レベルを指定します。
例えば、認証レベルのリストで「Administrator」を選択すると、"Administrator" のアクセス権を持つビジターだけがページを表示できます。
-
リストに認証レベルを追加するには、「定義」をクリックします。表示されるアクセスレベルの定義リストで、新しい認証レベルを入力して「+」ボタンをクリックします。新しい認証レベルは保存されるため、他のページでも使用できます。
認証レベルのストリングが、ユーザーデータベースに保存されているストリングと完全に一致することを確認します。例えば、データベースの認証列に、"Administrator" という値がある場合、「名前」ボックスには「Admin」ではなく「Administrator」と入力してください。
-
1 つのページに複数の認証レベルを設定する場合は、Ctrl キー(Windows)または Command キー(Mac OS)を押しながら、リスト内のレベルを続けてクリックします。
例えば、"Guest"、"Member"、または "Administrator" というアクセス権を持つビジターがそのページを表示できるように指定することができます。
-
許可されていないビジターがプロテクトされたページを開こうとしたときに開くページを指定します。
プロテクトされていないページを選択してください。
-
「OK」をクリックします。
サイトのページ間でのアクセス権のコピー&ペースト
-
プロテクトされたページを開き、サーバービヘイビアーパネルで「ページへのアクセス制限」サーバービヘイビアーを選択します。「+」ボタンのポップアップメニューからではなく、パネル上のサーバービヘイビアーを選択してください。
-
パネルの右上にある矢印ボタンをクリックし、ポップアップメニューから「コピー」を選択します。
「ページへのアクセス制限」サーバービヘイビアーが、システムのクリップボードにコピーされます。
-
同様にプロテクトする他のページを開きます。
-
ウィンドウ/サーバービヘイビアーを選択してサーバービヘイビアーパネルを開き、右上隅の矢印ボタンをクリックし、ポップアップメニューから「ペースト」を選択します。
-
プロテクトする各ページについて、手順 3 と 4 を繰り返します。
ユーザーデータベースへのアクセス権の保存
この作成ブロックは、一部のログインユーザーに異なるアクセス権を与える場合にのみ必要です。ビジターにログインだけを要求する場合は、アクセス権を保存しておく必要はありません。
-
特定のログインユーザーに異なるアクセス権を与える場合は、各ビジターのアクセス権("Guest"、"User"、"Administrator" など)を指定する列がビジターのデータベーステーブルにあることを確認します。各ビジターのアクセス権をデータベースに入力するのは、サイト管理者です。
ほとんどのデータベースアプリケーションでは、新規レコードを作成するたびに、列を初期設定値に設定できます。サイトの最も一般的なアクセス権を初期設定値として設定してから、それ以外のアクセス権を手動で変更します。例えば、一般的なアクセス権を "Guest" にしておき、例外のビジターは "Guest" から "Administrator" に変更します。このようにした場合、例外のビジターはすべての管理者用ページにアクセスできます。
-
データベースでは、各ビジターに対して、"User、Administrator" のように複数のアクセス権を与えるのではなく、"Guest" や "Administrator" などの単独のアクセス権を与えるようにしてください。例えば、すべてのゲストと管理者がページを表示できるようにするなど、ページに複数のアクセス権を設定する場合は、データベースレベルではなく、ページレベルでこれらのアクセス権を設定してください。
ログアウト
ビジターが正常にログインすると、ユーザー名で構成されるセッション変数が作成されます。ビジターがサイトを去るときに、「ログアウト」サーバービヘイビアーを使用してこのセッション変数をクリアし、ビジターを別のページ(通常は「ご利用ありがとうございました」などのメッセージを表示するページ)にリダイレクトすることができます。
ビジターがリンクをクリックしたとき、または特定のページをロードしたときに、「ログアウト」サーバービヘイビアーを呼び出すことができます。
ビジターがログアウトするためのリンクの追加
-
ページ上で、リンクとして使用するテキストまたはイメージを選択します。
-
サーバービヘイビアーパネル(ウィンドウ/ビヘイビアー)で「+」ボタンをクリックし、ユーザー認証/ログアウトを選択します。
-
ビジターがリンクをクリックしたときに開くページを指定して「OK」をクリックします。
通常、このページは「ご利用ありがとうございました」などのメッセージを表示するページです。
特定ページのロード時のビジターのログアウト
-
Dreamweaver でロードするページを開きます。
通常、このページは「ご利用ありがとうございました」などのメッセージを表示するページです。
-
サーバービヘイビアーパネルで「+」ボタンをクリックし、ユーザー認証/ログアウトを選択します。
-
「ページのロード時にログアウト」オプションを選択して「OK」をクリックします。