Магчымасць стварэння спасылкі ў дакуменце, які даставіць вас на іншы дакумент, магчыма, на паўшляху сеткі па ўсім свеце, магчыма, з'яўляецца адзінай найбольш важнай прычынай, што World Wide Web прыдуманы. Гэтыя спасылкі, званыя гіперспасылак, з'яўляюцца «H» у HTML - HyperText Markup Language. Без гіперспасылак, вэб-не было б вельмі карысна. Там не было б пошукавыя сістэмы, сацыяльныя медыя, або банэрная рэклама (ок, большасць з нас мог бачыць тых, хто ідуць).
Калі вы ствараеце сваю уласны вэб - старонку, вы будзеце жадаць , каб ствараць гіперспасылкі, і KompoZer ёсць інструменты , якія дазваляюць лёгка дадаваць спасылкі любога тыпу. Старонка ўзор на фота ў гэтым падручніку будзе ўтрымліваць спасылкі на іншыя вэб-сайты ў чатырох катэгорыях, да іншых частак аднаго і таго жа вэб-старонцы, і пачаць паведамленне па электроннай пошце. Пачну з загалоўкам і чатыры Н3 загалоўкаў для кожнай катэгорыі. На наступным старонцы мы дадамо некаторыя спасылкі.
01 з 05
Стварэнне гіперспасылцы З KompoZer
Kompozer гіперспасылка інструментаў «s даступныя, націснуўшы кнопку Link на панэлі інструментаў. Каб стварыць спасылку:
- Навядзіце курсор на старонку, дзе вы хочаце, каб ваша гіперспасылка з'явіцца.
- Націсніце кнопку Link на панэлі інструментаў. З'явіцца дыялогавае акно уласцівасцяў спасылак.
- Першае поле трэба запоўніць гэта поле Link Text. Увядзіце тэкст, які вы жадаеце размясціць на старонцы Вашай гіперспасылкі.
- Другое поле вам неабходна запоўніць гэта поле Link Месцазнаходжанне. Увядзіце ў URL старонкі , што ваша гіперспасылка будзе прымаць карыстальнік пры націску. Гэта добрая ідэя, каб скапіяваць і ўставіць URL у адраснай радку браўзэра. Вы значна менш шанцаў зрабіць памылку такім чынам, і вы ведаеце, па меншай меры, на момант вашага стварэння спасылак, што старонка жывая, і гэтая спасылка не парушаная.
- Націсніце кнопку ОК, і дыялогавае акно уласцівасцяў спасылак будзе закрыты. Ваша спасылка будзе зараз з'явіцца на вашай старонцы.
У большасці браўзэраў, гіперспасылка будзе адлюстроўвацца ў сіні падкрэслены тэкст па змаўчанні. Вы можаце выкарыстоўваць свае ўласныя стылі да гіперспасылка з KompoZer, але зараз мы будзем прытрымлівацца асноўнай гіперспасылкі. Гэта добрая ідэя, каб прагледзець старонку ў вэб-браўзэры і націсніце на спасылку, каб пераканацца, што яны працуюць.
02 з 05
Стварэнне якарнага Link З KompoZer
Існуе яшчэ адзін від гіперспасылка, які даставіць вас у іншую частку той жа вэб-старонцы пры націску. Гэты выгляд гіперспасылкі называецца спасылкай якарнага і вобласць старонкі, якую вы пяройдзеце пры націску на гэтую спасылку, называецца якарам. Калі вы калі-небудзь выкарыстаў «назад да пачатку» спасылку ў ніжняй частцы вэб-старонкі, вы націснуўшы на спасылку на якар.
KompoZer дазваляе ствараць якара, якія можна звязаць з дапамогай інструмента Anchor на панэлі інструментаў.
- Націсніце на вобласць старонкі, на якой вы хочаце якар. Гэта значыць, дзе вы хочаце, каб глядач старонкі, якія неабходна прыняць, каб, калі сувязь з якара пстрыкнуў. Для гэтага прыкладу, я пстрыкнуў як раз перад «F» у загалоўку Favorite Music.
- Націсніце кнопку Якар на панэлі інструментаў. З'явіцца дыялогавае акно Named Anchor Properties.
- Кожны якар на старонцы патрабуецца ўнікальнае імя. Для гэтага якара, я выкарыстаў назву «музыка».
- Націсніце кнопку ОК, і вы ўбачыце, і сімвал якара з'яўляецца ў тым месцы, што вы хацелі якар. Гэты знак не будзе адлюстроўвацца на вэб-старонцы, проста як KompoZer паказвае вам, дзе вашыя якара.
- Паўтарыце гэтую працэдуру для любых іншых абласцей старонкі, дзе вы хочаце, каб карыстальнікі маглі перайсці. Калі ў вас ёсць шмат тэксту на старонцы, падзеленых загалоўкамі або якой-небудзь іншай лагічны дзельнік, анкеры просты спосаб навігацыі старонкі.
Далей, мы створым спасылку, якія бяруць чытач да якарам, якія вы стварылі.
03 з 05
Стварэнне старонкі навігацыі з KompoZer
Цяпер, калі ў вас ёсць якара на вашай старонцы, давайце створым спасылку, якія будуць выкарыстоўвацца ў якасці цэтлікаў для гэтых якароў. Для гэтага ўроку я стварыў 1 радок, 4 табліцы слупка ніжэй верхняга загалоўка старонкі. Кожная вочка табліцы змяшчае адзін і той жа тэкст у якасці адной з катэгорый загалоўкаў, якія выкарыстоўваюцца для падзелу спасылак на гэтай старонцы. Мы зробім тэкст у кожным з гэтых вочак табліцы спасылкі на адпаведны якар.
04 з 05
Стварэнне гіперспасылак Для якароў з KompoZer
Цяпер, калі ў нас ёсць нашы якара на месцы і тэкст, які мы будзем выкарыстоўваць для навігацыі па старонках ўвайшлі, мы можам ператварыць гэтыя простыя тэкставыя кавалкі ў спасылкі. Мы зноў будзем выкарыстоўваць кнопку Link, але на гэты раз ён будзе працаваць крыху па-іншаму.
- Вылучыце тэкст, які вы хочаце пераўтварыць у спасылку. У гэтым прыкладзе я абраў тэкст «Favorite Music», які знаходзіцца ў першай вочку табліцы ўздоўж верхняй частцы старонкі.
- Націсніце кнопку Link на панэлі інструментаў. Дыялогавае акно уласцівасцяў спасылак адкрыецца.
- У гэтым выпадку, мы выбралі тэкст, перш чым мы націснулі кнопку Link, так што тэкст раздзела Сувязі вокны ўжо запоўнены і не можа быць зменены. Націсніце на стрэлку ўніз ў раздзеле Link Location. Вы ўбачыце спіс якароў, якія вы стварылі ў папярэдніх кроках. Для гэтага прыкладу, я выбіраю #music якар.
- Націсніце кнопку ОК. «Любімая музыка» тэкст у панэлі навігацыі ператвараецца ў ссылку, якая прымусіць гледача, каб перайсці ў гэты раздзел на старонцы пры націску.
Вы заўважыце, што кожны названы якар ў расчыняецца меню мае знак «#» перад ім. Гэта, як вы б стварыць спасылку на якар ў HTML. «#» Перад імем якарнай паведамляе браўзэру, што гэтая спасылка прывядзе вас у іншае месца на той жа старонцы.
05 з 05
Стварэнне гіперспасылкі з малюнка З KompoZer
Ці ведаеце вы, што вы можаце стварыць спасылку з малюнкаў, а таксама тэксту? KompoZer дазваляе зрабіць гэта з дапамогай ўсяго толькі некалькі клікаў. Тут я ўставіў маленькую абразок малюнак, якое паказвае ўверх паказваючы стрэлкі і тэкст «TOP» у ніжняй частцы старонкі. Я збіраюся выкарыстоўваць гэта малюнак у якасці спасылкі, каб перайсці назад у верхняй частцы старонкі.
- Пстрыкніце правай кнопкай мышы на малюнак і вызначце малюнак і спасылку Уласцівасці ад пазнакі кантэксту. Дыялогавае акно Уласцівасці малюнка адкрыецца.
- На ўкладцы Размяшчэнне вы ўбачыце імя файла выявы і прагляду мініяцюр ўжо запоўненым. Вы павінны ўвесці тэкст у альтэрнатыўным тэкставым полі. Гэта тое, што з'яўляецца пры навядзенні курсора мышы на малюнку, а таксама тое, што чытаецца праграма чытання з экранам, калі слаба бачаць людзі чытаюць вэб-старонку.
- Націсніце на ўкладку Link. Тут вы можаце выбраць якар з меню, гэтак жа, як мы рабілі з анкернымі сувязямі. На самай справе, гэты вобраз выкарыстоўваецца ў якасці спасылкі на якар. Я абраў якар #Links_Of_Interest, які адвязе нас назад да вяршыні.
- Націсніце кнопку ОК. Малюнак зараз спасылкі назад у верхняй частцы старонкі пры націску.