Материалдар / Көк қызғылт HTML үлгісін жасау

Көк қызғылт HTML үлгісін жасау

Материал туралы қысқаша түсінік

Шыганбаева Наргиза Сагингалиевна

25 Мамыр 2023

207

0 рет жүктелген

Адам және қоғам Тест Басқа

Материал тегін

Тегін турнир Мұғалімдер мен Тәрбиешілерге
Дипломдар мен сертификаттарды алып үлгеріңіз!

Бұл бетте материалдың қысқаша нұсқасы ұсынылған. Материалдың толық нұсқасын жүктеп алып, көруге болады

Материалдың толық нұсқасын
жүктеп алып көруге болады

«Теректі колледжі» МКҚК
Оқу сабағының жоспары
Сабақ тақырыбы	Көк қызғылт HTML үлгісін жасау
Модуль / пән атауы	КМ04. Web технологияларды қолдана отырып жоғарғы деңгейлі тілдерде бағдарламалау
Педагог	Шыганбаева Наргиза Сагингалиевна
2023 жылғы "_14_" наурыз
1.Жалпы мәліметтер
Курс	2 курс	Топ №84	Сабақ нөмірі	№
Сабақтың түрі	Практикалық сабақ
2.Мақсаты, міндеттері	Көк қызғылт HTML үлгісін жасай алады
3.Күтілетін нәтижелер	Студенттердің өз бетімен практикалық тапсырларды жасауға үйрету.
4.Қажетті ресурстар	БЖ бар компьютерлер, оқулықтар, интерактивті тақта

5. Сабақтың барысы
Сабақтың жоспарланған кезеңдері	Жоспар бойынша орындалуы тиіс іс-әрекеттер		Дереккөздер
	Педагогтың әрекеті	Студенттің әрекеті
Сабақтың басы	Ұйымдастыру кезеңі: Амандасу, түгелдеу, студенттер назарын сабаққа аудару. Сергіту сәті: «Заряд алу» әдісі Алдыңғы білімді тексеру: «Шындық және жалған» әдісі HTML (HyperText Markup Language) термині «гипермәтінді белгілеу тілі» деген ұғымды білдіреді HTML-құжатарында белгіліеу модельдерінің негізі ретінде тегтер моделі қабылдалынған. Тегтер атрибуттары оның атынан кейін жазылады және бір-бірінен бір немесе бірнеше табуляция, пробел немесе жол басына қайтару символдары арқылы ажыратылады. Құжат басының атрибуттары болады Үй тапсырмасын тексеру Сұрақ жауап әдісі Twitter Bootstrap - тың қандай мүмкіндіктері бар? Twitter Bootstrap – тың негізгі құралдары қандай?		Компьютерлік жүйелерге арналған бағдарламалық қамтамасыз етудің модульдерін әзірлеу: орта кәсіп. білім беру мекемелерінің студенттеріне арналған оқулық /Г.Н. Федорова. —М.: «Академия» баспа орталығы, 2016. — 336 б.
Сабақтың ортасы	<!DOCTYPE html> <html> <head> <style> div { width: 300px; height: 100px; background-color: yellow; border: 1px solid black; } #myDiv { transform: rotateY(150deg); } </style> </head> <body> <h1>The rotateY() Method</h1> <p>The rotateY() method rotates an element around its Y-axis at a given degree.</p> <div> This a normal div element. </div> <div id="myDiv"> This div element is rotated 150 degrees. </div> </body> </html> <!DOCTYPE html> <html> <head> <style> div { width: 300px; height: 100px; background-color: yellow; border: 1px solid black; } #myDiv { transform: rotateX(150deg); } </style> </head> <body> <h1>The rotateX() Method</h1> <p>The rotateX() method rotates an element around its X-axis at a given degree.</p> <div> This a normal div element. </div> <div id="myDiv"> This div element is rotated 150 degrees. </div> </body> </html>
Сабақтың соңы	Үйге тапсырма: HTML бағдарламасына байланысты бір тақырыпты алып, мысалы курстық жоба, соған байланысты құжаттаманы толтыру.

Ресми байқаулар тізімі

Республикалық байқауларға қатысып жарамды дипломдар алып санатыңызды көтеріңіз!

Көк қызғылт HTML үлгісін жасау

Құжат басының атрибуттары болады