Рамката е област на сайт (прозорец), в която се вижда друга уеб страница. Уеб администраторите използват тази възможност, за да покажат началната страница на сайтовете на своите приятели или партньори. Същата техника се използва за показване на формуляра за търсене в полетата с резултата до него и т.н.
Но предимно рамки се използват при създаването на големи уеб портали, където са необходими значителен брой елементи от менюто и подменюта. Обикновено за такива хора казват: "сайт в рамки". За създаването на такъв ресурс се изисква добро познаване на HTML.
Създаване на рамки в конструктора на уебсайтове
Някои създатели на уебсайтове осигуряват автоматично генериране на такъв код. Обикновено бутонът за добавяне на рамка се намира в главното меню на програмата. Първо трябва да поставите курсора на правилното място на страницата, след това щракнете върху бутона, ще се отвори прозорец (както е показано на екранната снимка). В него можете да зададете адреса на страницата, която ще се отваря в рамката, и да регулирате размерите: ширина и височина.
Но предимно рамки се използват при създаването на големи уеб портали, където са необходими значителен брой елементи от менюто и подменюта. Обикновено за такива хора казват: "сайт в рамки". За да създадете такъв ресурс са необходими добри познанияHTML език.
С помощта на тази "услуга" е възможно да създадете няколко кадъра на страницата, но няма да получите взаимосвързани елементи по този начин.
Рамки в CMS
В много програми за създаване на уебсайтове е възможно да се инсталира съответният модул. Например, за Joomla рамката е модул "Wrapper".
Може да се намери и създаде в контролния панел на Joomla CMS: "Разширения" - "Мениджър на модули" - "Създаване" (кръгл оранжев бутон със знак плюс вътре). В изскачащия прозорец, в списъка, ще видите модула "Wrapper".
Ако не е тук, не е включено. За да го използвате, първо трябва да го активирате тук: раздел "Разширения", след това "Диспечер на разширения", след това раздел "Управление". И ние търсим в списъка, който се отваря, за бързо търсене в полето "Филтър" въведете думата: Wrapper. Срещу този модул трябва да има зелена икона с отметка вътре. Червен кръг с точка вътре ще означава, че този плъгин е деактивиран.
След тази процедура можете да се върнете към "Мениджър на модули", да създадете рамка и да зададете нейните параметри.
Както можете да видите на снимката, модулът ви позволява да зададете: заглавие над рамката, позиция на модула, изберете страниците на сайта, на които ще се показва. И също така регулирайте ширината, височината; добавете рамка и всъщноствръзка към уеб страница. Ако в рамка искате да покажете главната страница на сайт в пълна ширина, тогава 100%, зададени по подразбиране, няма да са достатъчни. Можете веднага безопасно да поставите 400%. Височина от 200 обикновено е достатъчна за показване на горното меню на страницата. Цялото друго съдържание ще бъде видимо, ако потребителят (посетител на уебсайта) използва лентата за превъртане.
Ето пример за това какво представлява рамката в Joomla.
Jumla модул за създаване на рамка е много удобен и лесен за използване. Въпреки това, неговите възможности са ограничени, както и възможностите на конструктора.
История и реалности
В практиката на създаване на сайтове от рамки, този таг (неговото приложение) отдавна е избледнял на заден план. Те можеха да бъдат заменени от модули, настройки в програми-конструктори, които генерират код за уеб страница без участието на конструктор на сайтове. В някои случаи обаче това не е достатъчно. Например, когато рамката е холистична сложна структура от области, показани в браузъра. Така го виждат собствениците на сложно структурирани сайтове. Създаването му се използва само в крайни случаи, тъй като рамковите сайтове се създават изключително с помощта на специализирани тагове.
Сложно структурирани сайтове
За тях създаването на няколко взаимосвързани рамки е най-доброто решение за организиране на съдържание на страниците с ресурси. По правило това са големи портали, които стават все по-силни всяка година.
Как да постигнем същия резултат? Как се създава структурата на рамката?
Каквмъкване на рамка в кода на страницата
Рамките в HTML се добавят с помощта на тагове:
- рамка (за отделен прозорец);
- frameset (използвайки го за създаване на цяла структура);
- iframe ("плаваща" рамка);
- noframes (в случай, че рамката не се показва в браузъра на потребителя).
Първият посочен етикет винаги се побира в двойка и. И замества и. И с помощта на съответните атрибути можете да регулирате характеристиките на всеки елемент: име (name=), размер (cols=и rows=), наличие на рамка (граница), външен вид на лентата за превъртане и, разбира се, връзката към уеб страницата за показване.
Варианти на дизайна
Цялата страница на сайта може да бъде разделена на области. Например, така:
| Ляво | Горна рамка |
| Дясно |
Такава структура (нарича се вложена) може да се получи чрез записване на атрибута cols вътре в тага, което означава хоризонтално разположение на рамката, а на редовете - вертикално. След това се поставя знакът=и се предписват размерите. Например, 60%, 40% - процент (единият прозорец ще заеме 60% от пространството на браузъра, другият, съответно, 40%). Или 100, 200 - съотношение на страните в пиксели. Размерът на една от рамката изобщо не може да бъде зададен (ще бъде зададен по подразбиране). За да направите това, след или преди запетаята, трябва да посочите символа.
Вложениевсяка нова област се обозначава с нов набор от рамки.
Пример за код:
Забележете, че в нашия пример, за втория и третия кадър, размерите са посочени само веднъж.
Много идеи ви позволяват да завършите кадри. Примери за тяхното местоположение в прозореца на браузъра могат да се дават безкрайно (смяна на кода съответно). Тази информация обаче не намира практическо приложение от дълго време. Рамките, ако се използват днес при създаване на сайтове, са само под формата на модули в безплатни CMS или под формата на iframe.
Плаваща рамка
Странно защо получи такова име, думата "вграден" е по-подходяща тук. Тази рамка е създадена за показване на съдържанието на файл. Качвате всеки документ или файл в базата данни, пишете пътя към него с помощта на iframe тагове - и посетителите ще видят текста на файла (видео или изображение). За съжаление, браузърите не винаги изобразяват съдържание. За да направят това, уеб създателите въвеждат фразата между отварящия и затварящия маркер: „Вашият браузър не показва съдържание.“
Например, Seopult.ru е добре позната услуга за майстори на промоция. Само не основният му сайт, а огледало I.seopult.pro, създадено за клиенти на портала. Кодът на iframe е написан тук, както следва:
Инструкции
. Къде е етикетът
-
беше създаден за дефиниране на елемент от списъка. Поддържа се от всички браузъри.
На самата огледална страница можете да видите думата "Инструкция" под формата на бутон. Щракването върху него в центъра на прозореца на браузъра отваря презентацията.
Всички големисайтове за гледане на филми и сериали се създават с помощта на iframes (например "Imhonet"), както и социални мрежи. Дори главната страница на "Yandex" съдържа този маркер и повече от един чифт.
Как да напиша вградена рамка
Можете да качите документ под формата на прозорец с лента за превъртане на всяко място в сайта. Обикновено етикетите се поставят вътре в тялото. Отвъд стандарта
и, както е показано в примера по-горе, маркерът за списък може също да се използва -
-
Атрибутите се добавят към вградената рамка:
- ширина (ширина) и височина (височина=);
- подравняване на ръба;
- отстъпи, които могат или не могат да бъдат посочени: стойността по подразбиране е 6 - това е напълно достатъчно;
- използвайки разрешите прозрачност, можете да зададете прозрачността на областта на рамката, така че да може да се вижда фонът на страницата;
- плюс познатото scr, име, превъртане, граница.
Навигиране с вградена рамка
Най-интересното умение за рамкиране е писането на код, който ви позволява да отваряте съдържание в прозорец чрез връзка, което направиха създателите на огледалото на Seopult, само с няколко връзки наведнъж (едновременно достъпни за потребителя на същата страница).
За това се взема iframe, името се изписва допълнително в него чрез name=. Например заглавие. Освен това, преди него в таговете и връзките се изписват чрез HREF=със задължителното посочване на атрибута след тях. Преди използването на затварящия таг a се посочва надпис, който ще служи като бутон за връзка. Етикети "а" отваряне и затварянеса включени в етикета p.
Можете да напишете няколко такива реда в кода, за да получите в крайна сметка няколко бутона за връзки в един ред на сайта, като щракнете върху което различно съдържание ще се покаже в прозореца по-долу.
Кодът ще изглежда така:
Публикуване на реклама
Преглед на рекламите
Image Как ще изглежда на уебсайта:
Как да вмъкна вградена рамка в сайт на Joomla
Като стандарт, контролният панел на Joomla има активиран (готов за използване) модул "HTML-код". С него можете да вмъкнете произволен код навсякъде в сайта. Той обаче упорито игнорира кода с тага iFrem. Затова ще използваме специален модул Jumi.
На първо място, трябва да го изтеглите от Интернет и да го инсталирате през административния панел на Joomla: "Разширения" - "Диспечер на разширения" - "Избор на файл". Посочете пътя към изтегления архив и щракнете върху „Изтегляне“.
След успешна инсталация, отидете на "Module Manager" и създайте нов. Изберете вида на Jumi. В прозореца, който се отваря, в полето "Custom Code" въведете готовия iFrem, както е показано в предишния параграф на статията. Дайте заглавие на модула, посочете позицията на разположение и страниците на сайта. Щракнете върху запазване и проверете.
Браузъри и рамки
Всички популярни браузъри показват добре съдържанието на прозорците на рамката: Chrome, Safari, Firefox, Android, iOS. Internet Explorer и Opera имат особено висок процент в това отношение. И все пак няма гаранцияче посетителят на вашия сайт ще види съдържанието на всички прозорци. В този случай трябва да оставите съобщение, използвайки маркера noframe (отваряне и затваряне). Можете да въведете следното в него: "Вашият браузър е остарял. Актуализирайте версията, за да се покаже съдържанието на сайта." Ако браузърът на потребителя изобрази рамки правилно, те няма да видят това съобщение.
Така че рамката е област или прозорец на сайт, който има свой собствен URL. Използва се за показване на няколко уеб страници или независими документи в едно поле на браузъра наведнъж, като също има собствен URL. Въпреки факта, че рамките ви позволяват да организирате добре сложен сайт, те не са били използвани дълго време, с изключение на iframe. Използването на този таг все още е уместно за зареждане на презентации, видеоплейър, текстови документи в конкретен прозорец. Използва се активно от големи и добре познати уеб ресурси.
-
