Hoe maak jy 'n hyperlink met KompoZer

Die vermoë om 'n skakel in 'n dokument te skep wat u na 'n ander dokument, miskien op 'n netwerk halverwege die wêreld, lei, is waarskynlik die enkele belangrikste rede waarom die World Wide Web uitgevind is. Hierdie skakels, hyperlinks genoem, is die "H" in HTML - HyperText Markup Language. Sonder hiperskakels sou die web nie baie nuttig wees nie. Daar sal geen soekenjins, sosiale media of banner advertensies wees nie (ok, die meeste van ons kan staan ​​om te sien wat gaan).

As jy jou eie webbladsye skep, gaan jy hyperlinks skep, en KompoZer het gereedskap wat dit maklik maak om skakels van enige soort te voeg. Die voorbeeldbladsy wat in hierdie handleiding verskyn, bevat skakels na ander webwerwe in vier kategorieë, na ander dele van dieselfde webblad en om 'n e-posboodskap te begin. Ek begin met 'n opskrif en vier H3 opskrifte vir elke kategorie. Op die volgende bladsy voeg ons 'n paar skakels by.

01 van 05

Skep 'n hiperskakel met KompoZer

Komposer se hiperskakelgereedskap word verkry deur op die knoppie Link op die nutsbalk te klik. Om 'n hiperskakel te skep:

1. Plaas jou wyser op die bladsy waar jy jou skakel wil vertoon.
2. Klik op die knoppie Link op die nutsbalk. Die dialoogkassie Eienskappe vir skakel verskyn.
3. Die eerste veld wat u moet invul, is die skakeltekst. Tik die teks in wat u op die bladsy wil sien vir u skakel.
4. Die tweede veld wat u moet invul, is die skakel Ligging boks. Tik die URL van die bladsy in wat jou hyperlink die gebruiker sal gebruik wanneer dit geklik word. Dit is 'n goeie idee om die URL van die adresbalk van jou blaaier te kopieer en te plak. Jy is baie minder geneig om op hierdie manier 'n fout te maak en jy weet ten minste op die tyd van jou skakeling dat die bladsy lewend is en dat die skakel nie gebreek is nie.
5. Klik op OK en die dialoog Skakel eienskappe sal sluit. Jou skakel sal nou op jou bladsy verskyn.

Op die meeste blaaiers sal die hiperskakel as standaard in blou onderstreepte teks verskyn. U kan u eie style toevoeg aan hyperlinks met KompoZer, maar vir eers sal ons by die basiese hiperskakel hou. Dit is 'n goeie idee om jou bladsy in 'n webblaaier te verken en op die skakels te klik om seker te maak dat hulle werk.

02 van 05

Skep 'n Anker Link Met KompoZer

Daar is nog 'n soort hyperlink wat u na 'n ander deel van dieselfde webblad neem wanneer u gekliek word. Hierdie soort hyperlink word 'n anker skakel genoem, en die area van die bladsy waarna u verwys word wanneer u op die skakel klik, word die anker genoem. As jy ooit die "terug na bo" -knoppie onderaan 'n webblad gebruik het, klik jy op 'n skakel na 'n anker.

KompoZer laat jou toe om ankers te skep wat jy kan koppel aan deur die Anchor-instrument op die nutsbalk te gebruik.

1. Klik op die area van jou bladsy waar jy 'n anker wil hê. Dit is waar jy wil dat die bladsy kyker geneem word wanneer 'n anker skakel gekliek word. Vir hierdie voorbeeld het ek net voor die "F" gekliek in die gunsteling-musiekopskrif.
2. Klik die Anker-knoppie op die nutsbalk. Die dialoogkassie Naam Anker-eienskappe verskyn.
3. Elke anker op 'n bladsy het 'n unieke naam nodig. Vir hierdie anker het ek die naam "musiek" gebruik.
4. Klik op OK, en jy moet sien, en die anker simbool verskyn op die plek waar jy die anker wou hê. Hierdie simbool sal nie op jou webblad verskyn nie, dit is net hoe KompoZer jou wys waar jou ankers is.
5. Herhaal die prosedure vir enige ander areas van die bladsy waar u wil hê dat gebruikers kan spring. As jy baie teks op die bladsy geskei deur opskrifte of 'n ander logiese verdeler, is ankers 'n maklike manier om 'n bladsy te navigeer.

Vervolgens skep ons die skakels wat die leser na die ankers wat jy gemaak het, maak.

03 van 05

Die bladsy navigasie saamstel met KompoZer

Noudat jy ankers op jou bladsy het, laat ons die skakels skep wat as kortpaaie vir daardie ankers gebruik sal word. Vir hierdie handleiding het ek 'n 1 ry, 4 kolom tabel onder die boonste kop van die bladsy geskep. Elke tafelsel bevat dieselfde teks as een van die kategorieopskrifte wat gebruik word om die skakels op die bladsy te skei. Ons maak die teks in elk van hierdie tafelselle 'n skakel na die ooreenstemmende anker.

04 van 05

Skep van Hyperlinks na Ankers Met KompoZer

Noudat ons ons ankers in plek het en die teks wat ons sal gebruik vir bladsy navigasie ingeskryf, kan ons die gewone teksstukke in skakels verander. Ons sal weer die skakelknoppie gebruik, maar hierdie keer sal dit 'n bietjie anders werk.

1. Kies die teks wat u in 'n skakel wil verander. In hierdie voorbeeld het ek die teks "gunsteling musiek" gekies wat in die eerste tabel sel boaan die bladsy is.
2. Klik op die knoppie Link op die nutsbalk. Die dialoogkassie Skakel eienskappe sal oopmaak.
3. In hierdie geval het ons teks gekies voordat ons op die skakelknoppie gekliek het. Die skakel teks gedeelte van die venster is reeds ingevul en kan nie geredigeer word nie. Kliek op die pyltjie omlaag in die gedeelte Skakel ligging. Jy sal 'n lys van die ankers wat jy in die vorige stappe geskep het, sien. Vir hierdie voorbeeld kies ek die #music anker.
4. Klik op OK. Die teks "gunsteling musiek" in die navigasiebalk word 'n skakel wat veroorsaak dat die kyker na daardie afdeling op die bladsy spring wanneer dit gekliek word.

U sal sien dat elke anker in die keuselys 'n "#" teken voor dit het. So kan jy 'n skakel na 'n anker in HTML skep. Die "#" voor die ankernaam vertel die blaaier dat hierdie skakel jou na 'n ander plek op dieselfde bladsy bring.

05 van 05

Skep 'n hiperskakel van 'n prent met KompoZer

Het jy geweet dat jy 'n skakel van beelde sowel as teks kan skep? KompoZer laat jou toe om dit net met 'n paar kliek te doen. Hier het ek 'n klein ikoonbeeld geplaas wat 'n opwaartse pyltjie wys en die teks "TOP" onderaan die bladsy. Ek gaan hierdie prent as 'n skakel gebruik om na die bokant van die bladsy terug te spring.

1. Klik met die rechtermuisknop op 'n prent en kies prent en skakel eienskappe uit die konteksetiket. Die dialoog Beeld Eienskappe word oopgemaak.
2. Op die blad Lêer sal jy die lêernaam van die prent sien en 'n duimnaelskets wat reeds ingevul is. Jy moet 'n paar teks in die Alternatiewe tekskassie invoer. Dit is wat verskyn wanneer jy jou muis oor die prent beweeg, en ook wat deur 'n skermleser gelees word wanneer 'n gesiggestremde persoon die webblad lees.
3. Klik op die skakel oortjie. Hier kan u 'n anker kies uit die spyskaart, net soos ons met die anker skakels gedoen het. Trouens, hierdie prent word as 'n anker skakel gebruik. Ek het die #Links_Of_Interest anker gekies wat ons terug na bo sal neem.
4. Klik op OK. Die prent skakel nou terug na die bokant van die bladsy wanneer dit gekliek word.