Құжатта сілтеме жасай білу қабілеті, сізді басқа құжатқа, бүкіл әлем бойынша жарты жолда болуы мүмкін, Дүниежүзілік Желіні ойлап тапқан жалғыз басты себеп. Бұл гиперсілтемелер деп аталатын сілтемелер HTML -дегі «H» - HyperText Markup Language. Еренсілтемелер болмаса, веб өте пайдалы болмас еді. Іздеу механизмдері, әлеуметтік медиа немесе баннерлік жарнама болмайды (жақсы, көпшілігіміз соларды көре аламыз).
Өзіңіздің веб-беттеріңізді жасаған кезде сіз гиперсілтемелер жасағыңыз келеді және KompoZer кез келген түрдегі сілтемелерді оңай қосатын құралдарға ие. Осы оқулықта бейнеленген үлгі бетінде төрт санаттағы басқа веб-сайттарға сілтемелер болады, сол веб-беттің басқа бөліктеріне және электрондық пошта хабарын бастауға болады. Әр категорияға арналған тақырыпты және төрт H3 тақырыбын бастаймын. Келесі бетте біз кейбір сілтемелерді қосамыз.
01-ден 05-ге дейін
KompoZer көмегімен гиперсілтеме жасау
Құрал тақтасында «Байланыстыру» батырмасын басу арқылы KompoZer гиперсілтемелеріне қол жеткізуге болады. Гиперсілтемені жасау үшін:
- Курсорды гиперсілтеме көрсетілетін бетке қойыңыз.
- Құралдар тақтасындағы Сілтеме түймешігін басыңыз. Сілтеме сипаттары диалогтық терезесі пайда болады.
- Сізге толтыру қажет бірінші өріс - Мәтін жолағы. Еренсілтеме үшін парақта пайда болатын мәтінді теріңіз.
- Екінші өрісті толтыру керек - бұл Сілтеме орналасқан жері. Гиперсілтеме басқан кезде пайдаланушыға түсетін беттің URL мекенжайын теріңіз. Браузеріңіздің мекенжай жолынан URL мекенжайын көшіру және қою жақсы идея. Сіз қателесеңіз әлдеқайда аз болады және білесіздер, кем дегенде сіздің сілтеме жасау кезінде беттің тірі екенін және бұл байланыс үзілмегенін білесіз.
- OK түймешігін басыңыз және Сілтеме сипаттары диалогтық терезесі жабылады. Сіздің сілтемеңіз бетіңізде пайда болады.
Көптеген браузерлерде гиперсілтеме әдепкі бойынша көгілдір сызылған мәтінде пайда болады. Өз стилдеріңізді KompoZer көмегімен еренсілтемелерге қолдана аласыз, бірақ қазір біз негізгі гиперсілтемеге сүйенеміз. Веб-браузерде бетті алдын-ала қарау және олардың жұмыс істейтініне көз жеткізу үшін сілтемелерді басу дұрыс.
05 02
KompoZer-мен байланыстырушы байланыс жасау
Басқа веб-гиперсілтеме бар, ол сізге сол веб-беттің басқа бөлігіне шығады. Бұл гиперсілтеме сілтеме сілтемесі деп аталады, ал сіз осы сілтемеге басқанда, сіз алып жатқан бет аймағы якорь деп аталады. Егер сіз веб-беттің төменгі бөлігіндегі «жоғарыдан жоғарыға» сілтемесін пайдаланған болсаңыз, сіз якорь сілтемесін басасыз.
KompoZer сіз құралдар тақтасындағы Анкер құралын пайдалану арқылы байланыса алатын якорьдерді жасауға мүмкіндік береді.
- Өзіңіздің бетіңіздің аумағын якорь қажет жерде басыңыз. Яғни якорь сілтемесі басылғанда, бетті қарау құралын алуды қалайтыныңыз. Осы мысал үшін Мен Сүйікті музыка тақырыбындағы «F» -нің алдында ғана басылдым.
- Құралдар тақтасындағы Анкер түймешігін басыңыз. Атауы бар байланыстыру сипаттары диалогтық терезесі пайда болады.
- Беттегі әрбір якорь бірегей атау қажет. Бұл якорь үшін мен «музыка» деп атадым.
- OK батырмасын басыңыз, және сіз көруге тиіспіз және якорь алғыңыз келген жерінде анкер таңбасы пайда болады. Бұл символ сіздің веб-бетте пайда болмайды, бұл сіздің якорларыңыздың қайда орналасқанын Композердің қалай көрсетеді.
- Пайдаланушылардың өтуге болатын кез келген басқа беттері үшін процедураны қайталаңыз. Егер сізде тақырыпта немесе басқа логикалық бөлгішпен бөлінген бетте көп мәтін болса, якорь беттерді шарлаудың қарапайым әдісі болып табылады.
Содан кейін, сіз оқырманы сіз жасаған якорьдерге арналған сілтемелерді жасаймыз.
03 05
KompoZer көмегімен бетті шарлауды жасау
Енді сіздің бетіңіздегі якорьдер бар, сол якорларға сілтеме ретінде пайдаланылатын сілтемелерді құрайық. Бұл оқулық үшін мен 1 жолды, беттің үстіңгі деректемесінің астындағы 4 баған кестесін жасадым. Әрбір кесте ұяшығында беттегі сілтемелерді бөлектеу үшін пайдаланылатын санат тақырыбының бірі сияқты мәтін бар. Біз осы кесте ұяшықтарының әрқайсысында мәтінді тиісті анкерге сілтеме жасаймыз.
04 04
КомпоЖермен байланыстыру үшін гибельдерді жасау
Енді бізде біздің якорь орындары және бетті шарлау үшін пайдаланатын мәтін бар болса, біз бұл қарапайым мәтін бөліктерін сілтемелерге айналдыра аламыз. Біз «Байланыстыру» батырмасын қайтадан пайдаланамыз, бірақ бұл жолы ол басқаша жұмыс істейді.
- Сілтемені қосқыңыз келген мәтінді таңдаңыз. Бұл мысалда парақтың жоғарғы жағындағы бірінші кесте ұяшығындағы «Сүйікті музыка» мәтінін таңдадым.
- Құралдар тақтасындағы Сілтеме түймешігін басыңыз. Сілтеме сипаттары диалогтық терезесі ашылады.
- Бұл жағдайда, біз «Сілтеме» түймешігін баспай тұрып, мәтінді таңдаймыз, сондықтан терезенің Сілтеме мәтіні бөлімі толтырылып, редакцияланбайды. Сілтеме орналасқан жері бөліміндегі төмен көрсеткіні нұқыңыз. Алдыңғы қадамдарда жасаған зәкірлер тізімін көресіз. Бұл мысал үшін #music анкерін таңдаймын.
- OK түймешігін басыңыз. Навигациялық тақтасындағы «Сүйікті музыка» мәтіні көрерменді басылған кезде беттегі сол бөлімге өтуге мүмкіндік беретін сілтемеге айналады.
Ашылмалы мәзірдің әрбір аталмыш анкерінің алдында «#» белгісі бар екенін байқайсыз. HTML-де якорьге сілтеме жасайсыз. Сервер атауы алдындағы «#» шолғышқа сілтеме сізді сол беттегі басқа орынға апарады деп көрсетеді.
05 05
KompoZer-дің суреті арқылы гистограмма жасау
Кескіндерден және мәтіннен сілтемені жасай алатыныңызды білдіңіз бе? KompoZer сізге бірнеше рет басу арқылы мұны жасауға мүмкіндік береді. Мұнда мен жоғарыға қарайтын көрсеткі мен беттің төменгі жағындағы «TOP» мәтінін көрсететін кішкентай белгіше кескінін енгіздім. Мен бұл суретті беттің жоғарғы жағына өту үшін сілтеме ретінде қолданамын.
- Кескінді тінтуірдің оң жақ түймесімен басып, мәтінмәндік белгіден Сурет және сілтеме сипаттарын таңдаңыз. Сурет сипаттары тілқатысу терезесі ашылады.
- Орын қойындысында кескіннің файл атауын және нобай көрінісін толтырғанын көресіз. Балама мәтін ұясына кейбір мәтінді енгізуіңіз керек. Бұл суретті тышқаныңызды жылжытқанда, сондай-ақ, көру қабілеті нашар адам веб-бетті оқығанда экран оқырманымен оқылатын нәрсе көрінеді.
- Сілтеме қойындысын нұқыңыз. Мұнда сіз якорьты мәзірден таңдауға болады, дәл осылай байланыстыру сілтемелерімен айналысқан сияқты. Шындығында, бұл кескін якорь байланысы ретінде пайдаланылуда. Мен бізді # линза_Оф_Интересті таңдаймыз, ол бізді жоғарыдан қайтарады.
- OK түймешігін басыңыз. Кескін енді басылған кезде беттің жоғарғы жағына сілтеме жасайды.