Dragoljub Živanović

Dragoljub Živanović je strastveni programer sa iskustvom u razvoju web, Android i Windows aplikacija.

Instalacija Vue.js

by

[vc_row][vc_column width=“1/1″][vc_tta_tabs style=“modern“ shape=“square“ active_section=“1″ css_animation=“bounceIn“][vc_tta_section title=“Tab 1″ tab_id=“1751323679048-d65b517e-3267″][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. 1111111111111111[/vc_column_text][/vc_tta_section][vc_tta_section title=“Tab 2″ tab_id=“1751323679052-b473328f-02fa“][vc_column_text]I am text block. Click edit button to change this text. Lorem ipsum dolor sit … Read more

CSS selektori

by

Tipovi selektora

CSS selektori su deo CSS synatax-e, koji odredjuju HTML elemente na koje će se primeniti CSS pravila.

Univerzalni selektor

Univerzalni selektor se obeležava * (zvezdom), i njegova osobina je da selektuje sve elemente. Ovaj selektor se obično koristi kada se radi resetovanje stilova.

Primer

Definisani sa tipom HTML elementa

Ovo su najjednostavniji selektori i definišu se nazivom HTML elementa koji targetiraju.

Primer

ili

Definisani sa klasom elementa

Ovi selektori „gadjaju“ HTML elemente koji sadrže odredjenu klasu.

Primer

Selektor koji targetira klasu se obeležava sa . (tačkom) ispred imena klase.

Definisani sa ID-om elementa

Ovi selektori „gadjaju“ HTML elemente koji sadrže odredjeni ID. Obeležavaju se # znakom ispred naziva ID.

Primer

Selektor koji targetira element sa odredjenim ID-om se obeležava sa znakom # ispred ID-a.

Read more

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