DHTML 入門

必要な基本的な知識

学習を続ける前に、以下の基本的な知識が必要です:

  • HTML
  • CSS
  • JavaScript

これらのプロジェクトをまず学びたい場合は、私たちの ホームページ これらのチュートリアルにアクセスしてください。

DHTML は W3C 標準ではありません

DHTML とは、動的 HTML(Dynamic HTML)のことです。

DHTML は万维网联盟(W3C)によって規定された標準ではありません。DHTML はマーケティング用語であり、Netscape とマイクロソフトが 4.x 代のブラウザにサポートすべき新技術を指すために使用しました。

DHTML は、動的なウェブサイトを作成するための技術の集合体です。

多くの人にとって、DHTML は HTML 4.0、スタイルシート、および JavaScript の組み合わせを意味します。

W3C は「動的 HTMLは、特定のメーカーが、ドキュメントの動的性を強化するためのHTML、スタイルシート、スクリプトの組み合わせを指す用語」と述べています。

DHTML テクノロジー

DHTML を通じて、ウェブ開発者はブラウザウィンドウ内での HTML 要素の表示方法と位置を制御できます。

HTML 4.0

HTML 4.0 を通じて、すべてのフォーマット(情報)は HTML ドキュメントから外れて、独立したスタイルシートに書き込まれます。HTML 4.0 はドキュメントの表現を構造から分離できるため、ドキュメントの内容を乱すことなく、表現層を完全に制御できます。

カラムスタイルシート(CSS)

CSS を通じて、HTML ドキュメントのためのスタイルとレイアウトモデルを得ることができます。

CSS により、開発者が複数のウェブページのスタイルとレイアウトを同時に制御できるようになったため、CSS はウェブデザイン分野における一つの画期的な技術と呼ばれます。開発者は、各 HTML 要素に対してスタイルを定義し、それを任意のページに適用することができます。全体の変更が必要な場合、スタイルを簡単に変更することで、ウェブ上のすべての要素が自動的に更新されます。

ドキュメントオブジェクトモデル(DOM)

DOM とは、ドキュメントオブジェクトモデルのことです。

HTML DOM は、HTML に対するドキュメントオブジェクトモデルです。

HTML DOM は、HTML に対する標準のオブジェクトセットおよび、HTML オブジェクトへのアクセスおよび処理のための標準的なメソッドを定義しています。

「W3Cドキュメントオブジェクトモデル(DOM)は、言語やプラットフォームに依存しないインターフェースであり、プログラムやスクリプトが動的にドキュメントの内容、構造、およびスタイルにアクセスおよび更新できるようにします。」

JavaScript

すべてのHTML要素を制御できるコードを書くことができるようにする。

Netscape 4.xおよびInternet Explorer 4.xのDHTML技術

Netscape 4.x クロスブラウザ DHTML Internet Explorer 4.x
  • JSS(JavaScript スタイルシート)(異なるHTML要素の表示方法を制御できるようにする)
  • レイヤー(要素の配置と可視性を制御できるようにする)
  • CSS1
  • CSS2(異なるHTML要素の表示方法を制御できるようにする)
  • CSS Positioning(要素の配置と可視性を制御できるようにする)
  • JavaScript
  • ビジュアルフィルタ(テキストやグラフィックに視覚効果を適用できるようにする)
  • ダイナミックCSS(要素の配置と可視性を制御できるようにする)

注:さまざまなブラウザが生成する属性と技術が他のブラウザでサポートされていない場合、DHTMLを使用してのエンコードには問題が発生します。あるブラウザでは見た目が素晴らしいウェブページが、別のブラウザでは非常に悪い状態になります。