Verkkosivustoa luodessa on tärkeää, että sen elementtien suunnittelu auttaa houkuttelemaan uusia käyttäjiä tietojen saatavuuden helpottamisen vuoksi. Napsautettava elementti - merkintä, joka on kävijälle havaittavissa ja ymmärrettävä, ts. luovuttaa henkilön napsauttamaan linkkiä. Tämä vaikutus voidaan saavuttaa värikkäillä ja intuitiivisilla graafisilla lisäosilla.
Ohjeet
Vaihe 1
Napsautettavaksi kutsutun tekstityksen tulisi kiinnittää käyttäjän huomio ja erottua muusta sivusisällöstä. Älä unohda, että elementillä on oltava tietty toiminto, ja käyttäjän on tiedettävä, mihin valikkokohtaan hän siirtyy napsauttamalla tätä linkkiä.
Vaihe 2
Voit luoda napsautettavan tekstiruudun graafisten elementtien avulla. Piirrä sivuston värisuunnitteluun sopiva painike, jossa on merkintä missä tahansa graafisessa editorissa. Voit myös hyödyntää valmiita grafiikkaratkaisuja Internetissä vierailemalla sivustoissa, jotka on omistettu kuvien piirtämiselle verkkovastaaville.
Vaihe 3
Kun olet ladannut kuvan, sinun on lisättävä se sivun HTML-koodiin. Voit tehdä tämän avaamalla sivustodokumentin tekstieditorissa napsauttamalla tiedostoa hiiren kakkospainikkeella ja valitsemalla "Avaa kanssa" -osion. Määritä avautuvassa sovellusluettelossa editori, jota käytät sivujen muokkaamiseen. Voit käyttää myös Windowsin tavallista Muistioa.
Vaihe 4
Siirry koodin kohtaan, johon haluat lisätä merkinnän. Syötä sitten sopiva kuvaaja. Esimerkiksi:
Vaihe 5
Tämä koodi luo linkin graafisen elementin muodossa, jossa "address_to_transition" on sivu, jolle käyttäjä ohjataan uudelleen napsauttamalla kuvatekstiä. "Path_to_Image" on painikkeesi tiedosto. Kuvan löytämisvaikeuksien välttämiseksi sijoita se samaan hakemistoon kuin sivutiedosto ja määritä tarkka nimi src-parametrissa. Leveys- ja korkeusparametrit osoittavat kuvan koon pikseleinä, esimerkiksi 100 ja 50.
Vaihe 6
Tallenna muutokset tiedostoon ja avaa se selaimessa "Avaa" -valikossa. Napsautettavan tarran luominen on nyt valmis. Jos kuvaa ei näy, tarkista koodin oikeellisuus ja määritetty polku kuvaan.
