DHTML: Dynamiczne kodowanie sieciowe

• Kwiecień 27, 2024

DHTML oznacza reynamiczny H.yperT.ext M.arkup L.Anguage i można je zdefiniować jako sztukę dynamicznego przekształcania stron HTML poprzez połączenie HTML z JavaScript i Cascading Style Sheets (CSS). W przeciwieństwie do czterech innych odmian HTML badanych w poprzednich czterech artykułach z tej serii, DHTML nie jest standardem zdefiniowanym przez konsorcjum W3. Jest to raczej „termin marketingowy, który został użyty przez Netscape i Microsoft do opisania nowych technologii obsługiwanych przez przeglądarki 4.x generacji” (konsorcjum W3). HTML 4.0 po raz pierwszy wprowadził dwa ważne elementy, które są nieodłączne w strukturze DHTML:

• Cascading Style Sheets (CSS)
• Dokumentowe modele obiektowe (DOM)

Uczyń swój kod dynamicznym

CSS zapewnia modele stylów i układów, a DOM zapewnia modele treści dokumentów dla dokumentów HTML. JavaScript i VBScript dodają możliwość pisania kodu skryptowego do sterowania elementami HTML. Wszystkie te trzy elementy składają się na dynamiczne strony HTML. Jednym z głównych czynników odstraszających jest niekompatybilność przeglądarki - Netscape i Microsoft nadal nie uzgodniły, co wdrożyć w swoich przeglądarkach: pisanie stron DHTML, które działają dobrze w obu przeglądarkach, może być trudne. Aby się przekonać, możesz uzyskać dostęp do standardów Microsoft i Netscape online:

• Biblioteka MSDN w Microsoft
• Dynamiczny HTML w Netscape Communicator

„DHTML wyróżnia się tworzeniem efektów niskiej przepustowości, które zwiększają funkcjonalność strony internetowej. Można jej używać do tworzenia animacji, gier, aplikacji, zapewniania nowych sposobów poruszania się po stronach internetowych oraz tworzenia układów poza światem, które po prostu nie są jest to możliwe tylko za pomocą HTML. Chociaż wiele funkcji DHTML można powielić za pomocą Flasha lub Java, DHTML stanowi alternatywę, która nie wymaga wtyczek i bezproblemowo osadza się na stronie internetowej. ”(Dan Steinman, 1998).

Aby zrozumieć złożoność DHTML, przydatne jest bardziej szczegółowe zbadanie jego składników.

Kaskadowe arkusze stylów

CSS to wyrafinowane kody, które oddzielają zawartość internetową od strony internetowej - styl, pozycjonowanie, kolory, czcionki i tak dalej. Pozycjonowanie CSSP lub CSS umożliwia kontrolę na poziomie pikseli nad pozycjonowaniem elementów HTML. Oddzielenie stylu prezentacji dokumentów internetowych od treści za pomocą CSS2 (CSS poziom 2) upraszcza tworzenie stron internetowych i utrzymanie strony. „CSS2 obsługuje arkusze stylów specyficzne dla mediów, dzięki czemu autorzy mogą dostosować prezentację swoich dokumentów do przeglądarek wizualnych, urządzeń dźwiękowych, drukarek, urządzeń brajlowskich, urządzeń przenośnych itp. Ta specyfikacja obsługuje również pozycjonowanie zawartości, czcionki do pobrania, układ tabeli, funkcje dla internacjonalizacja, automatyczne liczniki i numeracja oraz niektóre właściwości związane z interfejsem użytkownika ”(konsorcjum W3). W3C oferuje doskonały samouczek do nauki CSS2 o nazwie, Specyfikacja CSS2.

JavaScript

JavaScript to specjalny skryptowy język oparty na przeglądarce używany do kontrolowania elementów HTML i dodawania funkcjonalności do formularzy, ramek, okien, najazdów obrazów, kontroli audio-wideo i manipulowania DHTML. Netscape po raz pierwszy nazwał ten skrypt skryptowy JavaScript, więc Microsoft wymyślił termin JScript dla swojej szczególnej marki skryptów. Wynik? Dwie wersje JavaScript, które mogą być denerwująco niekompatybilne. Aby dowiedzieć się więcej o tym problemie, odwiedź Netscape's JavaScript Central i Microsoft JScript strona zasobów. Sekretem dynamicznych efektów treści JavaScripted jest użycie obiektów warstwowych. Obiekty warstw powodują zmianę tekstu, gdy wskaźnik myszy się nad nim przewija; sprawia, że ​​obrazy lub tekst poruszają się po stronie internetowej; powoduje to także rozwijanie menu rozwijanych. Obiekty warstwowe są ułożone w znaczniki div, z określonymi cechami, takimi jak kolor, pozycja i widoczność.

Składając je razem

DHTML jest zwykle stosowany do osiągnięcia trzech zadań:

• Pozycja lub umieszczanie bloków treści na stronie i przenoszenie ich
• Modyfikacje stylu które zmieniają wygląd strony
• Obsługa zdarzeń lub powiązanie zdarzeń użytkownika ze zmianami pozycjonowania lub innymi modyfikacjami stylu

W nowszych wersjach Internet Explorera i Netscape (wersje 5, 6 i nowsze) DOM staje się kodem wyboru dla większości kodowań DHTML. Po opanowaniu DOM może pomóc projektantom stron internetowych w manipulowaniu, dodawaniu, usuwaniu i edytowaniu kodowania dokumentów związanych ze wszystkimi stylami, atrybutami (takimi jak href) i elementami (takimi jak tagi html) na stronie. Oznacza to, że każdy znacznik i atrybut wspólny dla dokumentu HTML są dostępne przez DOM. Obecnie W3C zaleca poziomy obiektów modelu dokumentu 0 i 1. Poziom 2 jest również w fazie prac, ale nie został jeszcze promowany jako standard kodowania DHTML.

Pomocna grupa samouczków jest dostępna za pośrednictwem gadżetów HTML o nazwie Samouczek DHTML i warstw.

Łącza zawarte w tym artykule zawierają wprowadzenie i instrukcje, dzięki którym rozpoczniesz swoją podróż do opanowania tego najnowszego rozwoju kodowania HTML.Każde szybkie wyszukiwanie w Google zwróci Twoją uwagę na wiele innych zasobów, dostępnych na wyciągnięcie ręki. Ponieważ producenci przeglądarek pracują nad ich niekompatybilnością, a korzystanie z przeglądarek w wyższych wersjach staje się bardziej powszechne, DHTML stanie się obowiązkową częścią trasy każdego profesjonalnego projektanta.

HTML Wyróżnij serię artykułów

CZĘŚĆ 1: Czy wiarygodny projektant powinien znać HTML?
CZĘŚĆ 2: HTML 3.2 - Narodziny Wilbura
CZĘŚĆ 3: HTML 4.0 I 4.01 - więcej dobrych rzeczy!
CZĘŚĆ 4: XHTML: Kodowanie sieciowe dla wyrafinowanego projektowania
CZĘŚĆ 5: DHTML: Dynamiczne kodowanie sieciowe