КАТЕГОРИИ:


Астрономия- (809) Биология- (7483) Биотехнологии- (1457) Военное дело- (14632) Высокие технологии- (1363) География- (913) Геология- (1438) Государство- (451) Демография- (1065) Дом- (47672) Журналистика и СМИ- (912) Изобретательство- (14524) Иностранные языки- (4268) Информатика- (17799) Искусство- (1338) История- (13644) Компьютеры- (11121) Косметика- (55) Кулинария- (373) Культура- (8427) Лингвистика- (374) Литература- (1642) Маркетинг- (23702) Математика- (16968) Машиностроение- (1700) Медицина- (12668) Менеджмент- (24684) Механика- (15423) Науковедение- (506) Образование- (11852) Охрана труда- (3308) Педагогика- (5571) П Архитектура- (3434) Астрономия- (809) Биология- (7483) Биотехнологии- (1457) Война- (14632) Високи технологии- (1363) География- (913) Геология- (1438) 1065) House- (47672) Журналистика и масови медии- (912) Изобретения- (14524) Чужди езици- (4268) Компютри- (17799) Изкуство- (1338) История- (13644) Компютри- (11121 ) Художествена литература (373) Култура- (8427) Лингвистика- (374) Литература- (1642) Маркетинг- (23702) Математика- (16968 ) Медицина- (15423) Naukovedenie- (506) Образование- (11852) Защита на труда- ( 3308) Педагогика- (5571) P Политика- (7869) Право- (5454) Приборостроение- (1369) Программирование- (2801) Производство- (97182) Промышленность- (8706) Психология- (18388) Религия- (3217) Связь- (10668) Сельское хозяйство- (299) Социология- (6455) Спорт- (42831) Строительство- (4793) Торговля- (5050) Транспорт- (2929) Туризм- (1568) Физика- (3942) Философия- (17015) Финансы- (26596) Химия- (22929) Экология- (12095) Экономика- (9961) Электроника- (8441) Электротехника- (4623) Энергетика- (12629) Юриспруденция- (1492) Ядерная техника- (1748) Олимпиада- (1312) Политика- (7869) Право- (5454) Инструменти- ( 1369) Програмиране- (2801) Производство- (97182) Промишленост- (8706) Психология- (18388) Земеделие- (299) Социология- (6455) Спорт- (42831) Строителство- (4793) Търговия- (5050) Транспорт- (2929) Туризъм- (1568) Физика- (3942) ) Химия- (22929 ) Екология- (12095) Икономика- (9961) Електроника- (8441) Електротехника- (4623) Енергетика- (12629 )

Доставяме рамки в подреден вид




В последния си пример първото нещо, което хваща окото ви, е цял куп свитък барове, които стоят там, където трябва и не трябва .. Да се ​​отървем от тях, добре, можете да оставите някъде ... Това се прави с атрибута за превъртане - маркерът <frame> , тя може да има една от следните три стойности:

· Не - никога не показвайте лентата за превъртане,

· Да - винаги показвайте,

· Автоматично показване, ако е необходимо.

например:

<Html>
<Главата>
<title> frames </ title>
</ head>
<frameset cols = "*, 800, *">
<frame src = "dekor.html" превъртане = "не" >
<frameset редове = "120, *">
<frame src = "logotype.html" превъртане = "не" >
<frameset cols = "200,600">
<frame src = "menu.html">
<frame src = "text.html">
</ frameset>
</ frameset>
<frame src = "dekor.html" превъртане = "не" >
</ frameset>
</ html>

Рамковите полета или по друг начин разстоянието от рамката граничи с текста или изображението, както в нашия случай, са посочени в пиксели, като се използват маркерите marginwidth и marginheight атрибутите на маркера <frame>

например:

<Html>
<Главата>
<title> frames </ title>
</ head>
<frameset cols = "*, 800, *">
<frame src = "dekor.html" превъртане = "не">
<frameset редове = "120, *">
<frame src = "logotype.html" превъртане = "не" marginwidth = "0" marginheight = "0" >
<frameset cols = "200,600">
<frame src = "menu.html">
<frame src = "text.html" marginwidth = "10" marginheight = "10" >
</ frameset>
</ frameset>
<frame src = "dekor.html" превъртане = "не">
</ frameset>
</ html>

Нека да говорим малко за рамките около нашите рамки.

Ако сте забелязали, в последния пример, като задържите курсора над рамката на рамката, курсорът, т.е., придобива различен вид (вземете и преместете) и сега тази граница може да се влачи във всяка посока като държите левия бутон на мишката. Понякога тази "мобилност" на границите на рамката играе в ръцете на уеб администратора, но по-често тя пречи. За да забрани на потребителя да играе с размерите на прозореца за маркера <frame> , атрибутът Noresize е изобретен

например:

<Html>
<Главата>
<title> frames </ title>
</ head>
<frameset cols = "*, 800, *">
<frame src = "декор.html" превъртане = "не" noresize >
<frameset редове = "120, *">
<frame src = "logotype.html" превъртане = "не" marginwidth = "0" marginheight = "0" noresize >
<frameset cols = "200,600">
<frame src = "menu.html" Номер " >
<frame src = "text.html" marginwidth = "10" marginheight = "10" noresize >
</ frameset>
</ frameset>
<frame src = "декор.html" превъртане = "не" noresize >
</ frameset>
</ html>



Но за дълго време познатият атрибут на границата ни определя ширината в пиксели на същите тези рамки между рамките .. тя е написана вътре в маркера <frameset> . Както и преди, стойността на границата = "0" напълно ще ни освободи от рамката.

например:

<Html>
<Главата>
<title> frames </ title>
</ head>
<frameset cols = "*, 800, *" border = "0" >
<frame src = "декор.html" превъртане = "не" noresize>
<frameset редове = "120, *" border = "0" >
<frame src = "logotype.html" превъртане = "не" marginwidth = "0" marginheight = "0" noresize>
<frameset cols = "200,600" border = "0" >
<frame src = "menu.html" Номер ">
<frame src = "text.html" marginwidth = "10" marginheight = "10" noresize>
</ frameset>
</ frameset>
<frame src = "декор.html" превъртане = "не" noresize>
</ frameset>
</ html>

Рамки и връзки.

Време е да съживим нашия сайт с връзки, но проблемът е, познатият обикновен линк <a href="text1.html"> Фасул в пот на италиански </a> ще отвори този документ в същия кадър, в който се намира, в нашия случай директно в рамката със съдържанието и самото съдържание по време на прехода по тази връзка ще отида в забвение .. можете да погледнете тромав пример .. кликнете върху всяка връзка в него .. За да продължите това, трябва да посочите браузъра, в коя рамка имаме нужда от документа, разбира се, освен ако, разбира се, наистина не се нуждаете от него o Отворете го в една и съща рамка.

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

е написано по следния начин:

<frame src = "text.html" name = "osnovnoe" > можете да мислите за всяко име .. основното нещо е да не го забравя ..

И сега в документа с връзки (в нашия случай това е menu.html файл), трябва да определите целта, тоест в кой прозорец трябва да отворите този или този документ

Написано е като:

<a href="text1.html" target="osnovnoe"> Сладка боб на италиански </a>

Е, мисля, че вече не трябва да обяснявате, че преди да се обърнете към някакви документи, трябва да ги създадете .. в моя случай файловете (рецепти) имат имената text.html, text1.html, text2.html ...

Вижте един пример:

Index.html файл
<Html>
<Главата>
<title> frames </ title>
</ head>
<frameset cols = "*, 800, *" border = "0">
<frame src = "декор.html" превъртане = "не" noresize>
<frameset редове = "120, *" border = "0">
<frame src = "logotype.html" превъртане = "не" marginwidth = "0" marginheight = "0" noresize>
<frameset cols = "200,600" border = "0">
<frame src = "menu.html" Номер ">
<frame src = "text.html" име = "osnovnoe" marginwidth = "10" marginheight = "10" noresize>
</ frameset>
</ frameset>
<frame src = "декор.html" превъртане = "не" noresize>
</ frameset>
</ html>

Menu.html файл
<Html>
<Главата>
<title> frames </ title>
</ head>
<body bgcolor = "# e8e8e8" background = "fon1.jpg" link = "# b40000" alink = "# 900000" vlink = "# 900000">
<font face = "Monotype Corsiva" размер = "6" цвят = "# ff0000"> Меню: </ font>
<font face = "Comic Sans MS" размер = "3">
<a href="text.html" target="osnovnoe"> Гъба супа </a> <hr>
<a href="text1.html" target="osnovnoe"> Сладка боб на италиански </a> <hr>
<a href="text2.html" target="osnovnoe"> Австралийска лятна салата </a> <hr>
... ... ...
</ font>
</ body>
</ html>

Както и преди, документът може да се отвори в отделен прозорец. Нека ви напомня, че е написано така:

<a href="text1.html" target="_blank"> Зелен боб на италиански </a>

Или задайте целевия атрибут _top стойност, за да го отворите в същия прозорец на браузъра, но на цял екран .. "нулиране", докато всичко, което няма да бъде там .. написано по следния начин:

<a href="text1.html" target="_top"> Сладки боб на италиански </a>

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