Mitä pudotusvalikot ovat?

Pudotusvalikot ovat luetteloita vaihtoehdoista, jotka näkyvät, kun henkilö valitsee Internet -kuvakkeen hiirellä. Sitä kutsutaan pudotusvalikoksi, koska kun kohde on valittu, luettelo näyttää pudottavan kuvakkeen alle. Pudotusvalikkoja käytetään verkkosivujen luomisessa, ja Adobe® Fireworks® on yksi käyttäjäystävällisimmistä ohjelmista avattavien valikoiden luomiseksi.

Ensimmäinen vaihe avattavan valikon luomisessa on tehdä kuvake, jota kävijä voi napsauttaa. Kuvakkeen tulee olla otsikko, jonka avattavasta valikosta löydät alaotsikot. Voit esimerkiksi tehdä kuvakkeen, jossa lukee “Juomat”, ja avattavassa valikossa on vaihtoehtoja, kuten “Soda”, “Tee” ja “Maito”.

Valitse Adobe® Fireworks® -ohjelmassa vaihtoehto “Muokkaa/lisää/viipaloi”. Kun fluoresoiva vihreä osa näkyy, napsauta sitä hiiren kakkospainikkeella ja valitse Lisää ponnahdusvalikko. Kirjoita ensimmäinen kohde, jonka haluat näkyvän tekstiruudun avattavasta valikosta. Napsauta plusmerkkiä lisätäksesi muita kohteita.

Avattavat valikot voidaan mukauttaa vastaamaan verkkosivun teemaa. Jos haluat muuttaa solun väriä ja kirjasintyyliä ja kokoa, napsauta välilehden otsikkoa “Ulkoasu”. Tässä voit myös valita, haluatko avattavan valikon näkyvän pystysuunnassa vai vaakasuunnassa verkkosivulla. Valitse ”Lisäasetukset” -kuvake valitaksesi kuvion tai varjon avattavista valikoista.

Sijoita pudotusvalikko haluamallasi tavalla napsauttamalla “Seuraava” -painiketta ja valitsemalla “Sijainti” -välilehti. Kun olet valmis, valitse välilehti “Valmis”. Valitse “Tiedosto” ja “Esikatselu” nähdäksesi miltä verkkosivusi näyttää avattujen avattavien valikoiden avulla. Vie hiiri kuvakkeen päälle nähdäksesi avattavan valikon toiminnassa.

Tallenna luomasi avattavat valikot valitsemalla “Tiedosto/Vie”. Valitse kansio, johon haluat tallentaa tiedoston. Avaa tiedosto löytääksesi pudotusvalikkojen koodin. Siirry verkkosivullesi ja kirjoita koodi.
Pudotusvalikot voidaan luoda muissa ohjelmissa, vaikka ne eivät välttämättä ole yhtä käyttäjäystävällisiä. Ohjelmat, kuten DreamWeaver®, edellyttävät korkeampaa teknologista kykyä, jota tavallisella käyttäjällä ei ehkä ole. Pudotusvalikot lisäävät paljon verkkosivun ulkoasua ja helpottavat kävijän navigointia. Avattavien valikoiden luomisen oppiminen on aikasi arvoista.