Назар аударыңыз. Бұл материалды сайт қолданушысы жариялаған. Егер материал сіздің авторлық құқығыңызды бұзса, осында жазыңыз. Біз ең жылдам уақытта материалды сайттан өшіреміз
Шағым жылдам қаралу үшін барынша толық ақпарат жіберіңіз
Бұл бетте материалдың қысқаша нұсқасы ұсынылған. Материалдың толық нұсқасын жүктеп алып, көруге болады
Материалдың толық нұсқасын жүктеп алып көруге болады
«Теректі колледжі»
МКҚК
Оқусабағыныңжоспары
Сабақ
тақырыбы
Көк қызғылт 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 бағдарламасына байланысты
бір тақырыпты алып, мысалы курстық жоба, соған байланысты
құжаттаманы толтыру.
Материал ұнаса әріптестеріңізбен бөлісіңіз
Материал жариялап тегін сертификат алыңыз!
Бұл сертификат «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жарияланғанын растайды. Журнал Қазақстан Республикасы Ақпарат және Қоғамдық даму министрлігінің №KZ09VPY00029937 куәлігін алған. Сондықтан аттестацияға жарамды
Ресми байқаулар тізімі
Республикалық байқауларға қатысып жарамды дипломдар алып санатыңызды көтеріңіз!
Материал іздеу
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде пәніңізді белгілеп, керек материалды алып сабағыңызға қолдана аласыз