- •Html-құжатын құрудың базалық негізі. Html-құжаттың негізгі тәгтері
- •Теориялық мағлұмат
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Сырғымалы жолдарды және тізімдерді ұйымдастыру
- •Теориялық мағлұмат
- •Зертханалық жұмысты орындау реті
- •Html-құжаттарында кестелермен жұмыс
- •Теориялық мағлұмат
- •Html бірнеше тізім түрлерін ұйымдастыра алады Нөмірленбеген тізімдер
- •Нөмірленген тізім жолдары
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Теориялық мағлұмат
- •1 Сурет. Терезені көлденең фреймдерге бөлу
- •2 Сурет. Браузерды 3-фреймге бөлу.
- •3 Сурет. Браузерды 3-фреймге бөлу және сурет қою.
- •4 Сурет. Браузерді бірнеше фреймдерге бөлу.
- •5 Сурет. Фреймды әр-түрлі өлшеммен орналастыру.
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Html құжаттарындағы формалар
- •Теориялық мағлұмат
- •5 Кесте
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Html тіліндегі стильдердің сатылы кестелері Жұмыстың мақсаты: Html тіліндегі стильдердің сатылы кестелері пайдалану арқылы сайт құруды үйрену. Теориялық мағлұмат
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Css қасиеттеріне шолу. Түстерді тағайындау
- •Теориялық мағлұмат
- •1 Сурет. Серифтік қаріп
- •2 Сурет. Жұмыр қаріп
- •3 Сурет. Бірдей енді қаріп
- •Түстерді тағайындау. Стильдік қасиеттер түстерді тағайындаудың үш түрлі тәсілін береді:
- •Зертханалық жұмысқа берілген тапсырмалар
- •1 Кесте
- •Зертханалық жұмысты орындау реті
- •JavaScript тілі. Бірінші скриптер
- •Теориялық мағлұмат
- •Alert функциясы бойынша бірнеше тәжірибе жазамыз. Шығу тапсырмасын орындаңыз (сурет-1).
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Бақылау сұрақтары:
- •Рнр скриптерімен жұмыс Жұмыстың мақсаты: рнр тіліндегі қарапайым типтермен жұмыс істеуді үйрену. Теориялық мағлұмат
- •// Выводит: Его зовут "Бекзат", а другого "Азат".
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Php тілінде шартты операторлары мен цикл операторлары Жұмыстың мақсаты:рнр тіліндегі шартты және цикльдерді қолданып бағдарлама құруды үйрену. Теориялық мағлұмат
- •1:7 Цикл работает
- •2:2 Цикл работает
- •1:10 Цикл работает
- •2:5 Новая итерация 2:1 Цикл работает
- •3:1 Цикл работает
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Php тілінде файлдармен жұмыс
- •Теориялық мағлұмат
- •Include 'имя_файла';
- •Include ("имя_файла");
- •Include.Php файлы мәтіні:
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •Apache, php, MySql орнату және түзету
- •Теориялық мағлұмат
- •Зертханалық жұмысты орындау реті
- •Php MyAdmin-де жұмыс істеу
- •Теориялық мағлұмат Мәлімет қорын анықтау
- •Зертханалық жұмысқа берілген тапсырмалар
- •Зертханалық жұмысты орындау реті
- •DreamWeaver-мен жұмыс істеу. Қарапайым Web беттерді құру.
- •Зертханалық жұмысқа берілген тапсырмалар
- •Ашылған терезеден file/new таңдаймыз төмендегідей терезе пайда болады.
- •Зертханалық жұмысты орындау реті
- •Қолданылған Әдебиет
- •Мазмұны
1 Сурет. Терезені көлденең фреймдерге бөлу
Осы атрибуттардың мәндері терезе бөліктерінің көлемдерін (биіктігін немесе енін) анықтайды. Әр бағанаға (жолға) арналған параметрлер пиксель өлшем бірлігі бойынша немесе пайыздармен (%) үтірлер арқылы бөлініп беріледі. Соңғы параметр ретінде қалған көлемді автоматты түрде толық алып тұратын (*) жұлдызша белгісін де пайдалануға болады. Осындай фрейм үшін барлық қалған бос кеңістік бөлініп беріледі.
<FRAME> тәгінде фреймдерге шақырылатын құжаттарды анықтайтын SRC=... атрибуты болуы керек. Қалған атрибуттар фреймдер арасындағы бөлу сызықтары параметрлерін және оның басқа кейбір қасиеттерін реттеу мүмкіндігін береді.
Экранды үш тік орналасқан тең көлемді фреймдерге бөлу тәгтері төмендегідей болып жазылады:
<frameset cols="33%,33%,* "> <frame src="1 бағана файлы.htm"> <frame src="2 бағана файлы.htm"> <frame src="3 бағана файлы.htm"> </frameset> |
<frameset cols="33%,33%,* "> <frame src="dog.jpg"> <frame src="animals/dog04.jpg"> <frame src="animals/dog05.jpg"> </frameset> |
Осы тәгтер жұмысы нәтижесі 2, 3 суреттерде көрсетілген. Енді бес тордан – алғашқы бағанасы биіктіктері бірдей екі жолдан, ал екінші бағанасы – бірдей үш жолдан тұратын тұратын фреймдер тұрғызатын программа бөлігін келтірейік.
2 Сурет. Браузерды 3-фреймге бөлу.
3 Сурет. Браузерды 3-фреймге бөлу және сурет қою.
<frameset cols="50%,50%">
<frameset rows="50%,* "> <frame src="1 тор.htm"> <frame src="2 тор.htm">
</frameset>
<frameset rows="33%,33%,* "> <frame src="3 тор.htm"> <frame src="4 тор.htm">
<frame src="5 тор.htm">
</frameset>
</frameset>
Бұл программаның нәтижесі кадрлер түрінде төменде көрсетілген.
4 Сурет. Браузерді бірнеше фреймдерге бөлу.
Әрбір фрейм көлемі, яғни ұзындығы немесе ені абсолютті түрде пиксельмен, экран мөлшерінің пайызымен немесе салыстырмалы i* (i – бүтін сан) түрінде беріледі. Егер екі-үш мән көрсетіліп, олар әр түрлі бірліктерде берілсе, броузер алдымен абсолюттік пиксель түріндегі мәнді тағайындайды, сонан соң қалғандарын пропорциональ түрде алады. * белгісі 1* деген белгімен парапар. Экранды фреймдерге бөлу солдан оңға және жоғарыдан төмен қарай жүргізіледі.
Экранды үш тік орналасқан фреймдерге бөлейік: екіншісінің ені 250 пиксель (мөлшері берілген сурет еніне тең), біріншісі – қалған көлемнің 25%-ын, ал үшіншісі – 75%-ын алатындай ету үшін мынадай атрибуттар мәнін жазу керек
<FRAMESET
cols=”1*,250,3*”>
</FRAMESET>
Келесі мысалда 2х3 мөлшерлі төртбұрыштар жиынынан тұратын фреймдар жасалады.
<FRAMESET
rows=”30%,70%”
cols=”33%,34%,33%”>
</FRAMESET>
Келесі мысалда терезе биіктігі 1000 пиксельге тең деп қабылданған. Бірінші фреймге жалпы биіктіктің 30%-ы (300 пиксель) берілген. Екіншісіне – 400 пиксель, ал қалған екеуіне 300 пиксель тағайындалған, төртінші фрейм биіктігі “2*” түрінде, үшіншісінің биіктігі – * деп анықталған, сондықтан үшінші фреймнің – 100, төртінші фреймнің – 200 пиксель биіктігі блуы тиіс.
<FRAMESET
rows=”30%, 400, *, 2*” > </FRAMESET>
Егер бір фреймге абсолюттік мән нақты берілген кезде қалғандарынан белгілі бір көлем артылып қалып немесе жетпей қалып жататын жағдай туындаса, онда броузер сол қалған фрейм көлемдерін пропорционал күйде көбейтеді немесе азайтады. FRAMESET тәгі бір-бірімен қабаттасып жазыла береді. Келесі мысалда сыртқы FRAMESET терезені үш тең бағаналарға бөледі. Ал ішкі FRAMESET екінші бағананы биіктіктері әр түрлі екі жолға бөліп тұр.
<FRAMESET rows=”33%,33%,34%” > …бірінші бағана фреймі ішкі мәліметі …
-
<FRAMESET rows=”40%,50%” >
… екінші бағанадағы бірінші жол фреймі ішкі мәліметі …
… екінші бағанадағы екінші жол фреймі ішкі мәліметі..…
</FRAMESET>
…үшінші бағана фреймі ішкі мәліметі …
</FRAMESET>
SRC атрибуты фрейм ішіне орналасатын мәтінді анықтайды. Ол фреймнің ішкі мәтіні сыртқы фрейм жазылған құжатта болмауы керек. Мысалы:
-
<HTML>
<FRAMESET cols=”33%, 33%, 33%”>
<FRAMESET rows=”*, 200”>
<FRAME src=”1_фрейм_мазмұны.htm”>
<FRAME src=”2_фрейм_мазмұны.gif”>
</FRAMESET>
<FRAME> src=”3_фрейм_мазмұны.htm”>
<FRAME> src=”4_фрейм_мазмұны.htm”>
</FRAMESET>
</HTML>
Бұл тәгтер жұмысының нәтижесінде төмендегі суреттегідей төртбұрышты фреймдер жиыны экранға шығады.
