Jak dynamiczny HTML (DHTML) jest używany do tworzenia interaktywnych stron

7io / Getty Images

Dynamiczny HTML nie jest tak naprawdę nową specyfikacją HTML, ale raczej innym sposobem patrzenia i kontrolowania standardowych kodów i poleceń HTML.

Myśląc o dynamice HTML , trzeba pamiętać o jakości standardowego HTML, zwłaszcza, że ​​raz strona zostanie załadowana z serwera, nie zmieni się, dopóki na serwer nie pojawi się kolejne żądanie. Dynamiczny HTML zapewnia większą kontrolę nad elementami HTML i umożliwia ich zmianę w dowolnym momencie, bez konieczności powrotu do serwera WWW.

DHTML składa się z czterech części:

• Obiektowy model dokumentu (DOM) (definicja)
• Skrypty
• Kaskadowe arkusze stylów (CSS)
• XHTML

DOM

DOM umożliwia dostęp do dowolnej części strony internetowej, aby zmienić ją za pomocą DHTML. Każda część strony internetowej jest określona przez DOM i używając jej spójnych konwencji nazewnictwa można uzyskać do nich dostęp i zmieniać ich właściwości.

Skrypty

Skrypty napisane w JavaScript lub ActiveX to dwa najpopularniejsze języki skryptowe używane do aktywacji DHTML. Używasz języka skryptowego do kontrolowania obiektów określonych w DOM.

Kaskadowe arkusze stylów

CSS jest używany w DHTML do kontrolowania wyglądu i działania strony internetowej. Arkusze stylów definiują kolory i czcionki tekstu, kolory tła i obrazów oraz rozmieszczenie obiektów na stronie. Używając skryptów i DOM, możesz zmienić styl różnych elementów.

XHTML

XHTML lub HTML 4.x służy do tworzenia samej strony i budowania elementów CSS i DOM pracować nad. Nie ma nic szczególnego w XHTML dla DHTML - ale posiadanie poprawnego XHTML jest jeszcze ważniejsze, ponieważ działa na nim więcej rzeczy niż tylko przeglądarka.

Cechy DHTML

Istnieją cztery główne cechy DHTML:

1. Zmiana tagów i właściwości
2. Pozycjonowanie w czasie rzeczywistym
3. Czcionki dynamiczne (Netscape Communicator)
4. Wiązanie danych (Internet Explorer)

Zmiana znaczników i właściwości

Jest to jedno z najczęstszych zastosowań DHTML. Pozwala na zmianę właściwości Znacznik HTML w zależności od zdarzenia poza przeglądarką (takiego jak kliknięcie myszą, godzina lub data itd.). Możesz użyć tego, aby wstępnie wczytać informacje na stronę i nie wyświetlać ich, chyba że czytelnik kliknie określony link.

Pozycjonowanie w czasie rzeczywistym

Kiedy większość ludzi myśli o DHTML, tego właśnie oczekują. Obiekty, obrazy i tekst poruszające się po stronie internetowej. Dzięki temu możesz grać w interaktywne gry z czytelnikami lub animować fragmenty ekranu.

Czcionki dynamiczne

Jest to funkcja dostępna tylko w Netscape. Netscape opracował to, aby ominąć problem, który mieli projektanci, nie wiedząc, jakie czcionki będą w systemie czytnika. Czcionki dynamiczne są kodowane i pobierane wraz ze stroną, dzięki czemu strona zawsze wygląda tak, jak zamierzył projektant. Możesz także użyć bezpieczne czcionki internetowe .

Wiązanie danych

Jest to funkcja dostępna tylko w przeglądarce IE. Firma Microsoft opracowała to, aby umożliwić łatwiejszy dostęp do bazy danych ze stron internetowych . Jest bardzo podobny do używania Grafika komputerowa aby uzyskać dostęp do bazy danych, ale używa kontrolki ActiveX do działania. Ta funkcja jest bardzo zaawansowana i trudna w użyciu dla początkującego twórcy DHTML.