HTML

Strukturno obeležavanje
(Structured Data)

by

Šta je strukturno obeležavanje?

slika ×

Strukturno obeležavanje (eng.„Structured data markup“) je dodatni način obeležavanja sadržaja web stranice. Omogućava mašinama (čitaj: pretraživačima) da bolje razumeju sadržaj web stranice, a samim tim i da bolje prikažu rezultate pretrage vezane za tu stranicu (pogledaj sliku).

Strukturno obeležavanje sadržaja se implementira koristeći saznanje da razne vrste sadržaja imaju svoje specifične osobine. Te specifične osobine sadržaja su skupljene na jedno mesto u vidu rečnika (eng.vocabaulary). Rečnici su skupovi parova osobina/vrednost kojima se detaljnije opisuje sadržaj. Najveći pretraživači Google, Microsoft i Yahoo su se dogovorili da standardizuju osobine u jedan rečnik koji se zove shema.org. Svaki specifični tip sadržaja ima svoj skup parova, pa je tako sadržaj vezan za restoran opisan sledećim osobinama:

  • radno vreme
  • adresa
  • rezervacije
  • meni

dok je sadržaj vezan za pojam knjige opisan sledećim osobinama:

  • broj strana
  • ISBN broj knjige
  • ko je ilustrator

Nazivi osobina standardizovani u okviru rečnika schema.org se mogu ubaciti u web stranice preko tri različite syntax-e:

  • Microdata
  • RDFa
  • JSON-LD

Izbor syntaxe je ostavljen programeru i njegovim ličnom izboru.

Read more

HTML tagovi za grupisanje sadržaja

by

Koji su tagovi za grupisanje sadržaja? Često je potrebno grupisati delove sadržaja strane da bi mogao da se razlikuje od drugih delova (npr. meni, sadržaj, artikal…) i da bi mogli da mu definišemo specifičnu veličinu kao i poziciju na stranici kroz CSS. Grupisanje se jednostavno vrši tako što se u sadržaj smešta u okviru odgovarajućeg … Read more

Osnovni HTML tagovi

by

Tag za naslove <h1> do <h6> Unutar ovih tagova se stavljaju nazivi naslova. Najveći (najglavniji) naslov se obeležava sa <h1>  dok se najmanji naslov obeležava sa <h6> tagom. See the Pen Naslovi u html-u by Web programiranje (@chos) on CodePen. Paragraf  tag<p> Ovaj tag se koristi da smestimo unutar njega obični tekst koji je standardne veličine i … Read more

Uvod u osnove HTML-a

by

Šta je HTML? HTML (Hypertext Markup Language)  je deskriptivni jezik za označavanje specifičnih delova sadržaja web stranice (tzv. markup jezik). Ko koristi ove oznake sadržaja? Ove oznake sadržaja koriste browseri, jer tek kad „vide“ odgovarajuću html oznaku oni znaju koji je tip sadržaja u pitanju (da li je slika ili tekst…) i šta treba da urade … Read more

HTML tagovi za grupisanje sadržaja

by

Koji su tagovi za grupisanje sadržaja? Često je potrebno grupisati delove sadržaja strane da bi mogao da se razlikuje od drugih delova (npr. meni, sadržaj, artikal…) i da bi mogli da mu definišemo specifičnu veličinu kao i poziciju na stranici kroz CSS. Grupisanje se jednostavno vrši tako što se u sadržaj smešta u okviru odgovarajućeg … Read more

Osnovni HTML tagovi

by

Tag za naslove <h1> do <h6> Unutar ovih tagova se stavljaju nazivi naslova. Najveći (najglavniji) naslov se obeležava sa <h1>  dok se najmanji naslov obeležava sa <h6> tagom. See the Pen Naslovi u html-u by Web programiranje (@chos) on CodePen. Paragraf  tag<p> Ovaj tag se koristi da smestimo unutar njega obični tekst koji je standardne veličine i … Read more

Uvod u osnove HTML-a

by

Šta je HTML? HTML (Hypertext Markup Language)  je deskriptivni jezik za označavanje specifičnih delova sadržaja web stranice (tzv. markup jezik). Ko koristi ove oznake sadržaja? Ove oznake sadržaja koriste browseri, jer tek kad „vide“ odgovarajuću html oznaku oni znaju koji je tip sadržaja u pitanju (da li je slika ili tekst…) i šta treba da urade … Read more

Prikupljanje podataka iz forme sa FormData interfejsom

by

Uvod

js this

Korišćenje FormData interfejsa prilično olakšava rad sa formama, jer je u stanju da jednostavno pokupi sve vrednosti input-a u formi i sačuva ih u objektu u vidu key/value parova.
Dodatna prednost nad standardnim metodom vezana je za olakšano pisanje serverskog koda. Sa standardnim metodom moramo dodati određeni kod na strani servera koji bi dolazne podatke obradio na specijalizovan način, dok sa FormData to nije potrebno, jer je poslati kod standardizovan i debug-ovan! Treba naglasiti da u formi svi HTML input tag-ovi moraju da imaju atribut ‘name’, jer FormData preko njega ima pristup vrednostima input-a.

Read more

Strukturno obeležavanje
(Structured Data)

by

Šta je strukturno obeležavanje?

slika

slika ×

Strukturno obeležavanje (eng.„Structured data markup“) je dodatni način obeležavanja sadržaja web stranice. Omogućava mašinama (čitaj: pretraživačima) da bolje razumeju sadržaj web stranice, a samim tim i da bolje prikažu rezultate pretrage vezane za tu stranicu (pogledaj sliku).

Strukturno obeležavanje sadržaja se implementira koristeći saznanje da razne vrste sadržaja imaju svoje specifične osobine. Te specifične osobine sadržaja su skupljene na jedno mesto u vidu rečnika (eng.vocabaulary). Rečnici su skupovi parova osobina/vrednost kojima se detaljnije opisuje sadržaj. Najveći pretraživači Google, Microsoft i Yahoo su se dogovorili da standardizuju osobine u jedan rečnik koji se zove shema.org. Svaki specifični tip sadržaja ima svoj skup parova, pa je tako sadržaj vezan za restoran opisan sledećim osobinama:

  • radno vreme
  • adresa
  • rezervacije
  • meni

dok je sadržaj vezan za pojam knjige opisan sledećim osobinama:

  • broj strana
  • ISBN broj knjige
  • ko je ilustrator

Nazivi osobina standardizovani u okviru rečnika schema.org se mogu ubaciti u web stranice preko tri različite syntax-e:

  • Microdata
  • RDFa
  • JSON-LD

Izbor syntaxe je ostavljen programeru i njegovim ličnom izboru.

Read more

Instalacija alata za web development

by

Uvod

alati

Ovaj članak služi kao podsetnik jednom web programeru pri instaliranju svih neophodnih alata za rad na novom ili reinstaliranom kompjuteru. Taksativno je opisana instalacija alata koje lično koristim kao i neka njihova osnovna setovanja. Web development pokriva veliki broj različitih tehnologija i programskih jezika stoga je spisak potrebnih aplikacija takodje veliki.

Read more