Web razvoj je umjetnost i proces izrade web stranica. Omogućuje nam dijeljenje ideja, priča, slika i igara na internetu. U ovoj lekciji naučit ćemo osnove web razvoja. Razgovarat ćemo o alatima i jezicima koji se koriste i kako se sve slaže kao dijelovi slagalice. Ova je lekcija napisana jednostavnim jezikom kako bi svatko mogao uživati u učenju o izradi web stranica.
Web razvoj znači izradu web stranica koje ljudi mogu posjećivati na internetu. To je poput stvaranja digitalne knjige priča gdje svaka stranica dijeli nešto zabavno ili zanimljivo. Web stranice mogu prikazivati slike, video zapise, igrice i informacije, slično slikovnicama u kojima uživate u školi.
Zamislite da imate zbirku svojih omiljenih crteža. Ako ih stavite u album, drugi se ljudi mogu diviti vašem radu. Na isti način, web programer sastavlja mnoge dijelove—riječi, slike i kodove—kako bi stvorio web mjesto koje svatko može posjetiti.
Web razvoj je važan jer donosi informacije i zabavu u naše živote. Kada tražite zabavnu igru, gledate crtić ili pronalazite korisne informacije na internetu, koristite web stranice. Ove web stranice izrađene su pomoću web razvoja.
Internet pomaže ljudima da uče nove stvari, dijele svoje ideje, pa čak i igraju igre. Web razvoj čini sve ovo mogućim. To je kao da gradite šarene kuće na digitalnoj ulici gdje prijatelji mogu svratiti i uživati u onome što ste izgradili.
Svaka web stranica sastoji se od različitih dijelova koji zajedno pričaju cjelovitu priču. Baš kao što crtež ima vrh, sredinu i dno, web stranica ima nekoliko odjeljaka:
Ovi dijelovi pomažu organizirati stranicu tako da izgleda uredno i lako razumljiva. Omogućuju ljudima da brzo vide o čemu se radi na web stranici i pronađu ono što im je potrebno.
Web programeri koriste različite alate za izradu web stranica. Ovi alati pomažu u pisanju kodova, dizajnu izgleda i provjeravanju radi li sve ispravno. Neki uobičajeni alati su:
Korištenje ovih alata je kao korištenje različitih kistova i boja za slikanje slike. Svaki alat ima svoj poseban zadatak koji pomaže oživjeti web stranicu.
Kada gradimo web stranicu, koristimo posebne računalne jezike. Zamislite ove jezike kao sastojke u receptu. Postoje tri glavna jezika u web razvoju:
Svaki jezik je važan. Bez HTML-a web stranica ne bi imala strukturu. Bez CSS-a, web stranica bi izgledala jednostavno. A bez JavaScripta web stranica ne bi bila interaktivna.
HTML je kratica za HyperText Markup Language. To je osnovni alat za izradu web stranice. HTML web pregledniku govori strukturu stranice, slično kao što građevni blokovi tvore dvorac.
Evo jednostavnog HTML primjera koji čini osnovnu web stranicu:
<!DOCTYPE html>
<html>
<glava>
<title>Moja prva web stranica</title>
</head>
<tijelo>
<h1>Dobro došli na moju web stranicu</h1>
<p>Ovo je moja prva web stranica.</p>
</body>
</html>
U ovom kodu:
HTML je nacrt svake web stranice. Prikazuje redoslijed i mjesto za sve dijelove.
CSS je kratica za Cascading Style Sheets. Uz CSS, web programeri dodaju boje, mijenjaju fontove i prilagođavaju izgled web stranica. CSS je poput odabira boja i ukrasa za sobu.
Ako želite da vaša web stranica izgleda primamljivo i veselo, CSS vam pomaže u tome. Na primjer, da bi naslov bio plav, a tekst određene veličine, možete koristiti sljedeći CSS kod:
h1 {
boja: plava;
veličina fonta: 24px;
}
p {
veličina fonta: 16px;
boja: crna;
}
Ovaj CSS kod govori pregledniku da sve h1 oznake učini plavim i velikim, a sve p oznake male veličine s crnim tekstom. CSS čini da web stranica izgleda lijepo uređeno i moderno.
JavaScript je poseban jezik koji dodaje kretanje i zabavu na web stranice. Čini web stranice interaktivnima. To znači da kada kliknete na gumb ili prijeđete pokazivačem iznad nečega, JavaScript može reagirati i napraviti promjene.
Na primjer, razmislite o gumbu koji prikazuje poruku kada se klikne. Evo jednostavnog primjera JavaScripta:
<button onclick="alert('Hello, world!')">Klikni me</button>
U ovom primjeru, kada pritisnete gumb "Click Me", preglednik prikazuje malo upozorenje s porukom "Hello, world!" Ovo pokazuje kako JavaScript može pomoći web stranici da odgovori na vaše radnje, čineći je interaktivnom i zabavnom za korištenje.
Web preglednik je program koji vam pomaže posjećivati web stranice. Kada upišete adresu web-mjesta u preglednik, on će pronaći web-mjesto i prikazati ga na vašem zaslonu. Zamislite preglednik kao čarobni prozor koji vam omogućuje da odmah vidite daleka mjesta.
Baš kao što se knjiga priča otvori da biste pročitali priču, web-preglednik vam otvara web-stranicu. Bilo da gledate smiješan video ili čitate šareni blog, web preglednici vam omogućuju da uživate u svim tim stvarima na računalu ili tabletu.
Web razvoj je svuda oko nas. Mnoga web-mjesta koja koristite svaki dan napravljena su pomoću gore navedenih alata i jezika. Evo nekoliko primjera gdje se koristi web razvoj:
Ovi primjeri iz stvarnog svijeta pokazuju kako web razvoj pomaže učiniti svakodnevni život zabavnijim, uzbudljivijim i informativnijim.
Možete izraditi vlastitu web stranicu slijedeći nekoliko jednostavnih koraka. Ovi koraci su poput recepta koji možete prakticirati iznova i iznova:
Čineći ove korake, učinit ćete prvi mali korak u stvaranju vlastite web stranice. Kako budete više vježbali, naučit ćete nove tehnike i ideje za dodavanje uzbudljivijih dijelova vašoj web stranici.
Web razvoj je poput velike kutije bojica. Sa svakim novim dijelom koda svojoj web stranici možete dodati novu boju ili dizajn. Započinje jednostavnim idejama koje se polako spajaju kako učite više o HTML-u, CSS-u i JavaScriptu.
Koristite svoju maštu. Razmislite o dizajnu, bojama i izgledu koji vas čine sretnima. Poput crtanja slike ili gradnje od blokova, svaka web stranica koju izradite može biti odraz vaših jedinstvenih ideja.
Čak i ako danas napravite malu web stranicu, možete nastaviti dodavati više detalja dok učite. Svaka promjena je korak prema izgradnji nečeg prekrasnog na internetu.
Uvijek postoji više za naučiti u web razvoju. Kako starite, mogli biste istraživati nove teme kao što su:
Ove su teme poput naprednih poglavlja u prekrasnoj knjizi o računalima. Za sada je najbolje započeti s osnovama i biti ponosan na svaku malu web stranicu koju izradite.
Svaki put kada posjetite web mjesto kako biste pogledali video ili igrali jednostavnu igru, koristite web razvoj. Zamislite web stranicu kao digitalno igralište. Gradivni blokovi, boje i interaktivni elementi rade zajedno kako bi stvorili zabavna i privlačna mjesta na mreži.
Kada vidite pokretne slike, skočne poruke ili čak promjenu boja, sjetite se da je svaka od ovih značajki izgrađena pomoću HTML-a, CSS-a i JavaScripta. Web razvoj unosi uzbuđenje i kreativnost u svakodnevne aktivnosti na internetu.
To znači da je učenje o web razvoju poput učenja gradnje s LEGO kockama. Svaki blok je važan, a svaki mali korak vam pomaže stvoriti nešto nevjerojatno u čemu svi mogu uživati.
Svijet web razvoja uvijek raste i mijenja se. Novi alati, ideje i dizajni nastaju kako ljudi otkrivaju bolje načine za izradu web stranica. U budućnosti bi web stranice mogle razgovarati s vama, prisjetiti se vaših omiljenih igara ili čak promijeniti njihov izgled na temelju onoga što vam se sviđa.
Iako se neke od ovih ideja sada mogu činiti velikima, učenje osnova pripremit će vas za kasnije uzbudljivije projekte. Svaka web stranica koju danas vidite započela je kao jednostavna ideja. S vremenom te jednostavne ideje prerastu u zabavne i inovativne avanture na webu.
Otvorenost i kreativnost ključni su za istraživanje ovih novih ideja. Kako učite više i vježbate izradu web stranica, možete biti dio budućnosti web razvoja.
Jedan od najboljih dijelova web razvoja je taj što kombinira tehnologiju i kreativnost. Baš kao što vi uživate u crtanju i izradi, programeri koriste svoje kreativne vještine za izradu web stranica. Oni biraju boje, fontove i izglede koji pokazuju osobnost web stranice.
Kada nešto dizajnirate, bilo da je to crtež ili web stranica, koristite alate za izražavanje svojih ideja. U web razvoju to znači korištenje HTML-a za strukturu, CSS-a za boje i stilove i JavaScripta za interaktivne trenutke. Svaka web stranica postaje jedinstveno umjetničko djelo u kojem ljudi mogu uživati.
Web razvoj veliki je dio informatike. Računalna znanost proučava kako računala rade i kako ih možemo koristiti za rješavanje zabavnih i važnih problema. Kada učite web razvoj, koristite računalne vještine poput rješavanja problema i logičkog razmišljanja.
Ovaj predmet je poput učenja kako graditi s blokovima i slagalicama. Dok vježbate, učite kako se različiti dijelovi spajaju kako bi izgradili nešto što savršeno funkcionira. Ove vještine korisne su ne samo za izradu web stranica, već i za mnoge druge zabavne računalne projekte.
Ako tek počinjete, evo nekoliko jednostavnih savjeta koji će vam pomoći na vašem putu razvoja weba:
Ovi savjeti pomoći će vam da ostanete motivirani i svaki dan naučite više o web razvoju.
Evo nekoliko zabavnih činjenica: