Prilikom izrade web stranice važno je da dizajn njezinih elemenata doprinosi privlačenju novih korisnika zbog pogodnosti pristupa informacijama. Element koji se može kliknuti - natpis koji je posjetitelju primjetan i razumljiv, tj. raspolaže osobu da klikne na vezu. Ovaj se efekt može postići šarenim i intuitivnim grafičkim umetcima.
Instrukcije
Korak 1
Natpis, nazvan kliknuti, trebao bi privući pažnju korisnika i izdvojiti se od ostatka sadržaja stranice. Ne zaboravite da element mora imati određenu funkcionalnost, a korisnik mora znati u koju će stavku izbornika ići nakon što klikne na ovaj link.
Korak 2
Grafičke elemente možete koristiti za stvaranje okvira za tekst na koji je moguće kliknuti. Nacrtajte dugme pogodno za vaš dizajn stranice u boji s natpisom u bilo kojem grafičkom uređivaču. Gotova grafička rješenja možete iskoristiti i na Internetu posjetom web lokacija posvećenih crtanju slika za webmastere.
Korak 3
Nakon učitavanja slike, morate je umetnuti u HTML-kod stranice. Da biste to učinili, otvorite dokument stranice u uređivaču teksta tako što ćete desnim klikom na datoteku kliknuti i odabrati odjeljak "Otvori sa". Na listi aplikacija koja će se pojaviti navedite uređivač koji koristite za uređivanje stranica. Takođe možete koristiti standardni Windows Notepad.
Korak 4
Idite na dio koda u koji želite umetnuti natpis. Zatim unesite odgovarajući deskriptor. Na primjer:
Korak 5
Ovaj kôd stvorit će vezu u obliku grafičkog elementa, gdje je "address_to_transition" stranica na koju će korisnik biti preusmjeren nakon klika na naslov. "Path_to_Image" je mjesto na kojem se nalazi datoteka vašeg gumba. Da biste izbjegli poteškoće u pronalaženju slike, stavite je u isti direktorij kao i datoteka stranice i navedite tačno ime u parametru src. Parametri širine i visine ukazuju na veličinu slike u pikselima, na primjer 100 i 50.
Korak 6
Spremite promjene u datoteku i otvorite je u pregledniku pomoću izbornika "Otvori s". Izrada oznake na koju je moguće kliknuti sada je dovršena. Ako se slika ne prikazuje, provjerite ispravnost koda i navedeni put do slike.
