Cascading Style Sheets (CSS)

Size: px
Start display at page:

Download "Cascading Style Sheets (CSS)"

Transcription

1 Cascading Style Sheets (CSS)

2 2 Cascading Style Sheets Cascading Style Sheets CSS omogućava efikasno formatiranje HTML stranica u okviru neke aplikacije. Pogodnosti koje pruža CSS su: fleksibilno formatiranje jedne HTML stranice moguće je grupisanje elemenata stranice po formatima istovetan način formatiranja svih HTML stranica u aplikaciji omogućen je uniforman izgled svih stranica u aplikaciji jednostavna izmena formata HTML stranica format svih stranica se menja izmenom jedinstvenog skupa parametara znatno smanjena količina programskog koda koji se odnosi na formatiranje stranica kod za formatiranje je zajednički za više stranica, tj. nema ponavljanja koda

3 3 CSS Da bi se omogućio CSS koncept formatiranja HTML stranica, uveden je pojam CSS elementa koji definiše univerzalne osobine pojedinih HTML elemenata na stranicama. CSS element se definiše na sledeći način: selektor { atribut : vrednost [; atribut : vrednost], gde je selektor HTML element čije se osobine žele definisati atribut atribut objekta koji predstavlja HTML element vrednost vrednost atributa Postoje dva načina za definisanje CSS elemenata u okviru stranice u posebnom dokumentu

4 4 CSS Definisanje CSS elemenata u okviru stranice omogućava efikasno formatiranje te stranice. U ovom slučaju, CSS elementi se definišu u okviru zaglavlja primenom sledećeg taga: <STYLE atributi> pri čemu atribut type ima vrednost text/css. Primer <html> <head> <style type="text/css"> h1 {background-color:#00ff00 </style> </head> <body> <h1>softver</h1> <h2>sistemski softver</h2> <h1>hardver</h1> </body> </html> Posledice 1. Sva zaglavlja na nivou 1 (Softver i Hardver) će imati pozadinu u zelenoj boji. 2. Za definisanje pozadine svih zaglavlja na nivou 1 potrebna je samo jedna linija koda (h1 {background-color:#00ff00). 3. Boja pozadine naslova na nivou 1 se može izmeniti promenom samo jednog parametra (h1 {background-color:#ff0000).

5 5 CSS Prilikom definisanja CSS elementa: 1) ako se u okviru jednog objekta navodi više parova (atribut:vrednost), oni moraju biti međusobno razdvojeni znakom ; 2) više objekata može da deli iste atribute sa istim vrednostima Primer 1) Primer 2) p { text-align:center; color:red; font-family:arial Objašnjenje: za objekat tipa paragraf definisano je poravnanje teksta po sredini, prikaz teksta u crvenoj boji i vrsta fonta Arial. h1,h2,h3,h4,h5,h6 { color:blue Objašnjenje: na celoj stranici će naslovi na svim nivoima biti ispisani plavom bojom.

6 6 CSS Definisanje CSS elemenata u okviru posebnog dokumenta omogućava uniformnost na nivou cele aplikacije u smislu njenog izgleda, a takođe i izradu organizovanijeg i efikasnijeg koda. Na ovaj način, pošto se osobine svih stranica čuvaju na jednom mestu, znatno je pojednostavljeno njihovo modifikovanje. Da bi se na ovaj način definisao izgled stranica, mora se uraditi sledeće: Napraviti novi dokument sa CSS elementima i snimiti sa ekstenzijom.css. Umesto CSS elemenata u okviru zaglavlja stranice, treba uneti referencu na dokument sa CSS elementima korišćenjem atributa href u okviru taga link. U okviru reference se navode putanja i ime dokumenta. Primer <head> <link rel= stylesheet type= text/css href= primer.css > </head>

7 7 CSS HTML stranica Primer <html> <head> <title>primer poziva.css fajla</title> <link rel= stylesheet type= text/css href= test.css > </head> <body> <h1>softver</h1> <h2>sistemski softver</h2> <h1>hardver</h1> </body> </html> Efekti su isti kao i u slučaju definisanja CSS elemenata primenom taga style u okviru HTML stranice. test.css h1 {background-color:#00ff00

8 8 CSS: klase (1) Ukoliko je to potrebno, jedan atribut u okviru CSS elementa može da ima i više vrednosti. Različite vrednosti definišu drugačiji izgled elementa na različitim mestima u okviru HTML stranice. Na primer, ako stranica ima pet paragrafa, može se zahtevati da tri budu poravnata uz levu marginu, a dva centrirana. Navedeni problem se rešava uvođenjem klasa objekata. Klase objekata opisuju različite osobine istog objekta. Sve klase koje opisuju jedan objekat, pripadaju tom objektu. U okviru CSS elementa, klasa se definiše na sledeći način: objekat.ime_klase { atribut : vrednost [; atribut : vrednost] Klasa određenog objekta se, u okviru odgovarajućeg taga, poziva na sledeći način: class= ime_klase

9 9 CSS: klase (2) Primer: Omogućiti da boja linka bude različita u zavisnosti od konteksta pozivanja. Rešenje: Definišu se dve klase objekta link: jedna prikazuje link u crnoj, a druga u žutoj boji. Zatim se, zavisno od potrebe, poziva jedna ili druga klasa. Definisanje klasa objekta a.crnilink { font-family: Verdana, Arial, Helvetica; font-size: 10px; color: # a.zutilink { font-family: Verdana, Arial, Helvetica; font-size: 10px; color: #ffff00 Pozivi klasa objekta <a href= Primer.html class= crnilink >Link prikazan crnom bojom</a> <a href= Primer.html class= zutilink >Link prikazan zutom bojom</a>

10 10 CSS: linkovi (1) Linkovi na Web strani se vizuelno prikazuju drugačije od okolnog teksta. Podrazumevana prezentacija hipertekst linkova u HTML-u ima tri različita stanja: Neposećen (unvisited) link Aktivni (active) link Posećen (visited) link Uočite kako se kursor (pokazivač miša) menja. Podrazumevana pokazivačka strelica menja se u uperen kažiprst kada se prelazi mišem preko linka. Sa dizajnerske tačke gledišta nismo zadovoljni podrazumevanim izgledom linkova. Podvučeni tekst je možda praktičan, ali deluje ružno.

11 11 CSS: linkovi (2) CSS omogućava poigravanje sa izgledom linkova pomoću tzv. pseudoklasa. Linkovi ne moraju biti podvučeni, ne moraju biti plavi: treba samo uvesti stil za tag <a>: a:link { color: #696; text-decoration: none Pošto naša stranica ima drugačiju šemu boja od podrazumevane (crno-belo), boje linkova se mogu promeniti u neke druge koje nisu podrazumevane blue/purple. ovim se oslobađamo podvlačenja. text-decoration:none

12 12 CSS: linkovi (3) Ako posećeni (visited) link treba bude druge boje, to se postiže ovako: a:visited { color: #699; text-decoration: none CSS omogućava i dodatno stanje koje se naziva hover. To stanje nastaje kada se pokazivačem miša prelazi preko teksta; tekst menja boju, čime se daje jasan signal da se radi o hipertekstualnom linku. a:hover { color: #c93; text-decoration: underline Standardno podvlačenje je ponovo na sceni, ali samo privremeno, dok je pokazivač iznad teksta. Aktivno (active) stanje linka je ono što se vidi kada se klikne mišem na link. Obično se tada menja boja, a neki čitači još stavljaju okvir oko teksta linka.

13 13 CSS: linkovi (4) Obično, redosled nema uticaj u CSS definicijama, ali ovde je važno da a:hover i a:active definicije budu poslednje ili stil neće raditi. a:link { a:visited { a:hover { a:active { color: #696; text-decoration: none; background-color: transparent color: #699; text-decoration: none; background-color: transparent color: #c93; text-decoration: underline; background-color: transparent color: #900; text-decoration: underline; background-color: transparent

14 14 CSS: ID Za razliku od klase, koja se može primeniti na više tagova u HTML dokumentu, ID jedinstveno označava određeni deo u dokumentu. ID se u istom dokumentu može upotrebiti samo jednom; Isti ID se može upotrebiti u različitim dokumentima sajta, zato se ID i koristi najčešće u spoljašnjim CSS fajlovima Da bi se napravio ID, u tag se dodaje atribut id= atribut, a u CSS kod se ispred naziva identifikatora stavlja znak # <li id="special">specijalni popusti</li> <style> #special { color: red </style>

15 15 Span (1) Klase mogu da se primene na nivou teksta. Ako želimo da obojimo samo par reči u crveno, možemo kreirati specijalnu klasu, nazovimo je redtext:.redtext { color: #cc0000 <span style="color: #cc0000">this is red text!</span> Umesto pakovanja teksta koji želimo da obojimo u tagove <div>...</div>, koristimo tagove <span>...</span> <span class="redtext">this is red text!</span>

16 16 Span (2) Tag <span> treba koristiti kad god je potrebno napraviti varijaciju nekog teksta koji treba da se razlikuje od globalne specifikacije. To može biti boja, familija fonta, veličina... Prema tome, u CSS-u postoje blok elementi koji su pravougaoni okviri (kutije) i koji mogu biti jedinstveni identifikatori ili višestruko iskoristive (reusable) klase. Takođe, imamo na raspolaganju inline elemente koji mogu da adresiraju tekst na nivou karaktera (znaka).

17 17 Nadjačavanje stilova Cascading Style Sheets zovu se kaskadni stilovi jer poslednji stil nadjačava prethodne. To podseća na kaskade vodopada. Primer: Ako se definiše stil u spoljašnjoj datoteci stila (recimo, background color svih pasusa je postavljen na blue), zatim se u odeljku <head> dokumenta redefiniše (postavite se npr. na green), a na kraju se preko tzv. inline taga postavi na purple), pasusi će biti purple.

CSS CSS. selector { property: value; } 3/20/2018. CSS: Cascading Style Sheets

CSS CSS. selector { property: value; } 3/20/2018. CSS: Cascading Style Sheets CSS CSS CSS: Cascading Style Sheets - Opisuje izgled (appearance) i raspored (layout) stranice - Sastoji se od CSS pravila, koji defini[u skup stilova selector { property: value; 1 Font face: font-family

More information

PREDMET. Osnove Java Programiranja. Čas JAVADOC

PREDMET. Osnove Java Programiranja. Čas JAVADOC PREDMET Osnove Java Programiranja JAVADOC Copyright 2010 UNIVERZITET METROPOLITAN, Beograd. Sva prava zadržana. Bez prethodne pismene dozvole od strane Univerziteta METROPOLITAN zabranjena je reprodukcija,

More information

Osnove programskog jezika C# Čas 5. Delegati, događaji i interfejsi

Osnove programskog jezika C# Čas 5. Delegati, događaji i interfejsi Osnove programskog jezika C# Čas 5. Delegati, događaji i interfejsi DELEGATI Bezbedni pokazivači na funkcije Jer garantuju vrednost deklarisanog tipa. Prevodilac prijavljuje grešku ako pokušate da povežete

More information

VRIJEDNOSTI ATRIBUTA

VRIJEDNOSTI ATRIBUTA VRIJEDNOSTI ATRIBUTA Svaki atribut (bilo da je primarni ključ, vanjski ključ ili običan atribut) može i ne mora imati ograničenja na svojim vrijednostima. Neka od ograničenja nad atributima: Null / Not

More information

Osnove programskog jezika C# Čas 4. Nasledjivanje 2. deo

Osnove programskog jezika C# Čas 4. Nasledjivanje 2. deo Osnove programskog jezika C# Čas 4. Nasledjivanje 2. deo Nasledjivanje klasa Modifikator new class A { public virtual void F() { Console.WriteLine("I am A"); } } class B : A { public override void F()

More information

Sveučilište u Zagrebu Fakultet strojarstva i brodogradnje. WEB programiranje HTML & CSS

Sveučilište u Zagrebu Fakultet strojarstva i brodogradnje. WEB programiranje HTML & CSS Sveučilište u Zagrebu Fakultet strojarstva i brodogradnje WEB programiranje HTML & CSS Autor/i: Juraj Benić 2018 1. Zadatak Kreirati stranicu kojoj će naslov biti Zadatak 1. i veličina teksta 20px te staviti

More information

Uputstvo za korišćenje logrotate funkcije

Uputstvo za korišćenje logrotate funkcije Copyright AMRES Sadržaj Uvod 3 Podešavanja logrotate konfiguracionog fajla 4 Strana 2 od 5 Uvod Ukoliko je aktivirano logovanje za RADIUS proces, može se desiti da posle određenog vremena server bude preopterećen

More information

Programiranje Internet aplikacija (IR4PIA)

Programiranje Internet aplikacija (IR4PIA) Programiranje Internet aplikacija (IR4PIA) Čas 1 - Uvod u HTML Dražen Drašković, Prof. Boško Nikolić Uvod u HTML OSNOVNI POJMOVI HTML HTML (HyperText Markup Language), jednostavan jezik koji služi za izvršavanje

More information

class atribut Kadaželimo naviše elemenata da primenimo isto pravilo

class atribut Kadaželimo naviše elemenata da primenimo isto pravilo CSS id atribut Id atribut služi da na jedninstven način identifikuje element na stranici Dva elementa na istoj stranici ne smeju da imaju isti id Koriste se u javascript-u kako bi se određena operacija

More information

HTML, CSS i JavaScript

HTML, CSS i JavaScript Tehnologije za Web HTML, CSS i JavaScript HTML, CSS i JavaScript su jezici koji se koriste pri pravljenju interaktivnih web sajtova. Ovi jezici dopunjuju jedan drugog, i zbog toga se često koriste zajedno.

More information

Računarske osnove Interneta (SI3ROI, IR4ROI)

Računarske osnove Interneta (SI3ROI, IR4ROI) Računarske osnove terneta (SI3ROI, IR4ROI) Vežbe MPLS Predavač: 08.11.2011. Dražen Drašković, drazen.draskovic@etf.rs Autori: Dražen Drašković Naučili ste na predavanjima MPLS (Multi-Protocol Label Switching)

More information

PROGRAMIRANJE. Amir Hajdar

PROGRAMIRANJE. Amir Hajdar PROGRAMIRANJE Amir Hajdar Teme 2 Klase i objekti u Javi Primjer kroz klasu Krug Atributi i metode Inicijalizacija objekata (konstruktori) Polymorphism Statičke varijable i metode This Klase i objekti u

More information

Svi Java tipovi imaju ekvivalentan tip u jeziku Scala Većina Scala koda se direktno preslikava u odgovarajući Java konstrukt

Svi Java tipovi imaju ekvivalentan tip u jeziku Scala Većina Scala koda se direktno preslikava u odgovarajući Java konstrukt Funkcionalno programiranje Interoperabilnost jezika Scala i Java Prevođenje u Java bajt kod Svi Java tipovi imaju ekvivalentan tip u jeziku Scala Većina Scala koda se direktno preslikava u odgovarajući

More information

Hipertekst - nastavak. 2. vježbe iz WEB programiranja. Dodavanje slika. Ćelija, redak i ćelija zaglavlja. Struktura tablice 8.3.

Hipertekst - nastavak. 2. vježbe iz WEB programiranja. Dodavanje slika. Ćelija, redak i ćelija zaglavlja. Struktura tablice 8.3. 2. vježbe iz WEB programiranja četvrtak, 8. ožujka 2012. XHTML i CSS 2. dio Hipertekst - nastavak ZADATAK: Kreirajte HTML dokument web_prog.html na kome ćete koristiti link prema web stranici kolegija

More information

Programiranje Internet aplikacija

Programiranje Internet aplikacija Programiranje Internet aplikacija Čas 1 - Uvod u HTML Dražen Drašković, Sanja Delčev, Jelica Cincović Uvod u HTML OSNOVNI POJMOVI HTML HTML (Hyper Text Markup Language), jednostavan jezik koji služi za

More information

Programiranje III razred

Programiranje III razred Tehnička škola 9. maj Bačka Palanka Programiranje III razred Naredbe ciklusa for petlja Naredbe ciklusa Veoma često se ukazuje potreba za ponavljanjem nekih naredbi više puta tj. za ponavljanjem nekog

More information

Vežbe - XII nedelja PHP Doc

Vežbe - XII nedelja PHP Doc Vežbe - XII nedelja PHP Doc Dražen Drašković, asistent Elektrotehnički fakultet Univerziteta u Beogradu Verzija alata JavaDoc za programski jezik PHP Standard za komentarisanje PHP koda Omogućava generisanje

More information

Što ćete naučiti CSS. Internet općenito HTML CSS XML XHTML Javascript DOM DHTML

Što ćete naučiti CSS. Internet općenito HTML CSS XML XHTML Javascript DOM DHTML Što ćete naučiti Internet općenito HTML XML XHTML Javascript DOM DHTML AJAX jquery PHP ASP.NET Ruby On Rails MS Silverlight FLASH, SMIL, SVG... http://www.csszengarden.com/ Kaskadni stilovi Vladati izgledom

More information

APLIKATIVNI SOFTVER Front End: HTML, CSS, JavaScript

APLIKATIVNI SOFTVER Front End: HTML, CSS, JavaScript APLIKATIVNI SOFTVER Front End: HTML, CSS, JavaScript dr Miloš Dobrojević školska 2013/14. godina Sadržaj HTML Struktura stranice Formatiranje teksta Linkovi Često korišćeni tagovi Grupisanje i rasporeďivanje

More information

Internet programiranje

Internet programiranje Internet programiranje Čas 3 - HTML forme, frejmovi i layout Dražen Drašković, Sanja Delčev, Jelica Cincović HTML forme, frejmovi i layout FORME Uvod u forme Forme nam služe za prenos podataka sa klijentske

More information

GUI - događaji (Events) i izuzeci. Bojan Tomić

GUI - događaji (Events) i izuzeci. Bojan Tomić GUI - događaji (Events) i izuzeci Bojan Tomić Događaji GUI reaguje na događaje (events) Događaj je neka akcija koju korisnik programa ili neko drugi izvrši korišćenjem perifernih uređaja (uglavnom miša

More information

Uvod u web programiranje: Uvod u CSS

Uvod u web programiranje: Uvod u CSS Uvod u web programiranje: Uvod u CSS Dubrovnik, ožujak 2013. Tomo Sjekavica Zaštićeno licencom http://creativecommons.org/licenses/by-nc-sa/3.0/hr/ Creative Commons slobodno smijete: dijeliti umnožavati,

More information

Cascading Style Sheets. Overview and Basic use of CSS

Cascading Style Sheets. Overview and Basic use of CSS Cascading Style Sheets Overview and Basic use of CSS What are Style Sheets? A World Wide Web Consortium (W3C) defined standard A way for web page designers to separate the formatting of a document from

More information

namespace spojneice { public partial class Form1 : Form { public Form1() { InitializeComponent(); }

namespace spojneice { public partial class Form1 : Form { public Form1() { InitializeComponent(); } Spojnice using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.IO;

More information

RDF, RDFS i JSON-LD. NIKOLA MILIKIĆ URL: nikola.milikic.info

RDF, RDFS i JSON-LD. NIKOLA MILIKIĆ   URL: nikola.milikic.info RDF, RDFS i JSON-LD NIKOLA MILIKIĆ EMAIL: nikola.milikic@fon.bg.ac.rs URL: nikola.milikic.info Linked Data Linked Data predstavlja mrežu podataka koji su opisani na način da ih mogu razumeti mašine (koristeći

More information

VHDLPrimeri Poglavlje5.doc

VHDLPrimeri Poglavlje5.doc 5. VHDL opis kola koja obavljaju osnovne aritmetičke funkcije Sabirači Jednobitni potpuni sabirač definisan je tablicom istinitosti iz Tabele 5.1. Tabela 5.1. cin a b sum cout 0 0 0 0 0 0 0 1 1 0 0 1 0

More information

UNIVERZITET U BEOGRADU ELEKTROTEHNIČKI FAKULTET

UNIVERZITET U BEOGRADU ELEKTROTEHNIČKI FAKULTET UNIVERZITET U BEOGRADU ELEKTROTEHNIČKI FAKULTET Katedra za elektroniku Računarska elektronika Grupa br. 11 Projekat br. 8 Studenti: Stefan Vukašinović 466/2013 Jelena Urošević 99/2013 Tekst projekta :

More information

Uputstvo za podešavanje mail klijenta

Uputstvo za podešavanje mail klijenta Uputstvo za podešavanje mail klijenta 1. Podešavanje Thunderbird mail klijenta 1.1 Dodavanje mail naloga Da biste podesili Vaš mail klijent (u ovom slučaju Thunderbird) da prima i šalje mail-ove potrebno

More information

Sberbank Business Online na Mozilla FireFox

Sberbank Business Online na Mozilla FireFox Sberbank Business Online na Mozilla FireFox Verzija 1.6 Srpanj 2016. Sberbank d.d. Stranica 1 SADRŽAJ 1 INSTALACIJA... 2 2 POKRETANJE MOZILLE FIREFOX... 3 2.1 IMPORT SECURITY MODULA... 4 2.2 AUTOMATSKI

More information

Internet programiranje

Internet programiranje Internet programiranje Čas 2 - HTML liste, linkovi, tabele Dražen Drašković, prof. Boško Nikolić Pregled časa Liste Linkovi Apsolutne i relativne putanje Boje i slike Tabele HTML liste, linkovi i tabele

More information

HTML & CSS PRAKTIKUM PRIMENA TCP/IP TEHNOLOGIJA U NAMENSKIM SISTEMIMA MARIJA JANKOVIĆ

HTML & CSS PRAKTIKUM PRIMENA TCP/IP TEHNOLOGIJA U NAMENSKIM SISTEMIMA MARIJA JANKOVIĆ HTML & CSS PRAKTIKUM PRIMENA TCP/IP TEHNOLOGIJA U NAMENSKIM SISTEMIMA MARIJA JANKOVIĆ SADRŽAJ Pregled kursa OE4PPT Termini laboratorijskih vežbi Uvod u osnovne pojmove internet programiranja HTML CSS PREGLED

More information

Mašinska vizija. Dr Nenad Jovičić tnt.etf.rs/~mv

Mašinska vizija. Dr Nenad Jovičić tnt.etf.rs/~mv Mašinska vizija Dr Nenad Jovičić 2017. tnt.etf.rs/~mv Linearne 2D geometrijske transformacije 2D geometrijske transformacije Pretpostavka: Objekti u 2D prostoru se sastoje iz tačaka i linija. Svaka tačka

More information

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor

Cascading Style Sheet. Styles as Tag Attributes. Syntax. <h1>: what font type/size is used? STYLE = SELECTOR {RULES} Attributes such as bgcolor Styles? Cascading Style Sheet http://www.eie.polyu.edu.hk/~nflaw/biclustering/index.html Request string: GET /~nflaw/biclustering/index.html HTTP/1.1 Host: www.eie.polyu.edu.hk 1 Response string: HTTP/1.1

More information

Izrada VI laboratorijske vježbe

Izrada VI laboratorijske vježbe Izrada VI laboratorijske vježbe 1. Programirati proceduru koja se aktivira sa Standard palete alatki klikom na button Fajlovi. Prilikom startovanja procedure prikazuje se forma koja sadrži jedan list box

More information

Unit 10 - Client Side Customisation of Web Pages. Week 5 Lesson 1 CSS - Selectors

Unit 10 - Client Side Customisation of Web Pages. Week 5 Lesson 1 CSS - Selectors Unit 10 - Client Side Customisation of Web Pages Week 5 Lesson 1 CSS - Selectors Last Time CSS box model Concept of identity - id Objectives Selectors the short story (or maybe not) Web page make-over!

More information

(non breaking space) kontrola horizontalnog rastojanja u tekstu

(non breaking space) kontrola horizontalnog rastojanja u tekstu Korišćeni elementi: h1, h2, h3, h4, h5, h6 obeležavanje naslova p obeležavanje pasusa blockquote veći citati BLOK ELEMENTI LINIJSKI ELEMENTI pre preformatiranje teksta tako da se zadržavaju sve beline

More information

UPUTSTVO ZA KORIŠĆENJE NOVOG SPINTER WEBMAIL-a

UPUTSTVO ZA KORIŠĆENJE NOVOG SPINTER WEBMAIL-a UPUTSTVO ZA KORIŠĆENJE NOVOG SPINTER WEBMAIL-a Webmail sistem ima podršku za SSL (HTTPS). Korištenjem ovog protokola sva komunikacija između Webmail sistema i vašeg Web čitača je kriptovana. Prilikom pristupa

More information

PITANJA ZA II KOLOKVIJUM NASLJEĐIVANJE, VIRTUELNE FUNKCIJE I POLIMORFIZAM

PITANJA ZA II KOLOKVIJUM NASLJEĐIVANJE, VIRTUELNE FUNKCIJE I POLIMORFIZAM PITANJA ZA II KOLOKVIJUM NASLJEĐIVANJE, VIRTUELNE FUNKCIJE I 1. Definicija svake klase sadrzi kljucnu rec iza koje se navodi ime klase: class public extends 2. Kada je funkcija clanica definisana izvan

More information

pojedinačnom elementu niza se pristupa imeniza[indeks] indeks od 0 do n-1

pojedinačnom elementu niza se pristupa imeniza[indeks] indeks od 0 do n-1 NIZOVI Niz deklarišemo navođenjemtipa elemenata za kojim sledi par srednjih zagrada[] i naziv niza. Ako je niz višedimenzionalni između zagrada[] se navode zarezi, čiji je broj za jedan manji od dimenzija

More information

CSS Cascading Style Sheets

CSS Cascading Style Sheets CSS Cascading Style Sheets site root index.html about.html services.html stylesheet.css images boris.jpg Types of CSS External Internal Inline External CSS An external style sheet is a text document with

More information

Programske paradigme Funkcionalna paradigma

Programske paradigme Funkcionalna paradigma Programske paradigme Funkcionalna paradigma 1. čas: Uvod u funkcionalno programiranje. Programski jezik Haskel. Upoznavanje sa razvojnim okruženjem. Tipovi podataka. Funkcionalno programiranje Stil u programiranju

More information

.html. HTML stranice imaju ekstenziju.html ili.htm, a nalaze se u određenom direktorijumu servera vezanog na Internet, što ih čini dostupnim na web-u.

.html. HTML stranice imaju ekstenziju.html ili.htm, a nalaze se u određenom direktorijumu servera vezanog na Internet, što ih čini dostupnim na web-u. HTML Šta je HTML? HTML (HyperText Markup Language) je veoma jednostavan jezik koji služi za izvršavanje programa na daljinu. Ovaj jezik predstavlja standard za Internet dokumente. Hipertekst tekst koji

More information

DAY 4. Coding External Style Sheets

DAY 4. Coding External Style Sheets DAY 4 Coding External Style Sheets LESSON LEARNING TARGETS I can code and apply an embedded style sheet to a Web page. I can code and apply an external style sheet to multiple Web pages. I can code and

More information

<A rel="stylesheet" B="mystylesheet.css" C="text/css" />

<A rel=stylesheet B=mystylesheet.css C=text/css /> 1 od 9 9.4.2013 7:18 EFOS_kol1_2011 - RJEŠENJA 16.4.2011. Uključivanje vanjske mystylesheet.css datoteke sa određenim stilovima, postiže se zadavanjem naredbe unutar HTML koda, koja izgleda ovako:

More information

INTRODUCTION TO CSS. Mohammad Jawad Kadhim

INTRODUCTION TO CSS. Mohammad Jawad Kadhim INTRODUCTION TO CSS Mohammad Jawad Kadhim WHAT IS CSS Like HTML, CSS is an interpreted language. When a web page request is processed by a web server, the server s response can include style sheets,

More information

KLASIFIKACIJA JELENA JOVANOVIĆ. Web:

KLASIFIKACIJA JELENA JOVANOVIĆ.   Web: KLASIFIKACIJA JELENA JOVANOVIĆ Email: jeljov@gmail.com Web: http://jelenajovanovic.net PREGLED PREDAVANJA Šta je klasifikacija? Binarna i više-klasna klasifikacija Algoritmi klasifikacije Mere uspešnosti

More information

Uvod u programiranje - vežbe. Kontrola toka izvršavanja programa

Uvod u programiranje - vežbe. Kontrola toka izvršavanja programa Uvod u programiranje - vežbe Kontrola toka izvršavanja programa Naredbe za kontrolu toka if, if-else, switch uslovni operator (?:) for, while, do-while break, continue, return if if (uslov) naredba; if

More information

Uvod u Veb i Internet tehnologije CSS

Uvod u Veb i Internet tehnologije CSS Uvod u Veb i Internet tehnologije CSS Filip Marić Vesna Marinković Filip Marić, Vesna Marinković Uvod u Veb i Internet tehnologije CSS 1 / 31 Sintaksa stilskih listova Stilski listovi Vizuelna prezentacija

More information

OBJEKTNO ORIJENTISANO PROGRAMIRANJE

OBJEKTNO ORIJENTISANO PROGRAMIRANJE OBJEKTNO ORIJENTISANO PROGRAMIRANJE PREDAVANJE 12: NASLEĐIVANJE Miloš Kovačević Đorđe Nedeljković 1 /17 OSNOVNI KONCEPTI - Statički i dinamički tipovi podataka - Prepisivanje metoda superklase - Polimorfizam

More information

Windows Server 2012, VDI Licenciranje najprodavanijeg servera, što je novo, VDI licenciranje. Office 2013 / Office 365

Windows Server 2012, VDI Licenciranje najprodavanijeg servera, što je novo, VDI licenciranje. Office 2013 / Office 365 Windows 8 Licenciranje, razlike u verzijama Windows Server 2012, VDI Licenciranje najprodavanijeg servera, što je novo, VDI licenciranje Serverski proizvodi Server 2012, System centar 2012, SQL 2012, Sharepoint

More information

Uputstva za instaliranje čitača Datalogic Skorpio u operativnom sistemu Windows 7 i višim POM-NA-XX-46, V3.0

Uputstva za instaliranje čitača Datalogic Skorpio u operativnom sistemu Windows 7 i višim POM-NA-XX-46, V3.0 POM - Pomoć korisnicima Uputstva za instaliranje čitača Datalogic Skorpio u operativnom sistemu Windows 7 i višim POM-NA-XX-46, V3.0 IZUM, 2016 COBISS, COMARC, COBIB, COLIB, IZUM su zaštićeni znaci u posedu

More information

Kodiranje GUI aplikacija u Visual C#

Kodiranje GUI aplikacija u Visual C# Kodiranje GUI aplikacija u Visual C# UVOD Uvod Kodiranje grafičke aplikacije u Visual C#: Ova lekcija se bavi dogadjajima, programiranjem dogadjaja. Daćemo jedan primer event-driven-programming-a, u vidu

More information

PRINCIPI SOFTVERSKOG INŽENJERSTVA TIM NAZIV_TIMA

PRINCIPI SOFTVERSKOG INŽENJERSTVA TIM NAZIV_TIMA PRINCIPI SOFTVERSKOG INŽENJERSTVA TIM NAZIV_TIMA SPECIFIKACIJA BAZE PODATAKA ZA PROJEKAT NAZIV_PROJEKTA Veb knjižara - Specifikacija baze podataka 1 10.04.2017. Verzija V 1.0 Datum: 20. mart 2017. Istorija

More information

Using Dreamweaver CS6

Using Dreamweaver CS6 6 So far we have used CSS to arrange the elements on our web page. We have also used CSS for some limited formatting. In this section we will take full advantage of using CSS to format our web site. Just

More information

Body tag. <body bgcolor="yellow">

Body tag. <body bgcolor=yellow> HTML Boje i HTML Svi elementi stranice rad sa bojama organizuju identično Preko preredefinisanog engleskog naziva boje (npr. "yellow" za žutu boju) Ili preko heksadecimalne RGB vrednosti ispred koje obavezno

More information

Using Dreamweaver CC. 6 Styles in Websites. Exercise 1 Linked Styles vs Embedded Styles

Using Dreamweaver CC. 6 Styles in Websites. Exercise 1 Linked Styles vs Embedded Styles Using Dreamweaver CC 6 So far we have used CSS to arrange the elements on our web page. We have also used CSS for some limited formatting. In this section we will take full advantage of using CSS to format

More information

Fundamentals of Web Technologies. Agenda: HTML Links 5/22/2017. HTML Links - Hyperlinks HTML Lists

Fundamentals of Web Technologies. Agenda: HTML Links 5/22/2017. HTML Links - Hyperlinks HTML Lists ITU 07204: Fundamentals of Web Technologies Lecture 6: HTML Links & Lists Dr. Lupiana, D FCIM, Institute of Finance Management Semester 2 Agenda: HTML Links - Hyperlinks HTML Lists 2 HTML Links A hyperlink

More information

Učitati cio broj n i štampati njegovu recipročnu vrijednost. Ako je učitan broj 0, štampati 1/0.

Učitati cio broj n i štampati njegovu recipročnu vrijednost. Ako je učitan broj 0, štampati 1/0. Kontrolne naredbe Primjeri: Opšti oblik razgranate strukture (if sa ) if (uslov) Naredba 1 ili blok naredbi1 Naredba 2 ili blok naredbi2 Učitati broj x i štampati vrijednost double x, z; Scanner in=new

More information

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST

GIMP WEB 2.0 MENUS WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR CREATING AN HTML LIST GIMP WEB 2.0 MENUS Web 2.0 Menus: Horizontal Navigation Bar WEB 2.0 MENUS: HORIZONTAL NAVIGATION BAR Hover effect: CREATING AN HTML LIST Most horizontal or vertical navigation bars begin with a simple

More information

Prva recenica. Druga recenica.

Prva recenica. Druga recenica. Algoritmi i programiranje Predavanje 4 METODE LOKALNE, GLOBALNE VARIJABLE I KONSTANTE METODA je imenovani izdvojeni slijed naredbi koji rješava određeni zadatak i po potrebi se poziva jednom ili više puta

More information

VDSL modem Zyxel VMG1312-B10A/B30A

VDSL modem Zyxel VMG1312-B10A/B30A VDSL modem Zyxel VMG1312-B10A/B30A Default Login Details LAN IP Address http://192.168.2.1 User Name user Password 1234 Funkcionalnost lampica Power lampica treperi kratko vrijeme nakon uključivanja modema,

More information

RDF, RDFS i JSON-LD. NIKOLA MILIKIĆ URL: nikola.milikic.info

RDF, RDFS i JSON-LD. NIKOLA MILIKIĆ   URL: nikola.milikic.info RDF, RDFS i JSON-LD NIKOLA MILIKIĆ EMAIL: nikola.milikic@fon.bg.ac.rs URL: nikola.milikic.info Linked Data Linked Data predstavlja mrežu podataka koji su opisani na način da ih mogu razumeti mašine (koristeći

More information

CSS: The Basics CISC 282 September 20, 2014

CSS: The Basics CISC 282 September 20, 2014 CSS: The Basics CISC 282 September 20, 2014 Style Sheets System for defining a document's style Used in many contexts Desktop publishing Markup languages Cascading Style Sheets (CSS) Style sheets for HTML

More information

Događaj koji se javlja u toku izvršenja programa i kvari normalno izvršenje. Kada se desi izuzetak, sistem pokušava da pronađe način da ga obradi.

Događaj koji se javlja u toku izvršenja programa i kvari normalno izvršenje. Kada se desi izuzetak, sistem pokušava da pronađe način da ga obradi. Obrada izuzetaka Šta je izuzetak? Događaj koji se javlja u toku izvršenja programa i kvari normalno izvršenje. Kada se desi izuzetak, sistem pokušava da pronađe način da ga obradi. Prosleđuje izuzetak,

More information

Izrada Web stranica pomoću Microsoft FrontPage-a

Izrada Web stranica pomoću Microsoft FrontPage-a Uvod u Web Design 1 Izrada Web stranica pomoću Microsoft FrontPage-a 2 Pregled gradiva Internetski servisi Izrada web stranica HTML osnove Obrada teksta, slike, tabele Napredne teme (CSS, DHTML, ) 3 Internetski

More information

WEB-BAZIRAN VIZUELNI HTML/ CSS RAZVOJNI ALAT WEB-BASED VISUAL HTML/CSS DEVELOPMENT TOOL

WEB-BAZIRAN VIZUELNI HTML/ CSS RAZVOJNI ALAT WEB-BASED VISUAL HTML/CSS DEVELOPMENT TOOL 1 WEB-BAZIRAN VIZUELNI HTML/ CSS RAZVOJNI ALAT WEB-BASED VISUAL HTML/CSS DEVELOPMENT TOOL Dejan Čančarević 1, Slobodan Jovanović 1, Nenad Gligorić 2 1 Fakultet informacionih tehnologija, Univerzitet Metropolitan,

More information

<body bgcolor=" " fgcolor=" " link=" " vlink=" " alink=" "> These body attributes have now been deprecated, and should not be used in XHTML.

<body bgcolor=  fgcolor=  link=  vlink=  alink= > These body attributes have now been deprecated, and should not be used in XHTML. CSS Formatting Background When HTML became popular among users who were not scientists, the limited formatting offered by the built-in tags was not enough for users who wanted a more artistic layout. Netscape,

More information

Upoznavanje s CSS-om. Poglavlje 1. Definisanje stilova pomoću CSS-a

Upoznavanje s CSS-om. Poglavlje 1. Definisanje stilova pomoću CSS-a Poglavlje 1 Upoznavanje s CSS-om Veb stranica se sastoji od markiranja ili označavanja (engl. markup) segmenata HTML ili XHTML koda koji opisuju značenje sadržaja na stranici i kaskadnih opisa stilova

More information

2. Linijska algoritamska struktura

2. Linijska algoritamska struktura Univerzitet u Nišu Građevinsko-arhitektonski fakultet Informatika 2 2. Linijska algoritamska struktura Milica Ćirić Blokovi za prikaz algoritma Algoritam se vizuelno može prikazati pomoću blok dijagrama,

More information

Ime ograničenja je clients_client_num_pk. Ono inforsira biznis pravila po kojem client_number je PK u clients tabeli Naming Constraints

Ime ograničenja je clients_client_num_pk. Ono inforsira biznis pravila po kojem client_number je PK u clients tabeli Naming Constraints Database Programming with SQL kurs 2017 database design and programming with sql students slajdovi 14-1 Intro to Constraints; NOT NULL and UNIQUE Constraints Ograničenja (constraints) se koriste za sprečavanje

More information

OSNOVE IZRADE WEB STRANICA

OSNOVE IZRADE WEB STRANICA HTML (prvi deo) OSNOVE IZRADE WEB STRANICA Oblikovanje web stranica pomocu HTML-a HTML je kratica za Hyper Text Markup Language. Datoteka napisana pomocu HTMLa je obicna tekstualna datoteka koja u sebi

More information

CSS

CSS http://www.csszengarden.com/ CSS CSS CSS - Cascading Style Sheets Stilovi određuju kako ispisati HTML dokumenta Obično se pohranjuju u listove stila (style sheets) Dodani su HTML verziji 4.0 Vanjski list

More information

RFID Chips Are Here. What You Need to Know. Washington University in St. Louis. ! R. Scott Granneman

RFID Chips Are Here. What You Need to Know. Washington University in St. Louis. ! R. Scott Granneman RFID Chips Are Here What You Need to Know Washington University in St. Louis R. Scott Granneman 2013 R. Scott Granneman Last updated 20131116 You are free to use this work, with certain restrictions. For

More information

Informacioni sistemi i baze podataka

Informacioni sistemi i baze podataka Fakultet tehničkih nauka, Novi Sad Predmet: Informacioni sistemi i baze podataka Dr Slavica Kordić Milanka Bjelica Vojislav Đukić Rad u učionici (1/2) Baze podataka (db2015): Studentska korisnička šema

More information

Sveučilište u Zagrebu PMF Matematički odsjek. Mreže računala. Vježbe 08. Zvonimir Bujanović Slaven Kožić Vinko Petričević

Sveučilište u Zagrebu PMF Matematički odsjek. Mreže računala. Vježbe 08. Zvonimir Bujanović Slaven Kožić Vinko Petričević Sveučilište u Zagrebu PMF Matematički odsjek Mreže računala Vježbe 08 Zvonimir Bujanović Slaven Kožić Vinko Petričević Uvod: (X)HTML i CSS Na ovim i idućim vježbama naučit ćemo osnove jezika za opisivanje

More information

> > > > Cascading Style Sheets basics

> > > > Cascading Style Sheets basics > > > > Cascading Style Sheets basics CSS A style language used to control the design layout of an.html or.php document more efficiently and globally than using HTML attributes. Good Stuff Gives you greater

More information

CSS مفاهیم ساختار و اصول استفاده و به کارگیری

CSS مفاهیم ساختار و اصول استفاده و به کارگیری CSS مفاهیم ساختار و اصول استفاده و به کارگیری Cascading Style Sheets A Cascading Style Sheet (CSS) describes the appearance of an HTML page in a separate document : مسایای استفاده از CSS It lets you separate

More information

CSS means Cascading Style Sheets. It is used to style HTML documents.

CSS means Cascading Style Sheets. It is used to style HTML documents. CSS CSS means Cascading Style Sheets. It is used to style HTML documents. Like we mentioned in the HTML tutorial, CSS can be embedded in the HTML document but it's better, easier and neater if you style

More information

CSS: Formatting Text. CSS for text processing: font-family. Robert A. Fulkerson

CSS: Formatting Text. CSS for text processing: font-family. Robert A. Fulkerson CSS: Formatting Text Robert A. Fulkerson College of Information Science and Technology http://www.ist.unomaha.edu/ University of Nebraska at Omaha http://www.unomaha.edu/ CSS for text processing: font-family

More information

Knjiga standarda : : Book of standards

Knjiga standarda : : Book of standards Knjiga standarda : : Book of standards Logotip je identitet koji vizualno predstavlja tvrtku i osigurava prepoznatljivost na tržištu. Redizajn logotipa Klana poboljšana je verzija staroga logotipa. Pojednostavljenim

More information

CSS cont. October 5, Unit 4

CSS cont. October 5, Unit 4 CSS cont. October 5, Unit 4 Padding We can add borders around the elements of our pages To increase the space between the content and the border, use the padding property padding is shorthand for all of

More information

Lab 4 CSS CISC1600, Spring 2012

Lab 4 CSS CISC1600, Spring 2012 Lab 4 CSS CISC1600, Spring 2012 Part 1 Introduction 1.1 Cascading Style Sheets or CSS files provide a way to control the look and feel of your web page that is more convenient, more flexible and more comprehensive

More information

Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS. 8 Oct 2015

Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS. 8 Oct 2015 Networks and Web for Health Informatics (HINF 6220) Tutorial 8 : CSS 8 Oct 2015 What is CSS? o CSS (Style Sheet) defines how HTML elements are formatted and displayed. o It helps you easily change an HTML

More information

Cascading Style Sheets (CSS)

Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) Mendel Rosenblum 1 Driving problem behind CSS What font type and size does introduction generate? Answer: Some default from the browser (HTML tells what browser how)

More information

CSS. M hiwa ahamad aziz Raparin univercity. 1 Web Design: Lecturer ( m hiwa ahmad aziz)

CSS. M hiwa ahamad aziz  Raparin univercity. 1 Web Design: Lecturer ( m hiwa ahmad aziz) CSS M hiwa ahamad aziz www.raparinweb.fulba.com Raparin univercity 1 What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve

More information

<style type="text/css"> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page***

<style type=text/css> <!-- body {font-family: Verdana, Arial, sans-serif} ***set font family for entire Web page*** Chapter 7 Using Advanced Cascading Style Sheets HTML is limited in its ability to define the appearance, or style, across one or mare Web pages. We use Cascading style sheets to accomplish this. Remember

More information

Uvod u relacione baze podataka

Uvod u relacione baze podataka Uvod u relacione baze podataka Ana Spasić 5. čas 1 Podupiti, operatori exists i in 1. Izdvojiti imena i prezimena studenata koji su položili predmet čiji je identifikator 2001. Rešenje korišćenjem spajanja

More information

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space.

HTML Summary. All of the following are containers. Structure. Italics Bold. Line Break. Horizontal Rule. Non-break (hard) space. HTML Summary Structure All of the following are containers. Structure Contains the entire web page. Contains information

More information

NIZOVI.

NIZOVI. NIZOVI LINKOVI ZA KONZOLNI C# OSNOVNO http://www.mycity.rs/net/programiranje-u-c-za-osnovce-i-srednjoskolce.html http://milan.milanovic.org/skola/csharp-00.htm Niz deklarišemo navođenjem tipa elemenata

More information

HTML5. Web Hypertext Application Technology Working Group (WHATWG) grupa koja odžava i poboljšava HTML od 2004 godine

HTML5. Web Hypertext Application Technology Working Group (WHATWG) grupa koja odžava i poboljšava HTML od 2004 godine HTML 5 Veb dizajn HTML5 Više verzija HTML-a i CSS-a HTML5 i CSS3 su poslednje verzije koje i dalje nisu finalizirane Mnogi pretraživači ih podržavaju Koriste se u razvoju internet stranica HTML5 Predlog

More information

Programiranje III razred

Programiranje III razred Tehnička škola 9. maj Bačka Palanka Programiranje III razred Konverzija tipova Konverzija tipova Prilikom komunikacije aplikacije sa korisnikom, korisnik najčešće unosi ulazne podatke koristeći tastaturu.

More information

Three Ways to Use CSS:

Three Ways to Use CSS: Introduction to CSS CSS Defined: Short for "Cascading Style Sheets". Determines how the elements in our XHTML documents are displayed and formatted. Designed to separate the content of a web page from

More information

Osnove HTML-a i CSS-a

Osnove HTML-a i CSS-a CENTAR ZA RAZVOJ I PRIMENU NAUKE, TEHNOLOGIJE I INFORMATIKE NOVI SAD Osnove HTML-a i CSS-a Seminar za profesore informatike osnovne i srednjih škola Izrada prezentacija - Web prezentacije kao podrška nastavim

More information

Chapter 2 CSS for Style

Chapter 2 CSS for Style Chapter 2 CSS for Style CSS, or Cascading Style Sheets, is a language used to define the presentation of a document written in mark up language, such as HTML. The main purpose of CSS is to separate the

More information

Besplatni softverski alati

Besplatni softverski alati Sadržaj Besplatni softverski alati GIMP 1 1. 2. 3. 4. 5. Zoltan Geller zoltang@ff.uns.ac.rs 2016 6. Potrebni alati - Kompresovanje fajlova i foldera - Potrebni alati - Dekompresovanje fajlova i foldera

More information

Using Dreamweaver. 6 Styles in Websites. 1. Linked or Imported Stylesheets. 2. Embedded Styles. 3. Inline Styles

Using Dreamweaver. 6 Styles in Websites. 1. Linked or Imported Stylesheets. 2. Embedded Styles. 3. Inline Styles Using Dreamweaver 6 So far these exercises have deliberately avoided using HTML s formatting options such as the FONT tag. This is because the basic formatting available in HTML has been made largely redundant

More information

Programiranje Internet aplikacija

Programiranje Internet aplikacija Programiranje Internet aplikacija Čas 8 - HTML 5 Dražen Drašković, Sanja Delčev Neka pravila HTML 5 Nove mogućnosti treba da se zasnivaju na HTML-u, CSS-u, DOM-u i JavaScript-u. Smanjiti potrebu za eksternim

More information

Web Recruitment Module Customisation

Web Recruitment Module Customisation Web Recruitment Module Customisation Introduction The People Inc. Web Recruitment add-on enables users to publish details of vacancies on their web site. This information is integrated seamlessly into

More information

Chapter 3 Attractive Web Designing

Chapter 3 Attractive Web Designing Chapter 3 Attractive Web Designing Theory Part 1. What is a style in a Web page? The tags, attributes and page layout used to make contents of the web page attractive can altogether be called its Style.

More information

Java. Ugnježdeni tipovi IMI PMF KG OOP 09 AKM. najveći deo teksta je preuzet sa slajdova Prof. Dragana Milićeva (ETF Bg) namenjenih pedmetu OOP2

Java. Ugnježdeni tipovi IMI PMF KG OOP 09 AKM. najveći deo teksta je preuzet sa slajdova Prof. Dragana Milićeva (ETF Bg) namenjenih pedmetu OOP2 Java IMI PMF KG OOP 0 AKM 1 Ugnježdeni tipovi najveći deo teksta je preuzet sa slajdova Prof. Dragana Milićeva (ETF Bg) namenjenih pedmetu OOP2 Ugneždeni tipovi IMI PMF KG OOP 0 AKM 2 Unutrašnje klase

More information