Dokumentu batetara eramaten duen dokumentu bat sortzeko gaitasuna, beharbada mundu osoko erdibidean sarean, argi dago World Wide Web asmatu zen arrazoi bakarra. Lotura hauek, hiperestekak izenekoak, HTML "H" dira - HyperText Markup Language. Hiperesteka gabe, weba ez litzateke oso erabilgarria izango. Ez litzateke bilatzaileak, sare sozialak edo banner iragarkiak izango. (Egia da, gutako gehienak joan zezakeen).
Zure webguneak sortzen ari zarenean, hiperestekak sortu nahi dituzu, eta KompoZerrek edozein motatako estekak errazago egiteko tresnak ditu. Tutorial honetan agertzen den lagin orria beste webgune batzuetara estekak izango ditu lau kategoriatan, web orriaren beste ataletara eta mezu elektronikoa abiarazteko. Izenburuak eta lau H3 atal bakoitzeko kategoria bakoitzeko hasiko naiz. Hurrengo orrialdeko esteka batzuk gehituko ditugu.
05eko 1ean
KompoZerren hiperesteka bat sortzea
KompoZerren hiperesteken tresnak sarbidean daude, tresna-barrako Esteka botoian klik eginez. Hiperesteka bat sortzeko:
- Kokatu zure kurtsorea zure hiperesteka agertzea nahi duzun orrian.
- Egin klik tresna-barrako esteka botoian. Lotura propietateen elkarrizketa-koadroa agertuko da.
- Estekatu testu-koadroa bete behar duzun lehen eremua da. Idatzi zure hiperesteka orrian agertzen den testua.
- Sartu behar duzun bigarren eremua esteka esteken koadroa da. Idatzi zure hiperestekaren webgunearen URLa erabiltzaileari klik egitean. Zure arakatzailearen helbide-barran URLa kopiatu eta itsatsi ideia ona da. Litekeena da akatsen bat egiteak eta jakingo duzula, gutxienez zure esteken sorreran, orrialdea bizirik dagoela eta lotura hori ez dela hautsita.
- Egin klik Ados eta Esteken propietateak elkarrizketa-koadroa itxi egingo da. Zure esteka zure orrialdean agertuko da orain.
Nabigatzaile gehienetan, hiperesteka testu azpimarratu urdinean agertuko da lehenespenez. KompoZer-ekin zure hiperestekak estilo propioak aplikatu ditzakezu, baina oraingoz hiperesteka oinarrizkoarekin jarraituko dugu. Ideia ona da zure orria web nabigatzailean aurreikustea eta esteketan klik egitea lan egiten duzula ziurtatzeko.
02 de 05
KompoZerrarekin lotura estua sortzea
Hiperesteka mota bat da, web orri beraren beste zati bat eramaten zaituena klikatzean. Lotura mota hau ainguratutako estekaren izena da, eta estekan klik egiten duzun orrialdean dagoen aingura deitzen da. "Webgune baten behealdean" "esteka bizkorra" esteka erabili baduzu, aingurunerako esteka batean klikatzen ari zara.
KompoZer-ek tresna-barrako Ainguraren tresna erabiliz esteka estekatzeko aukera ematen du.
- Egin klik zure orrialdean, aingura nahi duzun tokian. Hau da, non nahi duzun orrialde ikuslea ainguraketaren estekan klik egiten denean hartu nahi duzun. Adibide honetarako, "F" lehenago klikatu nuen Musika gogokoen goiburukoan.
- Egin klik tresna-barrako Ainguraren botoian. Izenburuko aingura propietateak elkarrizketa-koadroa agertzen da.
- Ainguraren orrialde bakoitzak izen bakarra behar du. Aingurarako, "musika" izena erabili nuen.
- Egin klik Ados botoian eta ikusi beharko zenuke, eta ainguraren ikurra aingura nahi zenuen tokian agertuko da. Ikur hau ez da zure web orrian agertuko. KompoZerrek zure aingurak nola erakusten dituen erakutsiko dizu.
- Errepikatu erabiltzaileak salto egin nahi dituen orrialdeetako edozeinetan. Orriaren testuan orrialdeek edo beste zatitzaile logiko batez bereizten badituzu, aingurak orrialde bat nabigatzeko modu erraz bat dira.
Ondoren, irakurleak sortutako ainguruen estekak sortuko ditugu.
05/03
Orrialde Nabigazioa KompoZerrekin sortuz
Orain zure orrialdeetan aingurak dituzunean, aingurun horiek lasterbide gisa erabiliko diren loturak sortu. Tutorial honetan, 1 errenkada sortu nuen, orriko goiko goiburuaren azpian 4 zutabe taulan. Taula-zelulek orriko estekak bereizteko erabiltzen diren goiburuko orrietako testu bera dute. Taula-gela horietako bakoitzaren testua dagokion aingura lotzen dugu.
04 de 05
Hiperestekak sortzea KompoZerrarekin
Orain, gure ainguratzaileek lekua eta nabigazio orrialderako erabiliko dugun testua sartuko ditugu, testu arrunten zatiak esteka bihurtuko ditugu. Link botoia berriro erabiliko dugu, baina une honetan pixka bat modu desberdinean lan egingo du.
- Hautatu esteka bat bihurtu nahi duzun testua. Adibide honetan, "Orrialde honen goiko taulan agertzen den" Musika gogokoena "testua aukeratu dut.
- Egin klik tresna-barrako esteka botoian. Esteka propietateen elkarrizketa koadroa irekiko da.
- Kasu honetan, testua aukeratu dugu esteka botoian klik eginda, leihoaren estekaren testua dagoeneko bete da eta ezin da editatu. Egin klik esteka estekaren atalean dagoen gezian. Aurreko pausoetan sortutako ainguruen zerrenda ikusiko duzu. Adibide honetan, #music aingura hautatu dut.
- Egin klik Ados botoian. Nabigazio-barrako "Musika gogokoena" testua ikusleari orrialdean atal hori salto egitean sortutako esteka bihurtzen da.
Ainguratutako ainguratutako goitibeherako menuan "#" ikurra bere aurrean dagoela ikusiko duzu. Horrela HTML estekan esteka sortuko zenuke. Ainguraren izenaren aurrean "#" izeneko orri honetara beste leku batera eramaten zaituen nabigatzailea kontatzen du.
05 de 05
KompoZerraren irudia duen hiperesteka bat sortzea
Ba al zenekien irudiak eta testuak estekaren bat sor ditzakezula? KompoZer-ek klik bakar batzuk erabiliz egin dezakezu. Hemen ikonoaren irudi txikia txertatzen dut gorantz adierazten duten geziak eta "TOP" testua orriaren behealdeko aldean. Irudi hau esteka gisa erabiltzeko joango naiz orriaren goiko aldera jauzi egiteko.
- Egin klik eskuineko botoiarekin irudian eta hautatu Irudia eta esteka propietateak testuinguruko etiketaren artean. Irudiaren propietateen elkarrizketa-koadroa irekiko da.
- Kokapen fitxan, irudian dagoen irudia eta koadro txiki bat ikusi ahal izango dituzu. Testu bateko beste testu batean testu bat sartu beharko zenuke. Hau da, sagua irudian zehar mugitzen duzunean agertzen dena eta pantaila irakurle batek irakurtzen duenean ikusmen urritasuna duen pertsonaren webgunea irakurtzen duenean.
- Egin klik esteka fitxa. Hemen menu batetik aingura bat aukeratu dezakezu, ainguraren estekekin egin dugun moduan. Izan ere, irudi hau lotura aingura gisa erabiltzen da. #Links_Of_Interest aingura aukeratu dut, goiko aldean eramango gaituena.
- Egin klik Ados botoian. Irudia orain estekatzen da orriaren goiko aldean klik eginda.