Lab. vježba PROGRAMIRANJE ZA INTERNET. Upute za laboratorijske vježbe. (izradio: Marin Bugarić) CSS3
|
|
- Lewis Ball
- 5 years ago
- Views:
Transcription
1 Lab. vježba 6 PROGRAMIRANJE ZA INTERNET Upute za laboratorijske vježbe (izradio: Marin Bugarić) CSS3
2 P R O G R A M I R A N J E Z A I N T E R N E T Općenito Posljednja verzija Cascading Style Sheetsa, verzija 3, uvodi neke nove mogućnosti kako bi se smanjila potreba za korištenjem skriptnih jezika ili grafičkih alata poput Photoshopa. Neki bitni noviteti mogu se svesti na: N O V I T E T I 1. Kutije i okviri moguće je dodati sjene i zaobljene kuteve, korisnik može mijenjati veličinu ovih elemenata dinamički u vertikalnom i horizontalnom smjeru. Okviri mogu biti u više boja. 2. Pozadine Moguće je imati više pozadina sa preciznijim pozicioniranjem, mijenjanje veličine elemenata u pozadini, dodavanje prozirnosti za pozadinu. 3. Fontovi na webu moguće je koristiti fontove direktno sa servera, korisnik ne treba imati dotični font instaliran na svom računalu 4. Boje i prozirnost Moguće je dodati prozirnost elementima i gradijente pozadini. 5. Transformacije Moguće je mijenjati veličinu, pomicati, izvrtati i rotirati slike i elemente u 3D prostoru. K O M P A T I B I L N O S T P R O B L E M S P R E G L E D N I C I M A CSS3 je u potpunosti kompatibilan sa CSS2, stoga nije potrebno mijenjati postojeći dizajn. Slično kao i HTML5, i CSS3 je relativno novi standard i postoje određeni problemi što se tiče podrške od strane internetskih preglednika. Kao primjer ovih problema možemo uzeti jednostavan CSS3 kod za dodavanje sjene za element: #example1{ box-shadow: 10px 10px 5px #888; Ipak, za sada to još ne funkcionira, te je za ovaj isti kod potrebno posebno naznačiti podršku za Mozillu i Webkit (Safari i Chrome). Stoga kod za sada izgleda ovako: #example1 { -moz-box-shadow: 10px 10px 5px #888; -webkit-box-shadow: 10px 10px 5px #888; box-shadow: 10px 10px 5px #888; 1
3 S J E N E Sintaksa za kreiranje sjena kod elemenata je sljedeća: box-shadow: none <shadow> [, <shadow> ]* gdje je: <shadow> = inset? && [ <length>{2,4 && <color>? ] drugim riječima, box-shadow svojstvo prima vrijednosti koje definiraju sjene i koje su odvojene zarezima. Svaka sjena se definira sa {2-4-strukim vrijednostima ( horizontalni pomak, vertikalni pomak, opcionalna udaljenost zamagljivanja (blur) i opcionalna udaljenost raspršivanja). Uz to postoji i opcionalna vrijednost kojom se definira boja. Ukoliko želimo da se sjena kreira prema unutrašnjosti elementa, koristimo ključnu riječ inset. Nekoliko primjera: #Example_A { -moz-box-shadow: -5px -5px #888; -webkit-box-shadow: -5px -5px #888; box-shadow: -5px -5px #888; #Example_B { -moz-box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; box-shadow: -5px -5px 5px #888; #Example_C { -moz-box-shadow: -5px -5px 0 5px #888; -webkit-box-shadow: -5px -5px 0 5px#888; box-shadow: -5px -5px 0 5px #888; 2
4 Z A O B L J E N I R U B O V I O K V I R A Sintaksa koja se koristi za definiranje zaobljenih rubova okvira je sljedeća: border-*-*-radius: [ <length> <%> ] [ <length> <%> ]? Zvjezdice označavaju nekoliko verzija koje se mogu koristiti border-bottom-leftradius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius. Dakle border-*-*-radius svojstvo može primiti jednu ili dvije vrijednosti, izražene kao duljina ili postotak. Uz, border-*-*-radius postoji i univerzalno svojstvo border-radius. Nekoliko primjera: V I Š E S T R U K E P O Z A D I N E Još jedan primjer noviteta u CSS3 su i višestruke pozadine. Sintaksa za postavljanje višestrukih pozadina je sljedeća: background: [ <bg-layer>,]* <final-bg-layer> <bg-layer> = <bg-image> <bg-position> [ / <bg-size> ]? <repeatstyle> <attachment> <box>{1,2 <final-bg-layer> = <bg-image> <bg-position> [ / <bg-size> ]? <repeat-style> <attachment> <box>{1,2 <background-color> A kao primjer možemo uzeti: background: url(slika1.png) center bottom no-repeat, url(slika2.png) left top no-repeat; 3
5 F O N T O V I N A W E B U Kako bismo uspješno koristili web fontove, svaka forma font-family-a se mora deklarirati pravila, a kao primjer možemo { font-family: Delicious; src: url('delicious- { font-family: Delicious; fontweight: bold; src: url('delicious-bold.otf'); Nakon čega možemo koristiti: h3 { font-family: Delicious, sans-serif; P R O Z I R N O S T Ukoliko želimo određenom elementu dodati prozirnost, to možemo vrlo jednostavno napraviti korištenjem svojstva opacity. Na ovom su primjeru kreirani <div> elementi, s tim da je pozadina svakog elementa čisto crvene boje. Ipak razlikuju se po vrijednostima svojstva opacity koji kreće od 0.2 do 1.0, s lijeva na desno. P R I J E L A Z I Prvi korak prilikom kreiranja prijelaza je specificiranje na koje se CSS svojstvo taj prijelaz odnosi. Sintaksa je sljedeća: transition-property: none all [ <IDENT> ] [, <IDENT> ]* ako se primjeni riječ all, ili ako se cijela definicija transition-property izbaci, onda se tranzicija izvršava na svim svojstvima na kojima je to moguće. Primjer: transition-property: all; transition-property: none; transition-property: background-color; transition-property: background-color, height, width; Drugi korak je definiranje vremena izvođenja, za što je sintaksa: transition-duration: <time> [, <time>]* 4
6 a primjer: transition-duration: 2s; transition-duration: 4000ms; transition-duration: 4000ms, 8000ms; Treći korak je specificiranje brzine kojom će se prijelaz odvijatu tijekom svog izvođenja. transition-timing-function: <timing-function> [, <timing-function>]* <timing-function> = ease linear ease-in ease-out ease-in-out ili <timing-function> = cubic-bezier(<number>, <number>, <number>, <number>) a kao primjer možemo uzeti: transition-timing-function: ease; transition-timing-function: ease, linear; transition-timing-function: cubic-bezier(0.6, 0.1, 0.15, 0.8); Četvrti korak je definiranje odmaka, s sintaksa je: transition-delay: <time> [, <time>]* a primjer: transition-delay: 5s; transition-delay: 4000ms, 8000ms; transition-delay: -5s; 5
7 T R A N S F O R M Svojstvo transform omogućuje 2D i 3D transformacije nekog elementa. Moguće je rotirati, mijenjati veličinu, pokretati, nakositi, izvrtati,.. elemente. Sintaksa je: transform: none transform-functions gdje su transform-functions: none matrix matrix3d translate translate3d translatex translatey translatez scale scale3d scalex scaley scalez rotate rotate3d rotatex rotatey rotatez skew skew3d skewx skewy perspective Svojstvo transform-style definira kako će se elementi ponašati u 3D prostoru. Ovo svojstvo može poprimiti vrijednost: flat child elementi ne zadržavaju 3D poziciju preserve-3d child elementi zadržavaju 3D poziciju 6
8 Zadatak Korištenjem CSS3, kreirati efekt okretanja karte koja na prednjoj strani ima sliku, a na stražnjoj strani tekst sa slikom. 7
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 informationLab. vježba PROGRAMIRANJE ZA INTERNET. Upute za laboratorijske vježbe. (izradio: Marin Bugarić) HTML5
Lab. vježba 5 PROGRAMIRANJE ZA INTERNET Upute za laboratorijske vježbe (izradio: Marin Bugarić) HTML5 P R O G R A M I R A N J E Z A I N T E R N E T Općenito HTML5 je posljednja verzija HyperText Markup
More informationVRIJEDNOSTI 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 informationSberbank 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 informationUPUTSTVO 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 informationSveuč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 informationUputstvo 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<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 informationWindows 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 informationPREDMET. 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 informationMicrosoft Hyper-V Server 2016 radionica EDU IT Pro, Zagreb,
Microsoft Hyper-V Server 2016 radionica EDU IT Pro, Zagreb, 13.04.2017. Podešavanje Hyper-V Servera 2016 za RSAT upravljanje Dario Štefek Lokacije za preuzimanje: Microsoft Hyper-V Server 2016 https://www.microsoft.com/en-us/evalcenter/evaluate-hyper-v-server-2016
More informationOsnove 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 informationSveuč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 informationIzrada 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 informationRač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 informationCSS: Responsive Design, CSS3 and Fallbacks
CSS: Responsive Design, CSS3 and Fallbacks CISC 282 October 4, 2017 What is a Mobile Browser? Browser designed for a not-desktop display Phones/PDAs, tablets, anything handheld Challenges and constraints
More informationCSS Futures. Web Development
CSS Futures Web Development CSS Futures CSS3 CSS Preprocessors: SASS & LESS CSS Frameworks CSS3 CSS3 is the latest standard for CSS Combined with HTML5, CSS3 makes it possible to create highly interactive
More informationVež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 informationBinarne hrpe. Strukture podataka i algoritmi VJEŽBE 26. siječnja / 133
Binarne hrpe Potpuno binarno stablo binarno stablo u kojem svaki čvor koji nije list ima točno 2 nasljednika. Binarna hrpa potpuno binarno stablo u kojem svaki čvor koji nije list ima veću ključnu vrijednost
More informationPARALELNO PROGRAMIRANJE
Predavanje 09 Odjel za matematiku 1 PARALELNO PROGRAMIRANJE POSIX threadovi za C++ Predavanje 09 Odjel za matematiku 2 Programske niti (thread) unutar procesa Danas ćemo se upoznati s POSIX thread bibliotekom
More informationProgramiranje 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 informationVB komande. Programiranje 1
VB komande Programiranje 1 Zadatak 1: Sastaviti program koji se sastoji iz jedne ListBox kontrole, jedne Textbox kontrole i dva komandna dugmeta. Klikom na prvo komandno dugme umeće se u ListBox sadržaj
More informationUpute za postavljanje Outlook Expressa
Upute za postavljanje Outlook Expressa Prije postavljanja klijenata morate obavezno obaviti prvu prijavu na web mail kako bi aktivirali vaš račun na novom sustavu. Ukoliko niste obavili prvu prijavu, nećete
More informationJavaScript i HTML DOM
4. vježbe iz WEB programiranja četvrtak, 22. ožujka 2012. JavaScript 1. dio JavaScript i Što je DOM? Kako JS koristi DOM? Pristup elementima dokumenta Promjena i učitavanje vrijednosti tagova Primjer 1.
More informationOsnove 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 informationVHDLPrimeri 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 informationSvi 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 informationUč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 informationStyling Web Applications Presented by Roel Fermont
Styling Web Applications Presented by Roel Fermont As Graphic Designer at Data Access, I have helped many developers making wellrunning applications look great. I ll show you what great results can be
More informationHipertekst - 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 informationBuilding Page Layouts
Building Page Layouts HTML & CSS From Scratch Slides 3.1 Topics Display Box Model Box Aesthetics Float Positioning Element Display working example at: h9ps://;nker.io/3a2bf Source: unknown. Please contact
More informationNizovi. Programiranje 1
Nizovi Programiranje 1 VB Nizovi Zamislite da imate 10,000 šešira i da morate svakome od njih dati jedinstvenu oznaku. Kako biste to napravili? Bilo bi razumno svakom šeširu dati njegov broj. Sada možete
More information/*#include <iostream> // Prvi zadatak sa integralnomg ispita
/*#include // Prvi zadatak sa integralnomg ispita 27.01.2015 #include using std::setw; using std::cout; const int red(5), kolona(4); void unos(int[]); void ispis(int[][kolona]); float
More informationMaš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 informationCSS
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 informationvar Form1: TForm1; implementation {$R *.dfm} procedure TForm1.Button1Click(Sender: TObject); begin ListBox1.Items.LoadFromFile('d:\brojevi.
1 PANEL komponenta kontejnerska, slična GropBox. Roditeljska komponenta za komp. postavljene na nju. Zajedno se pomeraju. Caption svojstvo za naziv; Alighment pomera svojstvo Caption levo i desno; Align
More information(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 informationVjež ba 3-3: Ražvoj ASP.NET MVC 4 Pogleda s Ražor sintaksom
Vjež ba 3-3: Ražvoj ASP.NET MVC 4 Pogleda s Ražor sintaksom U ovoj vježbi trebate dodati sljedeće view-ove u OnlineVrijednosnice aplikaciju: Details view za Graf model objekte ovaj view će prikazivati
More informationUvod 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 informationMultimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3
Multimedia Systems and Technologies Lab class 6 HTML 5 + CSS 3 Instructions to use the laboratory computers (room B2): 1. If the computer is off, start it with Windows (all computers have a Linux-Windows
More informationMTA EXAM HTML5 Application Development Fundamentals
MTA EXAM 98-375 HTML5 Application Development Fundamentals 98-375: OBJECTIVE 3 Format the User Interface by Using CSS LESSON 3.4 Manage the graphical interface by using CSS OVERVIEW Lesson 3.4 In this
More informationUputa: Zabranjeno je koristiti bilo kakva pomagala. Rje²enja pi²ete desno od zadatka. Predajete samo ovaj list.
Ime i prezime: Asistent: Predava : Programiranje (C) 1. kolokvij 14. 4. 2003. 1. 2. 3. 4. 5. 6. 7. Uputa: Zabranjeno je koristiti bilo kakva pomagala. Rje²enja pi²ete desno od zadatka. Predajete samo ovaj
More informationMreže računala. Mreže računala - Vježbe 09 1 CSS. Demonstracija mogućnosti CSS-a
Sveučilišteu Zagrebu PMF Matematički odsjek Mreže računala Vježbe 09 Zvonimir Bujanović Luka Grubišić Vinko Petričević CSS CSS - Cascading Style Sheets Stilske kartice (engl. style sheets) opisuju kako
More informationSveučilište u Zagrebu PMF Matematički odsjek. Mreže računala. Vježbe 09. Zvonimir Bujanović Luka Grubišić Vinko Petričević
Sveučilište u Zagrebu PMF Matematički odsjek Mreže računala Vježbe 09 Zvonimir Bujanović Luka Grubišić Vinko Petričević CSS CSS - Cascading Style Sheets Stilske kartice (engl. style sheets) opisuju kako
More informationVariable Neighborhood Descent - VND (Metoda promenljivog spusta)
Variable Neighborhood Descent - VND (Metoda promenljivog spusta) Izabrati skup okolina N k, k = 1,..., k max koje će se koristiti za pretragu; Na slučajan način izabrati početno rešenje x X i postaviti
More informationUNIVERZITET 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 informationPVC Eco. Eco Prozori i Balkonska Vrata Bela Boja Dezeni drveta su 40% skuplji
PVC Eco Eco Prozori i Balkonska Vrata Bela Boja Dezeni drveta su 40% skuplji PVC prozori i Balkonska vrata od 5-komornik profilanemačkog proizvođača Trocal 70.A5 Okovi za PVC stolariju nemačkog proizvođača
More informationPrva 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 informationUputstvo 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 informationFriday, January 18, 13. : Now & in the Future
: Now & in the Future CSS3 is Modular Can we use it now? * Use it for non-critical things on the experience layer. * Check sites that maintain tables showing browser support like http://www.findmebyip.com/litmus
More informationCSS3 Basics. From & CSS Visual Dictionary Learning Curve Books, LLC
CSS3 Basics From www.w3schools.com & CSS Visual Dictionary Learning Curve Books, LLC CSS Box Model Margin (top, right, bottom, left) Shorthand property, equivalent to Border-width border-style border-color
More informationŠ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 informationPSUEDO-CLASS BACKGROUND PSUEDO-ELEMENTS BORDER TABLE BOX MODEL UNITS TRANSITIONS ANGELS COLOR ABSOLUTE MEASUREMENT FONT COLORS
BACKGROUND 1 PSUEDO-CLASS 9 BORDER 1 PSUEDO-ELEMENTS 9 TABLE 1 UI 9 BOX MODEL 2 TRANSITIONS 2 UNITS COLOR 3 ANGELS FONT 3 ABSOLUTE MEASUREMENT ANIMATIONS 4 COLORS COLUMN 4 FREQUENCY TEXT 4 RELATIVE MEASUREMENT
More informationKREDITI ZA POLJOPRIVREDNIKE
UNICREDIT BANK SRBIJA AD 11 000 Beograd, Rajićeva 27-29 Telefon: 011/ 3777 888 www.unicreditbank.rs e-mail:office@unicreditgroup.rs KREDITI ZA POLJOPRIVREDNIKE Vlasnik ste ili zakupac 6 hektara obradive
More informationCSS Box Model. Cascading Style Sheets
CSS Box Model Cascading Style Sheets CSS box model Background Width & height Margins & padding Borders Centering content Changing display type (block vs. inline) The Box Model Background Properties Property
More informationProgramiranje 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 informationParashar Technologies HTML Lecture Notes-4
CSS Links Links can be styled in different ways. HTML Lecture Notes-4 Styling Links Links can be styled with any CSS property (e.g. color, font-family, background, etc.). a { color: #FF0000; In addition,
More informationpojedinač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 informationPVC Eco. Eco Prozori i Balkonska Vrata Bela Boja Dezeni drveta su 40% skuplji
PVC Eco Eco Prozori i Balkonska Vrata PVC prozori i Balkonska vrata od 5-komornik profilanemačkog proizvođača Trocal 70.A5 Niskoemisiono 2-slojno staklo 4+16+4mm, proizvođaća Guardian iz Luxemburga Profil:
More informationDogađ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 informationPROGRAMIRANJE. 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 informationINDEX. Symbols and Numbers
INDEX Symbols and Numbers & (ampersand character), for nested selector, 247 * (asterisk), for Arbitrary Substring Attribute Value selector, 28 @ (at sign), for element default content, 226 228 ` (backtick
More informationCSS 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 informationGoSquared Equally Rounded Corners Equally Rounded Corners -webkit-border-radius -moz-border-radius border-radius Box Shadow Box Shadow -webkit-box-shadow x-offset, y-offset, blur, color Webkit Firefox
More informationUputa za instaliranje programske potpore za operativni sustav WINDOWS
ZABA SignErgy Desktop aplikacija Uputa za instaliranje programske potpore za operativni sustav WINDOWS SADRŽAJ 1. UVOD 3 2. PODRŽANI OPERATIVNI SUSTAVI 3 3. PROGRAMSKI PREDUVJETI ZA INSTALACIJU PROGRAMSKE
More informationOddsMatrix. Everything is possible. SASS Code Standards
OddsMatrix Everything is possible. SASS Code Standards Why do we need SASS standards? Switching projects (when we need to, when we want to) Maximizing efficiency (finding stuff fast) Fast bug-fixing Fast
More informationIBM Forms V8.0 Custom Themes IBM Corporation
IBM Forms V8.0 Custom Themes Agenda 2 Overview Class Names How to Use Best Practice Styling Form Items Test Custom CSS Sample Overview 3 To create custom theme you must be familiar with the basic concept
More informationTema 8: Koncepti i teorije relevantne za donošenje odluka (VEŽBE)
Tema 8: Koncepti i teorije relevantne za donošenje odluka (VEŽBE) SISTEMI ZA PODRŠKU ODLUČIVANJU dr Vladislav Miškovic vmiskovic@singidunum.ac.rs Fakultet za računarstvo i informatiku 2013/2014 Tema 8:
More informationSVEUČILIŠTE U ZAGREBU FAKULTET ELEKTROTEHNIKE I RAČUNARSTVA SEMINAR. SVG format datoteke. Filip Sakač. Za predmet: Računalna forenzika
SVEUČILIŠTE U ZAGREBU FAKULTET ELEKTROTEHNIKE I RAČUNARSTVA SEMINAR SVG format datoteke Filip Sakač Za predmet: Računalna forenzika Zagreb, siječanj, 2017. Sadržaj Sadržaj... 2 Uvod... 3 Format datoteke...
More informationKINEMATIČKA ANALIZA MEHANIZAMA INDUSTRIJSKIH ROBOTA KORIŠTENJEM PROGRAMSKOG JEZIKA MATLAB
10 th International Scientific Conference on Production Engineering DEVELOPMENT AND MODERNIZATION OF PRODUCTION KINEMATIČKA ANALIZA MEHANIZAMA INDUSTRIJSKIH ROBOTA KORIŠTENJEM PROGRAMSKOG JEZIKA MATLAB
More informationOUR KNOWLEDGE FOR YOUR SUCCESS. Iskustva u razvoju i implementaciji ADF aplikacije
Iskustva u razvoju i implementaciji ADF aplikacije Sadržaj Opis aplikacije za AZ Mirovinski Fond Internacionalizacija aplikacije Integracija sa Oracle Reports Iskorištenje postojeće PL/SQL logike Kreiranje
More informationWeb Development & Design Foundations with HTML5, 8 th Edition Instructor Materials Chapter 3 Test Bank
Multiple Choice. Choose the best answer. 1. Cascading Style Sheet rules are comprised of: a. Selectors and Declarations b. Properties and Declarations c. Selectors and Attributes 2. When CSS is coded in
More informationPKI Applet Desktop Application Uputa za instalaciju programske potpore
1 SADRŽAJ 1. UVOD 3 2. PODRŽANI OPERATIVNI SUSTAVI 3 3. PROGRAMSKI PREDUVJETI ZA INSTALACIJU PROGRAMSKE POTPORE 3 4. INSTALACIJA PROGRAMSKE POTPORE 3 5. DEINSTALACIJA PROGRAMSKE POTPORE 6 2 1. Uvod PKI
More informationZadatci Small Basic za 7. Razred ( programa)
Zadatci Small Basic za 7. Razred (www.smallbasic.com-preuzimanje programa) 1. Nacrtaj slijedeći crtež pomoću naredbi u small basic-u. Boje odaberite po svojim željama. GraphicsWindow.Width = 600 Visina
More informationStamp Builder. Documentation. v1.0.0
Stamp Email Builder Documentation http://getemailbuilder.com v1.0.0 THANK YOU FOR PURCHASING OUR EMAIL EDITOR! This documentation covers all main features of the STAMP Self-hosted email editor. If you
More informationCSS: Cascading Style Sheets
CSS: Cascading Style Sheets Computer Science and Engineering College of Engineering The Ohio State University Lecture 13 Evolution of CSS MIME type: text/css CSS 1 ('96): early recognition of value CSS
More informationUvod 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 informationREADSPEAKER ENTERPRISE HIGHLIGHTING 2.5
READSPEAKER ENTERPRISE HIGHLIGHTING 2.5 Advanced Skinning Guide Introduction The graphical user interface of ReadSpeaker Enterprise Highlighting is built with standard web technologies, Hypertext Markup
More informationBA. (Hons) Graphics Design
BA. (Hons) Graphics Design Cohort: BGD/16A/FT Examinations for 2016 / Semester 2 Resit Examinations for BGD/13/FT & BGD/14B/FT MODULE: Web Design MODULE CODE: WAT1106c Duration: 2 Hours Instructions to
More informationPliki.tpl. scripts/search.tpl. Pliki.css. Pliki.less. Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian:
Dokumentacja zmian plików graficznych: rwd shoper Wersja zmian: 5.8.32-5.8.33 Pliki.tpl scripts/search.tpl - 1
More informationUvod 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 informationKodiranje 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 informationAktuelna verzija Matlaba je 7, koja ima dosta poboljšanja u odnosu na prethodne.
1. MATLAB UVOD Matlab predstavlja vrlo razvijen skup alata za računanje (matrice, kompleksni brojevi, simbolička matematika), vizualiziranje (2D i 3D), modeliranje, simulaciju i programiranje. Karakterizira
More informationINTRODUCTION TO CSS. Topics MODULE 5
MODULE 5 INTRODUCTION TO CSS Topics > Cascading Style Sheets (CSS3) Basics Adding a Style Sheet Selectors Adding Dynamic Styles to Elements CSS3 Properties CSS3 Box Model Vendor Prefixes Cascading Style
More informationIntroduction to WEB PROGRAMMING
Introduction to WEB PROGRAMMING Web Languages: Overview HTML CSS JavaScript content structure look & feel transitions/animation s (CSS3) interaction animation server communication Full-Stack Web Frameworks
More informationHTML & CSS. SWE 432, Fall 2017 Design and Implementation of Software for the Web
HTML & CSS SWE 432, Fall 2017 Design and Implementation of Software for the Web HTML: HyperText Markup Language LaToza Language for describing structure of a document Denotes hierarchy of elements What
More informationCSE 154 LECTURE 3: MORE CSS
CSE 154 LECTURE 3: MORE CSS Cascading Style Sheets (CSS): ... ... HTML CSS describes the appearance and layout of information
More informationPITANJA 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 informationTutorial 5 Working with Tables and Columns. HTML and CSS 6 TH EDITION
Tutorial 5 Working with Tables and Columns HTML and CSS 6 TH EDITION Objectives Explore the structure of a Web table Create headings and cells in a table Create cells that span multiple rows and columns
More informationMore CSS goodness with CSS3. Webpage Design
More CSS goodness with CSS3 Webpage Design CSS3 for Web Designers CSS is Evolving Currently we have been working with CSS 2.1 This specification in its entirety is supported by all current browsers (there
More informationWEBSITE PROJECT 2 PURPOSE: INSTRUCTIONS: REQUIREMENTS:
WEBSITE PROJECT 2 PURPOSE: The purpose of this project is to begin incorporating color, graphics, and other visual elements in your webpages by implementing the HTML5 and CSS3 code discussed in chapters
More informationPametna komunikacija na Internetu preko REST protokola
Pametna komunikacija na Internetu preko REST protokola Davor Lozić, dr. sc. Alen Šimec Tehničko veleučilište u Zagrebu, Vrbik 8, 10000 Zagreb, Hrvatska, dlozic@tvz.hr, alen@tvz.hr Abstract - REST protokol
More informationPARALLAX EFEKT/PHOTOGRAPHY
Primjena digitalne fotografije u reprodukcijskim medijima Katedra za grafički dizajn i slikovne informacije Grafički fakultet Sveučilišta u Zagrebu PARALLAX EFEKT/PHOTOGRAPHY SEMINARSKI RAD Nositelji kolegija
More informationNumerical Computation
GNU Octave Numerical Computation vrlo često u tehnici retko stvarni problemi imaju closed-form solution čak i kad imaju, pitanje upotrebljivosti mnogo detalja numerički pristup u početku tretirano kao
More informationWindows Phone SDK 8.0 omogućuje kreiranje aplikacija za Windows Phone 8 and Windows Phone 7.5 uređaje. SDK 7.1
Igor Mirković SDK 8.0 Windows Phone SDK 8.0 omogućuje kreiranje aplikacija za Windows Phone 8 and Windows Phone 7.5 uređaje. SDK 7.1 Windows Phone SDK 7.1 i 7.1.1 omogućuju razvoj aplikacija za Windows
More informationCSS. Shan-Hung Wu CS, NTHU
CSS Shan-Hung Wu CS, NTHU CSS Zen Garden 2 Outline The Basics Selectors Layout Stacking Order 3 Outline The Basics Selectors Layout Stacking Order 4 Grammar selector { property: value; 5 Example /* for
More informationUputstvo za konfiguraciju računara za korištenje BIHnet ADSL usluge
Uputstvo za konfiguraciju računara za korištenje BIHnet ADSL usluge Za ADSL vezu na Internet potrebno je: Računar: 133MHz i 16 MB Ram (preporučeno više), 10 Base-T/ 100 Base- TX Ethernet mrežni adapter,
More informationShell programiranje. Damir Kirasić Škola otvorenog računarstva FER Zagreb
Shell programiranje Damir Kirasić Škola otvorenog računarstva FER Zagreb Imenovanje Dijeli pod istim uvjetima 2.5 Hrvatska Shell programiranje UNIX i LINUX shell programi su učinkovito sredstvo za rješavanje
More informationIskočni okviri (eng. popup boxes)
9. JavaScript 2.dio Iskočni okviri, funkcije, petlje, događaji M. Zekić-Sušac 1 Iskočni okviri (eng. popup boxes) U JavaScriptu mogu se koristiti 3 vrste iskočnih okvira: Upozoravajući okviri (eng. alert
More informationeskills for Volunteers STRATEGIC PARTNERSHIP IN THE FIELD OF YOUTH
eskills for Volunteers STRATEGIC PARTNERSHIP IN THE FIELD OF YOUTH MODULE 2: What is a domain,html,css,wordpress Project Title eskills for Volunteers Project Acronym EFV Project Reference : 2016-2-ES02-KA205-00798
More information