Jak se používá dynamické HTML (DHTML) k vytváření interaktivních stránek

click fraud protection

Dynamické HTML není ve skutečnosti novou specifikací HTML, ale spíše jiným způsobem pohledu a ovládání standardních HTML kódů a příkazů.

Když uvažujete o dynamice HTML, musíte si pamatovat vlastnosti standardního HTML, zvláště když se stránka načte ze serveru, nezmění se, dokud na server nepřijde další požadavek. Dynamické HTML vám dává větší kontrolu nad prvky HTML a umožňuje jim je kdykoli změnit, aniž byste se museli vracet na webový server.

DHTML má čtyři části:

  • Model objektu dokumentu (DOM) (definice)
  • Skripty
  • Kaskádové styly (CSS)
  • XHTML

DOM

DOM je to, co vám umožňuje přístup k jakékoli části vaší webové stránky a její změnu pomocí DHTML. Každá část webové stránky je specifikována DOM a pomocí jejích konzistentních konvencí pojmenování k nim můžete přistupovat a měnit jejich vlastnosti.

Skripty

Skripty napsané v jazyce JavaScript nebo ActiveX jsou dva nejběžnější skriptovací jazyky používané k aktivaci DHTML. K ovládání objektů zadaných v modelu DOM používáte skriptovací jazyk.

Kaskádové styly

instagram viewer

CSS se používá v DHTML k ovládání vzhledu a chování webové stránky. Šablony stylů definují barvy a písma textu, barvy pozadí a obrázky a umístění objektů na stránce. Pomocí skriptování a DOM můžete změnit styl různých prvků.

XHTML

XHTML nebo HTML 4.x se používá k vytvoření samotné stránky a vytváření prvků pro CSS a DOM pracovat na. XHTML pro DHTML není nic zvláštního - ale mít platný XHTML je ještě důležitější, protože z něj funguje více věcí než jen prohlížeč.

Vlastnosti DHTML

Existují čtyři hlavní funkce DHTML:

  1. Změna značek a vlastností
  2. Polohování v reálném čase
  3. Dynamická písma (Netscape Communicator)
  4. Datová vazba (Internet Explorer)

Změna značek a vlastností

Toto je jedno z nejběžnějších použití DHTML. Umožňuje vám změnit vlastnosti souboru Značka HTML v závislosti na události mimo prohlížeč (například kliknutí myší, čas nebo datum atd.). Můžete to použít k předběžnému načtení informací na stránku a jejich nezobrazení, pokud čtenář neklikne na konkrétní odkaz.

Polohování v reálném čase

Když si většina lidí myslí o DHTML, je to to, co očekávají. Objekty, obrázky a text pohybující se po webové stránce. To vám umožní hrát interaktivní hry se svými čtenáři nebo animovat části obrazovky.

Dynamická písma

Toto je funkce pouze pro Netscape. Netscape to vyvinul, aby se vyhnul problémům, které designéři měli, když nevěděli, jaká písma budou v systému čtenáře. U dynamických písem jsou písma zakódována a stažena se stránkou, takže stránka vždy vypadá tak, jak to designér zamýšlel. Můžete také použít písma bezpečná pro web.

Vazba dat

Toto je funkce pouze pro IE. Microsoft to vyvinul, aby umožnil snadnější přístup k databáze z webových stránek. Je to velmi podobné použití CGI pro přístup k databázi, ale ke svému fungování používá ovládací prvek ActiveX. Tato funkce je velmi pokročilá a obtížně použitelná pro začínajícího spisovatele DHTML.

instagram story viewer