Хүрээ гэдэг нь сайтын (цонх) өөр вэб хуудас харагдах хэсгийг хэлнэ. Вэбмастерууд энэ боломжийг ашиглан найз нөхөд эсвэл түншийнхээ сайтын нүүр хуудсыг харуулдаг. Хайлтын маягтыг хажууд байгаа үр дүн гэх мэт нүднүүдэд харуулахын тулд ижил аргыг ашигладаг.
Гэхдээ томоохон вэб порталуудыг бий болгоход ихэвчлэн фреймүүдийг ашигладаг бөгөөд энд маш олон тооны цэс, дэд цэс шаардлагатай байдаг. Тэд ихэвчлэн ийм хүмүүсийн тухай хэлдэг: "хүрээ дээрх вэбсайт". Ийм нөөц үүсгэхийн тулд 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"), түүнчлэн нийгмийн сүлжээг ашиглан бүтээдэг. "Yandex"-ийн үндсэн хуудсанд хүртэл энэ шошго болон нэгээс олон хос байдаг.
Хэрхэн iframe бичих вэ
Та сайтын аль ч хэсэгт гүйлгэх самбар бүхий цонх хэлбэрээр баримт бичгийг байршуулах боломжтой. Ихэвчлэн шошгыг биеийн дотор байрлуулдаг. Стандартаас хэтэрсэн
болон, дээрх жишээнд үзүүлсэн шиг жагсаалтын шошгыг бас ашиглаж болно -
-
Атрибутуудыг iframe-д нэмсэн:
- өргөн (өргөн) ба өндөр (өндөр=);
- захын зэрэгцүүлэх;
- тодорхойлсон эсвэл тодорхойгүй байж болох догол мөр: өгөгдмөл утга нь 6 - энэ нь хангалттай;
- allowtransparency-г ашиглан та фрэймийн талбайн ил тод байдлыг тохируулах боломжтой бөгөөд ингэснээр хуудасны арын дэвсгэр харагдах болно;
- н дээр нь танил скр, нэр, гүйлгэх, хүрээ.
iframe-р навигац
Хамгийн сонирхолтой фрэймийн ур чадвар бол Seopult толин тусгал бүтээгчид нэг дор хэд хэдэн холбоосоор (хэрэглэгч нэгэн зэрэг ашиглах боломжтой) линкээр цонхонд агуулгыг нээх боломжийг олгодог код бичих явдал юм. ижил хуудас).
Үүний тулд iframe авч, нэрийг нь name=-ээр нэмж бичнэ. Жишээлбэл, толгой. Цаашилбал, түүний өмнө хаягууд болон холбоосууд дээр HREF=-ээр дамжуулан тэдгээрийн араас шинж чанарыг заавал зааж өгнө. Хаалтын таг a-г ашиглахын өмнө холбоос товчлуурын үүрэг гүйцэтгэх бичээсийг зааж өгнө. "a" шошго нээх, хаах хуудасны шошгонд хавсаргасан байна
Доорх цонхонд өөр контент гарч ирэх дээр дарснаар сайтын нэг мөрөнд хэд хэдэн холбоосын товчлуурыг авахын тулд кодонд хэд хэдэн ийм мөр бичиж болно.
Код нь иймэрхүү харагдах болно:
Зар нийтлэх
Зар үзэх
Image Вэбсайт дээр хэрхэн харагдах вэ:
Joomla сайтад iframe хэрхэн оруулах вэ
Стандартын хувьд Joomla хяналтын самбар нь идэвхжүүлсэн (хэрэглэхэд бэлэн) "HTML-код" модультай. Үүний тусламжтайгаар та сайтын хаана ч хамаагүй код оруулах боломжтой. Гэсэн хэдий ч тэрээр iFrem шошготой кодыг зөрүүдлэн үл тоомсорлодог. Тиймээс бид тусгай Jumi модулийг ашиглах болно.
Юуны өмнө та үүнийг интернетээс татаж аваад Joomla-н админ самбараар дамжуулан суулгах хэрэгтэй: "Өргөтгөлүүд" - "Өргөтгөлийн менежер" - "Файл сонгох". Татаж авсан архивын замыг зааж өгөөд "Татаж авах" дээр дарна уу.
Амжилттай суулгасны дараа "Модуль менежер" рүү очоод шинээр үүсгэнэ үү. Jumi-ийн төрлийг сонгоно уу. Нээгдсэн цонхны "Гаалийн код" талбарт нийтлэлийн өмнөх догол мөрөнд үзүүлсэн шиг бэлтгэсэн iFrem-ийг оруулна уу. Модульд гарчиг өгч, байршлын байршил, сайтын хуудсыг зааж өгнө үү. Хадгалж байгаад шалгана уу.
Хөтөч ба хүрээ
Бүх алдартай хөтчүүд хүрээний цонхны агуулгыг сайн харуулдаг: Chrome, Safari, Firefox, Android, iOS. Энэ тал дээр Internet Explorer болон Opera маш өндөр үзүүлэлттэй байна. Тэгээд ч баталгаа байхгүйТаны сайтын зочин бүх цонхны агуулгыг харах болно. Энэ тохиолдолд та noframe тагийг (нээх, хаах) ашиглан мессеж үлдээх хэрэгтэй. Та үүнд дараах зүйлийг оруулж болно: "Таны хөтөч хуучирсан байна. Сайтын агуулгыг харуулахын тулд хувилбараа шинэчилнэ үү." Хэрэв хэрэглэгчийн хөтөч фреймийг зөв дүрсэлсэн бол тэд энэ мессежийг харахгүй.
Тиймээс фрейм нь өөрийн URL-тай сайтын хэсэг эсвэл цонх юм. Хэд хэдэн вэб хуудас эсвэл бие даасан баримт бичгийг хөтчийн нэг талбарт нэгэн зэрэг харуулахад ашигладаг бөгөөд мөн өөрийн URL-тай. Хэдийгээр хүрээ нь нарийн төвөгтэй сайтыг сайн зохион байгуулах боломжийг олгодог боловч iframe-ээс бусад тохиолдолд тэдгээрийг удаан хугацаанд ашиглаагүй байна. Энэ шошгыг ашиглах нь танилцуулга, видео тоглуулагч, текст баримтыг тодорхой цонхонд ачаалахад хамааралтай хэвээр байна. Үүнийг том, алдартай вэб эх сурвалжууд идэвхтэй ашигладаг.
-
