Ako vytvoriť interné a externé štýly v Dreamweaveri

Keď v Dreamweaveri vytvárate nové štýly, musíte sa rozhodnúť, či štýl uložíte do internej alebo externej šablóny so štýlmi. V internom hárku štýlov je pravidlo štýlu uložené v hornej časti dokumentu HTML, kde chcete štýl použiť. V externom hárku štýlov sú nové štýly uložené v samostatnom dokumente, ktorý možno pripojiť k akémukoľvek súboru na vašej webovej lokalite.

Externé predlohy štýlov ponúkajú najväčšie výhody, pretože používanie jednej sady štýlov na mnohých stránkach je efektívnejšie ako vytváranie štýlov pre každú stránku na vašej lokalite. Niekedy sú však interné predlohy štýlov dobrou voľbou, napríklad keď vytvárate štýl, ktorý sa bude vzťahovať iba na prvky na jednej stránke.

Ako vytvoriť internú predlohu v Dreamweaveri

Interné predlohy štýlov sú uložené v rovnakom súbore HTML, v ktorom sú použité. Preto pri vytváraní interného hárku štýlov nevytvoríte súbor, ako keď vytvoríte externý hárok.

Namiesto toho, keď vytvoríte internú šablónu so štýlmi, jednoducho ju pridáte

značky vo vašom súbore.

Vytvorenie nového interného štýlu v Dreamweaveri vyžaduje len dva kroky. Najprv kliknite na ikonu plus (+) na paneli Zdroje v hornej časti panela CSS Designer. Potom z rozbaľovacieho zoznamu vyberte možnosť Definovať na stránke. Skončili ste. Dreamweaver vkladá

tag.

Ako vytvoriť externý predlohový list v Dreamweaveri

Úplne hore na paneli CSS Designer nájdete panel Sources. Tento panel zobrazuje názov alebo názvy všetkých hárkov štýlov dostupných na otvorenej stránke. Ten istý panel sa používa na vytváranie alebo prepojenie so štýlmi pri vytváraní alebo aplikovaní štýlov.

Ak chcete vytvoriť externú šablónu štýlov, najprv vytvorte a uložte nový súbor HTML alebo otvorte existujúci súbor v aplikácii Dreamweaver a potom postupujte podľa týchto pokynov:

Kliknite na ikonu plus (+) na paneli Zdroje v hornej časti panela CSS Designer.

Otvorí sa rozbaľovací zoznam s tromi možnosťami: Vytvoriť nový súbor CSS, Pripojiť existujúci súbor CSS a Definovať na stránke.

V rozbaľovacom zozname vyberte možnosť Vytvoriť nový súbor CSS.

Otvorí sa dialógové okno Vytvoriť nový súbor CSS.

Zadajte názov pre váš nový súbor so štýlmi.

Šablóny štýlov môžete pomenovať ľubovoľne, ak do nich nezahrniete medzery ani špeciálne znaky okrem spojovníka (-) alebo podčiarkovníka (_).

Vyberte možnosť Odkaz.

Prepojenie sa vo väčšine prípadov považuje za najlepší postup a v aplikácii Dreamweaver je vybraté predvolene.

Vo väčšine prípadov sa možnosť Importovať používa iba vtedy, keď chcete na stránku použiť viacero externých hárkov štýlov, ale chcete vytvoriť prepojenie len s jedným hárkom štýlov. V takom prípade môžete použiť možnosť Importovať na priradenie viacerých hárkov štýlov k jednému.

Kliknutím na šípku vedľa položky Podmienené použitie zobrazíte ďalšie nastavenia.

Nastavenia podmieneného použitia sa používajú na nastavenie mediálnych dopytov pre predlohy štýlov.

Kliknite na tlačidlo OK.

Šablóna štýlov sa uloží a prepojí so stránkou HTML, ktorú máte otvorenú v Dreamweaveri. Poznámka: Ak pracujete na novej HTML stránke, uistite sa, že ste stránku uložili. inak nebudete môcť vytvoriť a prepojiť nový súbor CSS.

Po vytvorení externej šablóny štýlov môžete tú istú šablónu štýlov prepojiť s ľubovoľným počtom stránok podľa krokov v cvičení, ktoré bezprostredne nasleduje. Môžete tiež pridať toľko pravidiel štýlu, koľko chcete, do ľubovoľnej externej šablóny so štýlmi, ktorá je zahrnutá v rôznych cvičeniach, ktoré nasledujú pri vytváraní tried, značiek a iných typov štýlov.