あなたのウェブサイトを動的にする方法
あなたのウェブサイトはまだ相変わらず静的ですか?現在のインターネットWebサイトの現在の幾何学的成長の中で、かなりの数のそれらの成長はまだ静的に固執しており、時代のペースの後ろに目に見えないほど遅れています。いわゆる静的は、WebサイトのWebページコンテンツが修正されることを意味します。静的HTMLドキュメント。そのページのコンテンツは標準のHTMLコードのみを使用しており、せいぜい、いくつかの子犬や子猫のアニメーション効果など、人気のあるGIF89A形式のダイナミック写真が伴います。 WebサイトメンテナーがWebページのコンテンツを更新したい場合、HTMLドキュメントのすべてを手動で更新する必要があります。
静的なWebサイトの致命的な弱点は、Webコンテンツを絶えず更新するために、常にHTMLドキュメントを繰り返す必要があるため、ワークロードはそれを超えていると感じます。想像。
あなたは尋ねずにはいられません:それで、ダイナミックなウェブサイトとは何ですか?これは、いわゆるダイナミックの中心です。
1。インタラクティブは、Webページがユーザーの要件と選択に応じて動的に変更し、応答することを意味し、これはクライアントインターフェイスとして使用されます。
2。自動更新では、HTMLドキュメントを手動で更新する必要がないことを意味し、新しいページが自動的に生成され、ワークロードを大幅に節約できます。
3.それは時間から、つまり、異なる人が異なる時期に同じウェブサイトにアクセスすると、異なるページを作成しますか?
動的なWebサイトの基本的な概念ができたので、次に有能な武器を選択する必要があります。あなたのウェブサイトを動的にする方法はたくさんありますが、それはあなたのニーズが何であるかに依存します。あなたがあなたの個人的なウェブサイトのメンテナーであり、無料のホームページスペースを使用する場合、ほとんどの場合、Java、Javaスクリプト、最新のDHTMLテクノロジーのみを使用できます。本当のダイナミックテクノロジーで遊ぶことは非常に幸運です。 CGIとASPテクノロジーについては、後で説明します。
DHTMLとは何ですか?従来のHTMLとどう違うのですか? DHTMLは、WebページがWebサーバーからダウンロードされ、サーバーによって処理される必要がなくなりましたが、ブラウザ内のWebページのコンテンツ、レイアウトスタイル、アニメーションを直接かつ動的に更新します。たとえば、マウスが記事の段落に移動すると、段落が青くなるか、ハイパーリンクをクリックすると、ドロップダウンサブハイパーリンクディレクトリが自動的に生成されます。これは動的なHTML(動的HTML)であり、近年インターネットの急速な発展において最もエキサイティングで実用的な革新の1つです。これは、Javaスクリプト、VB0Script、ドキュメントオブジェクトモデル、レイヤー、カスケードスタイルシート(CSSスタイルシート)など、さまざまなテクノロジーの包括的な開発を通じて達成される概念です。 NetscapeとMicrosoft IEブラウザの間のいくつかの戦いの後、DHTMLサポートの統一された基準をまだ受け取っていないことは非常に残念です。したがって、この記事は、DHTMLを導入するときに個別に説明する必要があります。まず、Microsoft IE 4のDHTMLのサポートを見てみましょう。
1.動的コンテンツ:Webページのコンテンツを動的に更新し、テキスト、タグなど、いつでもWebページのコンポーネントを動的に挿入、変更、または削除します。
2。ダイナミックスタイルシート:W3Cのカスケードスタイルシート(CSS1またはCSSと呼ばれる接続された書体)を介して、フォントサイズ、フォント、厚さ、フォントスタイル、およびHTMLタグのライン高さを提供します線または中央の水平線、エッジからの距離、左またはセンタリング、インデント、背景画像または色、その他のタイプセット機能。動的レイアウトスタイルは、いつでもレイアウトスタイルを動的に変更できます。
3。ダイナミックポジショニング:Cascadingスタイルシートを使用したW 3 CのポジショニングHTMLに関する作業ドラフトを通じて、X、Y、Z軸のHTMLコンポーネントの位置付け機能を提供し、設計者が画像、コントロール、テキストなどを配置できるようにします。ページのどこにでも。異なるZ軸に配置することにより、設計者は重複する効果を生成できます。
4.ビルトインデータ認識:複雑なプログラムやサーバー上のリソースが多すぎる必要はなく、Webデザイナーがドキュメントをリアルタイムで処理できるようにします。
5。ビルトインマルチメディアサポート:IE 4.0 CSSと組み込みのActiveXコントロールを組み合わせて、変換効果、フィルター効果、パス制御、シーケンスコントロール、アニメーション、図面、音、画像の再生などのマルチメディア機能を含むマルチメディアサポート機能を提供する。
DHTMLのNetscape Communicator 4.0が提供するサポートを見てみましょう。
1。ダイナミックスタイルシート:サポートW 3 Cカスケードスタイルシート(CSS1またはCSSと呼ばれる接続型スタイル)、および自家製のJavaスクリプトスタイルシート。
2.ダイナミックレイヤー:写真やテキストの配置、写真やテキストの重複順序の変更、写真やテキストの隠蔽または表示を制御し、アニメーション効果をデザインできるようにする機能を提供します!
3.ダイナミックフォント:サーバーからフォントをダウンロードする機能を提供します。 IE 4.0とNetscape Communicator 4.0はどちらも動的なHTMLサポートを提供しますが、実際にはカスケードスタイルのシートの同様の仕様を除いて、残りは非常に異なっています。したがって、DHTMLページを設計する場合、互換性の問題を完全に考慮する必要があります。著者は、第2章「ダイナミックウェブデザインの18の武道」でDHTMLの使用方法と設計手法を慎重に説明します。細心の注意を払ってください。
おそらく個人的なウェブサイトの場合、DHTMLテクノロジーの完全な使用は、Webページを実現し、ダイナミズムに満ちたものにするのに十分です。ただし、商業Webサイトを構築する企業にとっては、DHTMLを持つことは十分ではありません。クライアントのブラウザでのみ発生する動的な効果は、大量の情報照会、顧客相談、リソースの相互作用などの商用Webサイトの動的なニーズを満たすことができないためしたがって、商業Webサイトのデザイナーとして、より実用的でインタラクティブなダイナミックなWebサイトを設計する必要があります。ほとんどの商用Webサイトには大量のデータと情報があるため、ネットワークを構築する当初の意図は、顧客が企業情報を照会し、顧客とのコミュニケーションを促進し、タイムリーな情報フィードバックを取得するように促進することです。次に、ユーザーがブラウザインターフェイスのインターネットまたはイントラネットを介してWebデータベース情報を照会できるようにする方法を必然的に直面し、Webサーバーの情報を入力、更新、削除することもできます。以下では、一般的に使用されるいくつかの動的なWebサイトデザイン方法を簡単に紹介します。
1.従来のCGI(Common Gatewayインターフェイス)は、ユーザーがブラウザに入力し、HTTPリクエストを作成した後、フォームで設定されたフォームを実行するために使用されます。 。 CGIを使用してWebデータベースにアクセスするには、開発が容易ではない、変更の高いコストと変更、機能の限られた機能、エラーの検出が容易ではない、実行速度の低下など、HTMLドキュメントに統合されていないなど、多くの欠点があります。 HTMLで完全に使用する必要があります。
2。IDC(インターネットデータベースコネクタ)インターネットデータベースコネクタは、インターネット情報サーバー(IIS)2.0を含むWindows NTサーバーの1つですiis。 HTMLとSQLの基本的な知識をマスターし、インタラクティブデータベースアプリケーションをコンパイルするためのいくつかのコードを記述して、ユーザーがブラウザーインターフェイスデータ情報のWebサーバーでクエリ、入力、更新、削除できるようにする必要があります。 VBプログラマは、IDCアプリケーションを構成するファイルは簡単です高速開発サイクルとフィードバック。しかし、このシンプルさの価格は、多くの柔軟性を犠牲にすることであり、ユーザーインターフェイスとデータを検証するほとんどすべての能力を多くの制御を放棄することを余儀なくされます。したがって、IDCは単純なWebアプリケーションにのみ適しています。
3。ActiveXデータオブジェクト(ADO)は、Webデータベースアプリケーションに最適です。
ActiveXデータオブジェクト(ADO for Short)とは正確には何ですか? ActiveX Data Objectテクノロジーを使用すると、Active Serverページ(Short for Short)と組み合わせて、データ情報(Structured Query Language、STL for Short)のWebページを提供するWebページを提供することができます。ブラウザインターフェイスのWebサーバーのデータを入力、更新、削除します。ユーザー側のブラウザがフォームに入力するのに必要な情報を入力し、[送信]ボタンを押すと、HTTPリクエストはインターネットとイントラネットを介してWebサーバーに送信されます。 Webサーバー(接尾辞名)。 ASPドキュメントは、HTMLタグ、VBScriptまたはJScript言語プログラムコード、ASP構文、および構造化されたクエリ言語SQL命令を含むプレーンテキストドキュメントです。 IIS3.0/4.0 Webサーバーの実行は、ODBCドライバーを介してODBCをサポートするデータベースに接続され、ASPドキュメントで指定されたSQL命令を実行し、最終的にHTML形式で実行結果をユーザーのブラウザーに送信します。 ADOには、使いやすい開発と実行、システムリソースの減少、小さなディスクスペースの利点があります。
上記は、私の仕事と使用の経験のために、一般的にコマーシャルウェブサイトを設計するのに使用される動的なテクノロジーです。未来。したがって、この記事の第2章「ダイナミックウェブデザインの18の武道」では、著者はADOとASPの使用について説明します。