torek, 28. maj 2013

SPLETNA STRAN:

S pomočjo hmtl in css smo izdelali spletno stran, ki se nahaja na tej povezavi:


Navodila za izdelavo:
-delal sem v ti. "what you see is what you get" programu in sicer v NVU, ki ga lahko najdete na spletu. Je zelo preprost za uporabo in še v slovenskem jeziku.

-sam program vam že nastavi začetno kodo, ki jo lahko pod zavihkom html koda pogledate (nahaja se spodaj)
-uporabljamo razne značke,
  v značko <title></title> shranimo naslov zavihka, podstrani.
  z značko <li><a href="index.html">Domača stran</a></li> pa dodajamo povezave na datoteke, najlažje pa to naredite tako, da označite text in potem kliknete povezava in izberete na kaj se povezujete.
z značko <img src="slika.jpg"  hspace="200" vspace="100">  pa dodamo noter sliko.


-uporaba css značk:
za izbiro slike za ozadje je tale značka: body { background-image: url('slika.jpg')}
z značko text {font-family:Arial;background-image:url('slika.jpg');padding-top:20px;padding-right:20px;padding-bottom: 20px; padding-left:20px;margin: 10px 100px 10px 270px;} pa urejamo poravnavo, barvo in velikost besedila. Več značk pa si lahko pogledate na spletni strani http://www.w3schools.com/css/ .

Spletno stran je najlažje napisati oz. izdelati v programu wysiwyg, kjer točno vidiš kaj delaš pa tudi ne rabiš se preveč mučiti s samo html in css kodo, lahko pa naredite vse skupaj v beležnici ali pa notepadu, kjer pa pazite da html kodo shranite kot imedatoteke.html in css kot imedatoteke.css .

torek, 21. maj 2013

ANIMACIJE IN MISELNI VZORCI

MISELNI VZOREC


Najprej gremo na spletno stran, ki jo dobite na tem linku: www.mindomo.com
Seveda se je treba najprej tudi registrirati, če hočete izdelati miselni vzorec na spletu (brezplačna registracija) ali pa ga enostavno prenesete in naložite na računalnik.
Nato izberemo create new in pričnemo z izdelovanjem miselnega vzorca. Nahaja se zgoraj levo.


Na začetku se nam na sredini pojavi glavni naslov


Potem pa z desnim klikom dodajamo nove oblačke.
Vanje pa pišemo tako, da preprosto 2-krat kliknemo v oblačke.

UPORABA V ŠOLSTVU:
  Miselne vzorce lahko v šolstvu uporabimo za podajanje nove učne snovi. Učenci si lahko bolj slikovito predstavljajo snov ki jo jemljejo, lahko pa jih tudi uporabimo za nekakšen "brain storming".
Seveda so tudi zelo dobri v primeru utrjevanja in ponavljanja snovi.

ANIMACIJA:


Animacijo sem izdelal s pomočjo programa GIMP 2, ki sem ga tudi uporabil za izdelavo slik pri naslovu grafika.

Postopek izdelave:
Odpremo program GIMP2 in pod zavihkom datoteka izberemo nova.
Nato nekaj narišemo s pomočjo orodjarne ki jo najdemo na levi strani 


in potem na desni strani v plasteh nanizamo nekaj dodatnih plasti.
ko smo vse naredili kar smo mislili gremo pod zavihek FILTRI- ANIMACIJA-PREDVAJANJE
In tako vidimo kaj smo naredili. če želimo pa slike malo zakasniti, pa pri imenu plasti (nahaja se na desni strani pri plasteh) dodamo na koncu še v oklepaju številko za koliko hočemo zakasniti predvajanje (npr: plast1(500ms)).

UPORABA PRI POUKU:
Pri pouku lahko dosežemo večjo motivacijo učencev, predstavimo snov na drugačen, bolj zabaven način. Lahko jo uporabimo na pričetku ure, kot uvod v snov, ali pa na koncu za ponovitev snovi.