Za pisanje slogovnih predlog CSS lahko uporabljamo navaden besedilni urejevalnik ali naprednejši urejevalnik kode. Pri učenju in vsakdanjem delu je koristno izbrati orodje, ki omogoča pregledno pisanje, obarvanje kode in lažje odkrivanje napak.
Med pogosto uporabljenimi programi za pisanje CSS so na primer Notepad++, Sublime Text, Visual Studio Code, PSPad, Apache NetBeans in Adobe Dreamweaver. Posamezni programi se razlikujejo predvsem po številu funkcij, stopnji pomoči pri pisanju in po tem, ali gre za preprost urejevalnik ali za celovitejše razvojno okolje.
Pomni: CSS lahko pišemo v navadnem besedilnem urejevalniku, vendar nam naprednejši urejevalniki pomagajo z obarvanjem kode, samodokončevanjem in drugimi orodji, ki olajšajo delo.
Osnovna pravila
- Datoteke CSS shranjujemo s končnico
.css. - Za pisanje CSS lahko uporabimo preprost ali naprednejši urejevalnik kode.
- Koristne funkcije urejevalnika so obarvanje kode, pomoč pri pisanju in pregledna organizacija datotek.
- Pri večjih projektih je posebej uporabno orodje, ki podpira delo z več datotekami in razširitvami.
Naprednejši urejevalniki kode pogosto omogočajo obarvanje sintakse, samodokončevanje, razširitve, delo z več datotekami in lažji pregled projekta. To je posebej uporabno pri HTML, CSS in JavaScript.
Primerjava orodij
Posamezni programi za pisanje CSS imajo podoben osnovni namen, vendar se razlikujejo po načinu dela in dodatnih možnostih.
| Vrsta orodja | Značilnosti |
|---|---|
| Preprostejši urejevalniki |
|
| Naprednejši urejevalniki in razvojna okolja |
|
Pozor: Sam program še ne zagotavlja pravilno napisane kode. Tudi pri uporabi naprednega urejevalnika je treba dobro poznati pravila zapisa CSS.
Primeri programov za pisanje CSS
Notepad++
Notepad++ je brezplačen odprtokodni urejevalnik za Windows. Podpira več programskih jezikov in omogoča obarvanje sintakse, zato je primeren tudi za pisanje CSS.
Urejevalnik Notepad++: pisanje CSS slogov
Sublime Text
Sublime Text je večplatformski urejevalnik kode. Namenjen je delu s kodo, označevalnimi jeziki in besedilom ter je znan po hitrem delovanju in preglednem uporabniškem vmesniku.
Urejevalnik Sublime Text: pisanje CSS slogov
Visual Studio Code
Visual Studio Code je sodoben urejevalnik kode, ki podpira razširitve, različne jezike in funkcije, kot je IntelliSense. Zato je zelo uporaben tudi pri pisanju CSS.
Urejevalnik VS Code: pisanje CSS slogov
Apache NetBeans
Apache NetBeans je razvojno okolje, ki podpira različne jezike, med njimi tudi HTML5 in CSS. Primeren je za uporabnike, ki želijo poleg urejanja kode uporabljati tudi razvojna orodja v istem programu.
PSPad
PSPad je brezplačen urejevalnik za Windows. Podpira različne vrste izvorne kode in omogoča obarvanje sintakse glede na vrsto datoteke.
Adobe Dreamweaver
Adobe Dreamweaver je program za spletni razvoj, ki podpira HTML, CSS in druge spletne standarde. Ponuja code hints, Live View in sproten predogled, zato je uporaben tako pri pisanju kot pri preverjanju videza strani.
Urejevalnik kode v Adobe Dreamweaverju
Urejevalnik CSS Designer v Adobe Dreamweaverju CC
Priporočila
- Za začetno učenje izberi urejevalnik, ki omogoča pregledno pisanje in obarvanje kode.
- Pri večjih projektih uporabljaj orodje, ki podpira delo z več datotekami, razširitvami ali dodatnimi razvojnimi funkcijami.
- Datoteke CSS dosledno shranjuj s končnico
.css. - Izberi orodje, ki ustreza tvojemu načinu dela in operacijskemu sistemu.
Pogoste napake
- Prepričanje, da je za pisanje CSS nujen samo en določen program.
- Izbira orodja brez upoštevanja potreb projekta.
- Zanašanje samo na samodokončevanje brez razumevanja pravil CSS.
- Nepravilno shranjevanje slogovnih datotek ali nepregledna organizacija projekta.
Tudi najboljši urejevalnik ne more nadomestiti razumevanja CSS. Orodje delo olajša, pravilna uporaba slogovnih pravil pa je še vedno odvisna od znanja uporabnika.