Могућност стварања везе у документу који вас води у други документ, можда у мрежи на пола пута широм света, вероватно је један од најважнијих разлога који је измислио Ворлд Виде Веб. Ове везе, које се зову хипервезе, су "Х" у ХТМЛ-у - ХиперТект Маркуп Лангуаге. Без хиперлинкова, веб не би био веома користан. Не би било претраживача, друштвених медија или рекламних банера (у реду, већина нас може стати да види оне који иду).
Када креирате сопствене веб странице, желели бисте да креирате хипервезе, а КомпоЗер има алате који олакшавају додавање веза било које врсте. Страница са узорка на слици у овом водичу ће садржати везе са другим веб страницама у четири категорије, другим дијеловима исте веб странице и за покретање поруке е-поште. Почећу са насловом и четири наслова Х3 за сваку категорију. На следећој страници додаћемо неке везе.
01 од 05
Стварање хипервезе са КомпоЗером
КомпоЗер-овим хиперлинк алатима се приступа кликом на дугме Линк на траци са алаткама. Да бисте креирали хипервезу:
- Поставите курсор на страницу на којој желите да се појави ваша хиперлинк.
- Кликните на дугме Линк на траци са алаткама. Појавиће се дијалошки оквир Линк Пропертиес.
- Прво поље које треба попунити је оквир за текст Линк. Укуцајте текст који желите да се појави на страници за вашу хипервезу.
- Друго поље које треба попунити је поље за везу са везом. Укуцајте УРЛ странице на коју ће ваша хипер веза довести корисника када се кликне. Добра је идеја да копирате и налепите УРЛ адресу из адресне траке вашег претраживача. Мало је вероватно да ћете на овај начин направити грешку и знате, бар у вријеме вашег стварања везе, да је страница жива и да та веза није прекинута.
- Кликните на ОК и дијалог прозора везе ће се затворити. Ваша веза ће се сада појавити на вашој страници.
На већини претраживача, хипервезица ће се подразумевано појавити у плавом подвученом тексту. Можете да примените сопствене стилове на хиперлинке са КомпоЗер-ом, али за сада ћемо се држати основне хиперлинкове. Добро је приказати вашу страницу у веб прегледачу и кликнути на линкове како бисте били сигурни да они раде.
02 од 05
Стварање сидро везе са КомпоЗером
Постоји још једна врста хиперлинк која вас води до другог дела исте веб странице када кликнете. Ова врста хиперлинк везе се зове сидрења, а подручје странице на коју сте одузели када кликнете на тај линк се зове сидро. Ако сте икада користили линк "назад на врх" на дну веб странице, кликнете на везу на сидро.
КомпоЗер вам дозвољава да креирате сидра на која можете да се повежете користећи алатку Сидро на траци са алаткама.
- Кликните на област ваше странице где желите сидро. То јест, гдје желите да се прегледач страница прикаже када се кликне на сидрену везу. За овај примјер, кликнуо сам прије "Ф" у заглављу омиљене глазбе.
- Кликните на дугме Сидро на траци са алаткама. Појавиће се дијалог прозора Сродне ознаке именованог сидра.
- Сваком сидру на страници потребан је јединствено име. За ово сидро користио сам назив "музика".
- Кликните на ОК, а требало би да видите и симбол сидра се појављује на месту на коме сте желели сидро. Овај симбол се неће појавити на вашој веб страници, већ је како вам КомпоЗер показује где су ваши сидри.
- Поновите поступак за било која друга подручја на страници у којој желите да корисници могу да пређу. Ако имате пуно текста на страници раздвојеним насловима или неком другом логичком поделом, сидра је једноставан начин навигације странице.
Затим ћемо створити везе које читалац доводе до сидра које сте креирали.
03 од 05
Стварање навигације страница са КомпоЗер
Сада када имате сидра на вашој страници, креирамо везе које ће се користити као пречице за те сидри. За овај туторијал, креирао сам табелу 1 ред, 4 колоне испод горњег заглавља странице. Свака ћелија ћелије садржи исти текст као један од заглавља категорије који се користе за одвајање веза на страници. У сваком од ових ћелија ћелија текст ћемо направити везом до одговарајућег сидра.
04 од 05
Креирање хиперлинкова до сидара помоћу КомпоЗер-а
Сада када имамо наша сидра на месту и текст који ћемо користити за навигацију страница, можемо их претворити у линкове. Поново ћемо користити дугме Линк, али овај пут ће радити мало другачије.
- Изаберите текст који желите да претворите у везу. У овом примеру сам изабрао текст "Омиљена музика" који се налази у првој ћелији ћелије на врху странице.
- Кликните на дугме Линк на траци са алаткама. Отвориће се дијалог "Својства везе".
- У овом случају смо одабрали текст пре него што смо кликнули на дугме Линк, тако да је део текста у оквиру прозора већ попуњен и не може се уређивати. Кликните стрелицу надоле у одељку Линк Лоцатион. Видјет ћете листу сидра које сте направили у претходним корацима. За овај примјер, изаберем #мусиц сидро.
- Кликните ОК. Текст "омиљена музика" у линији за навигацију претвара се у везу која ће гледаоцу довести до скока на тај одјељак на страници када се кликне.
Приметили сте да свака именована сидра у падајућем менију има знак "#" испред њега. Овако ћете креирати везу за сидро у ХТМЛ-у. "#" Испред имена сидра говори претраживачу да вас ова веза одведе на друго место на истој страници.
05 од 05
Стварање хипервезе из слике са КомпоЗером
Да ли сте знали да можете креирати линк из слика и текста? КомпоЗер вам омогућава да то користите користећи само неколико кликова. Овде сам унео малу слику иконице која показује стрелицу према горе и текст "ТОП" на дну странице. Ја ћу користити ову слику као везу за повратак на врх странице.
- Десним тастером миша кликните на слику и изаберите ставку Имаге анд Линк Пропертиес са контекстуалне етикете. Отвориће се оквир за дијалог Имаге Пропертиес.
- На картици Лоцатион (локације) видећете име датотеке и поглед са иконама већ попуњен. Требало би унети неки текст у поље Алтернате тект. То се појављује када помакнете мишем преко слике, а такође и оно што читач читача екрана чита ако особа са оштећењем вида чита веб страницу.
- Кликните на картицу Линк. Овдје можете одабрати сидро из менија, баш као што смо урадили сидреним линковима. Заправо, ова слика се користи као сидро веза. Изабрао сам #Линкс_Оф_Интерест сидро који ће нас вратити на врх.
- Кликните ОК. Слика се сада повезује на врх странице када се кликне.