Kotisivun tekemisestä

Takaisin

Tehtävä 1

Tee sivu, jossa muutama linkki haluamallesi www-sivuille.

Tee sivulle myös linkki, josta pääsee lähettämään sinulle sähköpostia.

Tee lisäksi yksi kuvalinkki, siis siten, etää kuvaa klikkaamalla siirrytään jollekin sivulle.

 

Tee myös "sivusto", joka sisältää kaksi sivua. Ensimmäiseltä sivulta on linkki 2. sivulle ja puolestaan toiselta sivulta ensimmäiselle sivulle.

 

 

Tehtävä 2

Tee sivu, jolle kopioit jostakin runsaasti tekstiä (tai käytät kappaleen vaihtoja tms.)
Tee kyseiselle sivulle kohtia, joihin pääsee klikkaamalla esimerkiksi jotakin sanaa.

 

Ulkoiset linkit

<A></A>-tagien avulla muodostetaan sekä ulkoiset että sisäiset linkit. <A></A>-tagien väliin kirjoitetaan ns. hotspot eli linkkisana, jonka päällä hiiren osoitin muuttuu käden kuvaksi ja joka useinmiten näkyy alleviivattuna sanana tekstin keskellä. HREF-parametrille annetaan arvoksi WWW-osoite lainausmerkeissä

Esimerkki: <A HREF="http://www.kase.fi/">Kasen sivuille</A>

Jos linkitettävä dokumentti on täsmälleen samassa hakemistossa kuin nykyinen dokumentti, riittää että osoitteeksi kirjoitetaan linkitettävän dokumentin tiedostonimi.

Esimerkki: <A HREF="lisatiet.htm">Lisätietoa aiheesta</A>

 

Sisäiset linkit

Dokumentin sisäisten linkkien tekemiseen tarvitaan linkin lisäksi nimetty kohde eli kirjanmerkki (paikka johon linkitys kohdistetaan).

NAME-parametrilla nimetään kohde kirjoittamalla <A>-alkutagiin

Esimerkki: <A NAME="ekakpl">

NAME-parametrillä varustetun <A>-alkutagin ja </A> -lopputagin väliin jäävä teksti ei selaimessa erotu mitenkään muusta tekstistä. Tagien väliin ei välttämättä tarvitse kirjoittaa mitään tekstiä.

Varsinaiseen linkkiin annetaan HREF-parametrille arvoksi sama sana kuin NAME-parametrille, mutta sanan eteen kirjoitetaan #-merkki.

Esimerkki: <A HREF="#ekakpl">Mene ensimmäiseen lukuun</A>

Tätä käytetään esimerkiksi silloin, kun sivun alareunaan tehdään linkki, josta pääsee takaisin sivun yläreunaan.

Dokumentin sisällä tapahtuviin linkityksissä tavallaan annetaan sivun tietylle kohdalle ensin nimi ja myöhemmin viittauksessa käytetään tätä nimeä.

 

Kirjanmerkit ja ulkoiset linkit

Useamman WWW-sivun kokonaisuudessa, voit käyttää kirjanmerkkiä hyväksesi, jos haluat linkin kohdistuvan jonkin tietyn sivun tiettyyn kohtaan. Ensiksi sinun täytyy luoda kohdedokumenttiin kirjanmerkki.

Esimerkki: Dokumenttiin kokous.htm teet sopivaan kohtaan kirjanmerkin <A NAME="uusi"></A>. Toisessa dokumentissa tehdään linkki <A HREF="kokous.htm#uusi">Uusin kokouspöytäkirja</A>

Tämä tapahtuu siis samalla lailla kuin siirryttäessä samalla sivulla haluttuun kohtaan, nyt vain annetaan myös kohdan nimen lisäksi sivun nimi kokonaisuudessaan

 

Linkit sähköpostiosoitteisiin ja uutisryhmiin

WWW-dokumenteistä voidaan tehdä linkkejä myös sähköpostiosoitteisiin ja uutisryhmiin. Kun sähköpostilinkkiä klikataan avautuu selaimen sähköpostiviestin kirjoitusikkuna, johon on valmiiksi merkitty vastaanottajan sähköpostiosoite. Sähköpostilinkissä kirjoitetaan osoitteen paikalle ensin mailto: ja heti perään sähköpostiosoite.

Esimerkki . <A HREF="mailto:jaska.jokunen@kase.fi">Postia Snoopylle</A>

Uutisryhmälinkki tehdään samaan tapaan. Ensin kirjoitetaan news: ja sitten uutisryhmän nimi. Jos selaimen uutisryhmäasetukset on määritelty, aukaisee selain uutisten lukuohjelman ja kyseisen uutisryhmän.

 

Kuvat linkkeinä

Tekstilinkkien ohella myös kuvista voidaan muodostaa linkkejä toisiin dokumentteihin. <A></A> -tagien väliin kirjoitetaan tekstin sijasta <IMG SRC>-tagi kuvaosoitteineen.

Esimerkki: <A HREF="http://www.kase.fi/aani.wav"><IMG SRC="aani.gif"></A>