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

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

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

На първо място, да създаде два файла - 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/prsten-paprat-cvete-zlato.html">Пръстен папрат цвете злато</a></li> <li><a href="/articles/pauza-tova.html">Пауза - това</a></li> <li><a href="/articles/sredstva-za-pochistvane-na-kanalizacionni-trbi-za.html">Средства за почистване на канализационни тръби за по-добър мнения</a></li> <li><a href="/articles/hiperkinetichni-forma-na-cerebralna-paraliza-1.html">Хиперкинетични форма на церебрална парализа 1</a></li> <li><a href="/articles/kak-da-se-zapishete-za-edin-apartament.html">Как да се запишете за един апартамент</a></li> <li><a href="/articles/kak-da-smenite-modula-kormilnoto.html">Как да смените модула кормилното</a></li> <li><a href="/articles/proizhodt-na-chihuahua-kalendara-na-maite-2019.html">Произходът на Чихуахуа, календара на маите 2019 маите хороскоп</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-da-si-napravim-artistichna-fotografija-na.html">Как да си направим артистична фотография на шоколад fotoledi</a></li> <li><a href="/articles/medicinski-kliniki-za-vzrastni.html">Медицински клиники за възрастни</a></li> <li><a href="/articles/fiziologichni-hrema-pri-krmacheta.html">Физиологични хрема при кърмачета</a></li> <li><a href="/articles/kak-da-se-ukrasjavat-ss-stilen-radiator-interioren.html">Как да се украсяват със стилен радиатор, интериорен дизайн</a></li> <li><a href="/articles/kak-da-se-motae-na-snimka.html">Как да се мотае на снимка</a></li> <li><a href="/articles/kakvi-hora-si-misljat.html">Какви хора си мислят,</a></li> <li><a href="/articles/svatbena-ceremonija-bulkata-krazhba-obuvki-i.html">Сватбена церемония булката кражба, обувки и бикове в Краснодар</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="copyright"> <p>Copyright © 2024</p> <ul> <li><a href="/articles/kakvo-se-schita-za-losha-forma.html">Какво се счита за лоша форма</a></li> <li><a href="/articles/kak-da-napravite-ushite-na-sebe-si-lisica.html">Как да направите ушите на себе си лисица</a></li> <li><a href="/articles/moga-li-da-lakirajte-noktite-si-po-vreme-na.html">Мога ли да лакирайте ноктите си по време на бременност</a></li> <li><a href="/articles/kak-da-aktivirate-olenemer-za-svjat-na-rezervoari.html">Как да активирате olenemer за свят на резервоари</a></li> <li><a href="/articles/melanint-t-n.html">Меланинът т.н.</a></li> <li><a href="/articles/zashho-da-ne-se-koren-zbni-implanti.html">Защо да не се корен зъбни импланти</a></li> <li><a href="/articles/masazh-na-tjalo-na-prah-kolakulathadi-200-grama.html">масаж на тяло на прах - kolakulathadi, 200 грама, kurkuma</a></li> </ul> </div> </footer></div> </body> </html>