Фрейм – сайттағы (терезедегі) басқа веб-бет көрінетін аумақ. Веб-шеберлер бұл мүмкіндікті достарының немесе серіктестерінің сайттарының басты бетін көрсету үшін пайдаланады. Дәл осындай әдіс іздеу пішінін жанындағы нәтиже бар жолақтарда көрсету үшін қолданылады, т.б.
Бірақ көбіне фреймдер үлкен веб-порталдарды жасауда пайдаланылады, мұнда көптеген мәзір элементтері мен ішкі мәзірлер қажет. Олар әдетте мұндай адамдар туралы айтады: «кадрлардағы веб-сайт». Мұндай ресурс жасау үшін HTML тілін жақсы білу қажет.
Веб-сайт құрастырушысында жақтаулар жасау
Кейбір веб-сайт құрастырушылар мұндай кодты автоматты түрде жасайды. Әдетте кадрды қосу түймесі бағдарламаның негізгі мәзірінде орналасады. Алдымен курсорды беттің дұрыс орнына қою керек, содан кейін түймені басыңыз, терезе ашылады (скриншотта көрсетілгендей). Онда кадрда ашылатын беттің мекенжайын орнатуға және өлшемдерін реттеуге болады: ені мен биіктігі.
Бірақ көбіне фреймдер үлкен веб-порталдарды жасауда пайдаланылады, мұнда көптеген мәзір элементтері мен ішкі мәзірлер қажет. Олар әдетте мұндай адамдар туралы айтады: «кадрлардағы веб-сайт». Мұндай ресурсты жасау үшін жақсы білім қажетHTML тілі.
Осы «қызметтің» көмегімен бетте бірнеше фреймдер жасауға болады, бірақ бұлайша өзара байланысты элементтерді алмайсыз.
CMS ішіндегі кадрлар
Веб-сайттарды жасауға арналған көптеген бағдарламаларда сәйкес модульді орнатуға болады. Мысалы, Joomla үшін жақтау "Орау" модулі болып табылады.
Оны Joomla CMS басқару тақтасында табуға және жасауға болады: «Кеңейтімдер» - «Модуль менеджері» - «Жасау» (ішінде қосу белгісі бар дөңгелек қызғылт сары түйме). Қалқымалы терезеде тізімде сіз "Орау" модулін көресіз.
Бұл жерде болмаса, ол қосылмаған. Оны пайдалану үшін алдымен осы жерде белсендіру керек: «Кеңейтімдер» қойындысы, содан кейін «Кеңейтім менеджері», содан кейін «Басқару» қойындысы. Біз ашылатын тізімді іздейміз, «Сүзгі» өрісінде жылдам іздеу үшін сөзді енгізіңіз: Қаптама. Бұл модульдің қарама-қарсы жағында құсбелгісі бар жасыл белгіше болуы керек. Ішінде нүктесі бар қызыл шеңбер бұл плагиннің өшірілгенін білдіреді.
Осы процедурадан кейін «Модуль менеджеріне оралуға, жақтауды жасауға және оның параметрлерін орнатуға болады.
Суретте көріп отырғаныңыздай, модуль орнатуға мүмкіндік береді: жақтаудың үстіндегі тақырыпты, модульдің орнын, ол көрсетілетін сайттың беттерін таңдау. Сондай-ақ енін, биіктігін реттеңіз; жақтауды қосыңыз және шын мәніндевеб-бетке сілтеме. Егер кадрда сайттың негізгі бетін толық көлемде көрсеткіңіз келсе, әдепкі бойынша орнатылған 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 - бұл жеткілікті;
- мөлдірлікке рұқсат беру мүмкіндігін пайдаланып, беттің фоны көрінетін етіп жақтау аймағының мөлдірлігін орнатуға болады;
- плюс таныс скр, атау, айналдыру, жиек.
iframe арқылы шарлау
Жақтаудың ең қызықты дағдысы - терезедегі мазмұнды сілтеме арқылы ашуға мүмкіндік беретін код жазу, Seopult айнасын жасаушылар мұны бірден бірнеше сілтемелер арқылы ғана (бір уақытта пайдаланушыға қолжетімді сол бет).
Ол үшін iframe алынады, оған name=арқылы атау қосымша жазылады. Мысалы, тақырып. Әрі қарай, оның алдында тегтер мен сілтемелер HREF=арқылы жазылады, олардан кейін міндетті түрде атрибут көрсетіледі. А жабылу тегін пайдаланбас бұрын сілтеме түймесі қызметін атқаратын жазу көрсетіледі. Тегтер «a» ашу және жабу бет тегінде қамтылған
Төмендегі терезеде әртүрлі мазмұн көрсетілетінін басу арқылы сайтта бір жолда бірнеше сілтеме түймелерін алу үшін кодқа осындай бірнеше жолды жаза аласыз.
Код келесідей болады:
Жарнама жариялау
Жарнамаларды көру
Image Ол веб-сайтта қалай көрінеді:
Joomla сайтына iframe қалай кірістіруге болады
Стандартты ретінде Joomla басқару тақтасында қосылған (пайдалануға дайын) "HTML-код" модулі бар. Оның көмегімен сайттың кез келген жеріне кез келген кодты енгізуге болады. Дегенмен, ол iFrem тегі бар кодты қыңырлықпен елемейді. Сондықтан біз арнайы Jumi модулін қолданамыз.
Біріншіден, оны Интернеттен жүктеп алып, Joomla әкімшілік панелі арқылы орнату керек: «Кеңейтімдер» - «Кеңейтім менеджері» - «Файлды таңдау». Жүктеп алынған мұрағатқа жолды көрсетіңіз және "Жүктеп алу" түймесін басыңыз.
Сәтті орнатудан кейін «Модуль менеджеріне» өтіп, жаңасын жасаңыз. Jumi түрін таңдаңыз. Ашылған терезеде «Пайдаланушы код» өрісіне мақаланың алдыңғы абзацында көрсетілгендей дайындалған iFrem енгізіңіз. Модульге тақырып беріңіз, орналастыру орнын және сайт беттерін көрсетіңіз. Сақтау түймесін басып, оны тексеріңіз.
Браузерлер мен жақтаулар
Барлық танымал браузерлер жақтау терезелерінің мазмұнын жақсы көрсетеді: Chrome, Safari, Firefox, Android, iOS. Бұл тұрғыда әсіресе Internet Explorer және Opera жоғары көрсеткішке ие. Және әлі кепілдік жоқСіздің сайтыңызға кіруші барлық терезелердің мазмұнын көретін болады. Бұл жағдайда noframe тегін пайдаланып хабарлама қалдыру керек (ашу және жабу). Оған келесіні енгізуге болады: "Сіздің браузеріңіз ескірген. Сайт мазмұнын көрсету үшін нұсқаны жаңартыңыз." Егер пайдаланушы браузері кадрларды дұрыс көрсетсе, олар бұл хабарды көрмейді.
Демек, жақтау дегеніміз – өзінің URL мекенжайы бар сайт аймағы немесе терезесі. Бір шолғыш өрісінде бірден бірнеше веб-беттерді немесе тәуелсіз құжаттарды көрсету үшін пайдаланылады, сонымен қатар өздерінің URL мекенжайлары бар. Фреймдер күрделі сайтты жақсы ұйымдастыруға мүмкіндік беретініне қарамастан, олар iframe-ден басқа ұзақ уақыт бойы пайдаланылмаған. Бұл тегті пайдалану презентацияларды, бейне ойнатқышты, мәтіндік құжаттарды белгілі бір терезеде жүктеу үшін әлі де өзекті. Оны үлкен және белгілі веб-ресурстар белсенді пайдаланады.
-
