Osnove weba

Što je Internet?

Internet je javno dostupna globalna podatkovna mreža koja povezuje računala i računalne mreže služeći se internetskim protokolima za njihovu komunikaciju. To je mreža svih mrežā koja se sastoji od milijuna kućnih, akademskih, poslovnih i vladinih mreža koje međusobno razmjenjuju informacije i usluge kao što su elektronička pošta, chat i prijenos datoteka te povezane stranice i dokumente World Wide Weba. Novotvorenica „međumrežje”[1] u hrvatskom jeziku nije zaživjela i rijetko se koristi.

1

Što je WWW?

World Wide Web (skraćeno WWW ili samo Web, naziv dolazi iz engleskog jezika, a može se prevesti kao 'svjetska mreža'; u engleskom riječ web ima značenje razgranate i isprepletene mreže poput paučine) jedna je od najkorištenijih internetskih usluga koja omogućava pregled hipertekstualnih dokumenata. Dokumenti mogu sadržavati tekst, slike i multimedijalne sadržaje a međusobno su povezani tzv. hiperlinkovima. Za korištenje i prikaz sadržaja koriste se računalni programi koji se nazivaju "web browser" web-preglednici

1

Što je HTML i čemu služi?

HTML je kratica za HyperText Markup Language, što znači prezentacijski jezik za izradu web stranica. Hipertekst dokument stvara se pomoću HTML jezika. HTML jezikom oblikuje se sadržaj i stvaraju se hiperveze hipertekst dokumenta. HTML je jednostavan za uporabu i lako se uči, što je jedan od razloga njegove opće prihvaćenosti i popularnosti. Svoju raširenost zahvaljuje jednostavnosti i tome što je od početka bio zamišljen kao besplatan i tako dostupan svima. Prikaz hipertekst dokumenta omogućuje web preglednik.

1

Što je CSS i čemu služi?

CSS je kratica od (eng.) Cascading Style Sheets. Radi se o stilskom jeziku, koji se rabi za opis prezentacije dokumenta napisanog pomoću markup (HTML) jezika.[1] Kako se web razvijao, prvotno su u HTML ubacivani elementi za definiciju prezentacije (npr. tag ), ali je dovoljno brzo uočena potreba za stilskim jezikom koji će HTML osloboditi potrebe prikazivanja sadržaja (što je prvenstvena namjena HTML-a) i njegovog oblikovanja (čemu danas služi CSS). Drugim riječima, stil definira kako prikazati HTML elemente. CSS-om se uređuje sam izgled i raspored stranice.

1

Što je web-stranica, a što web-sjedište (web-site)?

Web sjedište je skup web stranica koje se nalaze na jedinstvenoj domeni. U redu, sada kada znamo suhoparnu definiciju, raščlanimo nepoznate pojmove iz nje. Zašto skup web stranica? Web stranice nisu ništa više nego multimedijski dokumenti koji sadrže HTML kôd i prikazuju se u web pregledniku. Sama riječ multimedija govori kako se takvi dokumenti mogu sastojati od teksta, fotografije, grafike, videa ili zvuka. HTML kôdom se opisuje svaka web stranica, a sastoji se od oznaka (engl. tag) koje određuju različite elemente na web stranici. Web preglednik je aplikacija kojom se pristupa informacijama web stranice. O HTML kôdu i web preglednicima ćemo reći nešto više kasnije. Iz definicije o web sjedištu nam je ostao još jedan pojam kojeg je potrebno objasniti, a to je domena. Domena web sjedišta je jedinstveno ime Internet adrese. Da rezimiramo, web sjedište je skup multimedijskih dokumenata koji su opisani HTML kôdom, a pristupamo im putem web preglednika upisujući njihovo jedinstveno Internet ime, odnosno domenu. Krenimo sada pobliže upoznati pojmove domena i web stranica.

1

Pojasni razliku između rasterske i vektorske grafike. Možeš se poslužiti i skicama za objašnjenja

Rasterska/vektorska grafika Kao umijeće, grafički dizajn neprekidno napreduje, te je postao važan dio suvremenih digitalnih medija. Prvenstveno je to zasluga sve boljih softverskih rješenja te društvenih mreža koje doprinose afirmaciji digitalnih crtača i ilustratora. No, mnogi ne znaju da cijela ta industrija mašte počiva na dva standarda, zvanih rasterska i vektorska grafika. Rasterska: JPEG/JPG PNG GIF Vektorska: SVG AI EPS PDF

1

Što su semantički HTML elementi? Čemu služe? Navedi ih.

Semantički HTML elementi su oznake (tagovi) u HTML-u koje jasno opisuju svoje značenje i ulogu kako ljudima, tako i preglednicima i pretraživačima (poput Googlea). Za razliku od nesemantičkih elemenata poput (koji ne govore ništa o svom sadržaju), semantički elementi točno definiraju što se unutar njih nalazi.

1

CSS: Objasni razliku između: Blok i linijskih elemenata Klasnih i ID selektora

  • Klasni selektori
  • Višekratna upotreba: Istu klasu možeš dodijeliti neograničenom broju elemenata na stranici.
  • Više klasa po elementu: Jedan HTML element može imati više različitih klasa odjednom .
  • CSS sintaksa: U CSS-u počinju s točkom (npr. .gumb { color: blue; }).
  • Kada koristiti: Za stilove koje želiš ponoviti na više mjesta (npr. izgled gumba, kartica, stil teksta)

  • ID selektori
  • Jedinstvenost: Jedan ID se smije pojaviti samo jednom na cijeloj HTML stranici.
  • Jedan ID po elementu: Element može imati samo jedan ID.
  • CSS sintaksa: U CSS-u počinju s tarabom / ljestvama (npr. #glavno-zaglavlje { background: black; }).
  • Veći prioritet (Specifičnost): Ako isti element ciljaš i klasom i ID-jem, CSS pravila unutar ID-ja će nadjačati klasu.
  • Kada koristiti: Za velike, jedinstvene dijelove stranice koji se ne ponavljaju (npr. glavna navigacija #main-nav, podnožje #footer) ili za povezivanje s JavaScriptom i sidrima (anchors).

1