Arhiv: 'R-iT - 1. letnik'
OSS: Vaja 4
- Naloga 1
- V mapi “www” naredite novo mapo “vaja04″, v njej pa datoteke:
- index.html: pustite prazno,
- glava.html: zapišite poljuben kratek naslov, npr. “Moja spletna stran”, uporabite značko za naslov (h1),
- menu.html: zapišite besedo “menu”,
- prva.html: zapišite naslov “Prva stran” (uporabite h1) in kratek opis, da te strani predstavljajo rešitev četrte naloge pri tem predmetu,
Kot osnovo vseh datotek lahko uporabite šablono iz prejšnjih vaj. Primer vseh strani lahko vidite na sliki
- Naloga 2
- Na “index.html” z uporabo okvirjev dosežite izpis več strani hkrati, kot je prikazano na sliki. Višina glave naj bo 140px, širina menija pa 190px. Poskrbite, da robov okvirjev ni možno premikati! Za okvirje uporabite značke frameset in frame. Več o tem preberete tukaj.
Pozor: stran z okvirji ni mogoče validirati po standardu XHTML 1.0 Transitional, ampak po XHTML 1.0 Frameset. Validacija te strani ni zahtevana.
- Naloga 3
- V “meni.html” dodajte povezave do strani “prva.html” in do prejšnje vaje (“vaja03/index.html”). Poskrbite, da se povezave odprejo v za to namenjenem okvirju. Povezave zapišite v obliki naštevnega seznama. Kasneje v ta meni dodajte povezave do vseh dodatnih HTML datotek, ki jih boste izdelali pri teh vajah.
- Naloga 4
- Naredite novo spletno stran “ShoutBox.html“. V “menu.html” dodajte povezavo, ki kaže na to stran. Na stran zapišite vnosni obrazec, kot je prikazano na sliki, kjer so naslednji vnosni elementi:
- padajoči seznam z imenom selLokacija z dvema opcijama: javno (vrednost je “javno”) in privatno (vrednost je vaša vpisna številka),
- vnosno polje z imenom txtVzdevek,
- večvrstično vnosno polje z imenom txtSporocilo.
S klikom na gumb “Pošlji” se naj podatki obrazca pošljejo na naslov “http://uss.feri.uni-mb.si/ShoutBox/ShoutBox.aspx” z metodo POST.
Pozor: imena vnosnih polj morajo biti enaka podanim, sicer ne bo delovalo (pazite na tipkarske napake). Pri testiranju vpisujte smiselne nize, da boste delovanje lahko preverili. - Naloga 5
- Naredite novo spletno stran “anketa.html” in sestavite vnosno formo, kot je prikazano na sliki. Pazite na naslednje:
- vnosno polje kraja študija je privzeto že izpolnjeno,
- vnosno polje starosti zakriva vneseno vsebino (namesto znakov se izpisujejo črne pike) in dovoli največ 3 znake,
- možnosti padajočega seznama zamujenih terminov so ” — Izberite –”, “Nobenega”, “Enega”, “Dva” in “Preveč”,
- pri izbirnih poljih (radio, checkbox) je izbiro možno izvesti tudi s klikom na besedilo, ne le na vnosno polje (uporabite značko label),
- opcija “da ne nekaj naučim” naj bo privzeto izbrana,
- polje s komentarjem privzeto že vsebuje neko besedilo,
- gumb “Počisti” ponastavi vrednosti celotne forme.
Ob kliku na gumb “Pošlji” se podatki pošljejo na naslov http://uss.feri.uni-mb.si/ShoutBox/Obdelaj.aspx, metoda prenosa je lahko “GET” ali “POST”. V meniju dodajte povezavo na to anketo.
- Naloga 6
- Dopolnite spletne strani tako, da skrijete rob okvirjev in pobarvate glavo in meni s poljubnima, a različnima barvama. Ozadje nastavite z atributom style in ne z bgcolor. Primer lahko vidite na sliki.
- Naloga 7
- Popravite anketo iz naloge 5 tako, da se po kliku na gumb “Pošlji” stran odpre v novem oknu. Nato spreminjajte metodo pošiljanja med “GET” in “POST” ter ugotovite razliko med metodama. Namig: opazujte naslovno vrstico.
- Naloga 8
- Naredite novo spletno stran “noga.html” in jo naložite v novem okvirju, kot je prikazano na sliki. Noga naj bo visoka 60px. V nogo dodajte dve posebni sliki. Takšna posebna slika se v angl. imenuje “userbar“, zato poiščite spletno stran, ki takšne slike ponuja, prenesite dve sliki in dodajte v nogo. Pri obeh slikah uporabita atributa alt in title, ugotovite pomen teh dveh atributov.
- Naloga 9
- V glavi (glava.html) besedo “Moja” obdajte z značko span, nato pa s pomočjo CSS nastavite, da se beseda v znački izpiše v pisavi Tahoma, krepko in v zeleni barvi, kot je prikazano na sliki.
OSS: Vaja 3
Naloge:
- Naloga 1
- Na vašem spletnem mestu naredite novo mapo “vaja03″ in pripravite stran “index.html”. Uporabite lahko šablono iz prejšnjih vaj. Poskrbite, da bo stran veljavna po standardu XHTML 1.0 Transitional, kar preverite z XHTML validatorjem.
Pred zagovorom vseh nadaljnih vaj poskrbite, da so vse vaše spretne strani veljavne! - Naloga 2
- Na prvo stran izrišite okvir z znaki (minus, pipa in plus), v okvirju pa vaše ime in priimek, kot je prikazano na sliki. Uporabite značko pre.
- Naloga 3
- Izdeljate novo spletno stran povezave.html. Na stran dodajte 2 različni povezavi na slovenske spletne strani in 3 različne povezave do tujih spletnih strani. Vse povezave se naj ob kliku odprejo v novem oknu. Za izdelavo seznama uporabite opisni seznam (angl. “definition list”, elementi dl, dt in dd), primer lahko vidite na sliki. Da bo vsaka povezava v svoji vrstici, uporabite prelom vrstice (element br). Več o opisnih seznamih najdete tukaj. Na koncu seznama povezav dodajte povezavo nazaj na prvo stran, na prvi strani pa povezavo do strani povezave.html.
- Naloga 4
- Nadgradite seznam povezav iz prejšnje naloge tako, da bodo povezave prve kategorije izpisane v naštevnem seznamu, povezave v drugi kategoriji pa v oštevilčenem seznamu. Primer lahko vidite na sliki.
Pozor: pri prejšnji nalogi ste uporabili prelom vrstice, ki sedaj ni več uporaben, zato ga zbrišite.
- Naloga 5
- V mapi “vaja03″ naredite podmapo “slike”. S poljubnim iskalnikom poiščite vsaj 3 različne slike in jih shranite v podmapo “slike”. Na koncu prve strani izdelajte tabelo s slikami, kot je prikazano na sliki (na sliki je samo prikaz te naloge). Slike v tabeli naj bodo prikazane v fiksni velikosti 250 x 460 zaslonskih točk, ne glede na dejansko velikost slik. Besedilo v stolpcu “Dimenzije” naj bo pozicionirano na vrh celice, besedilo je dejanska velikost slike. Prva vrstica je glava tabele (uporabite značko th).
- Naloga 6
- Pod tabelo s slikami dodajte povezavo, ki skoči na začetek tabele. Več o tem lahko najdete tukaj.
- Naloga 7
- Na koncu prve strani izdelajte tabelo, kot je prikazano na sliki. Rdeči del je narejen tako, da sta dve celici združeni v eno, enako velja za modri del.
Pozor: brskalnik IE ne prikaže robov celic, ki nimajo vsebine, zato namesto vsebine vpišite HTML entiteno za presledek, ki je .
- Naloga 8
- Izdelajte novo spletno stran “flash.html”, na katero dodajte Flash animacijo, ki jo dobite tukaj. Datoteka z animacijo se naj nahaja v podmapi “datoteke”. Animaciji določite velikost 200×200 točk.
OSS: Vaja 2
Skopirajte besedilo tekstovne datoteke v datoteko HTML, ki jo prenesite na vaše spletno mesto.
- Nekje v besedilu uporabite prelom vrstice. Pravilno ga zaključite.
- Uporabite ločilno črto, ki zgleda podobno kot je prikazano na sliki, le da je poravnana na sredino zaslona in zavzema 40% celotne širine strani.
- Popravite spletno stran tako, da ima v naslovu (ne v URL naslovu) strani vaš ime in priimek. Preverite, ali lahko v naslovu uporabljate druge značke?
- Na spletu poiščite poljubno spletno stran, ki vsebuje vsaj 3 meta značke (glejte izvorno kodo spletne strani). V vašo spletno stran dodajte link do te strani in pod njim opišite pomen treh izmed njih. Vašo stran opremite z njimi (smiselno spremenite).
V mapi “vaja02″ ustvarite podmapo z imenom “slike”. S poljubnim iskalnikom poiščite vsaj 6 različnih slik in jih shranite v mapo “slike”.
Na dnu spletne strani dodajte vseh šest slik (brez prelomov vrstic). Slike naj bodo prikazane s fiksno nastavljeno širino, ki naj bo 200 točk, ne glede na dejansko velikost slik. Ne pozabite na atributa alt in title.
Naredite povezavo na sliko tako, da se ob kliku na sliko le-ta odpre v originalni velikosti.
OSS: Vaja 1
Naloge:
- Naloga 1
- S poljubnim iskalnikom poiščite razlago kratice JSON.
- Naloga 2
- S poljubnim iskalnikom poiščite pomen besede redundanca.
- Naloga 3
- S poljubnim iskalnikom poiščite razlago in primer za ukaz foreach v skriptnem jeziku PHP.
- Naloga 4
- Preizkusite naslednje storitve iskalnika Google:
- Google Maps – prilepite sliko vašega prebivališča v dokument,
- Google Translate – prevedite poljubno spletno stran iz enega tujega jezika v drugi tuji jezik oz. slovenščino.
- Naloga 5
- Aktivirajte svojo spletno stran na strežniku ferisrv5.uni-mb.si. Na spletni strani FERI poiščite navodila, kako se izvede aktivacija. V dokument zapišite naslov vaše spletne strani.
- Naloga 6
- V ukazni vrstici se s pomočjo protokola FTP povežite s strežnikom ferisrv5.uni-mb.si (uporabite vaš uporabniški račun) in nanj prenesite poljubno sliko (jpg, gif). V dokument si zapišite ukaze, ki ste jih pri tem uporabili, z zapisanim si lahko pomagate na zagovoru. Pri reševanju naloge si lahko pomagate z člankom izMoj mikro ali poljubno drugo literaturo v zvezi s protokolom FTP.
- Naloga 7
- Med aktivacijo vaše spletne strani (naloga 5) je v vaši spletni mapi nastala datoteka “index.html”. S pomočjo poljubnega FTP odjemalca (npr. FileZilla, FireFTP kot dodatek za brskalnik FireFox…) prenesite to datoteko k sebi, zbišite trenutno vsebino datoteke, napolnite datoteko s poljubno drugo vsebino in prenesite datoteko nazaj na vaše spletno mesto. S spletnim brskalnikom preverite vsebino popravljene datoteke.
- Naloga 8
- S pomočjo iskalnika Google poiščite tiste spletne strani na FERI forumu (forum.feri.uni-mb.si), ki vsebujejo besedo for in hkrati besedo javascript in hkrati ne vsebuje besedo lugos.
IČR: 2. Domača naloga – beležka
Navodilo:
Za nalogo napišite aplikacijo za preprosto urejanje besedil (teksta), ki bo podobna Windows Notepad (beležnica). Aplikacija naj ima prilagodljivo velikost okvirja skupaj z vsemi gradniki (resizeable), menu in vnosno polje za vnašanje teksta. Omogoča naj:
- nalaganje
- shranjevanje
- spreminjanje tekstovnih datotek (.txt)
- kopiranje teksta (copy)
- lepljenje teksta (paste). Obe operaciji naj bosta dosegljivi preko menuja!
- možnost nalaganja večih datotek naenkrat in prikaz vsake v svojem zavihku (tabbed environment).
V vsakem zavihku naj bo mogoče spreminjanje in shranjevanje besedila neodvisno od drugih zavihkov, operaciji kopiranja in lepljenja pa naj delujeta tudi med posameznimi zavihki.
Program napišite v programskem jeziku C#.
IČR: 5. Vaja – Pregledovalnik slik
Navodilo:
V programskem jeziku C# napišite aplikacijo, s katero bo mogoče pregledovati slike na disku. Zahteve za aplikacijo so:
- omogoča naj pregledovanje slik v formatu JPG, BMP in GIF.
- omogoča naj nalaganje ene ali večih slik hkrati.
- omogoča naj odstranjevanje izbrane slike iz seznama slik ali večih slik iz seznama slik hkrati (ne iz diska!!).
- v seznamu slik naj bodo zapisana samo IMENA slik (brez končnic in/ali poti do slike).
- omogoča naj prikaz osnovnih informacij o sliki: dolžina in višina slike v pikah (dimenzije), format slike, velikost slike v KB, datum in ura spremembe slike.
- omogoča naj shranjevanje in nalaganje seznama izbranih slik iz datoteke (seznam ‘priljubljenih’ oz. MojaGalerija).
- omogoča naj pisanje in prikazovanje poljubnega komentarja k vsaki naloženi oz. prikazani sliki. Komentarji se naj shranijo skupaj s seznamom priljubljenih slik (v MojaGalerija).
- omogoča naj prikaz naloženih slik v seznamu po imenih in s prikaznimi sličicami (‘thumbnail’).
- omogoča naj dva različna načina predogleda slike: v naravni velikosti in prilagojeno glede na velikost prikazne površine.
- program naj bo preprost za uporabo, prijazen do uporabnika in vizualno zanimiv!
Pri izdelavi programa boste potrebovali:
- znanje iz predhodnih nalog
- razred ListView (za prikaz seznama slik)
- razred FileInfo (informacije o slikah)
- razred Image (za delo s slikovnimi podatki)
- razred PictureBox (gradnik za prikaz slik)
- preostale razrede in grafične elemente po vaši lastni presoji!!
Za opise razredov in pripadajočih metod uporabite pomoč iz MSDN!
PROG2: Vaja11: N03: Prekrivanje metod in modulatorji izpisa v c++
Navodilo:
Po vzoru primera 36 iz predavanj, zapišite lastni primer redefiniranja in prekrivanja
metod. Zapišite vsaj dva primera metod tako za prekrivanje kot redefiniranje.
V nalogi uporabite tudi manipulatorje nad izpisom v datoteko!
PROG2: Vaja11: N02: Izjeme v c++
Navodilo:
Nalogo 11.1 dopolnite z naslednji tremi izjemami:
- datoteka ne obstaja (izjema v glavnem programu),
- leto rojstva osebe večje od trenutnega leta (izjema v konstruktorju razreda DruzinskiClan)
- funkcija osebe ne sme biti drugačna kot mati, oče, sin in hči in
- otrok ne sme biti starejši od staršev (izjema v metodi dodajClana() v razredu Druzina).
Prikažite uporabo izjem.
PROG2: Vaja11: N01: Branje, pisanje tekstovnih datotek v c++
Navodilo:
Razširite nalogo 9.1 tako, da:
- omogočala zapis objektov (razreda DružinskiClan in Druzina) v tekstovno datoteko (npr. “prelogar.txt”). Pisanje v datoteko (lahko) zapišete v glavnem programu. V ta namen razširite razreda DruzinskiClan in Družina z metodama toString(), ki vrne niz znakov za objekt ter dopišite potrebne konstruktorje, set in get metode.
- omogoča branje datoteke (npr. “druzina.txt”). Iz prebranih podatkov tvorite objekte razreda DruzinskaOseba in Druzina in napolnite vektor (knjižnice STL) družin.
PROG2: Vaja10: N03: Generično programiranje
Navodilo:
Po vzoru primera 29 iz predavanj napišite lasten program iz področja generiËnega programiranja. Naloga naj obsega naslednje:
- kazalec na funkcijo,
- funkcijski tip in
- posplošitev s šablono.
