Тақырып: Фрейммен жұмыс істеу бір web-парақта фреймдер арқылы бірнеше қҰжаттарды орналастыру



бет1/4
Дата23.02.2022
өлшемі81.02 Kb.
#455692
  1   2   3   4
Та ырып Фрейммен ж мыс істеу бір web-пара та фреймдер ар ылы бі


Тақырып: Фрейммен жұмыс істеу


БІР WEB-ПАРАҚТА ФРЕЙМДЕР АРҚЫЛЫ БІРНЕШЕ ҚҰЖАТТАРДЫ ОРНАЛАСТЫРУ
HTML тілі броузер терезелерін бірнеше бөліктерге бөлу мүмкін­дігін береді және олардың әрқайсысында жеке web-құжаттар бейнеле­неді. Осындай бөліктер фрейм немесе кадр деп аталады. Мұнда әрбір фрейм экрандағы жеке тіктөртбұрышты аймақты алып тұрады. Әр фрейм ішінде бір-бірінен тәуелсіз құжат орналастыра аламыз. Мысалы, экранды екі фреймге бөліп, сол жағына Netscape фирмасы­ның, ал оң жағына Microsoft фирмасының web-сайттарының алғашқы парақтарын шығарып салыстыра отырып көруге болады.
Фреймдер құру тәсілдері
Фреймдер құру үшін және тәгтері қолданылады да, мұнда әдеттегідей тәгі пайдаланылмайды. тәгі броузер тере­зесіндегі фреймдердің көлемдері мен олардың орналасу тәртібін сипаттайды, тәгінде фрейм­дердің әрқайсысына шақырылатын құжаттар аттары көрсетіледі. Екі фреймнен тұратын экран құрайтын программа бөлігінен мысал келтірейік:






1 сурет
Мұндағы екі фрейм жолдар (rows) бойынша көлденеңнен бірінің астына бірі орналасады, олар экранды 50 %-дан бөліп алады. Үстіңгі фреймде "1 файл.htm" құжаты ашылады да, төменгісінде – "2 файл.htm" орналасады (1 сурет).


тәгінің ROWS=... (қатар) атрибуты терезені гори­зон­таль – көлденең бағыт бойынша бөледі де, COLS= ... (бағана) атри­буты тіке – вертикаль бағытта фреймдерге бөледі. Егер осы атрибут­тың екеуі де берілсе, терезе тіке және көлденең төртбұрыштардан тұратын торларға бөлінеді. Атрибуттардың мәндері терезе бөліктерінің көлемдерін (биіктігін немесе енін) анықтайды. Әр бағанаға (жолға) арналған параметрлер пиксель өлшем бірлігі бойынша немесе пайыздармен (%) үтірлер арқылы бөлініп беріледі. Соңғы параметр ретінде қалған көлемді автоматты түрде толық алып тұратын (*) жұлдызша белгісін де пайдалануға болады. Осындай фрейм үшін барлық қалған бос кеңістіктер бөлініп беріледі.
тәгінде фреймдерге шақырылатын құжаттарды анықтайтын SRC=... атрибуты болуы керек. Қалған атрибуттар фреймдер арасындағы бөлу сызықтары параметрлерін және оның басқа кейбір қасиеттерін реттеу мүмкіндігін береді.
Экранды үш тік орналасқан тең көлемді фреймдерге бөлу тәгтері төмендегідей болып жазылады:





2 сурет
Осы тәгтер жұмысы нәтижесі 2 суретте көрсетілген. Енді бес тордан – алғашқы бағанасы биіктіктері бірдей екі жолдан, ал екінші бағанасы – бірдей үш жолдан тұратын фреймдер тұрғызатын програм­ма бөлігін келтірейік.



  

 



Бұл программаның нәтижесі төменде көрсетілген.

3 сурет
Әрбір фрейм көлемі, яғни ұзындығы немесе ені абсолютті түрде пиксельмен, экран мөлшерінің пайызымен немесе салыстырмалы i* (i – бүтін сан) түрінде беріледі. Егер екі-үш мән көрсетіліп, олар әр түрлі бірліктерде берілсе, броузер алдымен абсолюттік пиксель түріндегі мәнді тағайындайды, сонан соң қалғандарын пропорциональ түрде алады. * белгісі 1* деген белгімен парапар. Экранды фреймдерге бөлу солдан оңға және жоғарыдан төмен қарай жүргізіледі.


Экранды үш тік орналасқан фреймдерге бөлейік: екіншісінің ені 250 пиксель (мөлшері берілген сурет еніне тең), біріншісі – қалған көлемнің 25%-ын, ал үшіншісі – 75%-ын алатындай ету үшін мынадай атрибуттар мәнін жазу керек



Келесі мысалда 2х3 мөлшерлі төртбұрыштар жиынынан тұратын фреймдар жасалады.



Келесі мысалда терезе биіктігі 1000 пиксельге тең деп қабыл­данған. Бірінші фреймге жалпы биіктіктің 30%-ы (300 пиксель) беріл­ген. Екіншісіне – 400 пиксель, ал қалған екеуіне 300 пиксель тағай­ын­далған, төртінші фрейм биіктігі “2*” түрінде, үшіншісінің биіктігі – * деп анықталған, сондықтан үшінші фреймнің – 100, төртінші фреймнің – 200 пиксель биіктігі болуы тиіс.



Егер бір фреймге абсолюттік мән нақты берілген кезде қалған­да­ры­нан белгілі бір көлем артылып қалып, немесе жетпей қалып жататын жағдай туындаса, онда броузер сол қалған фрейм көлемдерін пропор­ци­о­нал күйде көбейтеді немесе азайтады. FRAMESET тәгі бір-бірімен қабаттасып жазыла береді. Келесі мысалда сыртқы FRAMESET терезе­ні үш тең бағаналарға бөледі. Ал ішкі FRAMESET екінші бағананы биік­­тіктері әр түрлі екі жолға бөліп тұр.

…бірінші бағана фреймі ішкі мәліметі …

… екінші бағанадағы бірінші жол фреймі ішкі мәліметі …
… екінші бағанадағы екінші жол фреймі ішкі мәліметі..…

…үшінші бағана фреймі ішкі мәліметі …

SRC атрибуты фрейм ішіне орналасатын мәтінді анықтайды. Ол фре­йм­нің ішкі мәтіні сыртқы фрейм жазылған құжатта болмауы керек. Мысалы:





src=”3_фрейм_мазмұны.htm”>
src=”4_фрейм_мазмұны.htm”>

Бұл тәгтер жұмысының нәтижесінде төмендегі суреттегідей төртбұрышты фреймдер жиыны э кранға шығады.
4 сурет
… тәгтері
Фрейм жасау тәгінен басталады. Мұнда тәгі қолданылмайды.
Бұл тәгтер фреймдер орналасатын төртбұрышты контейнерлерді, яғни мәлімет орналасатын екі жағында да ашылу және жабылу шекара­лық жақтаулары бар тәгтерді анықтайды. Олардың пайдалануға бола­тын атрибуттарымен бірге жазылу синтаксисі:



тәгінің мынадай атрибуттары бар.
COLS – фрейм бағаналарының пайызбен (%), пиксельмен немесе салыстырмалы бірлікте (*) берілген ендері. Мысалы, COLS= "25%, 100,*" үш бағанадан тұратын фреймдерді анықтайды, біріншісінің ені – терезенің 25 пайызы, екіншісінің ені — 100 пиксель, ал үшіншісінің ені – броузер терезесінің қалған бөлігі.
Жақтау сызықтарын анықтайтын үш атрибут бар, олар BORDER, FRAMEBORDER және BORDERCOLOR.


Достарыңызбен бөлісу:
  1   2   3   4




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет