Kako ustvariti notranje in zunanje slogovne liste v Dreamweaverju

Ko ustvarite nove sloge v Dreamweaverju, se morate odločiti, ali želite slog shraniti v notranji ali zunanji slogovni list. V notranji tabeli s slogi je pravilo sloga shranjeno na vrhu dokumenta HTML, kjer želite uporabiti slog. V zunanji slogovni tabeli so novi slogi shranjeni v ločenem dokumentu, ki ga je mogoče priložiti kateri koli datoteki na vašem spletnem mestu.

Zunanje slogovne liste ponujajo največje prednosti, saj je uporaba enega nabora slogov na več straneh učinkovitejša kot ustvarjanje slogov za vsako stran na vašem spletnem mestu. Kljub temu so včasih notranje slogovne liste dobra izbira, na primer, ko ustvarjate slog, ki bo veljal samo za elemente na eni strani.

Kako ustvariti notranjo tabelo slogov v Dreamweaverju

Notranje slogovne liste so shranjene v isti datoteki HTML, kjer so uporabljene. Tako ne ustvarite datoteke, ko ustvarite notranji list s slogi, kot to storite, ko ustvarite zunanji list.

Namesto tega, ko ustvarite notranjo slogovno tabelo, preprosto dodate

oznake v vaši datoteki.

Ustvarjanje novega notranjega sloga v Dreamweaverju zahteva le dva koraka. Najprej kliknite ikono plus (+) na plošči Viri na vrhu plošče CSS Designer. Nato na spustnem seznamu izberite Definiraj na strani. Končal si. Dreamweaver vstavi

oznaka.

Kako ustvariti zunanji slogovni list v Dreamweaverju

Na samem vrhu plošče CSS Designer najdete ploščo Viri. Ta plošča prikazuje imena ali imena vseh slogovnih listov, ki so na voljo odprti strani. Ta ista plošča se uporablja za ustvarjanje ali povezovanje s slogovnimi listami, ko ustvarjate ali uporabljate sloge.

Če želite ustvariti zunanji slogovni list, najprej ustvarite in shranite novo datoteko HTML ali odprite obstoječo datoteko v Dreamweaverju, nato pa sledite tem navodilom:

Kliknite ikono plus (+) na plošči Viri na vrhu plošče CSS Designer.

Odpre se spustni seznam s tremi možnostmi: Ustvari novo datoteko CSS, Priloži obstoječo datoteko CSS in Določi na strani.

Na spustnem seznamu izberite možnost Ustvari novo datoteko CSS.

Odpre se pogovorno okno Ustvari novo datoteko CSS.

Vnesite ime za vašo novo datoteko s slogovnim listom.

Slogovne liste lahko poimenujete karkoli želite, če ne vključite presledkov ali posebnih znakov, razen vezaja (-) ali podčrtaja (_).

Izberite možnost Povezava.

Povezava v večini primerov velja za najboljšo prakso in je privzeto izbrana v Dreamweaverju.

Večinoma se možnost Uvozi uporablja samo, če želite na stran uporabiti več zunanjih slogovnih listov, vendar želite povezati samo eno slogovno tabelo. V tem primeru lahko uporabite možnost Uvozi, da povežete več slogovnih listov z eno.

Kliknite puščico poleg možnosti Pogojna uporaba, da si ogledate dodatne nastavitve.

Nastavitve pogojne uporabe se uporabljajo za nastavitev medijskih poizvedb za slogovne liste.

Kliknite V redu.

Preglednica slogov je shranjena in povezana s stranjo HTML, ki ste jo odprli v Dreamweaverju. Opomba: če delate na novi strani HTML, se prepričajte, da ste stran shranili; sicer ne boste mogli ustvariti in povezati nove datoteke CSS.

Ko ustvarite zunanji slogovni list, lahko to isto slogovno listo povežete s poljubnim številom strani, tako da sledite korakom v vaji, ki sledi takoj. Prav tako lahko dodate poljubno število slogovnih pravil v kateri koli zunanji slogovni list, ki je zajet v različnih vajah, ki sledijo ustvarjanju razredov, oznak in drugih vrst slogov.