Çərçivə saytın (pəncərənin) başqa veb-səhifənin göründüyü sahədir. Veb ustaları bu fürsətdən dostlarının və ya tərəfdaşlarının saytlarının ana səhifəsini nümayiş etdirmək üçün istifadə edirlər. Axtarış formasını yanında nəticə olan xanalarda və s. göstərmək üçün eyni texnikadan istifadə edilir.
Lakin böyük veb portalların yaradılmasında əsasən çərçivələrdən istifadə olunur, burada xeyli sayda menyu elementləri və alt menyular tələb olunur. Adətən belə insanlar haqqında deyirlər: “website on frames”. Belə bir mənbə yaratmaq üçün yaxşı HTML biliyi tələb olunur.
Vebsayt qurucusunda çərçivələr yaradılır
Bəzi veb sayt qurucuları belə kodun avtomatik yaradılmasını təmin edir. Adətən çərçivə əlavə et düyməsi proqramın əsas menyusunda yerləşir. Əvvəlcə kursoru səhifənin düzgün yerinə qoymalısınız, sonra düyməni basın, bir pəncərə açılacaq (ekran görüntüsündə göstərildiyi kimi). Orada siz çərçivədə açılacaq səhifənin ünvanını təyin edə və ölçüləri tənzimləyə bilərsiniz: en və hündürlük.
Lakin böyük veb portalların yaradılmasında əsasən çərçivələrdən istifadə olunur, burada xeyli sayda menyu elementləri və alt menyular tələb olunur. Adətən belə insanlar haqqında deyirlər: “website on frames”. Belə bir resurs yaratmaq yaxşı bilik tələb edirHTML dili.
Bu "xidmət"in köməyi ilə səhifədə bir neçə çərçivə yaratmaq olar, lakin siz bu şəkildə bir-birinə bağlı elementlər əldə etməyəcəksiniz.
CMS-də çərçivələr
Veb saytların yaradılması üçün bir çox proqramda müvafiq modulu quraşdırmaq mümkündür. Məsələn, Joomla üçün çərçivə "Sağlayıcı" moduldur.
Onu Joomla CMS idarəetmə panelində tapmaq və yaratmaq olar: "Genişləndirmələr" - "Modul Meneceri" - "Yarat" (içərisində plus işarəsi olan dəyirmi narıncı düymə). Açılan pəncərədə, siyahıda siz "Qapaq" modulunu görəcəksiniz.
Burada deyilsə, o, daxil deyil. Onu istifadə etmək üçün əvvəlcə onu burada aktivləşdirməlisiniz: "Uzantılar" sekmesi, sonra "Genişləndirmə meneceri", sonra "İdarəetmə" nişanı. Və açılan siyahıya baxırıq, "Filtr" sahəsində sürətli axtarış üçün sözü daxil edin: Sarmalayıcı. Bu modulun qarşısında içərisində onay işarəsi olan yaşıl bir işarə olmalıdır. İçində nöqtə olan qırmızı dairə bu plaqinin deaktiv edildiyini bildirir.
Bu prosedurdan sonra siz "Modul meneceri"nə qayıda, çərçivə yarada və onun parametrlərini təyin edə bilərsiniz.
Şəkildə gördüyünüz kimi modul təyin etməyə imkan verir: çərçivənin üstündəki başlığı, modulun mövqeyini, onun göstəriləcəyi saytın səhifələrini seçin. Həm də eni, hündürlüyü tənzimləyin; bir çərçivə əlavə edin və əslindəveb səhifəsinə keçid. Bir çərçivədə saytın əsas səhifəsini tam genişlikdə göstərmək istəyirsinizsə, o zaman standart olaraq təyin edilmiş 100% kifayət etməyəcəkdir. Dərhal təhlükəsiz olaraq 400% qoya bilərsiniz. Səhifənin yuxarı menyusunu göstərmək üçün adətən 200 hündürlüyü kifayətdir. İstifadəçi (veb-sayt ziyarətçisi) sürüşdürmə çubuğundan istifadə edərsə, bütün digər məzmun görünəcək.
Budur, Joomla-da çərçivənin nə olduğuna dair bir nümunə.
Çərçivə yaratmaq üçün Jumla modulu çox rahat və istifadəsi asandır. Bununla belə, onun imkanları konstruktorun imkanları kimi məhduddur.
Tarix və reallıqlar
Çərçivələrdən saytların yaradılması təcrübəsində bu teq (onun tətbiqi) çoxdan arxa plana keçib. Onları sayt qurucusunun iştirakı olmadan veb səhifə üçün kod yaradan konstruktor proqramlarında modullar, parametrlər ilə əvəz etmək mümkün olub. Ancaq bəzi hallarda bu kifayət deyil. Məsələn, çərçivə brauzerdə göstərilən sahələrin vahid kompleks strukturu olduqda. Mürəkkəb strukturlu saytların sahibləri bunu belə görürlər. Onun yaradılması yalnız ekstremal hallarda istifadə olunur, çünki çərçivə saytları yalnız xüsusi teqlərin köməyi ilə yaradılır.
Mürəkkəb strukturlaşdırılmış saytlar
Onlar üçün bir-biri ilə əlaqəli bir neçə çərçivə yaratmaq resurs səhifələrində məzmunun təşkili üçün ən yaxşı həll yoludur. Bunlar, bir qayda olaraq, hər il daha da güclənən böyük portallardır.
Eyni nəticəni necə əldə etmək olar? Çərçivə strukturu necə yaradılır?
Necəsəhifə koduna çərçivə daxil edin
HTML-də çərçivələr teqlərdən istifadə etməklə əlavə edilir:
- çərçivə (ayrı pəncərə üçün);
- çərçivə dəsti (bütün struktur yaratmaq üçün istifadə etməklə);
- iframe ("üzən" çərçivə);
- noframes (çərçivə istifadəçinin brauzerində göstərilmədiyi halda).
İlk qeyd olunan teq həmişə və cütlüyünə uyğun gəlir. Və əvəz edir və. Və müvafiq atributların köməyi ilə siz hər bir elementin xüsusiyyətlərini tənzimləyə bilərsiniz: ad (ad=), ölçüsü (cols=və sətirlər=), haşiyənin olması (sərhəd), sürüşmə çubuğunun görünüşü və, əlbəttə, göstərmək üçün veb səhifənin linki.
Dizayn varyasyonları
Saytın bütün səhifəsini sahələrə bölmək olar. Məsələn, belə:
| Sol | Üst çərçivə |
| Sağ |
Belə strukturu (buna iç-içə adlanır) cols atributunu teq daxilində yazmaqla əldə etmək olar ki, bu da çərçivənin üfüqi, sətirlərin isə şaquli yerləşməsi deməkdir. Sonra=işarəsi qoyulur və ölçülər təyin olunur. Məsələn, 60%, 40% - faiz (bir pəncərə brauzer sahəsinin 60% -ni, digəri müvafiq olaraq 40%). Və ya 100, 200 - piksel nisbəti. Çərçivələrdən birinin ölçüsü ümumiyyətlə təyin edilə bilməz (defolt olaraq təyin olunacaq). Bunu etmək üçün vergüldən sonra və ya əvvəl. simvolunu göstərməlisiniz.
Yuvalamahər yeni sahə yeni çərçivə dəsti ilə işarələnir.
Kod nümunəsi:
Qeyd edək ki, nümunəmizdə ikinci və üçüncü çərçivələr üçün ölçülər yalnız bir dəfə göstərilib.
Bir çox ideyalar çərçivələri tamamlamağa imkan verir. Brauzer pəncərəsindəki yerlərinin nümunələri sonsuz olaraq verilə bilər (kodu müvafiq olaraq dəyişdirərək). Ancaq bu məlumat uzun müddət praktik tətbiq tapmadı. Çərçivələr, əgər bu gün saytlar yaradarkən istifadə olunursa, yalnız pulsuz CMS-də modullar şəklində və ya iframe şəklindədir.
Üzən çərçivə
Qəribədir ki, niyə belə ad alıb, burada "inteqrasiya" sözü daha uyğundur. Bu çərçivə faylın məzmununu göstərmək üçün yaradılmışdır. İstənilən sənəd və ya faylı verilənlər bazasına yükləyirsiniz, iframe teqlərindən istifadə edərək ona gedən yolu yazın - və ziyarətçilər faylın mətnini (video və ya şəkil) görəcəklər. Təəssüf ki, brauzerlər həmişə məzmun göstərmir. Bunun üçün veb qurucuları açılış və bağlama teqləri arasına ifadə daxil edirlər: "Brauzeriniz məzmun göstərmir."
Məsələn, Seopult.ru promosyon ustaları üçün tanınmış xidmətdir. Yalnız onun əsas saytı deyil, portal müştəriləri üçün yaradılmış güzgü I.seopult.pro. iframe kodu burada aşağıdakı kimi yazılır:
Təlimatlar
.etiketi haradadır
-
siyahı elementini müəyyən etmək üçün yaradılmışdır. Bütün brauzerlər tərəfindən dəstəklənir.
Güzgü səhifəsinin özündə düymə şəklində "Təlimat" sözünü görə bilərsiniz. Brauzer pəncərəsinin mərkəzində onun üzərinə klikləməklə təqdimat açılır.
Hamısı böyükfilmlərə və seriallara baxmaq üçün saytlar iframes (məsələn, "Imhonet"), eləcə də sosial şəbəkələrdən istifadə etməklə yaradılır. Hətta "Yandex"in əsas səhifəsində bu teq və birdən çox cüt var.
İframe necə yazılır
Sənədi sürüşdürmə çubuğu olan pəncərə şəklində saytın istənilən yerinə yükləyə bilərsiniz. Adətən etiketlər bədənin içərisinə yerləşdirilir. Standartdan artıq
və, yuxarıdakı nümunədə göstərildiyi kimi, siyahı etiketi də istifadə edilə bilər -
-
Atributlar iframe-ə əlavə edilib:
- en (en) və hündürlük (hündürlük=);
- kənar düzülməsi;
- müəyyən edilə bilən və ya edilməyən girintilər: standart dəyər 6-dır - bu kifayət qədərdir;
- şəffaflığa icazə verərək, siz çərçivə sahəsinin şəffaflığını təyin edə bilərsiniz ki, səhifənin fonu görünsün;
- üstəlik tanış skr, ad, sürüşdürmə, haşiyə.
İframe ilə naviqasiya
Ən maraqlı çərçivələmə bacarığı, Seopult güzgüsünün yaradıcılarının eyni anda bir neçə keçidlə (eyni vaxtda istifadəçi üçün əlçatan) etdiyi bir keçid vasitəsilə məzmunu pəncərədə açmağa imkan verən kod yazmaqdır. eyni səhifə).
Bunun üçün iframe götürülür, ona əlavə olaraq name=vasitəsilə ad yazılır. Məsələn, başlıq. Bundan əlavə, ondan əvvəl teqlərdə və keçidlər HREF=vasitəsilə yazılır, onlardan sonra atribut məcburi göstərilməklə a bağlanma teqindən istifadə etməzdən əvvəl keçid düyməsi kimi xidmət edəcək yazı göstərilir. Etiketlər "a" açılış və bağlanmap. etiketinə əlavə olunub
Aşağıdakı pəncərədə hansı müxtəlif məzmunun göstəriləcəyinə klikləməklə, nəticədə saytda bir cərgədə bir neçə keçid düyməsi əldə etmək üçün kodda bir neçə belə sətir yaza bilərsiniz.
Kod belə görünəcək:
Reklam yerləşdirin
Elanlara Baxın
Image Veb-saytda necə görünəcək:
Joomla saytına iframe necə daxil edilir
Standart olaraq, Joomla idarəetmə panelində aktiv (istifadəyə hazır) "HTML kodu" modulu var. Bununla siz saytın istənilən yerinə istənilən kodu daxil edə bilərsiniz. Bununla belə, o, iFrem etiketi ilə kodu inadla məhəl qoymur. Buna görə də biz xüsusi Jumi modulundan istifadə edəcəyik.
İlk növbədə onu İnternetdən yükləməlisiniz və Joomla administrativ paneli vasitəsilə quraşdırmalısınız: "Uzantılar" - "Genişləndirmə meneceri" - "Fayl seçin". Endirilmiş arxivin yolunu göstərin və "Yüklə" üzərinə klikləyin.
Uğurlu quraşdırmadan sonra "Modul meneceri"nə keçin və yenisini yaradın. Jumi növünü seçin. Açılan pəncərədə "Xüsusi kod" sahəsinə məqalənin əvvəlki bəndində göstərildiyi kimi hazırlanmış iFrem-i daxil edin. Modula başlıq verin, yerləşdirmə mövqeyini və sayt səhifələrini göstərin. Saxla klikləyin və yoxlayın.
Brauzerlər və çərçivələr
Bütün məşhur brauzerlər çərçivə pəncərələrinin məzmununu yaxşı göstərir: Chrome, Safari, Firefox, Android, iOS. Internet Explorer və Opera bu baxımdan xüsusilə yüksək göstəricilərə malikdir. Və hələ də heç bir zəmanət yoxdursaytınızın ziyarətçisi bütün pəncərələrin məzmununu görəcək. Bu halda, siz noframe teqindən istifadə edərək mesaj buraxmalısınız (açma və bağlama). Siz ona aşağıdakıları daxil edə bilərsiniz: "Brauzeriniz köhnəlib. Saytın məzmununu göstərmək üçün versiyanı yeniləyin." İstifadəçinin brauzeri çərçivələri düzgün tərtib edərsə, o, bu mesajı görməyəcək.
Beləliklə, çərçivə öz URL-i olan saytın sahəsi və ya pəncərəsidir. Eyni zamanda bir brauzer sahəsində bir neçə veb səhifəni və ya müstəqil sənədləri göstərmək üçün istifadə olunur, həmçinin öz URL-ləri var. Çərçivələrin mürəkkəb saytı yaxşı təşkil etməyə imkan verməsinə baxmayaraq, iframe istisna olmaqla, onlar uzun müddət istifadə edilmir. Bu etiketin istifadəsi hələ də təqdimatların, video pleyerin, mətn sənədlərinin müəyyən bir pəncərədə yüklənməsi üçün aktualdır. Böyük və tanınmış veb resursları tərəfindən fəal şəkildə istifadə olunur.
-
