ИнтернетУеб дизайн

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

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

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

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

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

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

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

Рамки в CMS

Много програми за създаване на уеб сайтове, възможност за монтаж на модула. Например, за Joomla рамка - този модул "обвивка (обвивка)."

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

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

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

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

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

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

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

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

сложни структурирани сайтове

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

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

Как да влезете в кадър в кода на страницата

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

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

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

регистрация вариации

Цялата страница на сайта може да бъде разделена на региони. Така например, по следния начин:

оставен

горната рамка

прав

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

В тази двойка набора от рамки регистрира всеки фрейм с параметри: SRC = HTTP: е направена // сайт / статия / 143778 /% 2С цитиран позоваване по-нататък към уеб страница и име на заглавие = (например, рамка 1).

Разполагане всяка нова област е определен нов от рамки.

Пример код: <набора от рамки редове = "50" колони = "80,20"> <рамка SRC = "http://fb.ru/article/143778/%5B%D1%81%D1%81%D1%8B% D0% BB% D0% BA% D0% B0 страница] "име =" кадър номер 1 "> <от рамки редове =" 80,20 "> <рамка SRC =" http://fb.ru/article/143778/ % 5В% D1% 81% D1% 81% D1% 8В% D0% BB% D0% BA% D0% B0 на страница] "име =" рамка № 2 "> <рамка SRC =" HTTP: // сайт / статия / 143778 /% 5В% D1% 81% D1% 81% D1% 8В% D0% BB% D0% BA% D0% B0 на страница] "име =" рамка № 3 ">

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

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

плаваща рамка

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

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

  • <един HREF = "HTTP: // сайт / статия / 143778 /% 5В% D1% 81% D1% 81% D1% 8В% D0% BB% D0% BA% D0% B0 страница] "> Инструкции . Къде <Ли> таг има за цел да определи елемента от списъка. С подкрепата на всички браузъри.

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

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

    Как да се регистрирате вградена рамка

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

  • .

    В ayfreym добавят атрибути:

    • ширина (ширина) и височина (височина =);
    • подравняване на ръб привеждане в съответствие;
    • уплътнение, което не може да определи: стойността по подразбиране е 6 - това е напълно достатъчно;
    • използване поле allowtransparency прозрачност рамка, можете да укажете, че можете да видите на фона на страницата;
    • плюс запознат SCR, името, превъртането граница.

    Навигация с помощта ayfreyma

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

    За тази взети ayfreym, че допълнително регистрира името след име =. Например, zagolovok. Освен това, пред него в тагове и препратки предписани от HREF = HTTP: // сайт / статия / 143778 /% D1%, което показва задължителната 81, след като атрибут целеви = zagolovok. Преди да можете да използвате затварящ таг, посочи надпис, който ще служи като референтен бутона. Етикети "и" отваряне и затваряне са в р маркер.

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

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

    <един HREF = "HTTP: // сайт / статия / 143778 /% 5В% D1% 81% D1% 81% D1% 8В% D0% BB% D0% BA% D0% B0 на страница]" целева = "zagolovok"> Пощенска Безплатни обяви

    <А HREF = "HTTP: // сайт / статия / 143778 /% 5В% D1% 81% D1% 81% D1% 8В% D0% BB% D0% BA% D0% B0 на страница]" целева = "zagolovok" > Преглед на обява

    <вградена рамка SRC = "HTTP: // сайт / статия / 143778 /% 5В% D0% BB% D0% BA% D0% B0 страница] 8В% D1% 81% D1% 81% D1%" име = "zagolovok" широчина = "100%" височина = "200">

    Как ще го гледам на сайта:

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

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

    На първо място, тя трябва да бъде изтеглен от интернет и инсталиране на себе си чрез администраторския панел на Joomla: "Extensions" - "Extensions Мениджър" - "Избор на файл". Посочете пътя към изтегления файл и натиснете бутона "Качване".

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

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

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

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

  • Similar articles

     

     

     

     

    Trending Now

     

     

     

     

    Newest

    Copyright © 2018 bg.atomiyme.com. Theme powered by WordPress.