Drzewo kontekstowe w Adobe Dreamweaver

Słownik kwalifikacji INF.03 - Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Co to jest drzewo kontekstowe w Adobe Dreamweaver?

Drzewo kontekstowe w Adobe Dreamweaver to funkcja służąca do prezentowania struktury dokumentu HTML w formie interaktywnego drzewa. Pozwala zobaczyć, jakie elementy znajdują się w dokumencie oraz jak są względem siebie zagnieżdżone.

Do czego służy?

Drzewo kontekstowe jest wykorzystywane głównie do:
- przeglądania struktury HTML strony,
- szybkiego odnajdywania elementów w kodzie,
- analizowania zagnieżdżeń znaczników,
- pracy zarówno z treścią statyczną, jak i dynamiczną,
- łatwiejszej edycji elementów strony w środowisku WYSIWYG.

Przykładowo strona może mieć strukturę:

<body>
  <header>
    <h1>Tytuł strony</h1>
  </header>
  <main>
    <p>Treść akapitu</p>
  </main>
</body>

W drzewie kontekstowym element h1 będzie widoczny jako element znajdujący się wewnątrz header, a p jako element wewnątrz main.

Czego nie robi drzewo kontekstowe?

Nie służy ono do tworzenia arkuszy CSS, formatowania tekstu za pomocą znaczników ani tworzenia szablonów stron. Jego główna rola to pokazanie interaktywnej struktury dokumentu HTML.