Прочетете урока рамки

Текущ урок - последната.

Обяснете какво рамки са и това, което правят най-добре чрез пример. Страницата, която четете в момента, се състои от два кадъра: отляво с изброени всички уроци, както и правото на действителните самите уроците. Можете да превъртате съдържанието на дясната рамка, а в ляво остава фиксирана. Това ви дава възможност по всяко време да не си давам зор на всеки урок, а не търси връзката в долната или горната част на страницата. С една дума, интелигентно използване на рамки може значително да опрости навигацията на сайта и подобряване на своя дизайн.

На първо място, да създаде два файла - vasja.html и pupkin.html:

Сега ние правим една трета файл, наречен index.html (може да се нарече по различен начин):

Това е, което ние ще разгледаме по-подробно. На първо място, няма тагове и . Може да се каже тяхната роля се изпълнява от маркера . въпреки че това не е съвсем вярно. свободен край (Превежда като "от рамки") с атрибутите колони = "50%, 50%" казва на браузъра, че страницата трябва да бъде разделена на два прозореца (рамкова), всеки ширина от 50% от ширината на страницата. свободен край определя съдържанието и свойствата на всеки кадър (имайте предвид, че той не разполага с затварящ маркер). В този случай, предвид факта, че съдържанието на първия кадър е vasja.html файл, а вторият - файл pupkin.html (рамки, считано от ляво на дясно и отгоре надолу тук - този пример в действие (отваря се в нов прозорец) Цялата още няколко примера ..:

В лявата рамка, ние имаме в менюто и правото - първият урок:

Право рамка, ние сме задали "съдържание" име (може да бъде всеки друг). Сега създайте menu.html файл. тя ще бъде менюто за лявата рамка:

В допълнение към името на стойността на рамката мишена атрибут може да бъде един от следните запазени думи:

Всички по-горе стойности трябва да започват с долна черта и да спечелят само с главни букви.

Използването на рамки на уебсайта си, не можем да забравим, че някои браузъри не поддържат рамки. - По-стари браузъри, реч и др Специално за тях има noframes маркер. в които можете да направите "nefreymovuyu" версия на сайта, или дори само да се изброят линкове към страниците на сайта си. например:

Придържайте следния ред поставяне: първият контейнер , и след това - (Т.е., както в примера). В противен случай, тя може да Netscap'a грешка.</p> <p>Има и друг вид конструкция - вградена рамка (инлайн рамка). Тя може да бъде поставен директно в текста на страницата и изглежда така:</p> <p>LT; BGT; Вашият браузър не поддържа рамки (имате Netscape?). Има трябва да се постави например вградени freyma.lt / BGT;</p> <p>се използва маркер за вграждане такъв кадър <iframe>. Наличието на затварящ маркер е задължително. Между тях, можете да вмъкнете всеки текст за браузъри, които не поддържат фреймове. атрибути:</p> <p>Например, следния код е използван по-горе:</p> <p>Размери на рамката не могат да бъдат променяни от потребителя. Затова noresize атрибут не се използва.</p> <p>И накрая, съвет. Ако вашият сайт е изграден с помощта рамки, а след това посетителите често ще идват при вас с търсачките и по-често, те ще попаднат в един от вътрешните страници. Естествено, те ще видят на сайта не е във формата, в която са били замислени от вас. За да избегнете това, поставете текста в страницата следния код:</p> <p>Първият скрипт води до рестартиране на страницата, когато тя е заредена не е в рамката. Вторият прави същото нещо, но без предупреждение.</p> </div> <div class="extra"> <div class="clear"></div> </div> </article> </div> </div> </div> </div> <div id="sidebar" class="col-1-3"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/hidratirashh-glanc-za-ustni-couleur-levres-04.html">Хидратиращ гланц за устни-Couleur levres (№ 04 оттенък малинов шейк) от Clarins -</a></li> <li><a href="/articles/zapochnah-da-zhiveja-v-nastojashheto.html">Започнах да живея в настоящето</a></li> <li><a href="/articles/otrjadi-ot-shhrausovi-ptici-nanduobraznye.html">Отряди от щраусови птици, nanduobraznye, casuariiformes, Anseriformes, биология</a></li> <li><a href="/articles/kak-da-si-napravim-kshha-na-kolela-kemper-avtobus.html">Как да си направим къща на колела - кемпер автобус - ръчно изработени</a></li> <li><a href="/articles/kolkoto-po-opasni-neravnosti-v-slabinite-v-mzhe.html">Колкото по-опасни неравности в слабините в мъже, жени и деца, гинекология и урология Онлайн</a></li> <li><a href="/articles/zashho-mzhete-se-mchim-krakata.html">Защо мъжете се мъчим краката</a></li> <li><a href="/articles/kavkazki-sheprd-minno-gigant.html">Кавказки Шепърд - Минно-гигант</a></li> </ul> </div> </div> </div> </div> </div> </div> </section> <footer> <div class="wrap-footer pominodiko"> <div class="row"> <div class="col-1-1"> <div class="wrap-col"> <div class="box"> <div class="content"> <ul> <li><a href="/articles/kak-brzo-premahvane-na-sledite-ot-ppki-i-tmno.html">Как бързо премахване на следите от пъпки и тъмно червено</a></li> <li><a href="/articles/bratska-ljubov-v-biblijata.html">Братска любов в Библията</a></li> <li><a href="/articles/neobichajni-halki-ot-platina-volfram-paladij-titan.html">Необичайни халки от платина, волфрам, паладий, титан купуват Blagoveschensk</a></li> <li><a href="/articles/naj-opasni-za-mdrost-zbi-1.html">Най-опасни за мъдрост зъби 1</a></li> <li><a href="/articles/kak-da-vmknete-plastmasova-kutija-s-rcete-si-video.html">Как да вмъкнете пластмасова кутия с ръцете си (видео)</a></li> <li><a href="/articles/molitva-mjusjulmanskija-prorok-imena-na-allah.html">Молитва мюсюлманския пророк имена на Аллах, прилагането на учебник, религия</a></li> <li><a href="/articles/predstavjane-na-uroka-na-tehnologiite-vrhu-dizajn.html">Представяне на урока на технологиите върху дизайн на сайт, училище, свободно изтегляне,</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <ul> <li><a href="/articles/molitva-na-sveti-georgi.html">Молитва на Свети Георги</a></li> <li><a href="/articles/kalkulator-kreditna-karta-trust-bank.html">Калкулатор кредитна карта Trust Bank</a></li> <li><a href="/articles/statii-za-cvetove.html">Статии за цветове</a></li> <li><a href="/articles/kakvo-e-organt-kojto-e-matematika.html">Какво е органът, който е, математика</a></li> <li><a href="/articles/izolacija-trstika-kamsh-trstika-plocha-tehnite.html">Изолация тръстика, камъш, тръстика плоча, техните плюсове и минуси</a></li> <li><a href="/articles/kakvo-e-suzma-i-zashho-e-polezno.html">Какво е suzma и защо е полезно</a></li> <li><a href="/articles/kak-da-otgovorim-na-predizvikatelstvata-na-zhivota.html">Как да отговорим на предизвикателствата на живота</a></li> </ul> </div> </footer></div> </body> </html>