Какво е рамката? Структура и създаване на рамки

Рамката е област в сайт (прозорец), в който е видима друга уеб страница. Уеб администраторите използват тази възможност да покажат основната страница на сайта на своите приятели или партньори. Същата техника се използва за показване на формата за търсене в прозорците и нейния резултат и т.н.

Но основно рамки се използват за създаване на големи уеб портали, където са необходими много елементи от менюто и подменюта. За тези обикновено казват: "сайт на рамки". Създаването на такъв ресурс изисква добро познаване на езика HTML.

Създаване на рамки в създателя на сайта

В някои дизайнери на сайта се осигурява автоматично генериране на такъв код. Обикновено бутонът за добавяне на рамка е в главното меню на програмата. Първо трябва да поставите курсора на желаното място на страницата, след това щракнете върху бутона, прозорецът ще се отвори (както е показано на екранната снимка). В него можете да зададете адреса на страницата, която ще се отвори в рамката, и да коригирате размерите: ширина и височина.

Но основно рамки се използват за създаване на големи уеб портали, където са необходими много елементи от менюто и подменюта. За тези обикновено казват: "сайт на рамки". Създаването на такъв ресурс изисква добро познаване на езика HTML.

С помощта на тази "услуга" е възможно да създадете няколко кадъра на страницата, това са само взаимосвързаните елементи, така че да не получите.

Рамки в CMS

Много програми за създаване на сайтове осигуряват възможността да инсталират подходящия модул. Например, за рамката на Joomla, това е модулът "Wrapper".

Той може да бъде намерен и създаден в контролния панел CMS Jumla: "Extensions" - "Мениджърски модули" - "Create" (кръгъл бутон оранжев с знак плюс вътре). В изскачащ прозорец, в списъка ще видите модула "Обвивка".

Ако той не е тук, то не е включено. За да го използвате, първо трябва да го активирате тук: раздела "Разширения", след това "Управление на разширенията", след това раздела "Управление". И погледнете в списъка, който се отваря, можете да въведете думата: Опаковка за бързо търсене в полето "Филтър". Противоположно на този модул трябва да има зелена икона с отметка вътре. Червеният кръг с точка в него ще покаже, че приставката е изключена.

След тази процедура можете да се върнете към "Module Manager", да създадете кадър и да зададете параметрите му.

Както можете да видите на снимката, модулът ви позволява да зададете: заглавката над рамката, позицията на модула, изберете страниците на сайта, на който ще се показва. А също и да коригирате ширината, височината - добавете рамка и действителната връзка към уеб страницата. Ако в рамката искате да покажете основната страница на сайт в пълна ширина, тогава 100%, зададено по подразбиране, няма да е достатъчно. Веднага можете да го поставите безопасно 400%. Надморска височина от 200 обикновено е достатъчна, за да се покаже менюто на горната страница. Цялото останало съдържание ще бъде видимо, ако потребителят (посетителят на сайта) използва лентата за превъртане.

Ето един пример за това какво е рамка в Jumla.

Модулът Jumla за създаване на рамка е много удобен и лесен за използване. Неговите възможности обаче са ограничени, както и възможностите на дизайнера.

История и реалност

В практиката на създаване на сайтове от рамки този маркер (приложението му) отдавна е станал второстепен. Те можаха да заменят модули, настройки в дизайнерските програми, които генерират код за уеб страницата без участието на строителя на сайта. В някои случаи това обаче не е достатъчно. Например, когато дадена рамка е интегрална комплексна структура на зоните, показвани в браузъра. Така собствениците виждат сложността на структурираните сайтове. При създаването му са само в екстремни случаи, защото сайтовете на Framey са създадени изключително с помощта на специализирани етикети.

Комплексни структурирани обекти

За тях създаването на няколко взаимосвързани рамки е оптималното решение за организиране на съдържанието на страниците на ресурса. Това, като правило, големи портали, нараства всяка година все повече и повече.

Как да постигнем същия резултат? Как да създадем структура на рамката?

Как да напиша рамка в кода на страницата

Рамките в HTML се добавят, като се използват следните етикети:

• рамка (за отделен прозорец);
• frameset (създава цялата структура с помощта на нея);
• iframe ("плаваща" рамка);
• noframes (в случай че рамката не се показва в браузъра на потребителя).

Първият специфициран маркер винаги пасва на двойката и . И той замества и . И със съответните атрибути можете да настроите характеристиките на всеки елемент: име (име =), размер (колони = и редове =), наличието на рамка (границата), под формата на лентата за превъртане и, разбира се, и връзка към уеб страница за показване.

Дизайн вариации

Цялата страница на сайта може да бъде разделена на области. Например това:

Тази структура (наречена вложени) може да бъде получена чрез задаване на атрибута cols вътре в таг, показващ хоризонталната позиция на рамката и редове - вертикално. Следващият е знакът = и размерите са написани. Например, 60%, 40% - процента (един прозорец ще отнеме 60% от пространството на браузъра, а другият - 40%). Или 100, 200 - съотношението на размерите в пиксели. Размерът на една от кадрите не може да бъде зададен изобщо (ще бъде инсталиран по подразбиране). За да направите това, трябва да посочите * след запетаята или след нея.

В рамките на тази двойка Frameset регистрира всеки кадър с параметрите: src =, след това кавиците са последвани от връзка към уеб страницата и име = с заглавната част (например Frame 1).

Гнездяването на всяка нова област се обозначава с новата рамка.

Пример:

Забележете, че в нашия пример за рамки от второто и третото измерение е написан само един път.

Много задачи ви позволяват да изпълнявате рамки. Примери за тяхното местоположение в прозореца на браузъра могат да се подават безкрайно (промяната на кода съответно). Въпреки това, тази информация не намира практическо приложение от дълго време. Рамки, ако се използват днес при създаването на сайтове, а след това само под формата на модули в свободен CMS или под формата на iframe.

Плаваща рамка

Странно е защо той е получил това име, но е по-подходяща дума "вградена". Тази рамка е създадена, за да показва съдържанието на файла. Зареждате в базата данни всеки документ или файл, използвайте таговете на ayframe, за да регистрирате пътя към него - и посетителите ще видят текста на файла (видео или изображение). За съжаление, браузърите не винаги показват съдържание. За да направите това, уеб-строителите въвеждат фразата между етикета за отваряне и затваряне: "Вашият браузър не показва съдържанието".

Например, Seopult.ru е добре позната услуга за промотиране на майстори. Не е неговият основен сайт, а I.seopult.pro огледалото, създадено за клиенти на портала. Кодът на ayframe е написан тук:

На страницата на огледалото можете да видите думата "Инструкция" под формата на бутон. Когато кликнете върху него, в средата на прозореца на браузъра се отваря презентация.

Всички големи сайтове за гледане на филми и сериали са създадени с помощта на ayframes (например "Imhonet"), както и социални мрежи. Дори основната страница на "Yandex" съдържа този маркер, а не една двойка.

Как да предпише iframe

Качете на сайта документ, който е под формата на прозорец с лентата за превъртане, може да бъде навсякъде. Обикновено етикетите се поставят в тялото. В допълнение към стандарта

и

Навигация с помощта на корпуса на самолета

Най-интересното е възможността в областта на рамки - това е да се напише код, който позволява да се отвори съдържанието на прозореца на линка - това, което е направил огледало създателите Seopult, само с няколко препратки (и двете достъпни за потребителя на същата страница).

За тази цел се взема ayframe, освен това се регистрира с име чрез име =. Например, zagolovok. Следвай преди да е в таговете и връзките се задават чрез HREF = със задължително указание след тях на атрибута target = zagolovok. Преди да използвате маркера за затваряне, се показва надпис, който ще служи като бутон за връзка. Маркерите "a" се отварят и затварят в маркера p.

В кода има няколко реда, които могат да се използват за получаване на няколко бутона в реда на сайта, като кликнете върху това кое различно съдържание ще се показва в долния прозорец.

Кодът ще изглежда така:

Изпратете рекламата си

Преглед на рекламите

Как ще изглежда на сайта:

Как да вмъкнете вградена рамка в сайта на Jumla

Стандартно в контролния панел на Jumla има включен (т.е. готов за употреба) модул "HTML-код". С него можете да вмъквате код навсякъде в сайта. Кодът с етикета ayfrem обаче постоянно се пренебрегва. Ето защо ще използваме специалния модул Jumi.

На първо място, трябва да го изтеглите от интернет и да го инсталирате за себе си чрез административния панел на Jumla: "Extensions" - "Extension Manager" - "Select file". Посочете пътя до изтегления архив и кликнете върху "Изтегляне".

След успешна инсталация отидете в "Module Manager" и създайте нова. Изберете типа Jumi. В прозореца, който се отваря, в полето "Персонализиран код" въведете подготвения iFram, както е показано в предишния параграф на статията. Дайте на модула заглавие, посочете позицията на разположение и страницата на сайта. Кликнете върху Запиши и потвърдете какво се е случило.

Браузъри и кадри

Всички популярни браузъри показват добре съдържанието на рамката на Windows: Chrome, Safari, Firefox, Android, iOS. Особено високо в това отношение са Internet Explorer и Opera. И все пак няма гаранция, че посетителят на вашия сайт ще види съдържанието на всички прозорци. В този случай трябва да оставите съобщение с етикета noframe (отваряне и затваряне). В него можете да въведете следното: "Вашият браузър е остарял." За да покажете съдържанието на сайта, актуализирайте версията ". Ако браузърът на потребителя показва рамките правилно, това съобщение няма да се покаже.

Така че, рамка е област или прозорец на сайт, който има свой собствен URL адрес. Използва се за показване в едно поле на браузъра на няколко уеб страници или независими документи, които също имат собствен URL адрес. Въпреки факта, че рамките ви позволяват да организирате сложен структуриран сайт добре, те не са били използвани дълго време, с изключение на iframe. Приложението на този маркер все още е подходящо за изтегляне на презентации, видеоплейър, текстови документи в определен прозорец. Той се използва активно от големи и известни уеб ресурси.