HTML Част 17 (Frames)

fix3d трудност:

видян: 7100

3. Ако страницата в някой от фреймовете ви е дълга, на екрана ще се появи лента за превъртане, за да могат посетителите ви чрез превъртане да видят цялото съдържание на страницата. HTML дава възможност за контрол върху изобразяването на лентите за превъртане чрез атрибута scrolling на тага frame. Атрибута scrolling може да приема 3 стойности - стойност "auto" задава автоматичната поява на лента за превъртане, ако това стане необходимо /дори и да не зададете изрично тази стойност, тя се включва по подразбиране/. Стойностите "yes" и "no" задават съответно при всички случаи да се изобразява лента за скролиране и никога да не се показва такава лента. Например следния код

<frame src="some-page.html" name="some-page" scrolling="yes" />

дава указание на браузъра винаги да изобразява лента за превъртане.

4. HTML дава възможност за контрол и върху разположението на текста и графиките във фреймовете. Това става чрез атрибутите marginwidth и marginheight, които се разполагат в тага frame. Тага marginwidth задава в пиксели празно поле отляво и отдясно на текста и графиките във фрейма. Тага marginheight задава в пиксели празно поле отгоре и отдолу на текста и графиките във фрейма.

5. По подразбиране цвета на границите на фреймовете е сив. Този цвят може да се промени ако използвате атрибута bordercolor в тага frame и му зададете като стойност някакъв цвят. Например следния код

<frame src="some-page.html" name="some-page" bordercolor="#ff0000" />

ще зададе на границите на фрейма червен цвят. Не забравяйте, че ако използвате този атрибут, не бива да задавате на атрибутите frameborder и border стойност "0".

6. noframes не е атрибут на тага frame или на тага frameset, а е специален отделен таг, предназначен за браузърите, които не поддържат фреймове.

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

Всички тези предупредителни съобщения и връзки към безфреймови страници трябва да се разположат между таговете <noframes> и </noframes>. Само в такъв случай потребителите със стари браузъри ще видят вашето предупредително съобщение.

Таговете <noframes> и </noframes> се разполагат между <frameset> таговете, например може да ги сложите между последния таг <frame> и първия затварящ таг </frameset>:

<html>
<head>
<title>
Пример за фреймова страница с предупредително съобщение за браузъри, неподдържащи фреймове
</title>
</head>

<frameset rows="30%,*">
<frame src="top.html" name="top" />
<frameset cols="30%,*">
<frame src="left.html" name="left" />
<frame src="right.html" name="right" />

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

</frameset>
</frameset>

</html>

!ВНИМАНИЕ: Ако искате да валидирате страница с фреймове трябва да зададете !DOCTYPE Frameset DTD. Имайте предвид, че тага noframes не разрешен в XHTML 1.0 Strict DTD.

НАСОЧВАНЕ НА СТРАНИЦА КЪМ ФРЕЙМ ЧРЕЗ АТРИБУТА TARGET

Фреймовете много често се използват в следния вид - вляво или вдясно се показва фрейм, който съдържа връзки. Когато се кликне върху тях, съответната страница се появява в централния фрейм на страницата. Този ефект се постига чрез използване на атрибута target.

Има една важна особеност - за да бъдете в състояние да ползвате target, предварително трябва да сте наименовали съответните страници чрез атрибута name, както това е направено във всички горни примери.

Пример:

Нека направим една фреймова страница с горен, ляв и десен фрейм. Нека в левия фрейм да разположим страницата leftmenu.html

Нека десния фрейм да бъде страницата right.html, като за удобство я наименоваме "right". /Наименованието на страниците в атрибута name може да бъде всякакво. Тук имената са същите като на HTML-документа само за удобство./

Кода на индексовата фреймова страницата ще изглежда така:

<html>
<head>
<title>Пример за фреймова страница с връзки /ляво меню/</title>
</head>

<frameset rows="30%,*">
<frame src="top.html" name="top" />
<frameset cols="30%,*">
<frame src="leftmenu.html" name="leftmenu" />
<frame src="right.html" name="right" />
</frameset>
</frameset>

</html>

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

За гония и десния фрейм създаваме такива страници. Страницата в левия фрейм обаче трябва да съдържа нашето меню, чиито връзки ще водят към десния фрейм. За да се получи този ефект е нужно в тага за връзки (a href=...) да се включи атрибута target и да му се зададе стойност "right". Зададената стойност трябва да бъде именно right, тъй като това е наименованието, което сме дали на фрейма, в който ще се появяват "извиканите" HTML-страници.

Нека да направим обикновена страница right.html с 3 връзки, които да водят съответно към началните страници на Yahoo, на Google и на Host.bg

Кода за тези връзки трябва да изглежда така:

<a href="http://www.yahoo.com" target="right">Yahoo</a>
<a href="http://www.google.com" target="right">Google</a>
<a href="http://www.host.bg" target="right">Host.bg</a>

Вид на фреймовата страница с връзки (ляво меню):

Страници: «1 2 3

Коментари (2)

Good_boy04 на 30.07 2007 в 13:37ч.

Човек мн добър урок,но на мен не ми се получава.Показва ми : "The page cannot be displayed" разделено. нь трите фрейма....браузърът ми нов не е от старите поне така мисла Internet Explerer 7tma ne6to si e i dori i na mozilla firefox неставал..Ако имаш идея от какво може да е??мола за помощ

swatteam на 20.01 2008 в 02:52ч.

проблема е че за да направиш тея примери с фреймовете трябва ПРЕДВАРИТЕЛНО да имаш други html файлове. и да внимаваш какво пишеш .. защото дори 1 кавички да изпуснеш и си чао отвсякъде
Good_boy04 ако искаш да ти покажа че става номера намери ме скайп - murder_inc88

Регистрирайте се, за да добавите коментар

реклама