ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

DHTML Introduction


DHTMLは、HTML、JavaScript、DOM、CSS を組合わせる技術です。


予備知識

学習を続けるには、次の基本的な理解が必要です:

  • HTML
  • CSS
  • JavaScript

最初にこれを学習したい場合は、ホームページから チュートリアルを見つけてください。


DHTML は言語ではありません

DHTMLは、Dynamic HTML の略です。

DHTMLは、言語やWeb標準ではありません。

ほとんどの人にとり、DHTMLは、HTML、JavaScript、DOMとCSSの組み合わせを意味します。

World Wide Webコンソーシアム(W3C)によれば:
"Dynamic HTML は、文書をアニメ化することができる、HTML、スタイルシートとスクリプトの組合わせを記述するために、 いくつかのベンダで使用されている用語です。"


HTML

W3C HTML 4 標準は、動的なコンテンツを豊富にサポートしています:

  • HTML は、JavaScriptをサポートしています
  • HTML は、ドキュメントオブジェクトモデル(DOM)をサポートしています
  • HTML は、HTMLイベントをサポートしています
  • HTML は、カスケーディングスタイルシート(CSS)をサポートしています

DHTMLは、ダイナミックでインタラクティブな Web ページを作成するために、これらの機能を使用方法に関するものです。


JavaScript

JavaScriptは、インターネット上で最も人気のあるスクリプト言語で、主要なすべてのブラウザで動作します。

DHTML は、HTML要素を制御、アクセス、操作するための JavaScript 使用方法に関するものです。

このチュートリアルの次章で JavaScript についての詳細を説明します。


HTML DOM

HTML DOM は、W3C標準です。HTML DOM とは、HTMLの Document Object Model のことです。

HTML DOM は、HTML文書へのアクセスと操作のための標準的な方法を定義します。

DHTML は、HTML要素へのアクセスと操作のための DOM 使用方法に関するものです。

DOM に関する詳細については、このチュートリアルの後章で説明します。


HTML イベント

HTML イベントは、HTML DOM の一部です。

DHTML は、(ユーザ)イベントに反応するWebページを作成方法に関するものです。

イベントに関する詳細については、このチュートリアルの後章で説明します。


CSS

CSS は、HTML 要素の表示方法を定義します。

DHTML は、HTML 要素のスタイルや配置を変更するために、JavaScript と HTML DOMを使用する方法に関するものです。

CSS に関する詳細については、このチュートリアルの後章で説明します。