Si të krijoni një Hyperlink me KompoZer

Aftësia për të krijuar një lidhje në një dokument që të çon në një dokument tjetër, ndoshta në një rrjet në gjysmë të rrugës rreth globit, është ndoshta arsyeja më e rëndësishme që u zbulua World Wide Web. Këto lidhje, të quajtura hyperlinks, janë "H" në HTML - HyperText Markup Language. Pa hyperlinks, ueb nuk do të ishte shumë i dobishëm. Nuk do të ketë motorë kërkimi, media sociale, ose reklama flamujsh (ok, shumica prej nesh mund të qëndrojnë për të parë ata të shkojnë).

Kur po krijoni faqet tuaja të internetit, ju do të doni të krijoni hyperlinks, dhe KompoZer ka mjete që e bëjnë të lehtë për të shtuar lidhje të çdo lloji. Faqja e mostrës i paraqitur në këtë tutorial do të përmbajë lidhje me faqet e tjera të internetit në katër kategori, në pjesë të tjera të së njëjtës web faqe dhe për të filluar një mesazh PE. Do të filloj me një titull dhe katër tituj H3 për secilën kategori. Në faqen tjetër do të shtojmë disa lidhje.

01 nga 05

Krijimi i një hyperlink me KompoZer

Mjetet e hyperlinkit të KompoZerit arrihen duke klikuar butonin Link në shiritin e veglave. Për të krijuar një hyperlink:

1. Vendosni kursorin në faqen ku dëshironi që hyperlink të shfaqet.
2. Klikoni butonin Link në shiritin e veglave. Kutia e dialogut Properties Link do të shfaqet.
3. Fusha e parë që duhet të plotësoni është kutia e Link Text. Shkruani tekstin që dëshironi të shfaqni në faqe për hyperlinkun tuaj.
4. Fusha e dytë që duhet të plotësoni është kutia e Lidhjes së Lidhjes. Shkruani URL -në ​​e faqes që hyperlink juaj do të marrë përdoruesin kur klikuar. Është një ide e mirë të kopjoni dhe ngjisni URL-në nga shiriti i adresave të shfletuesit tuaj. Ju jeni shumë më pak të ngjarë të bëni një gabim në këtë mënyrë dhe ju e dini, të paktën në kohën e krijimit të lidhjes suaj, se faqja është e gjallë dhe kjo lidhje nuk është e prishur.
5. Kliko OK dhe kutia e dialogut Properties Link do të mbyllet. Lidhja juaj tani do të shfaqet në faqen tuaj.

Në shumicën e shfletuesve, hyperlink do të shfaqet në tekstin e nënvizuar blu sipas parazgjedhjes. Ju mund të aplikoni stilet tuaja në hyperlinks me KompoZer, por tani për tani, ne do të rrinë me hyperlink themelore. Është një ide e mirë të vrojtoni faqen tuaj në një shfletues web dhe klikoni në lidhjet për të siguruar që ato të funksionojnë.

02 nga 05

Krijimi i An Anchor Link me KompoZer

Ekziston një lloj tjetër lidhjeje që ju merr në një pjesë tjetër të së njëjtës faqe interneti kur klikuat. Ky lloj i hyperlink është quajtur një lidhje spirancë, dhe zona e faqes që ju jeni marrë në kur ju klikoni atë lidhje quhet spirancë. Nëse e keni përdorur ndonjëherë lidhjen "mbrapa në krye" në fund të një faqeje web, po klikoni në një lidhje me një spirancë.

KompoZer ju lejon të krijoni ankorë të cilëve ju mund të lidhni duke përdorur mjetin Anchor në shiritin e veglave.

1. Klikoni në zonën e faqes ku dëshironi një spirancë. Kjo është, ku doni që shikuesi i faqes të merret kur të klikohet një lidhje ankorimi. Për këtë shembull, kam klikuar pak para "F" në headerin e Muzikës së Preferuar.
2. Klikoni butonin Anchor në shiritin e veglave. Shfaqet kutia e dialogut të Named Anchor Properties.
3. Çdo spirancë në një faqe ka nevojë për një emër unik. Për këtë spirancë, përdorja emrin "muzikë".
4. Kliko OK, dhe ju duhet të shihni, dhe spiranca simbol shfaqet në vend që ju të kërkuar spirancë. Ky simbol nuk do të shfaqet në faqen tuaj të internetit, është ashtu si KompoZer ju tregon se ku janë ankorët tuaj.
5. Përsëriteni procedurën për çdo fushë tjetër të faqes ku dëshironi që përdoruesit të jenë në gjendje të kërcejnë. Nëse keni shumë tekste në faqe të ndara me tituj ose ndonjë ndarës tjetër logjik, ankorat janë një mënyrë e lehtë për të lundruar në një faqe.

Tjetra, ne do të krijojmë lidhjet që e marrin lexuesin tek ankorat që keni krijuar.

03 nga 05

Krijimi i navigacionit të faqes me KompoZer

Tani që keni ankorë në faqen tuaj, le të krijojmë lidhjet që do të përdoren si shkurtore për ato ankorë. Për këtë tutorial, kam krijuar një tabelë me 1 rresht, 4 kolonë nën krye të faqes së faqes. Çdo qelizë e tabelës përmban tekstin e njëjtë si një nga headerat e kategorisë që përdoren për të ndarë lidhjet në faqe. Ne do ta bëjmë tekstin në secilën nga këto qeliza të tabelës një lidhje me spirancën korresponduese.

04 nga 05

Krijimi i lidhjeve të hiperave me ankoruesit me KompoZer

Tani që kemi ankorat tona në vend dhe teksti që do të përdorim për lundrimin e faqes, mund t'i kthejmë ato pjesë të thjeshta tekstesh në lidhje. Do të përdorim sërish butonin Link, por këtë herë do të funksionojë pak më ndryshe.

1. Përzgjidhni tekstin që dëshironi të transformoni në një lidhje. Në këtë shembull, kam zgjedhur tekstin "Muzika e preferuar" që gjendet në qelizën e parë të tabelës përgjatë krye të faqes.
2. Klikoni butonin Link në shiritin e veglave. Kutia e dialogut Properties Link do të hapet.
3. Në këtë rast, ne kemi përzgjedhur tekstin përpara se ne të klikonim butonin Link, kështu që seksioni Link Text i dritares tashmë është plotësuar dhe nuk mund të redaktohet. Klikoni shigjenin poshtë në seksionin e Vendndodhjes së Lidhjes. Do të shihni një listë të ankorave që keni krijuar në hapat e mëparshëm. Për këtë shembull, zgjedh artikullin #music.
4. Kliko OK. Teksti i "Muzikës së preferuar" në shiritin e navigimit kthehet në një lidhje që do të shkaktonte që shikuesi të hynte në atë pjesë në faqen kur klikohej.

Do të vëreni se secili ankorues i emërtuar në menunë e zbritjes ka një shenjë "#" përpara saj. Kjo është se si do të krijoni një lidhje me një spirancë në HTML. "#" Përpara emrit të spirancës i tregon shfletuesit se kjo lidhje ju çon në një vend tjetër në të njëjtën faqe.

05 e 05

Krijimi i një hyperlink nga një imazh me KompoZer

A e dini se mund të krijoni një lidhje nga imazhet si dhe tekstit? KompoZer ju lejon të bëni këtë duke përdorur vetëm disa klikime. Këtu kam futur një imazh të vogël ikonash që tregon një shigjetë lart dhe tekstin "TOP" në fund të faqes. Unë do ta përdor këtë imazh si një lidhje për të kërcyer përsëri në krye të faqes.

1. Klikoni me të djathtën mbi një imazh dhe zgjidhni Imazhet dhe Lidhjet nga etiketa e kontekstit. Kutia e dialogut Properties Properties do të hapet.
2. Në skedën Vendndodhja, do të shihni emrin e skedarit të imazhit dhe pamjen e një tabloje të mbushur tashmë. Ju duhet të futni një tekst në kutinë e tekstit Alternative. Kjo është ajo që shfaqet kur lëvizni miun mbi imazhin dhe gjithashtu atë që lexohet nga një lexues i ekranit kur një person me shikim të dëmtuar lexon faqen e internetit.
3. Klikoni në skedën Link. Këtu mund të zgjidhni një spirancë nga menyja, ashtu siç bëmë me lidhjet e ankorimit. Në fakt, ky imazh është duke u përdorur si një lidhje ankorimi. Kam zgjedhur spirancën #Links_Of_Interest që do të na kthejë në krye.
4. Kliko OK. Imazhi tani kthehet në krye të faqes kur klikohet.