|
ALIGN — жол шеттерін туралау. Оның мүмкін мәндері LEFT (келісім бойынша), CENTER, RIGHT.
BGCOLOR
|
бет | 4/35 | Дата | 13.11.2022 | өлшемі | 1,49 Mb. | | #157933 |
| Байланысты: ЗЕРТХАНАЛЫҚ ЖҰМЫС-1ALIGN — жол шеттерін туралау. Оның мүмкін мәндері LEFT (келісім бойынша), CENTER, RIGHT.
BGCOLOR жолдың ішкі фон түсін анықтайды (он алтылық RGB форматындағы сан немесе ағылшын тіліндегі белгіленген түс атауы).
BORDERCOLOR — жол жақтауларының түсі (он алтылық RGB форматындағы сан немесе ағылшын тіліндегі белгіленген түс атауы). Бұл атрибут және <ТН> тәгтерімен төмендегі ережеге сәйкес анықталады:
), сұр түске түрлендіріңдер.
б) жақтаулар (бордюрді) қалыңдығын, ұялардағы мәтінді өзгертіңдер, т.с.с.
№3 тапсырма (зертханалық жұмыс) тапсыру мерзімі: 2 апта, 5 балл
БІР WEB-ПАРАҚТА БІРНЕШЕ ҚҰЖАТТАРДЫ ОРНАЛАСТЫРУ
HTML тілі броузер программасы терезелерін бірнеше бөліктерге бөлу мүмкіндігін береді және олардың әрқайсысында жеке web-құжаттар бейнеленеді. Осындай бөліктерді фрейм немесе кадр деп аталады. Мұнда әрбір фрейм экрандағы жеке тіктөртбұрышты аймақты алып тұрады. Әр фрейм ішінде бір-бірінен тәуелсіз құжат орналастыра аламыз.
3.1. Фреймдер құру тәсілдері
Фреймдер құру үшін және тәгтері қолданылады да, мұнда әдеттегідей тәгі пайдаланылмайды. тәгі броузер терезесіндегі фреймдердің көлемдері мен олардың орналасу тәртібін сипаттайды, тәгінде фреймдердің әрқайсысына шақырылатын құжаттар аттары көрсетіледі. Екі фреймнен тұратын экран құрайтын программа бөлігінен мысал келтірейік:
тәгінің BORDER атрибутының мәні нөлге тең болмағанда ғана қолданылады.
Кесте жолындағы бағаналар (ұялар) | |
BORDERCOLOR="#rrggbb"] > Бағана… |
және <ТН> тәгтерінің мынадай атрибуттары болады:
ALIGN — мәтінді горизонталь бағытта туралау. Оның мүмкін мәндері: LEFT, CENTER (келісім бойынша), RIGHT.
BGCOLOR — фон түсі (он алтылық RGB форматындағы сан немесе ағылшын тіліндегі белгіленген түс атауы).
BORDERCOLOR — ұя жақтауларының түсі (он алтылық RGB форматындағы сан немесе ағылшын тіліндегі белгіленген түс атауы). Бұл атрибут тәгінің BORDER атрибутының мәні нөлге тең болмағанда ғана қолданылады.
COLSPAN — бағаналар тақырыбына арналған жол (ұя) ішінде орналасатын бағаналар саны.
Енді тапсырмалар қарастырамыз.
Тапсырмалар
1. Төмендегі мысалды теріп, нәтижесін қарап шығыңдар да, оған бірсыпыра өзгерістер енгізіңдер:
BGCOLOR=YELLOW BORDERCOLOR=BLUE>
а) 1-жолдың фонын ақшыл ( |
Мұндағы екі фрейм жолдар (rows) бойынша көлденеңнен бірінің астына бірі орналасады, олар экранды 50 %-дан бөліп алады. Үстіңгі фреймде "1 файл.htm" құжаты ашылады да, төменгісінде – "2 файл.htm" орналасады (1 сурет). Осындай файлдар жұмыс бумасында болуы тиіс. Оң жақтағы программада фреймдерде сурет орналастыру мысалы көрсетілген.
тәгінің ROWS=... (қатарлар) атрибуты терезені горизонталь – көлденең бағыт бойынша жолдарға бөледі де, COLS=... (бағаналар) атрибуты тіке – вертикаль бағыттағы бағана түріндегі фреймдерге бөледі. Егер осы атрибуттың екеуі де берілсе, терезеде тіке және көлденең төртбұрыштардан тұратын торларға бөлінеді.
1 сурет. Терезені көлденең фреймдерге бөлу
Осы атрибуттардың мәндері терезе бөліктерінің көлемдерін (биіктігін немесе енін) анықтайды. Әр бағанаға (жолға) арналған параметрлер пиксель өлшем бірлігі бойынша немесе пайыздармен (%) үтірлер арқылы бөлініп беріледі. Соңғы параметр ретінде қалған көлемді автоматты түрде толық алып тұратын (*) жұлдызша белгісін де пайдалануға болады. Осындай фрейм үшін барлық қалған бос кеңістік бөлініп беріледі.
тәгінде фреймдерге шақырылатын құжаттарды анықтайтын SRC=... атрибуты болуы керек. Қалған атрибуттар фреймдер арасындағы бөлу сызықтары параметрлерін және оның басқа кейбір қасиеттерін реттеу мүмкіндігін береді.
Экранды үш тік орналасқан тең көлемді фреймдерге бөлу тәгтері төмендегідей болып жазылады:
Әрбір фрейм көлемі, яғни ұзындығы немесе ені абсолютті түрде пиксельмен, экран мөлшерінің пайызымен немесе салыстырмалы i* (i – бүтін сан) түрінде беріледі. Егер екі-үш мән көрсетіліп, олар әр түрлі бірліктерде берілсе, броузер алдымен абсолюттік пиксель түріндегі мәнді тағайындайды, сонан соң қалғандарын пропорциональ түрде алады. * белгісі 1* деген белгімен парапар. Экранды фреймдерге бөлу солдан оңға және жоғарыдан төмен қарай жүргізіледі.
Экранды үш тік орналасқан фреймдерге бөлейік: екіншісінің ені 250 пиксель (мөлшері берілген сурет еніне тең), біріншісі – қалған көлемнің 25%-ын, ал үшіншісі – 75%-ын алатындай ету үшін мынадай атрибуттар мәнін жазу керек
Келесі мысалда 2х3 мөлшерлі төртбұрыштар жиынынан тұратын фреймдар жасалады.
Келесі мысалда терезе биіктігі 1000 пиксельге тең деп қабылданған. Бірінші фреймге жалпы биіктіктің 30%-ы (300 пиксель) берілген. Екіншісіне – 400 пиксель, ал қалған екеуіне 300 пиксель тағайындалған, төртінші фрейм биіктігі “2*” түрінде, үшіншісінің биіктігі – * деп анықталған, сондықтан үшінші фреймнің – 100, төртінші фреймнің – 200 пиксель биіктігі блуы тиіс.
Егер бір фреймге абсолюттік мән нақты берілген кезде қалғандарынан белгілі бір көлем артылып қалып немесе жетпей қалып жататын жағдай туындаса, онда броузер сол қалған фрейм көлемдерін пропорционал күйде көбейтеді немесе азайтады. FRAMESET тәгі бір-бірімен қабаттасып жазыла береді. Келесі мысалда сыртқы FRAMESET терезені үш тең бағаналарға бөледі. Ал ішкі FRAMESET екінші бағананы биіктіктері әр түрлі екі жолға бөліп тұр.
…бірінші бағана фреймі ішкі мәліметі …
-
|
… екінші бағанадағы бірінші жол фреймі ішкі мәліметі …
|
… екінші бағанадағы екінші жол фреймі ішкі мәліметі..…
|
|
…үшінші бағана фреймі ішкі мәліметі …
|
SRC атрибуты фрейм ішіне орналасатын мәтінді анықтайды. Ол фреймнің ішкі мәтіні сыртқы фрейм жазылған құжатта болмауы керек.
|
|