Paano Gumawa ng isang Hyperlink Sa KompoZer

Ang kakayahang lumikha ng isang link sa isang dokumento na magdadala sa iyo sa isa pang dokumento, marahil sa isang network kalahati sa buong mundo, ay arguably ang nag-iisang pinakamahalagang dahilan na ang World Wide Web ay imbento. Ang mga link na ito, na tinatawag na mga hyperlink, ay ang "H" sa HTML - HyperText Markup Language. Walang mga hyperlink, ang web ay hindi magiging kapaki-pakinabang. Walang mga search engine, social media, o mga banner ad (ok, karamihan sa atin ay maaaring tumayo upang makita ang mga pumunta).

Kapag nililikha mo ang iyong sariling mga web page, nais mong lumikha ng mga hyperlink, at may mga tool na KompoZer na nagpapadali upang magdagdag ng mga link ng anumang uri. Ang halimbawang pahina na nakalarawan sa tutorial na ito ay naglalaman ng mga link sa iba pang mga website sa apat na kategorya, sa ibang mga bahagi ng parehong pahina ng web, at upang magsimula ng isang mensaheng email. Magsisimula ako sa isang heading at apat na H3 heading para sa bawat kategorya. Sa susunod na pahina ay magdaragdag kami ng ilang mga link.

01 ng 05

Paglikha ng isang Hyperlink Sa KompoZer

Ang mga tool ng hyperlink ng KompoZer ay na-access sa pamamagitan ng pag-click sa pindutang Link sa toolbar. Upang lumikha ng isang hyperlink:

1. Ilagay ang iyong cursor sa pahina kung saan mo gustong lumitaw ang iyong hyperlink.
2. I-click ang pindutang Link sa toolbar. Lilitaw ang dialog box ng Link Properties.
3. Ang unang field na kailangan mong punan ay ang Link Text box. I-type ang teksto na nais mong lumitaw sa pahina para sa iyong hyperlink.
4. Ang ikalawang patlang na kailangan mong punan ay ang Link Location box. I-type ang URL ng pahina na kukunin ng iyong hyperlink sa user kapag nag-click. Magandang ideya na kopyahin at i-paste ang URL mula sa address bar ng iyong browser. Mas malamang na magkamali ka sa ganitong paraan at alam mo, kahit na sa panahon ng iyong paglikha ng link, ang pahina ay buhay at ang link na iyon ay hindi nasira.
5. I-click ang OK at isara ang dialog box ng Link Properties. Lilitaw na ngayon ang iyong link sa iyong pahina.

Sa karamihan ng mga browser, ang hyperlink ay lilitaw sa asul na underlined text bilang default. Maaari mong ilapat ang iyong sariling mga estilo sa mga hyperlink sa KompoZer, ngunit sa ngayon, kami ay mananatili sa pangunahing hyperlink. Magandang ideya na i-preview ang iyong pahina sa isang web browser at mag-click sa mga link upang matiyak na gumagana ang mga ito.

02 ng 05

Paglikha ng Isang Anchor Link Sa KompoZer

May isa pang uri ng hyperlink na magdadala sa iyo sa ibang bahagi ng parehong web page kapag nag-click. Ang ganitong uri ng hyperlink ay tinatawag na isang link ng anchor, at ang lugar ng pahina na kinuha mo kapag nag-click ka sa link na iyon ay tinatawag na anchor. Kung ginamit mo na ang link na "pabalik sa itaas" sa ibaba ng isang web page, ikaw ay nag-click sa isang link sa isang anchor.

Pinapayagan ka ng KompoZer na lumikha ng mga anchor na maaari mong i-link sa pamamagitan ng paggamit ng tool na Anchor sa toolbar.

1. Mag-click sa lugar ng iyong pahina kung saan mo nais ang isang anchor. Iyon ay, kung saan nais mong madala ang viewer ng pahina sa kapag na-click ang isang anchor link. Para sa halimbawang ito, nag-click ako bago ang "F" sa header ng Paboritong Musika.
2. I-click ang pindutan ng Anchor sa toolbar. Lilitaw ang dialog box na Named Anchor Properties.
3. Ang bawat anchor sa isang pahina ay nangangailangan ng isang natatanging pangalan. Para sa anchor na ito, ginamit ko ang pangalan na "musika".
4. I-click ang OK, at dapat mong makita, at lilitaw ang simbolo ng anchor sa lugar na nais mo ang anchor. Ang simbolo na ito ay hindi lilitaw sa iyong web page, ito ay kung paano ipinapakita sa iyo ng KompoZer kung saan ang iyong mga anchor.
5. Ulitin ang pamamaraan para sa anumang iba pang mga lugar ng pahina kung saan mo gustong magamit ng mga user. Kung mayroon kang maraming teksto sa pahina na pinaghihiwalay ng mga heading o iba pang lohikal na divider, ang mga anchor ay isang madaling paraan ng pag-navigate sa isang pahina.

Susunod, lilikha kami ng mga link na nagsasagawa ng mambabasa sa mga anchor na iyong nilikha.

03 ng 05

Paglikha ng Pahina ng Pag-navigate Sa KompoZer

Ngayon na mayroon ka ng mga anchor sa iyong pahina, lumikha ng mga link na gagamitin bilang mga shortcut sa mga anchor. Para sa tutorial na ito, lumikha ako ng isang 1 hilera, 4 na haligi ng talahanayan sa ibaba ng nangungunang header ng pahina. Ang bawat table cell ay naglalaman ng parehong teksto bilang isa sa mga header ng kategorya na ginagamit upang paghiwalayin ang mga link sa pahina. Gagawin namin ang teksto sa bawat isa sa mga selyong ito ng talahanayan ng isang link sa kaukulang anchor.

04 ng 05

Paglikha ng Mga Hyperlink Upang Mga Anchor Sa KompoZer

Ngayon na mayroon kami ng aming mga anchor sa lugar at ang teksto na gagamitin namin para sa pag-navigate sa pahina ay maipasok namin ang mga plain text chunks na ito sa mga link. Gagamitin namin ang pindutan ng Link muli, ngunit oras na ito ito ay gumana ng kaunti naiiba.

1. Piliin ang teksto na nais mong maging isang link. Sa halimbawang ito, pinili ko ang teksto na "Paboritong Musika" na nasa unang table ng talahanayan sa tuktok ng pahina.
2. I-click ang pindutang Link sa toolbar. Ang dialog box ng Link Properties ay magbubukas.
3. Sa kasong ito, napili namin ang teksto bago namin na-click ang pindutang Link, kaya ang seksyon ng Link Text sa window ay napunan na at hindi ma-edit. I-click ang down arrow sa seksyon ng Link Location. Makakakita ka ng isang listahan ng mga anchor na iyong nilikha sa nakaraang mga hakbang. Para sa halimbawang ito, pinili ko ang #music anchor.
4. I-click ang OK. Ang tekstong "Paboritong Musika" sa navigation bar ay nagiging isang link na magiging dahilan upang tumalon ang viewer sa seksyon na iyon sa pahina kapag nag-click.

Mapapansin mo na ang bawat pinangalanang anchor sa drop-down na menu ay mayroong pag-sign sa "#" sa harapan nito. Ito ay kung paano mo nais lumikha ng isang link sa isang anchor sa HTML. Ang "#" sa harap ng pangalan ng anchor ay nagsasabi sa browser na ang link na ito ay dadalhin ka sa ibang lugar sa parehong pahina.

05 ng 05

Paglikha ng isang Hyperlink Mula sa Isang Larawan Gamit ang KompoZer

Alam mo ba na maaari kang lumikha ng isang link mula sa mga larawan pati na rin ang teksto? Pinapayagan kayo ng KompoZer na gawin ito gamit lamang ang ilang mga pag-click. Narito naipasok ko ang isang maliit na imaheng icon na nagpapakita ng isang paitaas na arrow at ang teksto na "TOP" sa ibaba ng pahina. Gagamitin ko ang larawang ito bilang isang link upang lumipat pabalik sa tuktok ng pahina.

1. Mag-right-click sa isang imahe at piliin ang Imahe at Link Properties mula sa label ng konteksto. Ang kahon ng dialog ng Image Properties ay magbubukas.
2. Sa tab na Lokasyon, makikita mo ang filename ng larawan at isang thumbnail view na napunan. Dapat kang magpasok ng ilang teksto sa Kahaliling kahon ng teksto. Ito ang lumilitaw kapag inilipat mo ang iyong mouse sa larawan, at kung ano ang nabasa ng isang screen reader kapag may isang taong may kapansanan sa paningin na bumabasa ng web page.
3. Mag-click sa tab na Link. Dito maaari kang pumili ng isang anchor mula sa menu, tulad ng ginawa namin sa mga link ng anchor. Sa katunayan, ang larawang ito ay ginagamit bilang isang anchor link. Pinili ko ang #Links_Of_Interest anchor na magdadala sa amin pabalik sa tuktok.
4. I-click ang OK. Ang larawan na ngayon ay naka-link pabalik sa tuktok ng pahina kapag nag-click.