Pri izdelavi spletnih strani uporabljamo dve osnovni vrsti programov: urejevalnik in brskalnik. Urejevalnik uporabljamo za pisanje in spreminjanje kode, brskalnik pa za prikaz in preverjanje spletne strani. Ker je datoteka HTML navadna besedilna datoteka, jo lahko odpremo v različnih urejevalnikih, vendar so za delo praviloma primernejši namenski urejevalniki kode in razvojna okolja.
Pomni: Urejevalnik in brskalnik nimata iste naloge. Urejevalnik uporabljamo za pisanje kode, brskalnik pa za prikaz in preverjanje rezultatov.
Osnovna pravila
- Datoteko HTML lahko pišemo v navadnem urejevalniku besedila ali v naprednejšem urejevalniku kode.
- Naprednejši urejevalniki običajno omogočajo označevanje sintakse, samodejno zamikanje in pomoč pri pisanju oznak.
- Brskalnik je program, ki obdela HTML in prikaže spletno stran.
- Spletno stran je priporočljivo preveriti v več brskalnikih.
- Sodobni brskalniki vključujejo tudi razvojna orodja za pregled HTML, CSS, JavaScript, omrežja in napak.
Primerjave
Urejevalnik in brskalnik
Urejevalnik uporabljamo za pisanje kode, brskalnik pa za ogled in preverjanje spletne strani. Brskalnik zato ni nadomestilo za urejevalnik, urejevalnik pa ne nadomesti preverjanja v brskalniku.
| Program | Glavna naloga |
|---|---|
| urejevalnik | pisanje, urejanje in shranjevanje kode |
| brskalnik | prikaz, preverjanje in preizkušanje spletne strani |
Preprost in naprednejši urejevalnik
Preprost urejevalnik besedila omogoča osnovno pisanje kode, naprednejši urejevalnik ali razvojno okolje pa običajno vključuje dodatne zmožnosti, ki olajšajo delo in zmanjšajo možnost napak.
| Vrsta urejevalnika | Značilnosti |
|---|---|
| preprost urejevalnik | osnovno pisanje besedila brez posebne pomoči pri kodi |
| naprednejši urejevalnik | barvanje kode, zamiki, iskanje napak, pomoč pri pisanju in razširitve |
Pozor: Tudi če je stran v enem brskalniku videti pravilna, to še ne pomeni, da bo enako delovala tudi v drugih brskalnikih ali na drugih napravah.
Urejevalniki HTML
Ker je HTML navadna besedilna datoteka, lahko uporabimo skoraj vsak urejevalnik besedila. Za bolj udobno delo pa so primernejši urejevalniki kode, ki pomagajo pri preglednem pisanju in urejanju dokumenta.
Med znanimi urejevalniki in razvojnimi okolji za delo s HTML sodijo na primer Notepad++, Sublime Text, Visual Studio Code, TextPad, Apache NetBeans in Adobe Dreamweaver. Sodobni urejevalniki pogosto vključujejo tudi terminal, upravljanje projektov, razširitve in pomoč pri delu z več datotekami.
Urejevalnik Notepad++
Urejevalnik Sublime Text
Urejevalnik Adobe Dreamweaver CC
Brskalniki
Brskalnik je program, s katerim si ogledamo izdelano spletno stran. Med najbolj znanimi sodobnimi brskalniki so Microsoft Edge, Mozilla Firefox, Google Chrome, Opera, Safari in Brave. Spletno stran je pred objavo koristno preveriti v več različnih brskalnikih.
Razvojna orodja v brskalniku
Sodobni brskalniki vključujejo razvojna orodja, s katerimi lahko pregledamo trenutno naložen HTML, sloge CSS, JavaScript, omrežne zahtevke in druge tehnične podrobnosti strani. Takšna orodja so zelo uporabna pri iskanju napak in pri preverjanju, kako je stran dejansko zgrajena.
Priporočila
- Za pisanje HTML uporabljaj urejevalnik kode, ki podpira pregledno urejanje in označevanje sintakse.
- Po vsaki pomembnejši spremembi stran preveri v brskalniku.
- Za končno preverjanje stran odpri v več različnih brskalnikih.
- Pri iskanju napak uporabi razvojna orodja brskalnika.
- Za manjše primere lahko uporabiš preprost urejevalnik, za večje projekte pa je primernejši naprednejši urejevalnik ali razvojno okolje.
Pomni: Tudi zelo dober urejevalnik ne more nadomestiti preverjanja strani v dejanskem brskalniku.