Файл: Таырып Фреймдер. Css негіздері.docx

Скачать файл
Заказать решение

ВУЗ: Не указан

Категория: Не указан

Дисциплина: Не указана

Добавлен: 28.03.2024

Просмотров: 7

Скачиваний: 0

ВНИМАНИЕ! Если данный файл нарушает Ваши авторские права, то обязательно сообщите нам.

Жоғары қазақ гуманитарлық-техникалық колледж

Высший казахский гуманитарно-технический колледж

Оқу сабақтарының жоспары

План учебного занятия

(теориялық немесе өндірістік оқыту/теоретического или производственного обучения)
Тақырыбы/Тема: Тақырып 2.4. Фреймдер. CSS негіздері.
Модуль/пән атауы/Наименование модуля /дисциплины: Мультимедиялық технологиялар.
Дайындаған оқытушы/Подготовил педагог: Калиева Д.С.



« ___ » 2023 год
1. Жалпы мәліметтері/Общие сведения:
 Курс, тобы/Курс, группы: 3 курс, ИС-31

Сабақтың түрі/Тип занятия: Аралас.(практика)
2. Сабақтың мақсаттары, міндеттері /Цели, задачи: Фреймдер. CSS негіздерін үйрету
3. Оқу сабағында білім алушылар меңгеретін кәсіби дағдылардың тізбесі/Перечень ожидаемых результатов и профессиональных умений, которыми овладеют обучающиеся в процессе учебного занятия:

Жаңа тақырыпты оқыта отырып, логикалық ойлау қабілеттерін дамыту
4. Қажетті ресурстар/Необходимые ресурсы: Collegt SmartNation.kz- портал, компьютер, интернет көзі.



5.Сабақ барысы/Ход занятия:

1.Ұйымдастыру кезеңі. студенттермен амандасып, топты түгелдеу.

2. Үй тапсырмасын тексеру
6.Жаңа тақырыпты пысықтау

Тақырыбы: Фреймдермен жұмыс

1.Фреймдер құру тегтері

2. тегі

1-тапсырма.Фреймдер бағдарламасын жасау.

1.HTML тілінде броузер бағдарламасы терезелерін бірнеше бөліктерге бөлуге болады жəне олардың əрқайсысында жеке web-құжаттар бейнеленеді. Осындай бөліктерді 
фрейм деп аталады. Мұнда əрбір фрейм экрандағы жеке тіктөртбұрышты аймақты алып тұрады. Əр фрейм ішіне бір-бірінен тəуелсіз құжат орналастыра аламыз.

Фреймдер құру үшін жəне тегтері қолданылады

да, мұнда əдеттегідей тегі пайдаланылмайды. тегі

броузер терезесіндегі фреймдердің көлемдері мен олардың орналасу тəртібін

сипаттайды, тегінде фреймдердің əрқайсысына шақырылатын құжаттар аттары көрсетіледі. Енді екі фреймнен тұратын экран құрайтын бағдарлама бөлігіне мысал келтірейік:

1-мысал




ETB-1113



ETB-0913



тегі қолда-

нылмайды. Бұл тегтер фреймдер орналасатын төртбұрышты контейнерлерді,

яғни мəлімет орналасатын екі жағында да ашылу жəне жабылу шекаралық

жақтаулары бар тегтерді анықтайды. Олардың пайдалануға болатын атрибут-

тарымен бірге жазылу синтаксисі:


[FRAMEBORDER="1 не 0"] [FRAMESPACING="integer"] > ⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅⋅



тегінің мынадай атрибуттары бар.

COLS – фрейм бағаналарының пайызбен (%), пиксельмен немесе салыстырмалы бірлікте (*) берілген ендері. Мысалы, COLS= "25%, 100,*" үш

бағанадан тұратын фреймдерді анықтайды, біріншісінің ені – терезенің 25

пайызы, екіншісінің ені – 100 пиксель, ал үшіншісінің ені - броузер терезесінің қалған бөлігі. Жақтау сызықтарын анықтайтын үш атрибут бар, олар BORDER, FRAMEBORDER жəне BORDERCOLOR.

FRAMEBORDER – фрейм жақтауларын бөліп тұратын сызық сызады. Ол 1-

ге тең болса – дөңес сызық, 0 болса – жай сызық сызылады (мəні берілмесе,

келісім бойынша, 1 болып есептеледі).

FRAMESPACING – фреймдер арасындағы бос кеңістік мөлшерін пиксельмен беретін бүтін сан.

BORDER – барлық фреймдер жақтаулары сызығының қалыңдығын пиксельмен анықтайды. Мысалы: . Егер оның мəні 0 болса, жақтау сызығы болмайды. Бұл атрибут көрсетілмесе, келісім бойынша, оның мəні 5 болып қабылданады. Фреймдердің ішкі бөліктері жақтаулары да FRAMEBORDER жəне FRAMESPACING атрибуттары мəнімен анықталады, яғни фрейм жасау кезінде бұларды сыртқы тегте бір рет көрсету жеткілікті.

BORDERCOLOR атрибутының мəні стандартты түс атауларына немесе түстің оналтылық жүйедегі RGB-мəндеріне сəйкес келеді.Мысалы:

ROWS – фрейм жолдарының пайызбен (%), пиксельмен немесе салыстыр-

малы бірлікте (*) берілген биіктігін анықтайды.

2. тегі жеке бір фрейм қасиеттерін анықтайды. Ол FRAMESET тегтерінің ішінде орналасатын жабылмайтын жалқы тег болып табылады.

тегінің фрейм қасиеттерін анықтайтын алты атрибуты бар: NAME, MARGINWIDTH, MARGINHEIGHT, SRC, NORESIZE жəне SCROLLING. Олардың қолданылу ережелері төмендегідей:


SCROLLING=yes|no|auto MARGINWIDTH="мəні"

MARGINHEIGHT="мəні" NORESIZE>

Барлық атрибуттарды пайдалану міндетті емес. Көбінесе тек SRC атрибуты

ғана пайдаланылады.

SRC= ... осы фреймде орналасатын гипермəтіндік құжат атын, яғни фреймде

көрсетілетін файлдың адресін анықтайды. Бұл файл əдетте FRAMESET тегі

жазылған бумада орналасқан кəдімгі HTML құжаты болады. Егер SRC атрибуты көрсетілмесе, фрейм бос тұрады.

MARGINWIDTH=n атрибуты фреймнің сол жəне оң жақтарындағы пиксель санымен берілген бос кеңістік мөлшерін анықтайды.

MARGINHEIGHT=n, фреймнің жоғары жəне төмен жақтарындағы пиксельмен берілген бос кеңістік мөлшерін анықтайды. Бұл екеуінің мəні əрқашанда абсолютті түрде пиксельмен беріледі. Мысалы: кадрдың жоғары жəне төмен жағында 5 пиксельден, ал сол жəне оң жақтарында 6 пиксельден орын қалдырады. Əдетте бос кеңістік 1-ден 6-ға дейінгі мəндерді қабылдайды.

SCROLLING=... фрейм бойынша жылжу жолақтары. Егер жылжу жолағы

болуы керек болса – SCROLLING=YES , ал олар болмайтын болса – SCROLLING=NO, ал егер жолақтардың болуын/болмауын броузер анықтайтын жағдайда – SCROLLING= AUTO деп жазылады. Егер бұл атрибут көрсетілмесе де, келісім бойынша AUTO мəні қабылданады. Мысалы:



NORESIZE атрибуты фрейм көлемі тұрақты болып, оның өзгермейтінін көрсетеді. Мысалы:

BORDERCOLOR атрибуты жəне тегтерінің екеуінде де қолданыла береді. Оның мəні стандартты түс атауларына немесе

түстің оналтылық жүйедегі RGB-мəндеріне сəйкес келеді.

1-тапсырма. Фреймдер бағдарламасын жасау. (кез келген сурет қоюға болады)



Тапсырманың html-дағы бағдарламасы





Кош келдиниздер





Окушылар тизими







  1. Абдуллаев Баймат;

  2. Бейбит Асел;

  3. Урестимов Максат;














Уйдин сурети.

Смотрите также файлы