Yshopnoosa.com

Hur du utformar din egen Web-knappen

Knapparna som visas på en webbplats innehåller två viktiga komponenter: en bild och en länk som skickar besökare till en viss webbsida när den bilden klickas. Dessa knappar kan vara så enkelt som det som visas i navigationsmenyn av en webbplats till bannern som visas överst på skärmen. Knapparna används för att göra en hemsida ser ut attraktiva och fortfarande fungerar som en hemsida med länkar som är synliga för sina besökare. Att skapa en web knapp, hitta eller skapa en bild och använda rätt HTML-kodning.

Instruktioner

1 Titta igenom fri Foto lager webbplatser för en bild som du vill använda som din knapp. Observera att du även kan hyra en grafisk designer eller skapa din egen bild genom att arbeta i ett ritprogram som Photoshop, Paintshop Pro eller Gimp.

2 Redigera knappen för att passa dig. Ändra saker som färg, teckensnitt eller ens form så att knappen passar din webbplats layout. Ändra storlek på bilden för online-användning. Till exempel om du gör en banner bild och din webbplats är 800 pixlar bred, bör sedan din banner bild vara minst 800 pixlar bred också.

3 Spara bilden på skrivbordet som en JPEG-fil och ladda upp det genom att läsa in det i ditt webbhotell eller genom att överföra den till ett foto delar tomt som Photobucket, Flickr eller Snapfish.

4 Kopiera den URL eller platsen för din bild online och klistra in den i ett nytt dokument som du behöver det lite senare.

5 Öppna webbplatsens indexfilen och hitta var du vill placera din knapp inom HTML-koden. Till exempel, om du använder en banner, lägga till lite kod till din webbplats sidhuvudsområdet.

6 Kopiera följande kod och placera det i rätt område på din webbplats:

< en href = "webpage länk" >

< img / >

< /a >

7 Skriv på sidan som du vill ha den direkt besökare till när det klickar där det står "webpage länk." Use the full URL address, including the "http://www."

8 Kopiera Webbadressen du sparade i steg 4 och klistra in den där det står "bildlänk." Spara ändringarna på webbplatsen och öppna ett nytt webbläsarfönster.

9 Skriv webbadressen i webbläsarens fönster och se över din webbplats. Kontrollera att din knappens placering och kodning är korrekta. Göra ändringar vid behov genom att gå tillbaka till din indexfil och redigera HTML-kod du just angav.

Tips & varningar

  • Beroende på vilken typ av knappar du gör för din webbplats, kan du infoga en logotyp, som din banner bild, i dina knappar. Detta hjälper varumärke din webbplats.