|
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
|
səhifə | 8/20 | tarix | 17.09.2018 | ölçüsü | 6,57 Mb. | | #68912 |
|
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: …
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
|
|