Жақтау қандай? Фреймдерді құру және құру

Жүктелуде ...

Фрейм - басқа веб-бет көрінетін сайттың (терезе) аумағы. Веб-шеберлер бұл мүмкіндікті достарының немесе серіктестерінің сайтының басты бетін көрсету үшін пайдаланады. Осындай әдіс терезелердегі іздеу формасын және оның нәтижесін көрсету үшін қолданылады.

Негізінен рамкалар көптеген веб-порталдарды жасау үшін пайдаланылады, мұнда көптеген мәзір элементтері мен ішкі мәзір қажет. Олар туралы әдетте: «рамкалардағы сайт» деп айтады. Осындай ресурсты құру үшін HTML-тілді жақсы білу қажет.

Сайтты құрастырушыдағы кадрларды жасау

Кейбір сайт дизайнерлерінде мұндай кодты автоматты түрде жасау ұсынылады. Әдетте жақтауды қосу батырмасы бағдарламаның негізгі мәзірінде болады. Алдымен курсорды парақта керекті жерге қойып, содан кейін терезені ашыңыз (скриншотта көрсетілгендей). Онда фреймде ашылатын беттің мекенжайын орнатуға болады және енін және биіктігін реттей аласыз.

Негізінен рамкалар көптеген веб-порталдарды жасау үшін пайдаланылады, мұнда көптеген мәзір элементтері мен ішкі мәзір қажет. Олар туралы әдетте: «рамкалардағы сайт» деп айтады. Осындай ресурсты құру үшін HTML-тілді жақсы білу қажет.

Жақтау

Бұл «қызмет» көмегімен парақта бірнеше рамкаларды жасауға болады, бұл жай ғана өзара байланысты элементтер, сондықтан сіз оны алмайсыз.

CMS ішіндегі шеңберлер

Сайттарды жасаудың көптеген бағдарламалары тиісті модульді орнату мүмкіндігін береді. Мысалы, Joomla кадрға бұл «Wrapper» модулі.

бұл кадрға

Оны CMS басқару панелінде табуға және жасауға болады: «Кеңейтімдер» - «Басқарушы модульдер» - «Жасау» (ішіндегі қосу белгісі бар дөңгелек түйме). Қалқымалы терезеде, тізімде «Wrapper» модулін көресіз.

Егер ол осында болмаса, онда ол қосылмайды. Оны пайдалану үшін алдымен мұнда белсендіру керек: «Кеңейтімдер» қойындысы, содан кейін «Extension Manager», содан кейін «Manage» қойындысы. Ашатын тізімге қараңыз: «Сүзгі» өрісінде жылдам іздеу үшін орауышты енгізіңіз. Бұл модульдің қарама-қарсы жағында белгішесі бар жасыл белгіше болуы керек. Ішкі нүктесі бар қызыл шеңбер, плагин өшірілгенін көрсетеді.

Жүктелуде ...

Осы процедурадан кейін сіз «Модульді менеджерге» оралай аласыз, жақтау құрып, оның параметрлерін орнатасыз.

кадр дегеніміз не?

Суретте көріп отырғаныңыздай, модуль сізге орнатуға мүмкіндік береді: кадрдың үстінен атау, модульдің орны, ол көрсетілетін сайттың беттерін таңдаңыз. Сондай-ақ, ені, биіктігі; веб-параққа жақтауды және нақты сілтемесін қосыңыз. Егер сіз кез-келген тораптың негізгі бетін толық енде көрсету керек болса, әдепкіде орнатылған 100% жеткілікті болмайды. Бірден 400% орнатуға болады. Әдетте 200 биіктіктері жоғарғы бет мәзірін көрсету үшін жеткілікті. Пайдаланушы (торапты пайдаланушысы) жылжыту жолағын пайдаланса, мазмұнның қалған бөлігі көрінетін болады.

Міне, Жұмладағы кадрдың мысалы.

кадрлар мысалдары

Жақтауды жасау үшін Jumla модулі өте ыңғайлы және оңай. Дегенмен, оның мүмкіндіктері шектелген, дизайнердің мүмкіндіктері де бар.

Тарих және шындық

Фреймдерден сайт жасау тәжірибесінде бұл тег (оның қолданбасы) бұрыннан екінші рет қайталанды. Олар модульдерді, дизайнерлік бағдарламаларда веб-сайтқа сайт жасаушысының қатысуынсыз кодты жасайтын параметрлерді алмастыра алды. Алайда, кейбір жағдайларда бұл жеткіліксіз. Мысалы, егер рамка браузерде көрсетілетін аумақтардың интегралды күрделі құрылымы болса. Осылайша, оның иелері құрылымдық сайттардың күрделілігін көреді. Оның жасауы тек төтенше жағдайларда ғана болады, өйткені Framey сайттары арнайы тегтер көмегімен ғана жасалады.

Кешенді құрылымдық сайттар

Олар үшін бірнеше өзара байланысты кадрларды құру ресурстың беттерінде мазмұнды ұйымдастырудың оңтайлы шешімі болып табылады. Бұл, әдетте, үлкен порталдар, жыл сайын өсіп келе жатыр.

Сол нәтижеге қалай қол жеткізуге болады? Жақтау құрылымын қалай жасауға болады?

кадр құрылымы

Бет кодына жақтауды қалай жазуға болады

HTML-дегі рамкалар тегтерді қолдану арқылы қосылады:

  • жақтау (жеке терезе үшін);
  • кадрлар жиынтығы (ол арқылы бүкіл құрылымды жасайды);
  • iframe («қалқымалы» кадр);
  • noframes (егер рамка пайдаланушы браузерінде көрсетілмесе).

Алғашқы көрсетілген белгі әрдайым жұпқа сәйкес келеді и . Және ол ауыстырады и . атауы (аты =), мөлшері (cols = және жолдар =), кадрдың (шекара) болуы, жылжыту жолағындағы және, әрине, көрсету үшін веб бетке сілтеме нысаны: және керекті атрибуттарымен сіз әрбір элемент сипаттамаларын реттеуге болады.

Дизайн нұсқалары

Сайттың бүкіл бетін аймақтарға бөлуге болады. Мысалы, бұл:

Сол жақта

Жоғарғы жақтау

Оң

Бұл құрылым (кірістірілген деп аталады) тегтің ішіндегі cols атрибутын белгілеу арқылы, кадрдың көлденең позициясын және жолдарды тігінен көрсете отырып алынуы мүмкін. Келесі - = белгісі және өлшемдері жазылған. Мысалы, 60%, 40% - пайыздық (бір терезе браузер кеңістігінің 60%, ал екіншісі тиісінше 40% болады). Немесе 100, 200 - пикселдердегі арақатынасы. Фреймдердің біреуінің өлшемін мүлдем орнатуға болмайды (ол әдепкі бойынша орнатылады). Мұны істеу үшін, үтірден кейін немесе одан кейін * көрсетіңіз.

Бұл жұп фреймдерді ішінде параметрлерімен әр кадрға тіркейді: SRC =, кесілетін бұдан әрі сілтеме веб-бетке жасалған және атауы атауы = (мысалы, 1 кадрға).

Әрбір жаңа аймақтың ұясы жаңа кадрлармен белгіленеді.

Мысал код:

Екінші және үшінші өлшемдердің кадрларына арналған біздің мысалда тек бір рет жазылғанына назар аударыңыз.

Көптеген задумок кадрларды орындауға мүмкіндік береді. Браузер терезесіндегі олардың орналасу мысалдары шексіз әкелуі мүмкін (кодты сәйкесінше өзгерту). Алайда, бұл ақпарат ұзақ уақыт бойы практикалық қолданысқа ие емес. Рамалар, егер бүгінгі күні сайттарды құру кезінде пайдаланылса, онда тек еркін CMS модулінде немесе iframe түрінде ғана.

Қабырғалық жақтау

рамкалардағы сайт

Бұл атаудың неліктен пайда болғаны таңқаларлық, мұнда «кіріктірілген» сөзі барынша қолайлы. Бұл кадр файлдың мазмұнын көрсету үшін жасалады. Дерекқорға кез-келген құжат немесе файл жүктеп, айфрамның тегтерін оған жолды тіркеу үшін пайдаланыңыз - және келушілер файлдың мәтінін (бейне немесе сурет) көреді. Өкінішке орай, браузерлер әрдайым мазмұнды көрсетпейді. Мұны жасау үшін веб-құрастырушылар ашу мен жабу тегі арасындағы фразаны енгізеді: «Сіздің браузеріңіз мазмұнды көрсетпейді».

Мысалы, Seopult.ru - магистрлерді ілгерілету үшін танымал қызмет. Оның негізгі сайты емес, портал клиенттері үшін жасалған I.seopult.pro айнасы. Айфрамның коды мына жерде жазылған:

  • Нұсқаулық
  • . Тег қай жерде

  • Тізім элементін анықтау үшін жасалған. Барлық браузерлер қолдайтын.

    Айна бетінде «Нұсқаулық» деген сөзді түйме түрінде көруге болады. Оны басқан кезде браузер терезесінің ортасында презентация ашылады.

    Фильмдер мен сериалдарға арналған барлық негізгі сайттар айфрамдардың көмегімен (мысалы, «Имхонет»), сондай-ақ әлеуметтік желілер арқылы жасалады. Тіпті «Яндекс» -нің басты бетінде бұл тег бар, бір жұп емес.

    Iframe қалай жазылуға болады

    Сайтқа кез-келген жерде жылжыту жолағы бар терезе түрінде құжатты жүктеңіз. Әдетте тегтер дененің ішінде орналасады. Стандартқа қосымша

    и

    , Жоғарыдағы мысалда көрсетілгендей, тізім тегі де пайдаланылуы мүмкін -

  • .

    Атрибуттар төлсипатқа қосылады:

    • ені (ені) және биіктігі (биіктігі =);
    • шетіне туралану;
    • шегініс, сіз тағайындай алмайсыз: әдепкі мән 6 - бұл жеткілікті;
    • Allowtransparency мүмкіндігімен, беттің фоны көрінетін етіп, кадрдың ауданының ашықтығын орнатуға болады;
    • плюс танымал scr, атау, айналдыру, шекара.

    Авиакомпания көмегімен навигация

    ең қызықты аясында саласындағы қабілеті болып табылады - тек (сол бетте пайдаланушыға қол жетімді екі) бірнеше сілтемелер бар, жасаушылар Seopult айна не істегенін - осы сілтемені терезеде мазмұнды ашуға мүмкіндік береді код жазу болып табылады.

    Осы мақсатта айфрам қабылданады, ол атымен атымен қосымша тіркеледі =. Мысалы, заголовок. Бұдан бұрын тегтерде и сілтемелер HREF арқылы тағайындалады = = міндетті атрибуттың мақсатты көрсеткіші арқылы = zagolovok. Жабу тегін қолданбас бұрын сілтеме ретінде жұмыс істейтін жазба көрсетіледі. «A» тегтері p белгісінде ашылып, жабылады.

    Кодта бірнеше жол бар, ол тораптағы қатардағы бірнеше түймешіктерді алу үшін пайдаланылуы мүмкін, әр түрлі мазмұн төменгі терезеде көрсетілетін болады.

    Коды келесідей болады:

    Жарнамаңызды жіберіңіз

    Жарнамаларды қарау

    Бұл сайтта қалай көрінеді:

    қалқымалы жақтау

    Jumlan сайтына iframe қалай кірістіріледі

    Әдетте, Jumla басқару панелінде «HTML-код» қосылған (яғни, пайдалануға дайын) модуль бар. Онымен сайтта кез-келген кодты енгізе аласыз. Дегенмен, айфрам белгісі бар код үнемі еленбейді. Сондықтан Jumi арнайы модулін қолданамыз.

    Ең алдымен, оны Интернеттен жүктеп, оны өзіңізге Jumla әкімшілік тақтасы арқылы орнатуыңыз керек: «Кеңейтімдер» - «Кеңейтім менеджері» - «Файлды таңдау». Жүктелген мұрағаттың жолын көрсетіңіз және «Жүктеу» дегенді нұқыңыз.

    Сәтті орнатқаннан кейін, «Module Manager» бөліміне өтіп, жаңа нұсқасын жасаңыз. Jumi түрін таңдаңыз. Ашылған терезеде «Пайдаланушы коды» өрісіне теріңіз
    Айфрам, бұл мақаланың алдыңғы параграфында көрсетілген. Модульге тақырып беріңіз, сайттың орналасу орнын және бетін көрсетіңіз. Нені болдырмасаңыз және тексеріңіз.

    Браузерлер мен фреймдер

    Барлық танымал браузерлер жақсы терезе рамалары мазмұнын көрсету: Chrome, Safari, Firefox, Android, IOS. Әсіресе, Internet Explorer және Opera опералары жоғары. Және де сайттың келушісі барлық терезелердің мазмұнын көретініне кепілдік жоқ. Бұл жағдайда сіз жарамсыз тегпен (ашу және жабу) хабар қалдыруыңыз керек. Ол мынадай жазу болады: «Сіздің браузеріңіз сайт жаңарту нұсқасы мазмұнын көрсету үшін ескірген болып табылады.». Пайдаланушының браузері кадрларды дұрыс көрсетсе, онда бұл хабарлама көрсетілмейді.

    Мәселен, рамка - өз URL мекенжайы бар сайттың аумағы немесе терезесі. Ол браузердің бір өрісінде бірнеше веб-беттерді немесе өздерінің URL мекен-жайлары бар тәуелсіз құжаттарды көрсету үшін пайдаланылады. Фреймдер күрделі құрылымдық сайтты жақсы ұйымдастыруға мүмкіндік берсе де, олар iframeден басқа ұзақ уақыт пайдаланылмаған. Бұл тегтің қолданылуы тұсаукесерлерді, бейне ойнатқышты, белгілі бір терезеде мәтіндік құжаттарды жүктеу үшін әлі де өзекті болып табылады. Ол ірі және танымал веб-ресурстармен белсенді пайдаланылады.

    Print Friendly, PDF және Email
  • Жүктелуде ...

    пікір қалдыру

    Сіздің электрондық пошта емес жарияланады. Міндетті өрістер таңбаланған *