Osnovna škola "Tučepi" - 7. razred - Izrada web stranica

> Kutak za učenike > Korisni materijali iz Informatike > 7. razred

Materijali za sedmaše

Izrada web stranica_ponovimo predprovjeru znanja

Autor: Renata Josipović, 7. 5. 2023.

Prezentiranje na internetu je u današnje vrijeme vrlo važan faktor reklamiranja. Kaže se da slika govori više od riječi, a gdje postaviti slike da ih neprekidno može pogledati mnoštvo ljudi nego na internetu?

WWW (World Wide Web) je servis koji to omogućuje. No, kako iskoristiti mogućnost postavljanja sadržaja na Internet? Danas su web programeri vrlo traženi. Za izradu, tj. programiranje web stranica nije potrebno znati puno "programskih jezika" već znati koristiti te jezike na pravi način. Za to je potrebno puno vremena. Prvo treba svladati osnove web programiranja.

Trebate usvojiti sljedeće pojmove:

WWW (World Wide Web) je internetska usluga (servis) za pregled web-stranica.

Web-sjedište (Web Site) je mjesto na lokalnom ili udaljenom računalu (poslužitelju) sa više povezanih web-stranica. Adresa tog internetskog sjedišta zove se domena.

Web-stranica (Web Page) je dokument postavljen na internetu (sadrži tekst, slike, video, dr. poveznice...)

Za dohvaćanje i pregled web-stranica i sadržaja na njima instaliramo i koristimo web preglednik, tj. mrežni preglednik, odnosno internetski preglednik.

Index.html (Index Page ili Home Page) je početna web-stranica (web-stranica koja se očita nakon upisivanja adrese web-sjedišta u web preglednik). Sadrži osnovne informacije o sjedištu te poveznice (hyperlinkove) do ostalih stranica.

Web-stranice možemo izraditi pomoću vizualnog (grafičkog) HTML uređivača (Adobe Spark, Adobe Dreamweaver, Microsoft Expression Web 4, Microsoft Frontpage, KompoZer…) ili pomoću tekstualnog uređivača (Notepad tj. Blok za pisanje).

U vizualnom uređivaču web-stranica nastaje dodavanjem i oblikovanjem sadržaja koristeći grafičko sučelje. U svakom trenutku prikazano je kako će web-stranica izgledati u web pregledniku, a mogu se koristiti 4 pogleda na web stranicu: Design - osnovni pogled u kojem izrađujemo web-stranicu Split – prikaz web-stranice podijeljene na dva dijela Code – prikaz programskih naredbi web stranice Preview – prikaz kako bi web-stranica izgledala učitana u web-pregledniku Prilikom izmjena, preporučeno je sačuvati ih klikom na Save all.

U tekstualnom uređivaču upisuju se naredbe HTML jezika (kodovi), spremaju se s nastavkom .htm ili .html i tek onda pregledavaju u web pregledniku. Pri svakoj promjeni web preglednik se osvježava tipkom F5.

HTML (Hyper Text Markup Language) je standardni jezik za izradu web-stranica pomoću oznaka (tagova). Tagovi su dijelovi koda. Određuju položaj i način prikazivanja elemenata stranice (teksta, slike, tablice…) u web-pregledniku.

Oznake najčešće dolaze u parovima < > (početna oznaka) i (završna oznaka).

<html> je oznaka za početak HTML dokumenta, a </html> je oznaka za završetak HTML dokumenta. <head> je oznaka za početak zaglavlja, a </head> je oznaka za završetak zaglavlja stranice. Između oznaka <title> i </title> upisuje se naslov stranice. Između oznaka <body> i </body> nalazi se tijelo stranice.

Dakle, HTML dokument se sastoji od 2 bloka, a to su zaglavlje stranice, koje sadrži informacije o jeziku stranice, ključnim riječima, imenu autora… te tijelu stranice tj. sadržaju web stranice koje se sastoji od tablica, slika, poveznica, teksta…

i su oznake početka i završetka odlomka, tj. prelaska u novi red. Unutar odlomka često koristimo oznake za oblikovanje teksta, kao što su: i za podebljanje, i za ukošenje i i i za podcrtanje.