Cilj predmeta jeste dizajn dinamičkih veb strana koje uključuju interakciju korisnika. Cilj predmeta jeste dizajn dinamičkih veb strana koje uključuju interakciju korisnika



Yüklə 6,57 Mb.
səhifə8/20
tarix17.09.2018
ölçüsü6,57 Mb.
#68912
1   ...   4   5   6   7   8   9   10   11   ...   20



Pored pozadine, može se menjati i boja teksta, pomoću atributa text. Primeri:

  • Pored pozadine, može se menjati i boja teksta, pomoću atributa text. Primeri:

  • ili

  • ili

  • ili



Kao i promena boje, pozadina u obliku slike se definiše pomoću odgovarajućeg atributa u body tagu. Atribut je u ovom slučaju background.

  • Kao i promena boje, pozadina u obliku slike se definiše pomoću odgovarajućeg atributa u body tagu. Atribut je u ovom slučaju background.

  • Na primer, ako se želi da se kao pozadina stavi slika "pozadina1.jpg" tada će odgovarajući tag izgledati:

  • Pri definisanju pozadine u obliku slike, dobra praksa je da se definiše i bgcolor atribut.



Boja i slika pozadine u XHTML-u se postižu pomoću osobine background u okviru body taga. Ista osobina se može koristiti za bilo koji deo teksta.

  • Boja i slika pozadine u XHTML-u se postižu pomoću osobine background u okviru body taga. Ista osobina se može koristiti za bilo koji deo teksta.

  • Osobina background ima sledeće podosobine:

    • background-color: transparent, ili ime boje;
    • background-image: ime slike;
    • background-repeat: repeat, repeat-x, repeat-y, no-repeat;
    • background-attachment: scroll i fixed;
    • background-position je apsolutna ili relativna vrednost početne pozicije slike.
    • background-size (CSS3): auto, dužine, cover, contain, inherit, initial
  • Podosobine se mogu izostaviti i njihove vrednosti dodeliti osobine background prema gornjem redosledu, a podosobine čijih vrednosti nema će dobiti defolt vrednost.



CSS osobina opacity određuje transparentnost (providnost) slike ili drugog elementa, izražena je u procentima

  • CSS osobina opacity određuje transparentnost (providnost) slike ili drugog elementa, izražena je u procentima

  • img {

  • opacity: 0.5;}

  • img:hover {

  • opacity: 0.5;}

  • div {

  • background-color: red;

  • padding: 10px;

  • opacity: 0.1;}

  • CSS osobina visibility određuje vidljivost elemenata, i može biti: visible, hidden, collapse (redovi i kolone tabela), inherit, initial

  • h1.visible {

  • visibility: visible}



Drugi osobine teksta su color za njegovu boju; word-spacing za razmak između reči; letter-spacing za razmak između slova; text-ident za uvlačenje teksta;

  • Drugi osobine teksta su color za njegovu boju; word-spacing za razmak između reči; letter-spacing za razmak između slova; text-ident za uvlačenje teksta;

  • Osobina white-space određuje da li se razmaci prelamaju ili ne, može biti normal, pre...

  • Osobina text-align služi za pozicioniranje teksta ili dela teksta u okviru block elementa i može biti left, center, justify, right.



Transformisanje teksta se vrši pomoću osobina text-transform, a text-decoration služi za ukrašavanje teksta.

  • Transformisanje teksta se vrši pomoću osobina text-transform, a text-decoration služi za ukrašavanje teksta.

  • Text-transform ima vrednosti capitalize, uppercase, lowercase, none, a text-decoration vrednosti underline, overline, line-through, blink.



Poravnjavanje slike ili drugog inline objekta se može vršiti pomoću osobine text-align u okviru block objekta, kao u primeru:

  • Poravnjavanje slike ili drugog inline objekta se može vršiti pomoću osobine text-align u okviru block objekta, kao u primeru:

  • image description



Organizacija i izgled veb strane se na različite načine postižu u HTML-u i XHTML-u.

  • Organizacija i izgled veb strane se na različite načine postižu u HTML-u i XHTML-u.

  • XHTML pruža mogućnosti za fleksibilan raspored delova stranice na ekranu, dok se u HTML za tu svrhu najčešće koriste tabele.

  • I druge komande se razlikuju. Brauzeri obično imaju podršku i za stari HTML, ali jeste preporučivo da se XHTML koristi što je više moguće.



Pozicioniranje elemenata se može vršiti na više načina, ili kombinacijom ovih načina:

  • Pozicioniranje elemenata se može vršiti na više načina, ili kombinacijom ovih načina:

    • Pomoću osobine elemenata display
    • Pomoću osobine koja definiše lebdenje elementa float, i njegovu zabranu clear
    • Pomoću osobine position



Yüklə 6,57 Mb.

Dostları ilə paylaş:
1   ...   4   5   6   7   8   9   10   11   ...   20




Verilənlər bazası müəlliflik hüququ ilə müdafiə olunur ©genderi.org 2024
rəhbərliyinə müraciət

    Ana səhifə