Dizajn stranica vrlo je važan za to kako ih u konačnici doživljavaju posjetitelji. Ljudi bi trebali doživjeti estetski užitak dok su na stranicama web mjesta, kao što bi im i ove stranice trebale biti prikladne i funkcionalne. Nijedna stranica nije potpuna bez navigacijskih gumba, a istodobno će izgledati funkcionalno i lijepo ako ove gumbe učinite animiranima.
Upute
Korak 1
Grafički gumbi, za razliku od tekstualnih, uočljivi su na stranicama i čitatelji ih lako pamte. Koristite Corel Draw za stvaranje animiranih gumba. Stvorite novi dokument i nacrtajte prazno na kojem će se gumb prikazivati u nekoliko prikaza, kako u prešanom, tako i u nepristupanom stanju.
Korak 2
Da biste nacrtali gumb, odaberite odgovarajući alat iz okvira s alatima i nacrtajte zaobljeni pravokutnik. Ispunite pravokutnik crnom bojom, a zatim ga kopirajte i pomaknite kopiju lijevo-gore. Napunite drugi pravokutnik bijelom bojom.
3. korak
Na prazno dugme napišite njegovo ime, dodajući crni obris tekstu. Neka tekst bude bijel. Sada otvorite izbornik Effects Rollover označavanjem gumba i klikom na opciju Create Rollover. Na statusnoj traci Rollover vidjet ćete Normal.
4. korak
Sada, da biste promijenili sliku gumba, kliknite ga desnom tipkom miša i u kontekstnom izborniku odaberite opciju Uredi premještanje. Otvorit će se nova internetska alatna traka. Nacrtajte dodatne položaje gumba, koji će se zatim mijenjati jedan za drugim, stvarajući efekt animacije.
Korak 5
Na lijevoj strani internetske ploče kliknite gumb Over i uredite gumb da biste uklonili obris teksta. Napunite tekst crnom bojom da biste u animaciji stvorili njegovu drugu verziju. Sada pritisnite gumb Dolje i nacrtajte zadnju verziju gumba dok je pritisnut.
Korak 6
Pomaknite tekst i bijeli pravokutnik prema dolje udesno, a crni pravokutnik pomaknite prema gore ulijevo. Sada kliknite gumb Završi uređivanje prenosa.
7. korak
Spremite gumb zajedno s kodom pomoću kojeg možete promijeniti izgled predmeta na web stranici. Na taj način možete nacrtati bilo koju vrstu gumba s bilo kojim dizajnom.
