Kako napraviti hipervezu sa kompoZerom

Mogućnost stvaranja veze u dokumentu koji vas vodi u drugi dokument, možda u mreži na pola svijeta, vjerovatno je najvažniji razlog koji je izmislio World Wide Web. Ove veze, koje se zovu hiperveze, su "H" u HTML-u - HyperText Markup Language. Bez hiperlinkova, web ne bi bio veoma koristan. Ne bi bilo pretraživača, društvenih medija ili reklamnih banera (u redu, većina nas može stati da vidi one koji idu).

Kada kreirate sopstvene web stranice, želeli biste da kreirate hiperveze, a KompoZer ima alate koji olakšavaju dodavanje veza bilo koje vrste. Stranica sa uzorka na slici u ovom vodiču će sadržati veze sa drugim web stranicama u četiri kategorije, drugim dijelovima iste web stranice i za pokretanje poruke e-pošte. Počeću sa naslovom i četiri naslova H3 za svaku kategoriju. Na sledećoj stranici dodaćemo neke veze.

01 od 05

Stvaranje hiperveze sa KompoZerom

KompoZer -ovim hiperlink alatima se pristupa klikom na dugme Link na traci sa alatkama. Da napravite hipervezu:

1. Postavite kursor na stranicu na kojoj želite da se pojavi vaša hiperlink.
2. Kliknite na dugme Link na traci sa alatkama. Pojaviće se dijalog prozora veze.
3. Prvo polje koje treba popuniti je okvir za tekst Link. Ukucajte tekst koji želite da se pojavi na stranici za vašu hipervezu.
4. Drugo polje koje treba popuniti je polje za vezu sa vezom. Ukucajte URL stranice na koju će vaša hiper veza dovesti korisnika kada se klikne. Dobra je ideja da kopirate i nalepite URL adresu iz adresne trake svog pregledača. Malo je verovatno da ćete na ovaj način napraviti grešku i znate, barem u vrijeme kreiranja linka, da je stranica živa i da ta veza nije prekinuta.
5. Kliknite na OK i dijalog prozora veze će se zatvoriti. Vaša veza će se sada pojaviti na vašoj stranici.

Na većini pretraživača, hiperlink će se podrazumevano pojaviti u plavom podvučenom tekstu. Možete da primenite sopstvene stilove na hiperlinke sa KompoZerom, ali za sada ćemo se držati osnovne hipervezu. Dobra je ideja da pregledate stranicu u veb pregledaču i kliknete na linkove kako biste bili sigurni da oni rade.

02 od 05

Stvaranje sidro veze sa KompoZerom

Postoji još jedna vrsta hiperlink koja vas vodi na drugi dio iste web stranice kada kliknete. Ova vrsta hiperlink veze se naziva sidreno povezivanje, a područje stranice na koju ste preuzeli kada kliknete na vezu se zove sidro. Ako ste ikada koristili link "nazad na vrh" na dnu web stranice, kliknete na vezu na sidro.

KompoZer vam omogućava da kreirate sidra na koja možete povezati pomoću sidra alat na traci sa alatkama.

1. Kliknite na područje vaše stranice gdje želite sidro. To jest, gdje želite da se pregledač stranica prikaže kada se klikne na sidrenu vezu. Za ovaj primjer, kliknuo sam prije "F" u zaglavlju omiljene glazbe.
2. Kliknite na dugme Sidro na traci sa alatkama. Pojavljuje se dijalog prozora Srodne oznake s imenovanim sidrom.
3. Svakom sidru na stranici potreban je jedinstveno ime. Za ovo sidro koristio sam naziv "muzika".
4. Kliknite na OK, a vi treba da vidite i simbol sidra se pojavljuje na mestu na kome ste želeli sidro. Ovaj simbol se neće pojaviti na vašoj web stranici, već je to kako vam KompoZer pokazuje gde su vaša sidra.
5. Ponovite postupak za bilo koja druga područja na stranici u kojoj želite da korisnici pređu na. Ako imate puno teksta na stranici razdvojenim naslovima ili nekom drugom logičkom podelom, sidra je jednostavan način navigacije stranice.

Zatim ćemo stvoriti veze koje čitalac dovode do sidra koje ste kreirali.

03 od 05

Kreiranje navigacije stranica sa KompoZerom

Sada kada imate sidra na vašoj stranici, kreirajte linkove koji će se koristiti kao prečice za te sidra. Za ovaj tutorijal, kreirao sam tabelu 1 red, 4 kolone ispod gornjeg zaglavlja stranice. Svaka ćelija tablice sadrži isti tekst kao jedan od zaglavlja kategorije koji se koriste za odvajanje veza na stranici. U svakoj od ovih ćelija ćelija tekst ćemo napraviti vezom do odgovarajućeg sidra.

04 od 05

Stvaranje hiperveza na sidra sa KompoZerom

Sada kada imamo svoje sidro na mestu i tekst koji ćemo koristiti za navigaciju stranica, možemo ih pretvoriti u veze. Ponovo ćemo koristiti dugme Link, ali ovaj put će raditi malo drugačije.

1. Izaberite tekst koji želite da pretvorite u vezu. U ovom primeru sam odabrao tekst "Omiljena muzika" koji se nalazi u prvoj ćeliji ćelije na vrhu stranice.
2. Kliknite na dugme Link na traci sa alatkama. Otvoriće se dijalog prozora veze.
3. U ovom slučaju, izabrali smo tekst pre nego što kliknemo na dugme Link, tako da je deo teksta u okviru prozora već popunjen i ne može se uređivati. Kliknite strelicu nadole u odeljku Link Location. Vidjet ćete listu sidra koje ste napravili u prethodnim koracima. Za ovaj primjer, izaberem #music sidro.
4. Kliknite OK. Tekst "omiljena muzika" u liniji za navigaciju pretvara se u vezu koja će gledaocu dovesti do skoka na taj odjeljak na stranici kada se klikne.

Primetili ste da svaka imenovana sidra u padajućem meniju ima znak "#" ispred njega. Ovako ćete kreirati vezu za sidro u HTML-u. "#" Ispred imena sidra govori pretraživaču da vas ova veza odvede na drugo mesto na istoj stranici.

05 od 05

Stvaranje hiperveze iz slike sa KompoZerom

Da li ste znali da možete kreirati link od slika kao i teksta? KompoZer vam omogućava da to koristite koristeći samo nekoliko klikova. Ovde sam ubacio sliku male ikone koja pokazuje strelicu koja pokazuje gore i tekst "TOP" na dnu stranice. Ja ću koristiti ovu sliku kao vezu za povratak na vrh stranice.

1. Kliknite desnim tasterom miša na sliku i izaberite stavku Image and Link Properties sa kontekstualne etikete. Otvoriće se okvir za dijalog Image Properties.
2. Na kartici Location (Lokacija), videćete ime datoteke i prikaz slike koji je već popunjen. Trebalo bi uneti neki tekst u polje Alternate text. Ovo se pojavljuje kada pomaknete mišem preko slike, a takođe i ono što čitač čitača ekrana čita ako osoba sa oštećenjem vida čita web stranicu.
3. Kliknite na karticu Link. Ovde možete da izaberete sidro iz menija, baš kao i sidreni linkovi. U stvari, ova slika se koristi kao sidro veza. Izabrao sam #Links_Of_Interest sidro koji će nas vratiti na vrh.
4. Kliknite OK. Slika se sada povezuje na vrh stranice kada se klikne.