Šta nam je potrebno za rad?

Za učenje web tehnologija HTML i CSS, za početak, potreban nam je instaliran browser (web  pregledač) na našem računaru. Preporuka je da to bude Chrome browser.

Drugo, potreban nam je tekstualni editor za pisanje kod-a. Preporuka je da apsolutni početnici koriste editor Notepad++  koji je upravo veoma prilagođen početnicima.

NOTEPAD++  INSATALACIJA

Instaliraćemo Notepad++  na naš računar. Najpre je potrebno da posetimo web adresu sa koje ćemo preuzeti instalaciju.

https://notepad-plus-plus.org/downloads/

Uvek preuzimamo najnoviju verziju programa. U trenutku pisanja ovog kursa, poslednja verzija je Notepad++ 7.8.6 .

Nakon odabira željene verzije, prikazuje nam se stranica na kojoj se nalazi dugme „download“. Klikom na ovo dugme preuzimamo instalaciju na naš računar. Nakon preuzimanja, instalaciju ćemo pronaći u folderu „Downloads“ na našem računaru, tj. fajl „npp.7.8.6.Installer.exe“. Dvoklikom na ovaj instalacion fajl pokrećemo instalaciju. Prilikom same instalacije, ne menjajte podrazumevana podešavanja, već nastavljajte dalje klikom na „next“ dugme. Pred sam kraj instalacije, pojavić se prozor u kojem ćete biti pitani da li želite da bude kreirana preičica na desktopu (radnoj površini). Štiklirajte ovo polje.

I nakon toga, kliknite dugme „Install“. Instalacija će biti dovršena, a prečica za pokretanje programa pojaviće se na našem desktop-u.

Dvoklikom na prečicu, otvaramo Notepad++ editor. Kada smo prvi put otvorili editor, primetili smo da se u njemu nalazi jedan otvoren fajl „change.log“, koji ćemo zatvoriti klikom na „x“ dugme pored naziva fajla.

Da bismo pripremili editor za rad, ostaje nam da uradimo još dva mala podešavanja.

Prvo je da izaberemo jezik HTML. Iz gornjeg menija izaberemo karticu „Language“, gde nam se otvara padajući meni, tačnije početna slova mogućih jezika koje želimo da koristimo. Pronađemo slovo „H“ (početno slovo od  HTML), i tada se desno otvara podmeni, gde pronalazimo jezik HTML koji je potrebno da štikliramo. Kada smo to uradili, ponovićemo postupak „dolaska“ do HTML jezika i proveriti da li sada pored HTML jezika stoji tačkica – kružić.

Ostaje nam još jedno malo podešavanje, a to je da iz gornjeg menija odaberemo karticu „View“  i u padajućem meniju štikliramo opciju „Word wrap“.

Ovo podešavanje nam je značajno iz razloga da bi  redovi teksta koje ispisujemo mogli automatski da se prelamaju u novi red. U suprotnom, ako se ne bi prelamali, pojavljivala bi nam se horizontalna scroll traka, te da bismo pregledali ceo sadržaj, morali bismo stalno da skrolujemo stranu levo/desno.

Sada imamo spremno sve za početak rada.