Помогни ни да направим Uroci.net по - богат! Добави урок

Използване на фреймове в Web страница

Violete   трудност:    видян: 19169

За целта ще си поиграем малко с табличките и ще ги разделим за простота на 2 колони, добре е освен история да включим и заглавна с името и логото. Нея записваме съответно като begin.doc, begin.htm- файлове.

Лявата колона като navig.doc, а htm- файла ще го създадем допълнително. Десните колони ги записваме с различни имена такива каквито са връзките ни, например- начало, интереси, галерия. Съответно begin.doc, begin.htm, interes.doc, inter е s.htm, galeri.doc, galeri.htm.

Вече сме готови да слепим частите в едно. В HTML има специален таг за това <FRAMESET> </FRAMESET>- служи за създаване на карета. Понеже имаме 2 части ще разделим екрана на 2 колони.

Първата колона където ще запишем линковете няма да се променя и ще именуваме лява- left. Нея задаваме стага <FRAMESET COLS> и затваряме с </FRAMESET COLS>. За файловете от линковете е останалата част от екрана, и за да се зареждат в дясно им даваме име right.

<HTML>
<HEAD>
<TITLE>School WWW page, PGHT "U. Gagarin"</TITLE>
<META NAME="AUTHOR" CONTENT="VIOLETЕ">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset+windows_1251">
</HEAD>

<FRAMESET COLS="15%,*" BORDER="1" BORDERCOLOR="black">
<FRAME xsrc="Navig.htm" NAME="left" SCROLING="auto">
<FRAME xsrc="histori.htm" NAME="right" SCROLING="auto">
</FRAMESET>
</FRAMESET>
<NOFRAMES>Вашият браузер не показва фреимове</NOFRAMES></HTML>
За да сменяме файловете в дясно създаваме файл за навигация navig.htm, като използваме тагове за линк <A xhref="begin.htm" TARGET="right">Начало</A>. След презареждане на страницата думата между таговете. В случая начало се подчертава, знак че е хипервръзка и след използване променя цвета си.
Тъй като страничките ни са създадени в Word може да имаме проблем с фона, който задаваме с тага <BODY BGCOLOR="Sky Blue">. Пробвате с име докато го нагодите, защото професионалният начин е 16 код, който няма начин как да знаете.

Ами това е ако не съм забравила нещо съществено. Изглежда просто, но една запетайка да забравиш страницата не се зарежда и ти мислиш, че нищо не става.

<HTML>
<HEAD>
<TITLE>School</TITLE>
<META NAME="AUTHOR" CONTENT="VIOLETЕ">
<META HTTP-EQUIV="Content-Type" CONTEN="text/html; carset+windows_1251">
</HEAD>
<BODY BGCOLOR="Sky Blue">
<H3>Девиз</H2>
<P><FONT COLOR="Blue">
<A xhref="begin.htm" TARGET="right">Начало</A>
</FONT COLOR>
<P><FONT COLOR="blue">
<A xhref="interes.htm" TARGET="right">Интереси</A>
</FONT COLOR>
<P><FONT COLOR="blue">
<A xhref="galeri.htm" TARGET="right"> Галерия</A>
</FONT COLOR>
<P><FONT COLOR="blue">
<A xhref="link.htm" TARGET="right"> Връзки</A>
</FONT COLOR>
</BODY>
</HTML>

Опита си сподели: Violete
vcusheva@abv.bg



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

Violete на 21.12 2006 в 22:36ч.
Схема на хипервръзките от файла за навигация, които сменят файловете в колоната с име дясно.
Navig.htm
Начало--------------begin.htm
Интереси------------interes.htm
Галерия--------------galeri.htm
Сэжалявам, че нямам Paintр но ако успея ще пусна и разчертана страница.
Mureni на 29.12 2006 в 19:10ч.
Наистина хубава статия. Но за жалост ми трябваше подобна преди около седмица.
charmed на 28.10 2007 в 18:32ч.
Пълно е с грешки. пише се href нe xhref и не е carset windows_1251 ,а charset=windows-1251.

ПП:
Ако нещо от кода излезне де :)
anjika на 21.03 2008 в 22:00ч.
според мен не се пише "htm" а "html" в разширението на линковете , поне така аз знам
razielpld на 17.09 2008 в 17:27ч.
за фреймовете ...
незнам в коя година живеете но е време да дойдете в наши дни ...
ако аз използвам фреймове на работа ще бъде линчуван и уволнен ... незнам как ги мислите тея работи вие
doob на 26.08 2010 в 21:50ч.
цветовете не трябва ли да се пишат с кодовете защото така ( blue , red , yellow) някои браузъри не ги разчитат

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


Калдейта ЕООД - © 2003-2010. Всички права запазени.
Препоръчваме: Национален Бизнес | Bomba.bg | IT Новини | Диплома.бг | TRAVEL туризъм | Реферати | AmAm.bg | Иде.ли | Курсови работи | Фото Форум | Spodeli.net | Фото-Култ | Atol.bg | Elmaz.com | MobileBulgaria.com | Казанлък.Com