|
|
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
| Linkit | Bannerit |
|
Linkkejä on montaa tyyppiä: Linkkejä toisiin WWW-sivuihin, sisäisiä linkkejä, linkkejä tiettyyn kohtaan toisille sivuilla, linkkeinä toimivia kuvia, sähköpostilinkki ja kehyksissä toimivia linkkejä. Linkkien oletus väri on sininen ja niissä on alleviivaus, ellei niitä ole erikseen määritelty. Linkit muille WWW-sivuille Yleensä linkkejä käytetään viittaamaan muihin WWW-sivustoihin. Linkin koodi olisi seuraavanlainen <A HREF="sivun osoite">Näkyviin haluttava teksti</A>. Sivun osoite kirjoitetaan lainausmerkkien sisään. Esim. Tehdään linkki jollekin sivuille: <A HREF="http://www.elkoo.net">Kalastusaiheiset sivut</A> Lisämäärityksenä voidaan käyttää esim. target="_top" jolloin selain ikkuna aukeaa nykyisen päälle. Tai target="_blank" jolloin ko. sivulle aukeaa uusi selainikkuna. Esim. <A HREF="osoite" target="_blank"> Jos viitataan samassa kansiossa olevaan toiseen WWW-sivuun (esim. omat kotisivut), voidaan osoitteen paikalle kirjoittaa pelkkä kohdesivun nimi. Esim. <A HREF="koodit.html"> Koodeja sivulle </A>, viitataan siis samassa kansiossa olevaan "koodeja.html"-nimiseen WWW-sivuun. Jos linkin kohteena oleva sivu sijaitseekin alikansiossa, täytyy linkin koodiin lisätä alikansion nimi esim: <A HREF="alikansio/kohdesivu.html">Näkyviin haluttava teksti</A> Myös linkissä voidaan haluttaessa käyttää selitystekstiä samoin kuin kuvassa alttia, nyt sen tilalla käytetään titleä <A HREF="sivu.html" title="Plaa plaa sivulle"> Plaa plaa </A> Selitystekstiä voidan käyttää myös tavallisessa tekstissä, <a title="Tekstin selitystä."> Harvemmin tosin tälläisen käyttöön on tarvetta.</a> Sisäiset linkit Sisäiset linkit ovat näppäriä mm. jos sivu sisältää paljon tekstiä. Voit tehdä esim. sivun alkuun sisällysluettelon, josta siirtyminen oikeaan kohtaan käy helposti ja nopeasti. Jotta voisimme tehdä linkin toiseen kohtaan samalla sivulla, täytyy linkin kohde ensin nimetä. Se tapahtuu kirjoittamalla <A NAME="linkin_kohteen_nimi"></A> koodi linkin kohteeksi haluttuun paikkaan. Esim. jos halutaan linkki sivun otsikosta sivun viimeiseen sanaan koodi olisi esim.<A NAME="loppu">Loppu</A> Kun linkin kohde on nyt nimetty, voimme luoda siihen viittaavan linkin. Edellä olleessa esimerkissä annettiin linkin kohteelle nimi "loppu". Siihen viittaava linkki tehtäisiin koodilla <A HREF="#loppu">Sivun otsikko</A> Sisäisen linkin kohteen nimi tulee kirjoittaa lainausmerkkien sisään ja kohteen nimen eteen kirjoitetaan #-merkki. #-merkki kertoo selaimelle, että linkillä viitataan sivulla olevaan erikseen nimettyyn kohtaan. Tätä on käytetty tälläkin sivulla bannerit linkissä. Linkit tiettyyn kohtaan toisilla WWW-sivuilla On myös mahdollista viitata tiettyyn kohtaan toisella WWW-sivulla. Tässä tapauksessa kohdesivulla täytyy kuitenkin olla olemassa <A NAME="..."></A> koodilla nimetty kohta. Linkin kohteena olevan WWW-sivun nimen perään kirjoitetaan #-merkki ja nimetyn kohdan nimi. Esim. <A HREF="alikansio/ruoka.html#hanhenmaksa_pallerot"> Hanhenmaksa pallerot </A> hakisi näytölle alikansiossa olevan "ruoka.html"-nimisen sivun ja siinä olevan "Hanhenmaksa pallerot"-nimisen kohdan. Sähköposti linkki Voit laittaa sivuillesi linkin, jota napsauttamalla voi surffaaja lähettää sinulle sähköpostia. Koodi on muotoa: <A HREF="mailto:osoite@palveluntarjoaja.tunnus">Näkyviin haluttava teksti</A>. Osoite kannattaa kirjoittaa myös näkyviin. Jos postin lähetys ei jostain syystä onnistuisikaan (näin voi välillä tapahtua), niin voi tämän osoitteen halutessaan kirjoittaa muistiin vastaisuuden varalle. Esim: <A HREF="mailto:leo@elkoo.net">leo@elkoo.net</A> Sähköposti linkeissä ei käytetä target määritystä. Linkki toiseen tiedostomuotoon Voit tehdä linkin myös muihin kuin html tiedostoihin esim. word tiedostoon. Koodi on: <A HREF="html_opas.doc">HTML kielen perusteita</A>. Kuva linkki Jos halutaan käyttää kuvaa linkkinä, tehdään se yksinkertaisesti lisäämällä kuvamäärittely linkkimäärittelyn sisään. Esim. <A HREF="kohdesivu.htm"><IMG SRC="kuva.gif"></A> Kuvalinkille voi antaa samoja lisämäärittelyjä kuin muillekin kuville ja linkeille. 
|
|
Bannerit | Takaisin ylös |
Mainosbanneri eli internet sivulla oleva mainoskuva, joka on samalla linkki ilmoittajan omalle sivustolle. Mainosta klikkaamalla käyttäjä lataa mainossivun selaimensa näytölle. Bannerin koko ilmoitetaan pikseleinä (leveys*korkeus). Hyvin yleinen mainoskoko on sivun levyinen kokobanneri (468*60 pikseliä) (myös 400*40 ja pienempiäkin on ja vaikka minkä kokoisia). Banneri voi olla staattinen kuva tai animaatio. Flash animaatio tai java appletti, ja ties mitä, nämä vain esimerkkeinä mainiten. Kuvabanneri liitetään sivulle aivan samoin kuin mikätahansa kuvalinkki (kts. yllä). No, hspacet ja vspacet voit vaikka unohtaa. |
|
|
Johdanto Ohjelmat Koodeja Kuvat Linkit Listat Lomakkeet Taulukot Tyylit Kehykset Äänet Linkkisi Päivänvitsi Suosittele
|