Интернет, Веб Дизајн

Рамка - Што е тоа? Структура и креирање на рамки

Рамка - област на сајтот (прозорецот), во која ќе се види уште една веб-страница. Веб-администратори користат оваа можност да се покаже на почетната страница на нивните пријатели или соработници. Истиот метод се користи за да се прикаже во полето за пребарување прозорци и голем број на нејзиниот резултат, и така натаму. Д.

Но, главно рамки се користи во создавање на големи веб портали, каде што голем број на менија и подменија. Таквите обично велат: "сајт во рамки". Да се создаде таков ресурс бара добро познавање на HTML јазик.

Креирај рамки во веб градител

Во некои веб-сајтот градител обезбедува автоматско генерирање на таков код. Обично, додавање на клучните рамка е во главното мени програма. Прво, мора да го поставите курсорот во право место на оваа страница, а потоа кликнете на копчето за да се отвори прозорецот (како што е прикажано во екранот). Тоа е можно да се определи адресата на страница, која ќе се отвори во рамката, и прилагодување на димензии: ширина и висина.

Но, главно рамки се користи во создавање на големи веб портали, каде што голем број на менија и подменија. Таквите обично велат: "сајт во рамки". Да се создаде таков ресурс бара добро познавање на HTML јазик.

Со оваа "услуга" е можно да се создаде повеќе рамки на страницата, само меѓусебно поврзани елементи, така да не се добие.

Рамки во CMS

Многу програми за создавање на веб-сајтови можноста за инсталација на модулот. На пример, за Јоомла рамка - на овој модул "обвивка (Wrapper)".

Тоа може да се најде и да се воспостави во контролниот панел на CMS Joomla: "Екстензии" - "Модул менаџер" - "Нова" (круг портокалово копче со знакот плус внатре). Во pop-up прозорец, во листата, ќе видите еден модул на "обвивка".

Ако не е, тогаш тоа не е вклучен. За да го користите, прво треба да ја активирате тука: јазичето "Екстензии", на "Продолжување Manager", потоа "Manage" табот. И да гледа во листата што се појавува, ќе можете брзо да пребарувате за во "филтер" да го внесете зборот: омотот. Наспроти овој модул треба да биде икона зелени checkmark внатре. Црвен круг со точка во внатрешноста значи дека приклучокот е оневозможено.

По оваа постапка, може да се врати на "Модул менаџер", се создаде рамка и постави параметри.

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

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

Joomla модул за креирање на рамката е многу удобен и лесен за употреба. Сепак, неговиот обем е ограничен, како и дизајнер карактеристики.

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

Во практиката на создавање на веб-сајтовите на рамки кои таг (неговото барање) одамна е осуден на позадина. Тие беа во можност да го замени модули, во поставување на дизајн програма која генерира код за веб страница, без saytostroitelya. Меѓутоа, во некои случаи, тоа не е доволно. На пример, кога на екранот - е интегриран сложената структура на областите кои ќе бидат прикажани во пребарувачот. Па види сопствениците сложени структурирани сајтови. Во неговото создавање се само во екстремни случаи, бидејќи freymovskie веб-сајтови креирани исклучиво со специјализирани тагови.

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

За нив, создавањето на неколку меѓусебно поврзани рамки е оптимално решение организирање на содржината на ресурсот. Ова е обично на големи портали, истегне со посилни секоја година.

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

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

Рамките се додаде во HTML со користење на тагот:

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

Првиот одреден таг секогаш се вклопуваат во пар и . И го заменува и . И со соодветни атрибути може да се прилагоди на карактеристиките на секој елемент: името (име =), големина (cols = и редови =), присуството на рамката (граница), форма на лента за скролување и, се разбира, линк до веб-страница за прикажување.

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

Целата страница сајт може да се подели на региони. На пример, како оваа:

лево

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

право

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

Внатре во оваа комбинација frameset регистрира секоја рамка со параметри: src = http: // е направен сајт / статија / 143778 /% 2C цитираше референца во натамошниот текст на веб-страница и името на a title = (на пример, рамка 1).

Вгнездени секоја нова област е назначен нов frameset.

Пример код: <рамка src = "http://fb.ru/article/143778/%5B%D1%81%D1%81%D1%8B% D0% BB% D0% BA% D0% B0 страна] "име =" рамка број 1 "> <рамка src =" http://fb.ru/article/143778/ % 5B% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 на страна] "име =" рамка № 2 "> <рамка src =" http: // сајт / статија / 143778 /% 5B% D1% 81% D1% 81% D1% 8B% D0% BB% D0% BA% D0% B0 на страна] "име =" рамка № 3 ">

Известување во овој пример, за вториот и третиот рамки димензии се пропишани само еднаш.

Многу тави овозможуваат кандидира рамки. Примери на нивната локација во прозорецот на прелистувачот може да се донесе бескрајно (соодветно менување на кодот). Сепак, практичната примена на овие информации не се најде за долго време. Рамки, доколку се користи денес да се создаде веб-сајтови, но само во форма на модули во Програмата за бесплатен СМС или IFRAME.

пловечки рамка

Се прашувам зошто го добила своето име, тука зборот е посоодветно "вграден". Оваа рамка е дизајниран за прикажување на содржината на датотеката. Ќе ја поставите на базата на податоци на било кој документ или датотека користење на тагови ayfreyma постави на патот кон тоа - и посетителите ќе ја гледаат текстуална датотека (видео или слика). За жал, пребарувачи не секогаш ги одразуваат содржината. Овој веб градители се влезе меѓу отворање и затворање фраза: "Вашиот пребарувач не прикажување на содржината".

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

  • Инструкции и . Каде
  • тагот е дизајниран за да се утврди точка на листата. Поддржано од страна на сите пребарувачи.

    На огледалото може да се види "инструкции" самата страница зборот во форма на копче. Кога ќе кликнете на тоа во центарот на прозорецот на прелистувачот отвора презентација.

    Сите големи сајтови за гледање филмови и ТВ емисии се создадени со ayfreymov (на пример, "Imhonet"), како и на социјалните мрежи. Дури и на почетната страница на "Yandex" содржи оваа ознака, а не еден пар.

    Како да се регистрирате iframe

    Симнете на вашиот веб-сајт во форма на прозорец документ со лизгач може да биде во било кое место. Обично Тагови поставени внатре во телото. Во дополнение на стандардната

    и , како што е прикажано во примерот погоре може да се користи и листата на таг -

  • .

    Во ayfreym додаде атрибути:

    • ширина (ширина) и висина (висина =);
    • усогласување на работ align;
    • баласт, кој не може да ги препише: Вообичаената вредност е 6 - ова е сосема доволно;
    • користење на полето allowtransparency транспарентност рамка, може да се каже дека може да се види позадина на страницата;
    • плус познатите scr, име, лизгање, граница.

    Навигација користење ayfreyma

    Најинтересен е способност во областа на рамки - ова е да се напише код кој овозможува да се отвори содржината на прозорецот на врската - Што огледало креаторите Seopult, само со неколку референци (и на располагање на корисникот на истата страница).

    За оваа превземена ayfreym, тоа дополнително го регистрира името по име =. На пример, zagolovok. Понатаму, пред него во таговите и референци пропишува a href = http: // сајт / статија / 143778 /% D1% што укажува на задолжителните 81 откако тие го припишуваат целни = zagolovok. Пред да можете да го користите затворање таг, посочи натпис, која ќе служи како референтен копче. Тагови "и" отворање и затворање се во стр таг.

    можете да го доделите овие неколку линии на код за конечно да добие на интернет во ред неколку копчиња, линкови, кликнете на прозорецот подолу ќе се прикаже поинаква содржина.

    Кодот ќе изгледа вака:

    Пост слободно реклами

    Прикажи рекламата и