Способноста да се создаде врска во документ што ве води до друг документ, можеби на мрежа на половина пат низ целиот свет, веројатно е единствената најважна причина што била измислена на World Wide Web. Овие врски, наречени хиперврски, се "H" во HTML - HyperText Markup Language. Без хиперлинкови, мрежата нема да биде многу корисна. Нема да има пребарувачи, социјални медиуми или банери (во ред, повеќето од нас би можеле да застанат да ги видат оние што одат).
Кога креирате сопствени веб-страници, ќе сакате да создавате хиперлинкови, а KompoZer има алатки кои го олеснуваат додавањето на линкови од било кој тип. Страницата со примерок насликана во ова упатство ќе содржи линкови до други веб-страници во четири категории, до други делови од истата веб-страница и да започне е-порака. Ќе започне со наслов и четири H3 наслови за секоја категорија. На следната страница ќе додадеме некои линкови.
01 од 05
Создавање на хиперврска со композер
Пристапните алатки на KompoZer на хиперврска на KompoZer се со кликнување на копчето Линк на лентата со алатки. Да креираш хиперврска:
- Поставете го курсорот на страницата каде што сакате да се појавува вашата хиперврска.
- Кликнете на копчето Линк на лентата со алатки. Ќе се појави дијалогот Својства на линкови.
- Првото поле што треба да го пополните е полето за текст на линкот. Внесете го текстот што сакате да се појави на страницата за вашата хиперврска.
- Второто поле што треба да го пополните е полето за лоцирање на линкот. Напишете го URL-то на страницата дека вашата хиперврска ќе го преземе корисникот кога ќе кликне. Добро е да го ископирате и залепите URL-то од лентата за адреси на вашиот интернет пребарувач. Многу помала е веројатноста дека ќе направите грешка на овој начин и знаете, барем за време на креирањето на линкот, дека страницата е жива и таа врска не е прекината.
- Кликнете Во ред и дијалогот за Својства на линкот ќе се затвори. Вашата врска сега ќе се појави на вашата страница.
Во повеќето прелистувачи, хиперврската ќе се појави во стандардно сино подвлечен текст. Можете да ги примените сопствените стилови на хиперлинкови со KompoZer, но за сега, ќе се држиме со основната хиперврска. Добро е да ја прегледате вашата страница во веб-прелистувачот и да кликнете на линковите за да бидете сигурни дека тие работат.
02 од 05
Создавање на сидро врска со KompoZer
Постои уште еден вид на хиперврска што ќе ве однесе до друг дел од истата веб-страница кога ќе кликнете. Овој вид на хиперврска се нарекува прицврстувачка врска, а областа на страната што сте ја направиле кога ќе кликнете на таа врска се нарекува сидро. Ако некогаш сте користеле врска "назад кон врвот" на дното на веб-страница, кликнувате на линк до сидро.
KompoZer ви овозможува да креирате сидра што можете да ги поврзете со помош на алатката Сидро на алатникот.
- Кликнете на површината на вашата страница каде што сакате сидро. Тоа е, каде што сакате прегледувачот на страници да се преземе кога ќе биде кликнато врската со сидро. За овој пример, јас кликнав веднаш пред "F" во заглавието "Омилена музика".
- Кликнете на копчето Сидро на лентата со алатки. Се појавува дијалогот Промени на име на имотот.
- Секоја прицврстувач на страница му треба единствено име. За ова сидро, го користев името "музика".
- Кликнете ОК, и треба да го видите, и симболот за сидро се појавува на местото што го посакувавте сидро. Овој симбол нема да се појави на вашата веб-страница, тоа е само како KompoZer ви покажува каде се вашите сидра.
- Повторете ја постапката за сите други области на страницата каде што сакате на корисниците да можат да скокаат. Ако имате многу текст на страницата разделени со наслови или некој друг логички делител, сидрата е лесен начин за навигација по страница.
Следно, ние ќе ги создадеме врските што ги чита читателот до сидра што ги создадовте.
03 од 05
Креирање на навигација на страници со KompoZer
Сега кога имате сидра на вашата страница, ајде да создадеме врски што ќе бидат користени како кратенки за тие сидри. За ова упатство, создадов табела од 1 ред, 4 колона под горниот заглавие на страницата. Секоја ќелија на табела го содржи истиот текст како еден од насловите на категории што се користат за одделување на врските на страницата. Ние ќе го направиме текстот во секоја од овие табеларни клетки линк до соодветното прицврстување.
04 од 05
Создавање хиперврски на сидро со композер
Сега кога имаме вградени наши сидра и текстот што ќе го употребиме за навигација на страницата, можеме да ги претвориме оние чисти текстуални делови во врски. Ние повторно ќе го користиме копчето Линк, но овој пат тоа ќе функционира малку поинаку.
- Изберете го текстот што сакате да го претворите во врска. Во овој пример, го избрав текстот "Омилена музика" што е во првата табела ќелија на врвот на страницата.
- Кликнете на копчето Линк на лентата со алатки. Ќе се отвори дијалогот Својства на линкови.
- Во овој случај, ние избравме текст пред да го кликнеме копчето Линк, така што делот за Текст на линкот на прозорецот е веќе пополнет и не може да се уредува. Кликнете на стрелката надолу во делот Локација на линкови. Ќе видите листа на сидра кои сте ги креирале во претходните чекори. За овој пример, го одбирам #music сидрото.
- Кликнете ОК. Текстот "Омилена музика" во лентата за навигација се претвора во врска што ќе предизвика гледачот да скокне до тој дел од страната кога ќе се кликне.
Ќе забележите дека секое назначено сидро во опаѓачкото мени има знак "#" пред него. Ова е како да креирате линк до сидро во HTML. "#" Пред името на сидрото му кажува на прелистувачот дека оваа врска ќе ве однесе на друго место на истата страница.
05 од 05
Креирање хиперврска од слика со композер
Дали знаевте дека можете да креирате врска од слики, како и текст? KompoZer ви овозможува да го направите ова користејќи само неколку кликања. Овде имам вметнато мала икона која покажува стрелка нагоре и покажува "TOP" на дното на страницата. Ќе ја искористам оваа слика како врска за да скокнам на врвот на страната.
- Десен клик на сликата и изберете Слика и Својства на линкови од ознаката за контекст. Ќе се отвори дијалог прозорецот Својства на сликата.
- На табулаторот "Локација" ќе го видите името на датотеката на сликата и веќе прикажаниот изглед на сликите. Треба да внесете некој текст во полето за алтернативен текст. Ова е она што се појавува кога го движите глувчето над сликата, а исто така и она што го чита читач на екран кога лице со оштетен вид ја чита веб-страницата.
- Кликнете на табулаторот Линк. Овде можете да изберете сидро од менито, исто како што направивме со сидро врски. Всушност, оваа слика се користи како сидро врска. Јас го избрав #Links_Of_Interest сидро кое ќе не однесе назад кон врвот.
- Кликнете ОК. Сликата сега се поврзува назад кон врвот на страницата кога ќе се кликне.