Kako ustvariti hiperpovezavo s kompoZer

Možnost, da ustvarite povezavo v dokumentu, ki vas pripelje v drug dokument, morda v omrežju na pol poti po svetu, je verjetno edini najpomembnejši razlog, ki ga je izumil svetovni splet. Te povezave, imenovane hiperpovezave, so "H" v HTML - HyperText Markup Language. Brez hiperpovezav splet ne bi bil zelo koristen. Ne bi bilo iskalnikov, socialnih medijev ali oglasnih pasic (ok, večina od nas bi lahko videla tiste, ki gredo).

Ko ustvarjate svoje spletne strani, boste želeli ustvariti hiperpovezave in KompoZer ima orodja, ki omogočajo preprosto dodajanje povezav katere koli vrste. Na vzorčni strani, prikazani v tem priročniku, bodo na voljo povezave do drugih spletnih mest v štirih kategorijah, na druge dele iste spletne strani in za začetek e-poštnega sporočila. Začel bom z naslovom in štirimi naslovi H3 za vsako kategorijo. Na naslednji strani bomo dodali nekaj povezav.

01 od 05

Ustvarjanje hiperpovezave z KompoZer

Dostop do orodij za hiperpovezavo KompoZer lahko kliknete gumb Povezava na orodni vrstici. Ustvarjanje hiperpovezave:

1. Postavite kazalko na stran, kjer želite, da se vaša hiperpovezava pojavi.
2. V orodni vrstici kliknite gumb Povezava. Pojavi se pogovorno okno Lastnosti povezave.
3. Prvo polje, ki ga želite izpolniti, je polje za besedilo povezave. Vnesite besedilo, ki ga želite na hiperpovezavi prikazati na strani.
4. Drugo polje, ki ga morate izpolniti, je polje Povezava z lokacijo. Vnesite URL strani, na katero bo vaša hiperpovezava uporabnik ob kliku. Lepo je, da kopirate in prilepite URL iz naslovne vrstice brskalnika. Malo manj je verjetnosti, da boste na tak način naredili napako, in vsaj v času, ko ste ustvarili povezavo, veste, da je stran živa in da povezava ni prekinjena.
5. Kliknite V redu in pogovorno okno Lastnosti povezave se bo zaprlo. Vaša povezava bo zdaj prikazana na vaši strani.

V večini brskalnikov se hiperpovezava privzeto prikaže v modrem podčrtanem besedilu. Svoje sloge lahko uporabite za hiperpovezave s KompoZerjem, vendar se bomo za zdaj držali osnovne hiperpovezave. Dobro je, da si predogledate svojo stran v spletnem brskalniku in kliknete na povezave, da se prepričate, ali delujejo.

02 od 05

Ustvarjanje sidrne povezave s KompoZerjem

Obstaja še ena vrsta hiperpovezave, ki vas bo popeljala na drug del iste spletne strani ob kliku. Ta vrsta hiperpovezave se imenuje sidrna povezava, območje strani, ki ste ga vzeli, ko kliknete to povezavo, se imenuje sidro. Če ste kdaj uporabili povezavo »nazaj na vrh« na dnu spletne strani, kliknete povezavo do sidra.

KompoZer vam omogoča, da ustvarite sidra, s katerimi lahko povežete, s pomočjo orodja Sidro v orodni vrstici.

1. Kliknite območje vaše strani, kjer želite sidro. To pomeni, če želite, da se pregledovalnik strani prikaže, ko je kliknjena sidrna povezava. V tem primeru sem kliknil tik pred "F" v glavi priljubljene glasbe.
2. V orodni vrstici kliknite gumb Sidro. Prikaže se pogovorno okno Named Anchor Properties.
3. Vsako sidro na strani potrebuje edinstveno ime. Za to sidro sem uporabil ime »glasba«.
4. Kliknite V redu, vi pa bi morali videti in simbol sidra se pojavi na mestu, kjer ste hoteli sidro. Ta simbol se ne bo pojavil na vaši spletni strani, temveč je, kako vam KompoZer pokaže, kje so vaša sidra.
5. Ponovite postopek za katera koli druga področja na strani, kamor želite, da se bodo uporabniki lahko preselili. Če imate veliko besedila na strani, ki sta ločeni z naslovi ali kakim drugim logičnim delilcem, so sidri preprost način krmarjenja po strani.

Nato bomo ustvarili povezave, ki bralca usmerijo v sidra, ki ste jo ustvarili.

03 od 05

Ustvarjanje navigacije strani z KompoZer

Zdaj, ko imate sidro na svoji strani, ustvarimo povezave, ki bodo uporabljene kot bližnjice do teh sider. Za ta vadnik sem ustvaril tabelo z vrstico 1 vrstico, 4, ki je pod zgornjim naslovom strani. Vsaka tabela vsebuje isto besedilo kot eden od kategorijskih naslovov, ki se uporabljajo za ločevanje povezav na strani. Besedilo bomo v vsaki od teh celic pregledali povezavo do ustreznega sidra.

04 od 05

Ustvarjanje hiperpovezav na sidra s kompoZer

Zdaj, ko imamo na razpolago naša sidra in vnesemo besedilo, ki ga bomo uporabili za navigacijo strani, lahko te tiste košare z besedilom pretvorimo v povezave. Ponovno bomo uporabili gumb Link, vendar bo tokrat delal nekoliko drugače.

1. Izberite besedilo, ki ga želite spremeniti v povezavo. V tem primeru sem izbral besedilo »Priljubljena glasba«, ki je v prvi celici tabele na vrhu strani.
2. V orodni vrstici kliknite gumb Povezava. Odprlo se bo pogovorno okno Lastnosti povezave.
3. V tem primeru smo izbrali besedilo, preden smo kliknili gumb »Povezava«, zato je razdelek »Besedilo besedila« okna že zapolnjen in ga ni mogoče urejati. Kliknite puščico navzdol v razdelku Lokacija povezave. Videli boste seznam sidrov, ki ste jih ustvarili v prejšnjih korakih. V tem primeru izberem sidro #music.
4. Kliknite V redu. Besedilo »Priljubljena glasba« v vrstici za krmarjenje postane povezava, ki bo gledalcu povzročilo, da skoči na ta del na strani, ko jo kliknete.

Opazili boste, da ima vsaka imenovana sidro v spustnem meniju pred njim znak "#". Tako ustvarite povezavo do sidra v HTML-ju. »#« Pred imenom sidra pove brskalniku, da vas je ta povezava popeljala na drugo mesto na isti strani.

05 od 05

Ustvarjanje hiperpovezave iz slike z KompoZer

Ali ste vedeli, da lahko ustvarite povezavo iz slik in besedila? KompoZer vam omogoča, da to storite z uporabo le nekaj klikov. Tukaj sem vstavil majhno ikono, ki prikazuje puščico navzgor in besedilo »TOP« na dnu strani. To sliko bom uporabil kot povezavo, da skočim na vrh strani.

1. Z desno miškino tipko kliknite sliko in izberite Lastnosti slike in povezave iz kontekstne oznake. Odprlo se bo pogovorno okno Lastnosti slike.
2. Na zavihku »Lokacija« se prikaže ime filma in sličica, ki je že vnesen. V polje za nadomestno besedilo vnesite nekaj besedila. To je tisto, kar se pojavi, ko premaknete miško nad sliko, in tudi tisto, kar prebere bralnik zaslona, ​​ko slabovidna oseba prebere spletno stran.
3. Kliknite zavihek Povezava. Tukaj lahko izberete sidro iz menija, tako kot smo naredili s sidrnimi povezavami. Ta slika se dejansko uporablja kot sidrna povezava. Izbral sem sidro #Links_Of_Interest, ki nas bo vrnil na vrh.
4. Kliknite V redu. Slika se zdaj prikaže ob vrnitvi na vrh strani.