Кирүүчүлөр сайтта адашып кетпеши үчүн жана каалаган баракчадан ресурстардын керектүү бөлүмүнө кире алышы үчүн, навигация менюсун түзүү керек. Көрсөтүүчү элементтер веб-баракчаларда тексттин окулушуна тоскоол болбогон жана ошол эле учурда сайттан оңой табылгандай кылып жайгаштырылышы керек. Коноктор ресурстардын керектүү бөлүктөрүнө тиешелүү сөздөрдү же сүрөттөрдү чыкылдатуу менен жетише алышат. Мындай меню менен ресурстарды камсыз кылуу үчүн, сайттын керектүү жерлерине жөнөкөй кодду киргизүү жетиштүү.
Зарыл
- - өз сайтында бир нече беттин же бөлүмдүн болушу
- - сайттын темасында бир нече кичинекей иконалар
- - сүрөттөрдү сайтка жүктөөнү билүү
Нускамалар
1 кадам
Меню тилкесин шилтеме кылуу үчүн, мындай жазыңыз:
БАШКЫ БЕТ
Бул жазууда http: ⁄ ⁄website.ru дегенди каалаган баракчанын URL дареги менен алмаштырыңыз.
2-кадам
Тексттик шилтемелерден турган горизонталдык меню үчүн код төмөндөгүдөй жазылат:
БАШКЫ БЕТ
|
ГАЛЕРЕЯ
|
ФОРУМ
|
МЕЙМАНДАР КИТЕБИ
3-кадам
Тике сызыктар саптагы меню пункттарынын ортосундагы бөлүүчү бөлүк катары кызмат кылат. "|" Белгисин коюу клавиатурадан Shift баскычын англис манжасында бир манжаңыз менен басып турушуңуз керек, ал эми экинчиси менен - "б" тамгасынын оң жагында жайгашкан "| / " баскычын тандаңыз. Инсультка чейин жана андан кийин боштукту коюп, менюдагы нерселер бири-биринен алыстап турушу керек.
4-кадам
Төмөнкү жазууну колдонуп шилтемелерден тик меню түзсөңүз болот:
БАШКЫ БЕТ
ГАЛЕРЕЯ
ФОРУМ
МЕЙМАНДАР КИТЕБИ
5-кадам
Бул учурда, меню бөлүктөрүнүн бөлүүчү белгиси болуп саналат, анын артынан текст жаңы сапка оролот.
6-кадам
Эгерде сиз менюдагы нерселерди сөздөр же сөз айкаштары түрүндө эмес, шилтеме катары иштей турган сүрөттөр түрүндө жасагыңыз келсе, анда алгач сайтты ресурстардын навигациясында колдонула турган бардык сүрөттөр менен толтуруңуз.
7-кадам
Веб-баракчага сүрөт жайгаштыруу үчүн, ушул кодду туура жерге коюшуңуз керек: http: ⁄ ⁄website / images / 1.png
8-кадам
Графикалык менюнун ар бир пунктун мындайча жазыңыз:
Бул коддо http: ⁄ ⁄website.ru дарегин керектүү дарек менен, жана каалаган сүрөттүн коду менен алмаштырыңыз.
9-кадам
Сүрөттөрдөн турган горизонталдык менюну мындай жол менен түзсө болот:
10-кадам
Бул коддо уячалардагы бардык сүрөттөр таблицанын бир катарында жайгашкан. Таблицанын пиксел менен эмес, пайыз менен коюлган туурасы, таблицанын мазмунун экрандын чечилишине карабастан, терезенин толук кеңдигине чейин созууга мүмкүнчүлүк берет. Тегдер:
столдун катарларын түзүү жана
- клеткалардын бири.
11-кадам
Мындай графикалык менюну сайтка жайгаштыруу үчүн, шилтемелерди, сүрөттөргө өтүүчү жолдорду жана коддогу ресурстук бөлүмдөрдүн аталыштарын өзүңүз менен алмаштырыңыз.
