Esimerkki HTML-bannerimainoksesta
HTML-bannerimainokset ovat yksinkertainen ja tehokas tapa mainostaa itseäsi tai yritystäsi verkossa. Bannerimainosten avulla voit linkittää edestakaisin "bannerivaihto-ohjelmissa", markkinoida itseäsi Yahoo! tai muissa hakukoneissa, näytä kuvasi markkinapaikkasivustoilla ja tee monia muita asioita. Voit luoda tekstibannerin pelkällä HTML-peruskoodilla tai voit mennä pidemmälle ja lisätä grafiikkaohjelmaan kuvia ja tyyliä bannerimainokseesi.
Vaihe 1
Avaa tiedosto HTML-tekstieditorissa ja lisää taulukko.
Päivän video
Vaihe 2
Aseta taulukon leveys ja määritä taulukon "reunus", "solutyyny" ja "reunuksen väri" bannerimainoksen tyylin luomiseksi. Esimerkiksi:
Vaihe 3
Keskitä mainoksesi teksti halutessasi. Esimerkiksi:
Vaihe 4
Sisällytä taulukon koodi linkkitageilla, jotta bannerisi ohjaa vierailijat verkkosivustollesi. Esimerkiksi: width="275" border="1" cellpadding="3" bordercolor="#0000FF">
Vaihe 5
Nimeä ja tallenna tiedosto .html-tunnisteella.
Vaihe 6
Avaa grafiikkaohjelmasi ja luo kuva bannerimainoksellesi. Voit luoda yhden kuvan tai suunnitella koko mainoksen.
Vaihe 7
Tallenna tiedosto JPG- tai GIF-muodossa.
Vaihe 8
Avaa tiedosto HTML-tekstieditorissa ja lisää taulukko.
Vaihe 9
Aseta bannerimainoksesi leveys ja korkeus. Varmista, että nämä asetukset sopivat kuvasi mitat.
Vaihe 10
Määritä tarvittaessa taulukon attribuutit, kuten "border" ja "cellpadding". Jos suunnittelet täydellisen bannerimainoksen grafiikkaohjelmassasi, voit ohittaa tämän vaiheen.
Vaihe 11
Sisällytä taulukon koodi linkkitageilla, jotta bannerimainoksesi ohjaa vierailijat verkkosivustollesi. Esimerkiksi: width="275" height="250" border="0" cellpadding="0" bordercolor="#ffffff" background="test.jpg">
Vaihe 12
Nimeä ja tallenna tiedosto .html-tunnisteella.
Asiat, joita tarvitset
HTML-tekstieditori, kuten BBEdit
Grafiikkaohjelma, kuten ilotulitus (valinnainen)
Kärki
Jos haluat käyttää banneria tietyllä sivustolla, muista noudattaa mitta- ja tiedostokokoohjeita. Jos haluat jakaa bannerisi, anna bannerimainoksesi HTML-koodi.
