- 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 以降には存在しない場合があります。詳しくは、こちらの記事を参照してください。
登録ページについて
Web アプリケーションの一部として、ビジターが初めてサイトにアクセスしたときに登録を要求するページを作成することができます。
登録ページは、次の作成ブロックで構成されます。
ビジターのログイン情報を保存するデータベーステーブル
ビジターがユーザー名とパスワードを選択するための HTML フォーム
このフォームを使用して、ビジターのその他の個人情報を入手することもできます。
サイトのビジターのデータベーステーブルを更新する「レコードの挿入」サーバービヘイビアー
ビジターが入力したユーザー名が他のユーザーによって使用されていないことを確認する「新規ユーザー名を確認」サーバービヘイビアー
ビジターのログイン情報の保存
登録ページには、ビジターが入力したログイン情報を保存するデータベーステーブルが必要です。
- このデータベーステーブルに、ユーザー名とパスワードの列があることを確認してください。ログインしたビジターにそれぞれ異なるアクセス権を設定する場合は、アクセス権を保存する列も必要です。
- サイトの全ビジターに共通のパスワードを設定するときは、すべての新規ビジターのレコードに初期設定でその共通パスワードが入力されるように、Microsoft Access、Microsoft SQL Server、Oracle などのデータベースアプリケーションを設定します。ほとんどのデータベースアプリケーションでは、新規レコードを作成するたびに、列を初期設定値に設定できます。初期設定値として、共通パスワードを設定します。
- データベーステーブルを使用して、その他の有用なビジター情報を保存することもできます。
次の手順では、HTML フォームを登録ページに追加し、ビジターがユーザー名とパスワードを選択できるようにします(該当する場合)。
ユーザー名とパスワードの選択用 HTML フォームの追加
ビジターがユーザー名とパスワードを選択できるようにする場合は、選択するための HTML フォームを登録ページに追加します。
-
ファイル/新規/空白ぺージを選択してページを新規作成し、Dreamweaver のデザインツールを使用して登録ページをレイアウトします。
-
フォームを挿入する位置に挿入ポイントを置いて、挿入/フォームを選択し、HTML フォームを追加します。
ページに空白のフォームが作成されます。フォームの境界線を表示するには、表示/ビジュアルエイド/不可視エレメントを選択する必要があります。フォームの境界線は細い赤線で表示されます。
-
HTML フォームの名前を指定します。ドキュメントウィンドウの下部にある <form> タグをクリックし、ウィンドウ/プロパティを選択してプロパティインスペクターを開き、「フォーム名」ボックスに名前を入力します。
フォームの action 属性や method 属性を指定して、ビジターが「送信」ボタンをクリックしたときのレコードの送信先や送信方法を指示する必要はありません。「レコードの挿入」サーバービヘイビアーが自動的にこれらの属性を設定します。
-
挿入/フォーム/テキストフィールドを選択してテキストフィールドを追加し、ビジターがユーザー名とパスワードを入力できるようにします。
このフォームには、その他の個人データを記録するためのフォームオブジェクトも追加できます。
フォームオブジェクトの内容がビジターにわかるように、ラベルを各フォームオブジェクトの横に追加してください。ラベルはテキストでもイメージでもかまいません。また、フォームオブジェクトを HTML テーブル内に配置して、位置を揃える必要があります。フォームオブジェクトについて詳しくは、Web フォームの作成を参照してください。
-
挿入/フォーム/ボタンを選択して、フォームに「送信」ボタンを追加します。
「送信」ボタンのラベルを変更するには、ボタンを選択し、ウィンドウ/プロパティを選択してプロパティインスペクターを開き、「値」ボックスに新しい値を入力します。
次の手順では、データベースのユーザーテーブルにレコードを挿入する「レコードの挿入」サーバービヘイビアーを追加します。
データベースのユーザーテーブルの更新
データベースのユーザーテーブルを更新するには、「レコードの挿入」サーバービヘイビアーを登録ページに追加する必要があります。
-
サーバービヘイビアーパネル(ウィンドウ/サーバービヘイビアー)で「+」ボタンをクリックし、ポップアップメニューから「レコードの挿入」を選択します。
レコードの挿入ダイアログボックスが表示されます。
-
ユーザーのデータの挿入先になる、データベースのユーザーテーブルを必ず指定してから、ダイアログボックスを閉じます。「OK」をクリックします。
登録ページ作成の最後の手順は、ユーザー名が他の登録ユーザーに使用されていないことを確認することです。
ユーザー名が一意かどうかを確認するサーバービヘイビアーの追加
ビジターを登録ユーザーのデータベースに追加する前に、そのユーザー名が一意であるかどうかを確認するサーバービヘイビアーをユーザー登録ページに追加できます。
ビジターが登録ページの「送信」ボタンをクリックすると、サーバービヘイビアーは、ビジターが入力したユーザー名と、登録ユーザーのデータベーステーブルに保存されているユーザー名を比較します。データベーステーブルに一致するユーザー名がなければ、サーバービヘイビアーは通常のレコードの挿入処理を実行します。一致するユーザー名が検出された場合は、サーバービヘイビアーはレコードの挿入処理をキャンセルし、新しいページを開きます。通常、このページは、ユーザー名が他のビジターに既に使用されていることを通知するページです。
-
サーバービヘイビアーパネル(ウィンドウ/サーバービヘイビアー)で「+」ボタンをクリックし、ポップアップメニューからユーザー認証/新規ユーザー名を確認を選択します。
-
ユーザー名フィールドポップアップメニューで、ビジターがユーザー名の入力に使用するフォームテキストフィールドを選択します。
-
「既存ユーザー名入力時の表示ページ」ボックスで、データベーステーブルに同じユーザー名が見つかったときに開くページを指定して「OK」をクリックします。
開かれるページでは、ユーザー名が既に使用されていることをビジターに通知し、ビジターがもう一度選択できるようにする必要があります。