Цонхтой ажиллах
Зарим вэбмастерууд єєрсдийн хуудсандаа "Цонх" буюу "Frame"-г єргєнєєр хэрэглэж ингэснээрээ хэрэглэгчдийг хуудасаараа аялахад нь нэлээд хялбар болгож єгдєг. Таныг зарим вэб хуудсанд аялж явахад тань уг хуудасны зарим хэсгийн мэдээлэл нь єєрчлєгдєж байхад vлдсэн хэсгийх нь мэдээлэл єєрчлєгдєлгvй байнга хэвээрээ байж байдгийг анзаарсан бизээ.
Ер нь Цонх хэрэглэж байгаа вэб хуудасны цонх болгонд нь єєр єєр HTML хуудсыг гаргаж байдаг юм. Нэг цонх нь меню агуулж байхад нєгєє цонхонд нь мэдээллийн дэлгэц байдаг хэлбэрийн вэб хуудас бол хамгийн єргєн хэрэглэгддэг.
Хамгийн эхэнд гол нь та хуудасныхаа бvтэцийг нь сайтар тєлєвлєх нь нэн чухал байдаг. Эдгээр цонхнууд чинь дэлгэцийг хэрхэн хувааж эзлэж байх, хэдэн багана мєрийн хэмжээтэй байх вэ гэдэгийг тооцоолно.

20% - МЕНЮ
80% - МЭДЭЭЛЛИЙН ДЭЛГЭЦ

Энэхvv HTML кодоор бид браузэрт вэб хуудсыг хэрхэн цонх болгон дvрслэхээ зааварлаж єгдєг. Харин <body> коммандынхаа оронд <frameset> коммандыг хэрэглэнэ. Дээрх жишээний HTML код дараах байдлаар харагдна:

<frameset rows="20%,80%">

Энэ нь уг хуудас дээд доод талынх гэсэн 2 цонхонд 20% - 80% гэсэн хэмжээтэй хуваагдахыг зааж байна. Хэрвээ гурван цонхонд хуваах бол дараах байдалтай байна:

<frameset rows="10%, 50%, 40%">

10%
50%
40%

Энэ процент нь браузэрын цонхны хэмжээний хэдэн хувийг нь аль цонх хэрэглэхийг заана. Мєн та vvнийг цэгийн тоогоор зааж єгч болох бєгєєд харин " * " тэмдэг хэрэглэж цонхны vлдсэн хэсгийг нь эзэлнэ гэсэн санааг гаргаж єгдєг.
<frameset rows="100,*,50">

Энэ код нь вэб хуудсыг дээд, дунд, доод талынх гэсэн гурван цонхтой байх бєгєєд эхний хамгийн дээд талын цонх нь 100 цэгийн єндєртэй, ёроолын цонх нь 50 цэгийн єргєнтэй харин голын цонх нь vлдсэн зайг нь эзэлнэ гэсэн vг юм.
Харин багана болгож хуваахад:
<frameset cols="150, * ">


150 цэг

МЕНЮ
Yлдсэн бvх зай

МЭДЭЭЛЛИЙН
ДЭЛГЭЦ


Та мєн мєр баганыг хослуулан хэрэглэж болох бєгєєд энэ талаар доор дурдан ярих болно.

Цонхонд гарч ирэх хуудасыг нь зааж єгєх
Одоо та "frame src" коммандыг хэрэглэн цонх тус бvрд ямар HTML хуудасыг vзvvлж байхыг зааж єгнє. Жишээ нь:
<html><head>
<title>
Цонх хэрэглэх туршилт</title>
</head>
<frameset cols="200, *">
<frame src
="links.htm">
<frame src=
"information.htm">
</frameset>
</html>


Энд дарж жишээг vз.

Дээрхи кодонд браузэрын цонхыг 2 баганан цонх болгон хувааж 150 цэгийн єргєнтэй эхний цонхонд "menu.htm"-г гаргаж, дараагийн цонхонд "main1.htm"-г vзvvлж байна.


Цонхнууддаа нэр єгєх

Цонхнуудынхаа хооронд мэдээлэл дамжуулж байхын тулд танд эдгээрийг нэр єгч нэрлэх шаардлага гарна. Yvний тулд ердєє л "name" коммандыг "frame src" коммандын дотор байрлуулж єгєх хэрэгтэй.
<frame src="menu.htm" name="цэс">
<frame src="main1.htm" name="мэдээлэл">

Ингэснээрээ та аль нэг цонхонд єєp нэгэн хуудасыг гаргахыг хvсвэл уг цонхоо нэрээр нь дуудаж дараах бaйдлаар хэрэглэнэ:

Жишээ нь:
<a href="company.htm" target="mainFrame">Компанийн Мэдээлэл</a>
Энэ нь браузэрт линкийн мэдээллийг "мэдээлэл" гэсэн нэртэй цонхонд гаргана гэдгийг зааж єгч байна.

Файлаа Хадгалах, Yзэх

Жирийн HTML файлуудтай ижилээр та "frameset" файлыг .htm эсвэл .html гэсэн єргєтгєлтэйгээр хадгалж болно. Харин цохнуудад нь гарах HTML файлуудыг нь frameset файльтай нэг директорт хадгалахаа мартуузай.

Scroll bar, Border

Цонхондоо багтахгvй байгаа хуудасыг гvйлгэж харахад зориулсан "scrollbar"-г хэрэв та гаргахгvй байхыг хvсвэл (энэ нь нэлээн цэвэрхэн харагдана) та "frame src" коммандынхаа дотор "scrolling=no" гэсэн кодыг нэмж єгєх хэрэгтэй болно.

Жишээ нь: <frame src="menu.htm" scrolling=no>

Харин цонхны хvрээг гаргахгvй байхыг хvсвэл "frameborder=0" гэж зааж єгєх хэрэгтэй.

<frame src="menu.htm" frameborder=0>

Мєн marginwidth="утга", marginheight="утга" гэсэн коммандуудыг хэрэглэн цонхон доторхи мэдээлэл цонхны ирмэг хоёрын хоорондох зайг єєрчилж болно. Харин эдгээр кодоо "frame src" коммандын дотор хийж єгєх хэрэгтэй.

Олон цонхтой хуудас

Хэд хэдэн янзын хэмжээний мєр баганыг дараах байдлаар хэрэглэх шаардлага гарвал кодоо хэрхэн бичих вэ?

Жишээ нь:

энд дар

Дээрхи хууудасыг нээхэд хэрэглэгдсэн код:

<html>
<head>
<title>
Frame Test</title>
</head>
<frameset rows="40%, 60%"> <frameset cols="45%, 55%">
<frame src=
"logo.htm">
<frame src=
"address.htm">
</frameset>

<frameset cols="60%, 40%">
<frame src=
"info.htm">
<frame src=
"links.htm">
</frameset>
</html>

Та бvхний харж байгаагаар эхэлж мєрєє (<frameset rows="40%, 60%">) vvний дараа єєр єєр хэмжээтэй 4 баганы vvсгэхдээ эхний <frameset cols="45%, 55%"> гэсэн хэсэгт нь дээд талын хос баганын хэмжээг, <frameset cols="60%, 40%> гэсэн хэсэгт доод талын хос баганын хэмжээг зааж єгєєд тус бvрийг нь </frameset> комманд хэрэглэн тєгсгєсєн байна.

дээшээ