Зертханалық ЖҰмыс №1 тапсырма (зертханалық жұмыс) тапсыру мерзімі: апта, балл Сырғымалы жолдарды және тізімдерді ұйымдастыру


ALIGN — жол шеттерін туралау. Оның мүмкін мәндері LEFT (келісім бойынша), CENTER, RIGHT. BGCOLOR



бет4/35
Дата13.11.2022
өлшемі1,49 Mb.
#157933
1   2   3   4   5   6   7   8   9   ...   35
Байланысты:
ЗЕРТХАНАЛЫҚ ЖҰМЫС-1

ALIGN — жол шеттерін туралау. Оның мүмкін мәндері 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 атрибуты фрейм ішіне орналасатын мәтінді анықтайды. Ол фреймнің ішкі мәтіні сыртқы фрейм жазылған құжатта болмауы керек.

жүктеу/скачать 1,49 Mb.

Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8   9   ...   35




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

    Басты бет