Алкак – бул башка веб-баракча көрүнгөн сайттын (терезенин) аймагы. Веб мастерлер бул мүмкүнчүлүктү досторунун же өнөктөштөрдүн сайттарынын башкы баракчасын көрсөтүү үчүн колдонушат. Ушул эле ыкма издөө формасын жанындагы натыйжасы бар кутучаларда көрсөтүү үчүн колдонулат, ж.б.
Бирок көбүнчө чоң веб-порталдарды түзүүдө алкактар колдонулат, мында бир топ меню пункттары жана субменюлар талап кылынат. Алар, адатта, мындай адамдар жөнүндө: "кадрлардагы веб-сайт" деп айтышат. Мындай булакты түзүү үчүн HTML тилин жакшы билүү талап кылынат.
Веб-сайт куруучуда жээкчелерди түзүү
Айрым веб-сайт куруучулар мындай кодду автоматтык түрдө түзүүнү камсыздайт. Адатта кадрды кошуу баскычы программанын негизги менюсунда жайгашкан. Алгач курсорду барактын керектүү жерине коюшуңуз керек, андан кийин баскычты басыңыз, терезе ачылат (скриншотто көрсөтүлгөндөй). Анда сиз кадрда ачыла турган барактын дарегин коюп, өлчөмдөрүн тууралай аласыз: туурасы жана бийиктиги.
Бирок көбүнчө чоң веб-порталдарды түзүүдө алкактар колдонулат, мында бир топ меню пункттары жана субменюлар талап кылынат. Алар, адатта, мындай адамдар жөнүндө: "кадрлардагы веб-сайт" деп айтышат. Мындай ресурсту түзүү үчүн жакшы билим керекHTML тили.
Бул "кызматтын" жардамы менен баракта бир нече фреймдерди түзсө болот, бирок мындай жол менен бири-бири менен байланышкан элементтерди албайсыз.
CMS'деги алкактар
Веб-сайттарды түзүү үчүн көптөгөн программаларда тиешелүү модулду орнотууга болот. Мисалы, Joomla үчүн кадр "Ороочу" модулу.
Аны Joomla CMS башкаруу панелинен табууга жана түзүүгө болот: "Кеңейтүүлөр" - "Модуль менеджери" - "Түзүү" (ичинде плюс белгиси бар тегерек кызгылт сары баскыч). Калкыма терезеде, тизмеде сиз "Ороочу" модулун көрөсүз.
Эгер бул жерде жок болсо, ал камтылган эмес. Аны колдонуу үчүн, адегенде аны бул жерден активдештирүү керек: "Кеңейтүүлөр" өтмөгү, андан кийин "Кеңейтүү менеджери", андан кийин "Башкаруу" өтмөгү. Ал эми биз ачылуучу тизмеден издеп жатабыз, "Фильтр" талаасында тез издөө үчүн сөздү киргизиңиз: Wrapper. Бул модулдун карама-каршысында ичинде чек белгиси бар жашыл сөлөкөт болушу керек. Ичинде чекити бар кызыл тегерек бул плагин өчүрүлгөнүн билдирет.
Ушул процедурадан кийин сиз "Модуль менеджерине кайтып, кадр түзүп, анын параметрлерин орното аласыз."
Сүрөттө көрүнүп тургандай, модул орнотууга мүмкүндүк берет: алкактын үстүндөгү аталышты, модулдун ордун, ал көрсөтүлө турган сайттын барактарын тандоо. Жана ошондой эле туурасын, бийиктигин тууралоо; алкакты кошуу жана чындыгындавеб-баракчага шилтеме. Эгерде кадрда сиз сайттын негизги барагын толук кеңдикте көрсөткүңүз келсе, демейки боюнча коюлган 100% жетишсиз болот. Сиз дароо коопсуз 400% коюуга болот. Адатта 200 бийиктиги барактын жогорку менюсун көрсөтүү үчүн жетиштүү. Колдонуучу (вебсайттын коногу) сыдырма тилкесин колдонсо, башка бардык мазмун көрүнөт.
Бул жерде Joomlaда кадр деген эмненин мисалы келтирилген.
Алкак түзүү үчүн Jumla модулу абдан ыңгайлуу жана колдонууга оңой. Бирок анын мүмкүнчүлүктөрү конструктордун мүмкүнчүлүктөрү сыяктуу эле чектелүү.
Тарых жана чындык
Алкактардан сайттарды түзүү практикасында бул тег (анын тиркемеси) көптөн бери фонго өтүп кеткен. Аларды сайт куруучунун катышуусуз веб-баракчанын кодун жаратуучу конструктордук программалардагы модулдар, орнотуулар менен алмаштырууга мүмкүн болду. Бирок, кээ бир учурларда бул жетишсиз. Мисалы, кадр браузерде көрсөтүлгөн аймактардын комплекстүү структурасы болгондо. Татаал структураланган сайттардын ээлери муну ушундай көрүшөт. Аны түзүү өзгөчө учурларда гана колдонулат, анткени кадр сайттары атайын тегдердин жардамы менен гана түзүлөт.
Татаал структураланган сайттар
Алар үчүн бири-бири менен байланышкан бир нече жээкчелерди түзүү ресурстук баракчалардагы мазмунду уюштуруу үчүн эң жакшы чечим болуп саналат. Булар, эреже катары, жыл сайын күчөгөн чоң порталдар.
Бир эле натыйжага кантип жетишсе болот? Как структурасы кантип түзүлгөн?
Кантипбет кодуна алкакты кыстаруу
HTML'деги алкактар тегдер аркылуу кошулат:
- рамка (өзүнчө терезе үчүн);
- frameset (аны бүт структураны түзүү үчүн колдонуу);
- iframe («сүзүүчү» кадр);
- noframes (эгерде кадр колдонуучунун браузеринде көрсөтүлбөсө).
Биринчи көрсөтүлгөн тег ар дайым жана жуптарына туура келет. Жана ал алмаштырат жана. Ал эми тиешелүү атрибуттардын жардамы менен ар бир элементтин мүнөздөмөлөрүн тууралай аласыз: аты (аты=), өлчөмү (cols=жана саптар=), чектин болушу (чек), жылдыргычтын көрүнүшү жана, албетте, көрсөтүү үчүн веб-баракчага шилтеме.
Дизайн варианттары
Сайттын бардык барагын аймактарга бөлүүгө болот. Мисалы, мындай:
| Сол | Жогорку кадр |
| Оң |
Мындай структураны (ал уяча деп аталат) тегдин ичине cols атрибутун жазуу аркылуу алууга болот, бул кадрдын горизонталдуу, ал эми саптар - вертикалдуу жайгашканын билдирет. Андан кийин,=белгиси коюлат жана өлчөмдөрү белгиленген. Мисалы, 60%, 40% - пайыз (бир терезе браузердин мейкиндигинин 60%, башка, тиешелүүлүгүнө жараша, 40%) алат. Же 100, 200 - пикселдеги тараптардын катышы. Кадрлардын биринин өлчөмүн такыр орнотуу мүмкүн эмес (ал демейки боюнча коюлат). Бул үчүн үтүрдөн кийин же алдында. белгисин көрсөтүү керек.
Уюуар бир жаңы аймак жаңы кадр топтому менен белгиленет.
Код мисалы:
Биздин мисалда экинчи жана үчүнчү кадрлар үчүн өлчөмдөр бир гана жолу көрсөтүлгөнүн эске алыңыз.
Көптөгөн идеялар алкакты бүтүрүүгө мүмкүндүк берет. Браузер терезесинде алардын жайгашуу мисалдары чексиз берилиши мүмкүн (тиешелүү кодду өзгөртүү). Бирок, бул маалымат узак убакыт бою практикалык колдонууну таба элек. Кадрлар, эгер бүгүн сайттарды түзүүдө колдонулса, акысыз CMSде модулдар түрүндө же iframe түрүндө гана болот.
Калкуучу кадр
Кызык, эмне үчүн мындай атка ээ болгон, бул жерде "курулган" деген сөз көбүрөөк ылайыктуу. Бул кадр файлдын мазмунун көрсөтүү үчүн түзүлгөн. Сиз каалаган документти же файлды маалымат базасына жүктөйсүз, iframe тэгдерин колдонуп ага жолду жазасыз - жана коноктор файлдын текстин (видео же сүрөт) көрүшөт. Тилекке каршы, браузерлер дайыма эле мазмунду көрсөтө бербейт. Бул үчүн, веб куруучулар ачуу жана жабуу тегтеринин ортосуна сөз айкашын киргизишет: "Сиздин браузериңиз мазмунду көрсөтпөй жатат."
Мисалы, Seopult.ru промоутерлор үчүн белгилүү сервис. Анын негизги сайты гана эмес, портал кардарлары үчүн түзүлгөн күзгү I.seopult.pro. iframe коду бул жерде төмөнкүчө жазылган:
Инструкциялар
.теги кайда
-
тизме элементин аныктоо үчүн түзүлгөн. Бардык браузерлер колдойт.
Күзгү барактын өзүндө "Нускоочу" деген сөздү баскыч түрүндө көрө аласыз. Серепчинин терезесинин борборундагы аны басуу презентацияны ачат.
Баардыгы чоңкино жана сериалдарды көрүү үчүн сайттар iframes (мисалы, "Imhonet"), ошондой эле коомдук тармактарды колдонуу менен түзүлгөн. Жада калса "Яндекстин" башкы бетинде бул тег жана бирден ашык жуп камтылган.
Кантип iframe жазуу керек
Сиз документти сыдырма тилкеси бар терезе түрүндө сайттын каалаган жерине жүктөй аласыз. Көбүнчө тегдер дененин ичине жайгаштырылат. Стандарттан тышкары
жана, жогорудагы мисалда көрсөтүлгөндөй, тизме теги да колдонулушу мүмкүн -
-
Атрибуттар iframe'ге кошулду:
- туулугу (туурасы) жана бийиктиги (бийиктиги=);
- четтерин тегиздөө;
- көрсөтүлгөн же көрсөтүлбөгөн чегинүүлөр: демейки маани 6 - бул жетиштүү;
- tuşu ачыктыгын колдонуу менен, сиз кадр аймагынын тунуктугун жөндөсөңүз болот, ошентип барактын фону көрүнүп турат;
- плюс тааныш скр, ат, сыдырма, чек.
iframe менен навигация
Эң кызыктуу кадр түзүү чеберчилиги - бул терезеде мазмунду шилтеме аркылуу ачууга мүмкүндүк берүүчү код жазуу, муну Seopult күзгүсүн жаратуучулар бир эле учурда бир нече шилтемелер менен (бир эле учурда колдонуучуга жеткиликтүү) кылган. ошол эле бет).
Бул үчүн iframe алынат, ага ысым кошумча түрдө name=аркылуу жазылат. Мисалы, баш. Андан кийин анын алдында тегдер менен шилтемелер HREF=аркылуу жазылат, алардан кийин атрибут милдеттүү түрдө көрсөтүлөт. А жабуу тегин колдонуудан мурун шилтеме баскычы катары кызмат кыла турган жазуу көрсөтүлөт. Теги "а" ачуу жана жабууб. тегине тиркелген
Төмөнкү терезеде ар кандай мазмун көрсөтүлө турган баскычты чыкылдатуу менен сайтта бир катарда бир нече шилтеме баскычтарын алуу үчүн кодго бир нече ушундай саптарды жазсаңыз болот.
Код мындай болот:
Жарнама жарыялоо
Жарнамаларды көрүү
Image Веб-сайтта кандай көрүнөт:
Joomla сайтына iframe'ди кантип киргизүү керек
Стандарт катары, Joomla башкаруу панелинде иштетилген (колдонууга даяр) "HTML-код" модулу бар. Анын жардамы менен сиз каалаган кодду сайттын каалаган жерине киргизе аласыз. Бирок, ал өжөрлүк менен iFrem теги менен кодду четке кагат. Ошондуктан, биз атайын Jumi модулун колдонобуз.
Биринчиден, аны Интернеттен жүктөп алып, Joomla административдик панели аркылуу орнотуу керек: "Кеңейтүүлөр" - "Кеңейтүү менеджери" - "Файлды тандоо". Жүктөлүп алынган архивге жолду көрсөтүп, "Жүктөөнү" басыңыз.
Ийгиликтүү орнотуудан кийин "Модуль менеджерине" өтүп, жаңысын түзүңүз. Jumi түрүн тандаңыз. Ачылган терезеде, "Бажы кодекси" талаасында, макаланын мурунку абзацында көрсөтүлгөндөй, даярдалган iFremди киргизиңиз. Модулга наам бериңиз, жайгашуу ордун жана сайттын баракчаларын көрсөтүңүз. Сактоо баскычын басып, текшерип көрүңүз.
Бразерлер жана алкактар
Бардык популярдуу браузерлер рамка терезелеринин мазмунун жакшы көрсөтөт: Chrome, Safari, Firefox, Android, iOS. Internet Explorer жана Opera бул жагынан өзгөчө жогорку көрсөткүчкө ээ. Анан дагы эч кандай кепилдик жоксиздин сайтка келген адам бардык терезелердин мазмунун көрөт. Бул учурда, сиз noframe теги (ачуу жана жабуу) аркылуу билдирүү калтырышыңыз керек. Сиз ага төмөнкүлөрдү киргизсеңиз болот: "Сиздин браузериңиз эскирген. Сайттын мазмунун көрсөтүү үчүн версияны жаңыртыңыз." Колдонуучунун браузери фреймдерди туура көрсөтсө, алар бул билдирүүнү көрбөйт.
Демек, алкак – бул өзүнүн URL'и бар сайттын аймагы же терезеси. Бир эле учурда бир браузер талаасында бир нече веб-баракчаларды же көз карандысыз документтерди көрсөтүү үчүн колдонулат, ошондой эле өз URL'и бар. Фреймдер татаал сайтты жакшы уюштурууга мүмкүндүк бергенине карабастан, алар iframeден башка көп убакыттан бери колдонула элек. Белгилүү бир терезеде презентацияларды, видео ойноткучту, тексттик документтерди жүктөө үчүн бул тегди колдонуу актуалдуу бойдон калууда. Ал чоң жана белгилүү веб-ресурстар тарабынан жигердүү колдонулат.
-
