Mahdollisuus luoda linkki asiakirjaan, joka vie sinut toiseen asiakirjaan, ehkä verkossa puolivälissä ympäri maailmaa, on epäilemättä ainoa tärkein syy siihen, että World Wide Web keksittiin. Nämä linkit, joita kutsutaan hyperlinkkeiksi, ovat "H" HTML - HyperText Markup Language. Ilman hyperlinkkejä verkko ei olisi kovin hyödyllinen. Ei olisi hakukoneita, sosiaalisia media- tai bannerimainoksia (ok, useimmat meistä voisivat nähdä nämä menevät).
Kun luot omia verkkosivuja, aiot luoda hyperlinkkejä, ja KompoZerillä on työkalut, joiden avulla on helppo lisätä minkä tahansa tyyppisiä linkkejä. Tässä opetusohjelmassa näkyvä näyte-sivu sisältää linkit muihin verkkosivustoihin neljään luokkaan, saman web-sivun muihin osiin ja sähköpostiviestin käynnistämiseen. Aloitan otsikolla ja neljällä H3-otsikolla jokaiselle luokalle. Seuraavalla sivulla lisäämme linkkejä.
01/05
Hyperlinkin luominen KompoZerin kanssa
KompoZerin hyperlinkin työkaluja voi käyttää klikkaamalla työkalurivin Link-painiketta. Luodaksesi hyperlinkin:
- Aseta kohdistin sivulle, johon haluat hyperlinkin näkyvän.
- Napsauta työkalurivin Link-painiketta. Link Properties -valintaikkuna tulee näkyviin.
- Ensimmäinen kenttä, johon sinun on täytettävä, on Link Text -ruutu. Kirjoita teksti, jonka haluat näkyvän sivulla hyperlinkkiäsi varten.
- Toinen kenttä, johon sinun on täytettävä, on Link Location -ruutu. Kirjoita sen sivun URL-osoite , jonka hyperlinkki vie käyttäjän napsauttaessa. On hyvä kopioida ja liittää URL-osoite selaimen osoiteriviltä. Sinä olet paljon vähemmän todennäköisesti erehtynyt tällä tavalla, ja tiedät ainakin linkkisi luomisen yhteydessä, että sivu on elossa ja että linkki ei ole rikki.
- Napsauta OK ja Link Properties -valintaikkuna sulkeutuu. Linkki näkyy nyt sivullasi.
Useimmissa selaimissa hyperlinkki näkyy oletusarvoisesti sinisellä alivälissä. Voit käyttää omia tyylejä hyperlinkkeihin KompoZerin kanssa, mutta nyt pidämme kiinni perushyperlinkistä. On hyvä esikatsella sivusi selaimessa ja napsauttaa linkkejä varmistaaksesi, että ne toimivat.
02/05
Ankkurointiyhteyden luominen KompoZerin kanssa
On olemassa toinenkin hyperlinkki, joka vie sinut samaan verkkosivun osaan, kun napsautat. Tällaista hyperlinkkiä kutsutaan ankkurilinkiksi, ja sen sivun alue, johon olet viety, kun napsautat kyseistä linkkiä, kutsutaan ankkuriksi. Jos olet käyttänyt verkkosivun alareunassa olevaa "takaisin alkuun" -linkkiä, napsautat linkkiä ankkuriin.
KompoZerin avulla voit luoda ankkureita, joihin voit liittää työkalurivin ankkurointityökalun avulla.
- Napsauta sivun aluetta, johon haluat ankkurin. Eli haluat, että sivun katseluohjelma otetaan käyttöön, kun napsautetaan ankkuriliitettä. Tässä esimerkissä napsautin juuri ennen F-tunnusta suosikkimusiikkiesi otsikossa.
- Napsauta työkalupalkin Ankkuri-painiketta. Nimettyjen ankkuriominaisuuksien valintaikkuna avautuu.
- Jokainen sivun ankkuri tarvitsee yksilöllisen nimen. Ankkurina käytin nimitystä "musiikki".
- Napsauta OK ja sinun pitäisi nähdä, ja ankkurointimerkki näkyy paikalla, josta haluat ankkurin. Tämä symboli ei näy Web-sivulla, vaan KompoZer näyttää, missä ankkisi ovat.
- Toista menettely muille sivun alueille, joilla haluat käyttäjien siirtyvän. Jos sivulla on paljon tekstiä otsikoilla tai jollakin muulla loogisella jakajalla, ankkurit ovat helppo tapa navigoida sivua.
Seuraavaksi luodaan linkit, jotka ottavat lukijan luomiisi ankkureihin.
03/05
Sivuohjauksen luominen KompoZerin avulla
Nyt kun sinulla on ankkureita sivullasi, luo linkit, joita käytetään pikakuvakkeina näihin ankkureihin. Tätä opetusohjelmaa varten luotiin 1 rivi, 4 saraketaulukko sivun yläotsikon alla. Jokainen taulukkosolu sisältää saman tekstin kuin yksi otsikkorivistä, jota käytetään sivun linkkien erottamiseen. Teemme jokaisesta näistä taulukon soluista tekstin linkin vastaavaan ankkuriin.
04/05
Hyperlinkkien luonti ankkureille KompoZerin kanssa
Nyt, kun saamme ankkureitamme ja tekstin, jota käytämme sivunavigointiin, voimme kääntää nämä tavalliset tekstiryhmät linkkeiksi. Käytämme Link-painiketta uudelleen, mutta tällä kertaa se toimii hieman eri tavalla.
- Valitse teksti, jonka haluat muuttaa linkiksi. Tässä esimerkissä valitsin tekstin "Suosikki musiikki", joka on ensimmäisessä taulukon solussa sivun yläreunassa.
- Napsauta työkalurivin Link-painiketta. Linkin ominaisuudet -valintaikkuna avautuu.
- Tässä tapauksessa valitsimme tekstin ennen kuin napsautimme Link-painiketta, joten ikkunan linkkiteksti on jo täytetty eikä sitä voi muokata. Napsauta Linkin sijainti -osiossa olevaa alas-nuolta. Näet luettelon edellisissä vaiheissa luotuista ankkureista. Tässä esimerkissä valitsen #music ankkurin.
- Napsauta OK. Navigointipalkin "Suosikki musiikki" -teksti muuttuu linkiksi, joka saa katsojan siirtymään sivulle, kun napsautetaan.
Huomaat, että jokaisella nimetty ankkuri pudotusvalikosta on "#" -merkki sen edessä. Näin voit luoda linkin HTML-ankkuriin. Ankkurin nimen edessä oleva "#" kertoo selaimelle, että tämä linkki vie sinut toiseen paikkaan samalla sivulla.
05/05
Hyperlinkin luominen kuvasta KompoZerin avulla
Tiesitkö, että voit luoda linkin kuvista ja tekstistä? KompoZerin avulla voit tehdä tämän vain muutamalla napsautuksella. Tässä olen asettanut pienen kuvakkeen, joka näyttää ylöspäin osoittavan nuolen ja tekstin "TOP" sivun alareunassa. Aion käyttää tätä kuvaa linkkinä hyppäämiseksi takaisin sivun yläreunaan.
- Napsauta kuvaa hiiren kakkospainikkeella ja valitse Kuva- ja linkkiominaisuudet kontekstikuvasta. Kuvan ominaisuudet -valintaikkuna avautuu.
- Sijainti-välilehdellä näet kuvan tiedostonimen ja pienoiskuvanäkymän, joka on jo täytetty. Kirjoita teksti Alternate-tekstiruutuun. Tämä näkyy, kun siirrät hiiren kuvan päälle ja myös mitä näytönlukija lukee, kun näkövammaiset lukevat verkkosivun.
- Napsauta Link-välilehteä. Täältä voit valita ankkurin valikosta, samoin kuin ankkurilinkit. Itse asiassa tätä kuvaa käytetään ankkuriliittymänä. Valitsin #Links_Of_Interest ankkurin, joka vie meidät takaisin alkuun.
- Napsauta OK. Kuva linkittää takaisin sivun yläosaan napsauttamalla.