Wprowadzenie do DHTML

Podstawowa wiedza, którą powinieneś posiadać

Przed kontynuowaniem nauki, powinieneś mieć podstawową wiedzę na temat:

  • HTML
  • CSS
  • JavaScript

Jeśli chcesz najpierw nauczyć się tych projektów, odwiedź naszą Strona główna Odwiedź te kursy.

DHTML nie jest standardem W3C

DHTML oznacza dynamiczny HTML (Dynamic HTML).

DHTML nie jest standardem określonym przez W3C. DHTML to termin marketingowy - używany przez firmę Netscape i Microsoft do opisania nowych technologii, które mają być wspierane przez przeglądarki 4.x.

DHTML to zestaw technologii używanych do tworzenia dynamicznych stron.

Dla większości ludzi DHTML oznacza kombinację HTML 4.0, arkuszy stylów oraz JavaScript.

W3C powiedział: „Dynamiczny HTML to termin używany przez niektóre firmy do opisania kombinacji HTML, arkuszy stylów oraz skryptów, które umożliwiają większą dynamiczność dokumentów.”

Technologia DHTML

Przez DHTML, deweloperzy stron internetowych mogą kontrolować, jak elementy HTML są wyświetlane i umieszczane w oknie przeglądarki.

HTML 4.0

Przez HTML 4.0, wszystkie formatowanie (informacje) mogą być przeniesione z dokumentu HTML do oddzielnego arkusza stylów. Ponieważ HTML 4.0 może oddzielić prezentację dokumentu od jego struktury, możemy w pełni kontrolować warstwę prezentacji bez zakłócania zawartości dokumentu.

Kaskadowe arkusze stylów (CSS)

Przez CSS uzyskujemy model stylu i układu dla dokumentów HTML.

Dzięki CSS, deweloperzy mogą jednocześnie kontrolować styl i układ wielu stron internetowych, co czyni CSS przełomem w dziedzinie projektowania stron internetowych. Jako deweloper, możesz zdefiniować styl dla każdego elementu HTML i zastosować go na dowolnej liczbie stron. Jeśli chcesz dokonać globalnej zmiany, wystarczy zmienić styl, a wszystkie elementy w sieci zostaną automatycznie zaktualizowane.

Dokumentowy model obiektów (DOM)

DOM oznacza dokumentowy model obiektów.

HTML DOM to dokumentowa model obiekty dla HTML.

HTML DOM definiuje zestaw standardowych obiektów dla HTML oraz standardowe metody dostępu i przetwarzania obiektów HTML.

„W3C Document Object Model (DOM) jest interfejsem niezależnym od języka i platformy, który pozwala programom i skryptom dynamicznie uzyskiwać dostęp i aktualizować zawartość, strukturę oraz styl dokumentu.”

JavaScript

Umożliwia tworzenie kodu, który kontroluje wszystkie elementy HTML.

Technologie DHTML w Netscape 4.x oraz Internet Explorer 4.x

Netscape 4.x Cross-browser DHTML Internet Explorer 4.x
  • JSS (JavaScript Style Sheets) (pozwalające na kontrolowanie tego, jak różne elementy HTML są wyświetlane)
  • Layers (pozwalające na kontrolowanie lokalizacji i widoczności elementów)
  • CSS1
  • CSS2 (pozwalające na kontrolowanie tego, jak różne elementy HTML są wyświetlane)
  • CSS Positioning (pozwalające na kontrolowanie lokalizacji i widoczności elementów)
  • JavaScript
  • Widoczne filtry (pozwalające na aplikowanie efektów wizualnych do tekstu i grafiki)
  • Dynamicalne CSS (pozwalające na kontrolowanie lokalizacji i widoczności elementów)

Komentarz:Dopóki cechy i technologie tworzone przez różne przeglądarki nie będą obsługiwane przez inne przeglądarki, kodowanie za pomocą DHTML może powodować problemy. Strona internetowa może wyglądać świetnie w jednej przeglądarce, ale bardzo źle w innej.