Ako nastaviť vlastnosti stránky v Dreamweaveri

Dreamweaver ponúka rôzne možnosti na definovanie obsahu hlavy. Jeden z nich zahŕňa vkladanie štýlov do stránky, čo sa neodporúča. Namiesto toho vytvorte externé predlohy štýlov – predlohy štýlov, ktoré sú samostatnými súbormi, ktoré možno prepojiť (aplikovať na) viaceré stránky v rámci webovej lokality.

To znamená, že existuje čas a miesto na definovanie štýlu celej stránky, ktorý sa vzťahuje iba na jednu stránku. Kedy by ste to urobili?

Môžete sa uchýliť k definovaniu štýlov pre jednu stránku, keď sa veľmi ponáhľate s prototypom stránky pre váš tím alebo klienta, a neskôr sa vrátite a použijete štýly. Alebo, ak vytvárate jednostránkovú webovú lokalitu a nie je potrebná externá šablóna so štýlmi, ktorá sa bude vzťahovať na viacero stránok.

Dreamweaver na to poskytuje nástroje v dialógovom okne Vlastnosti strany.

Ak chcete otvoriť dialógové okno Vlastnosti stránky, kliknite na tlačidlo Vlastnosti stránky v inšpektorovi vlastností alebo vyberte Upraviť → Vlastnosti stránky. Karty Vzhľad (CSS), Vzhľad (HTML), Odkazy (CSS) a Nadpisy (CSS) generujú kód hlavičky, ktorý definuje, ako sa rôzne prvky na stránke zobrazujú. Možnosti sú intuitívne.

Na karte Vzhľad môžete napríklad definovať písmo textu, veľkosť a farbu, ako aj farbu pozadia (alebo obrázok) pre stránku. Obrázok ukazuje definovanú farbu pozadia. Ďalšie karty dialógového okna Vlastnosti stránky poskytujú podobne intuitívne možnosti na definovanie funkcií, ako napríklad spôsob zobrazenia odkazov a vzhľadu nadpisov.

V snahe zjednodušiť tvorbu webu a ochrániť dizajnérov pred tým, čo je „pod kapotou“, ponúka Dreamweaver možnosti, ktoré generujú kód šablóny so štýlmi CSS „nevedome“.

Napríklad, keď použijete funkcie v dialógovom okne Vlastnosti stránky, možno si neuvedomíte, že keď definujete vlastnosti, ako je pozadie stránky alebo štýl písma, v skutočnosti generujete kód CSS – ale ste. Kvôli tomuto vzťahu medzi CSS a HTML by sa tento „priebežný“ prístup ku generovaniu CSS mohol ukázať ako užitočný.