この記事は、Adobe Dreamweaver の概要を提供し、サイト設定、動的コンテンツ管理、データベース接続を含む Web アプリケーション開発のためのその機能に焦点を当てています。静的 Web ページと動的 Web ページの違いについて説明し、従業員のフィットネスポイントを追跡するための Web アプリケーションの実際的な例を提供します。
主要ポイント
ユニークな洞察
実用的な応用
主要トピック
重要な洞察
学習成果
• 主要ポイント
1
Web アプリケーション開発のための Dreamweaver の機能に関する包括的な説明
2
実際のシナリオでの Dreamweaver の使用を示す実践的な例
3
静的ページと動的ページ、およびそれらのアプリケーションに関する明確な説明
• ユニークな洞察
1
動的 Web アプリケーションの動作方法とその利点の詳細な内訳
2
Web アプリケーション内でのデータベースクエリの統合に関する洞察
• 実用的な応用
この記事は、動的 Web アプリケーション開発のための Dreamweaver の使用に関する実践的なガイダンスを提供しており、Web 開発者にとって価値があります。
Web アプリケーションとは、複数のページで構成される Web サイトであり、そのコンテンツの一部またはすべてが動的に決定されます。これは、ページの最終的なコンテンツは、訪問者が Web サーバーにリクエストするまで固定されないことを意味します。コンテンツは、ユーザーのアクションやリクエストに基づいて適応するため、これらのページは「動的」になります。
“ Web アプリケーションの目的
Web アプリケーションは、サイト訪問者と開発者の両方にさまざまな目的を果たします:
* **効率的な情報検索:** コンテンツが豊富な Web サイトで、訪問者が情報をすばやく簡単に見つけられるようにします。例としては、企業のイントラネットや e コマースサイトがあります。
* **データ収集と分析:** Web アプリケーションは、フォームを通じてサイト訪問者から提供されたデータを収集、保存、分析できます。このデータは直接データベースに保存でき、分析用の Web ベースのレポート作成が可能になります。
* **動的なコンテンツ更新:** HTML の変更を継続的に行う必要なく、Web サイトのコンテンツを更新できます。コンテンツ提供者は Web アプリケーションに情報を提供でき、アプリケーションはサイトを自動的に更新します。
“ Web アプリケーションの仕組み:静的ページと動的ページ
Web アプリケーションは、静的 Web ページと動的 Web ページの組み合わせです。
* **静的ページ:** 訪問者がリクエストしても変更されないページです。Web サーバーは、変更なしでページをブラウザに送信します。
* **動的ページ:** ブラウザに送信される前にサーバーによって変更されるページです。この変更が、それらを動的にします。
“ 静的 Web ページの処理
静的 Web サイトは、Web サーバーに保存された HTML ページとファイルで構成されます。訪問者がページをリクエストすると(リンクをクリックしたり、ブックマークを使用したり、URL を入力したりして)、Web サーバーはそのページを取得し、コンテンツを変更せずにブラウザに送信します。HTML コードはデザイナーによって事前に決定されており、一定のままです。
“ 動的ページの処理
Web サーバーが動的ページのリクエストを受け取ると、そのページをアプリケーションサーバーと呼ばれる特別なソフトウェアコンポーネントに渡します。アプリケーションサーバーは、ページ上のコードを処理し、指示に基づいて完了させてから、コードを削除します。結果として得られた静的ページは Web サーバーに返送され、Web サーバーはそれをリクエストしたブラウザに配信します。ブラウザは純粋な HTML のみを受け取ります。
“ Web アプリケーションでのデータベースへのアクセス
アプリケーションサーバーは、データベースなどのサーバーサイドリソースへのアクセスを許可します。動的ページは、アプリケーションサーバーにデータベースからデータを抽出し、ページの HTML に挿入するように指示できます。これにより、Web サイトのデザインとユーザーに表示されるコンテンツが分離されます。
各ページに個別の HTML ファイルを作成する代わりに、さまざまな種類の情報に対してテンプレートを作成できます。コンテンツはデータベースにアップロードされ、Web サイトはユーザーのリクエストに応じてそれを取得します。これにより、単一のソースから情報を簡単に更新でき、変更が Web サイト全体に伝播します。Dreamweaver は、データベースへのデータの挿入、更新、または削除のための Web フォームの設計に使用できます。
SQL(Structured Query Language)で記述されたデータベースクエリは、データベースからデータを抽出するために使用されます。アプリケーションサーバーは、サーバーとデータベース間の通訳として機能するデータベースドライバーを介してデータベースと通信します。ドライバーはクエリを実行し、データベースから抽出されたデータのセットであるレコードセットを作成します。レコードセットはアプリケーションサーバーに返され、アプリケーションサーバーはデータを使用してページを完成させます。
“ Dreamweaver を使用した動的ページの作成
動的ページを作成するには、HTML を記述し、ページを動的にするためのサーバーサイドスクリプトまたはタグを追加します。これらの言語は、多くの場合 HTML コード内に埋め込まれます。Dreamweaver は、ColdFusion(CFML)、VBScript または JavaScript を使用した Active Server Pages(ASP)、および PHP を含むさまざまなサーバーテクノロジーと言語をサポートしています。Dreamweaver は、必要なサーバーサイドスクリプトまたはタグを作成するためのツールを提供し、コーディング環境内での手動コーディングも許可します。
“ Web アプリケーションの主要な用語
Web アプリケーションに関連する一般的な用語を以下に示します:
* **アプリケーションサーバー:** サーバーサイドスクリプトまたはタグを含む Web ページを Web サーバーが処理するのを支援するソフトウェア。
* **データベース:** テーブルに保存されたデータのコレクション。
* **データベースドライバー:** Web アプリケーションとデータベース間の通訳として機能するソフトウェア。
* **データベース管理システム(DBMS):** データベースを作成および操作するために使用されるソフトウェア。
* **データベースクエリ:** SQL を使用してデータベースからレコードセットを抽出する操作。
* **動的ページ:** ブラウザに送信される前にアプリケーションサーバーによってカスタマイズされた Web ページ。
* **レコードセット:** データベースの 1 つ以上のテーブルから抽出されたデータのセット。
* **リレーショナルデータベース:** データを共有する複数のテーブルを含むデータベース。
* **サーバーテクノロジー:** ランタイム時に動的ページを変更するためにアプリケーションサーバーが使用するテクノロジー。
* **静的ページ:** ブラウザに送信される前にアプリケーションサーバーによって変更されない Web ページ。
* **Web アプリケーション:** 複数のページを含む Web サイトで、そのコンテンツの一部またはすべてが動的に決定されます。
* **Web サーバー:** Web ブラウザからのリクエストに応答して Web ページを送信するソフトウェア。
コメント(0)