Ako pripojiť externú šablónu so štýlmi na stránku v Dreamweaveri

Po vytvorení externej šablóny štýlov v aplikácii Dreamweaver ju môžete pripojiť k akejkoľvek webovej stránke. V podrobných pokynoch, ktoré nasledujú, môžete použiť ktorúkoľvek z preddefinovaných šablón štýlov, ktoré sú súčasťou aplikácie Dreamweaver, alebo môžete tieto pokyny použiť na pripojenie ľubovoľnej šablóny štýlov, ktorú vytvoríte pomocou krokov v predchádzajúcom cvičení.

Začnite otvorením stránky, ku ktorej chcete priložiť šablónu so štýlmi, a potom postupujte podľa týchto krokov:

Kliknite na ikonu plus (+) na paneli Zdroje v hornej časti panela CSS Designer a z rozbaľovacieho zoznamu vyberte možnosť Pripojiť existujúci súbor CSS.

Otvorí sa dialógové okno Pripojiť existujúci súbor CSS.

Kliknite na tlačidlo Prehľadávať a vyhľadajte súbor CSS v priečinku miestnej lokality.

Môžete tiež zadať adresu URL, ak chcete použiť vzdialený súbor CSS umiestnený na inej webovej lokalite, ale najčastejšie sa používa šablóna štýlov obsiahnutá na webovej lokalite, na ktorej pracujete.

Vyberte možnosť Prepojiť alebo Importovať.

Ak k súboru HTML pripájate predlohu, vašou najlepšou voľbou je takmer vždy vybrať možnosť Odkaz, čo je predvolené nastavenie. Zvoľte Importovať, ak chcete vytvoriť jednu hlavnú externú šablónu štýlov, ktorá obsahuje odkazy na iné šablóny štýlov, čo je rozšírená možnosť, ktorá umožňuje jednej šablóne štýlov odkazovať na druhú.

(Voliteľné) Vyberte možnosti zo sekcie Podmienené použitie.

Použite funkcie podmieneného použitia na definovanie mediálneho dotazu pri pripájaní vašej šablóny štýlov.

Kliknite na tlačidlo OK.

Dialógové okno sa zatvorí a Dreamweaver nastaví prepojenie na hárok štýlov pridaním riadka kódu do hornej časti súboru HTML. Po prepojení externého hárku štýlov sa všetky použiteľné štýly automaticky aplikujú na obsah na stránke v Dreamweaveri a názvy selektorov štýlov definovaných v hárku štýlov sa stanú viditeľnými na paneli Výbery na paneli CSS Designer.

K tej istej HTML stránke môžete pripojiť viacero hárkov štýlov a v tom istom dokumente môžete použiť interné a externé hárky štýlov. Môžete napríklad uložiť štýly textu do jedného hárku so štýlmi, uložiť štýly rozloženia do iného a potom oba priložiť k tomu istému dokumentu – čím sprístupníte stránke všetky definované štýly.

Podobne vytvoríte rôzne predlohy štýlov na rôzne účely, napríklad jednu na tlač súboru a druhú na zobrazenie v prehliadači.