Kako stvoriti hipervezu s KompoZerom

Sposobnost stvaranja veze u dokumentu koji vas vodi na drugi dokument, možda na mreži na pola puta diljem svijeta, nedvojbeno je najvažniji razlog zbog kojeg je World Wide Web osmišljen. Te su veze, nazvane hiperveze, "H" u HTML - HyperText Markup Language. Bez hiperveze, web ne bi bio vrlo koristan. Ne bi bilo tražilica, društvenih medija ili banner oglasa (u redu, većina nas je mogla stajati da vidi te otići).

Kada stvarate vlastite web stranice, htjet ćete stvoriti hiperveze, a KompoZer ima alate koji olakšavaju dodavanje veza bilo koje vrste. Stranica uzorka prikazana u ovom vodiču sadrži veze na druge web stranice u četiri kategorije, na druge dijelove iste web stranice i za pokretanje poruke e-pošte. Početi ću s naslovom i četiri zaglavlja H3 za svaku kategoriju. Na sljedećoj stranici ćemo dodati neke veze.

01 od 05

Stvaranje hiperveze s KompoZerom

KompoZerove alate za hipervezu pristupaju klikom na gumb Link na alatnoj traci. Za izradu hiperveze:

1. Postavite pokazivač na stranicu na kojoj želite da se vaša hiperveza pojavi.
2. Kliknite gumb Povezati na alatnoj traci. Pojavit će se dijaloški okvir Link Properties.
3. Prvo polje koje treba popuniti je okvir Link Text. Unesite tekst koji želite prikazati na stranici za svoju hipervezu.
4. Drugo polje koje treba popuniti jest okvir Link Location. Upišite URL stranice na koju će vaša hiperveza preuzeti korisnika prilikom klikanja. Preporučujemo da kopirate i zalijepite URL s adresne trake preglednika. Mnogo je manje vjerojatno da ćete na ovaj način pogriješiti i znate, barem u trenutku stvaranja veze, da je stranica živa i da veza nije slomljena.
5. Kliknite U redu i zatvorit će se dijaloški okvir Link Properties. Vaša će se veza sada pojaviti na vašoj stranici.

Na većini preglednika hiperveza će se prema zadanim postavkama pojaviti u plavom podvučenom tekstu. Možete primijeniti svoje stilove na hiperveze s KompoZerom, ali za sada ćemo se držati osnovne hiperveze. Dobro je pregledati vašu stranicu u web pregledniku i kliknuti veze kako biste bili sigurni da rade.

02 od 05

Stvaranje sidrene veze s KompoZerom

Postoji još jedna vrsta hiperveze koja vas vodi do drugog dijela iste web stranice kada se klikne. Ova vrsta hiperveze se zove sidrena veza, a područje stranice na koju se povučete kada kliknete tu vezu naziva se sidro. Ako ste ikada upotrebljavali vezu "natrag na vrh" pri dnu web stranice, kliknete vezu na sidro.

KompoZer vam omogućuje stvaranje sidara na koje se možete povezati pomoću alatnog sidra na alatnoj traci.

1. Kliknite područje stranice na kojoj želite sidro. To jest, gdje želite da se gledatelj stranice prikaže kada se klikne veza za sidro. Za ovaj je primjer kliknuo neposredno prije "F" u zaglavlju omiljene glazbe.
2. Na alatnoj traci kliknite gumb Sidreni. Pojavljuje se dijaloški okvir Namješteno sidro.
3. Svaki sidro na stranici treba jedinstveno ime. Za ovo sidro koristio sam naziv "glazba".
4. Kliknite U redu, a trebali biste vidjeti, a simbol sidra pojavljuje se na mjestu gdje ste željeli sidro. Ovaj simbol neće se pojaviti na vašoj web stranici, to je samo način na koji KompoZer pokazuje gdje su vaši sidri.
5. Ponovite postupak za sva druga područja na stranici na kojima želite da korisnici mogu skočiti. Ako imate puno teksta na stranici odijeljenim naslovima ili nekim drugim logičkim dijeljenjem, sidra su jednostavan način kretanja po stranici.

Zatim ćemo izraditi veze koje čitatelju preuzimaju sidra koje ste izradili.

03 od 05

Izrada navigacijske stranice s KompoZerom

Sada kada imate sidro na svojoj stranici, napravimo veze koje će se koristiti kao prečaci za te sidra. Za ovaj vodič napravio sam 1 red, 4 tablicu stupca ispod gornjeg zaglavlja stranice. Svaka ćelija tablica sadrži isti tekst kao i jedan od zaglavlja kategorija koji se koriste za odjeljivanje veza na stranici. Tekst u svakoj od tih ćelija tablica učinit ćemo povezivanjem odgovarajućeg sidra.

04 od 05

Stvaranje hiperlinkova sidra s KompoZerom

Sada kada imamo sidra na mjestu i tekst koji ćemo upotrijebiti za unos u navigaciju, možemo pretvoriti one obične tekstove u veze. Ponovno ćemo koristiti gumb Link, ali ovaj put će raditi malo drugačije.

1. Odaberite tekst koji želite pretvoriti u vezu. U ovom primjeru odabran sam tekst "Omiljena glazba" koja se nalazi u prvoj ćelije tablice uz vrh stranice.
2. Kliknite gumb Povezati na alatnoj traci. Otvorit će se dijaloški okvir Link Properties.
3. U tom smo slučaju odabrali tekst prije nego što kliknemo gumb Link, pa je odjeljak za povezivanje teksta u prozoru već popunjen i ne može se uređivati. Kliknite strelicu prema dolje u odjeljku Položaj veze. Vidjet ćete popis sidara koje ste stvorili u prethodnim koracima. U ovom primjeru odabiremo #musicno sidro.
4. Kliknite U redu. Tekst "Omiljena glazba" u navigacijskoj traci pretvara se u vezu koja će uzrokovati pregledniku skakanje na taj odjeljak na stranici kada se klikne.

Primijetit ćete da je svaki istaknut sidro u padajućem izborniku ispred nje "#" znak. Tako biste stvorili vezu na sidro u HTML-u. "#" Ispred sidro naziva pregledniku da vas ova veza vodi na drugo mjesto na istoj stranici.

05 od 05

Stvaranje hiperveze iz slike s KompoZerom

Jeste li znali da možete izraditi vezu sa slikama i tekstom? KompoZer vam to omogućuje samo nekoliko klikova. Ovdje sam umetnula malu ikonu koja prikazuje strelicu prema gore i tekst "TOP" na dnu stranice. Koristit ću ovu sliku kao vezu za skok natrag na vrh stranice.

1. Desnom tipkom miša kliknite sliku i odaberite Svojstva slike i veze iz kontekstne oznake. Otvorit će se dijaloški okvir Svojstva slike.
2. Na kartici Lokacija vidjet ćete naziv datoteke slike i prikaz minijatura već ispunjen. U Alternate tekstni okvir trebali biste unijeti neki tekst. To se pojavljuje kada pomaknete miš iznad slike, a isto tako ono što čita čitač zaslona kad osoba koja je slabovidna osoba pročita web stranicu.
3. Kliknite karticu Link. Ovdje možete odabrati sidro s izbornika, baš kao i kod sidrenih veza. Zapravo, ova slika se koristi kao sidrena veza. Odabrao sam #Links_Of_Interest sidro koje će nas odvesti natrag na vrh.
4. Kliknite U redu. Slika se sada vraća na vrh stranice kada se klikne.