400 000+ дайын материалды шексіз жүктеңіз
ҚМЖ, БЖБ, ТЖБ, презентациялар, көрнекіліктер және авторлық материалдар - 690 тг-ден бастап
Тақырып бойынша 11 материал табылды

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

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

«Теректі колледжі» МКҚК

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

Сабақ тақырыбы

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

Модуль / пән атауы

КМ04. Web технологияларды қолдана отырып жоғарғы деңгейлі тілдерде бағдарламалау

Педагог

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

2023 жылғы "_14_" наурыз


1.Жалпы мәліметтер

Курс

2 курс

Топ №84

Сабақ нөмірі

Сабақтың түрі

Практикалық сабақ

2.Мақсаты, міндеттері

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

3.Күтілетін нәтижелер

Студенттердің өз бетімен практикалық тапсырларды жасауға үйрету.

4.Қажетті ресурстар

БЖ бар компьютерлер, оқулықтар, интерактивті тақта







5. Сабақтың барысы

Сабақтың жоспарланған кезеңдері

Жоспар бойынша орындалуы тиіс іс-әрекеттер

Дереккөздер

Педагогтың әрекеті

Студенттің әрекеті

Сабақтың басы

Ұйымдастыру кезеңі: Амандасу, түгелдеу, студенттер назарын сабаққа аудару.

Сергіту сәті: «Заряд алу» әдісі


Алдыңғы білімді тексеру: «Шындық және жалған» әдісі

  1. HTML (HyperText Markup Language) термині «гипермәтінді белгілеу тілі» деген ұғымды білдіреді

  2. HTML-құжатарында белгіліеу модельдерінің негізі ретінде тегтер моделі қабылдалынған.

  3. Тегтер атрибуттары оның атынан кейін жазылады және бір-бірінен бір немесе бірнеше табуляция, пробел немесе жол басына қайтару символдары арқылы ажыратылады.

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

Үй тапсырмасын тексеру

Сұрақ жауап әдісі

  1. Twitter Bootstrap - тың қандай мүмкіндіктері бар?

  2. 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 бағдарламасына байланысты бір тақырыпты алып, мысалы курстық жоба, соған байланысты құжаттаманы толтыру.




     


Материалды Word форматында жүктеп аласыз
Тарифке кіреді
0 ұстаз жүктеп алған
25.05.2023
365
Бұл материалды қолданушы жариялаған. UstazTilegi материалдың мазмұны мен авторлық құқықтарына жауап бермейді. Авторлық құқық бұзылған жағдайда шағым қалдыра аласыз
"Ұстаз" платформасында тіркелген пәндік олимпиадалар
Аттестацияға жарамды екенін көру үшін "Ұстаз" платформасында "Жарыстар, олимпиадалар тізімінен "Ustaz tilegi" деп іздесеңіз шығады
Қазақстандағы ең үлкен материалдар базасынан іздеу
Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде керек материалды іздеп, жүктеп алып сабағыңызға қолдана аласыз
Осы тақырыпта
көрнекілік керек па?
10 000 астам көрнекіліктерді жинап қойдық.
Көрнекілік бөліміне өтіп тақырыбын жазып жүктеп алыңыз!
Министірлікпен келісілген Аттестацияға жарамды курстар тізімі