Vsebina
Z milijoni spletnih mest, ki obstajajo na internetu, je bistveno, da je vaša edinstvena. Ena od tehnik, ki se uporablja za dodajanje dinamičnega učinka spletnim mestom, je "rollover images", znana tudi kot "rollover gumbi". V bistvu, ko obiskovalec lebdi nad sliko, se spremeni in se vrne v normalno stanje, ko odstranimo miško. To se lahko uporabi za nekatere subtilne učinke, kot je spreminjanje barve slike ali črke. Ustvarite lahko svojo lastno rollover sliko z osnovnim oblikovanjem HTML v različnih programih oblikovanja.
Navodila
-
Ustvarite nov dokument želene velikosti (v slikovnih pikah) s programsko opremo za urejanje slik, kot je Photoshop. Ustvarite običajne in "prevračalne" slike, ki morajo biti enake velikosti.
-
Shranite obe sliki posamično tako, da odprete meni »Datoteka« in izberete »Shrani«. Uporabite formate JPEG, GIF ali PNG. Čeprav sta prvi dve najpogosteje uporabljeni, PNG ohranita preglednost. Prepričajte se, da ste sliko shranili v lokalno korensko mapo vašega spletnega mesta.
-
Odprite ustrezno programsko opremo za oblikovanje, kot je Adobe Dreamweaver. Kliknite gumb »Osveži« v knjižnici, da posodobite knjižnico in lokalno korensko mapo za vaše spletno mesto. Poiščite slike v korenski mapi.
-
Preklopite na pogled kode na spletni strani.
-
Vnesite »
"V kodi, brez začetnih citatov. -
»Http://yoursite.com« zamenjajte z naslovom spletnega mesta. Tudi zamenjajte "IMAGE1" in "IMAGE2" z imeni običajnih in "rollover" slik.
Kaj potrebujete
- Programska oprema za urejanje slik
- Programska oprema za spletno oblikovanje