HTML тілінің тегттері

Қысқа мерзімді жоспары: Қысқа мерзімді жоспары
Қысқа мерзімді жоспары: Бөлім
Web-жобалау
Қысқа мерзімді жоспары: Педагогтың аты-жөні
Белдебекова Айзада Сейсенбайқызы
Қысқа мерзімді жоспары: Күні
15. 01. 2024ж
Қысқа мерзімді жоспары: Сынып 10 А
Қатысушылар саны
12
Қатыспағандар саны
12
Қысқа мерзімді жоспары: Сабақтың тақырыбы:
HTML- web - сайттарын әзірлеу әдістері
Қысқа мерзімді жоспары: Оқу бағдарламасына сәйкес оқыту мақсаттары
10. 4. 2. 1. Web-парақшаларды әзірлеуде HTML тегтерін қолдану
Қысқа мерзімді жоспары: Сабақтың мақсаты:

Мәтінді форматтау тегтерімен, web-парақшаларды әзірлеу. HTML тілінде құжаттарды құру және редакциялауды үйрену.

HTML құжаттың құрылымы мен HTML элементтерін қолдану

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

Сабақтың кезені/ уақыт: Сабақтың кезені/ уақыт
Педагогтың әрекеті: Педагогтың әрекеті
Оқушының әрекеті: Оқушының әрекеті
Бағалау: Бағалау
Ресурстар: Ресурстар
Сабақтың кезені/ уақыт:

Ұйымдастыру

Деление группы на микрогруппы - Психологос

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

1. Оқушылармен амандасу.

2. Психологиялық ахуал тудыру. «Көңіл-күйіміз қалай?»

Оқушылардың сабаққа деген көңіл күйін анықтау.

3. random - group - generator сайты арқылы топқа бөлу

Оқушының әрекеті:

1. Мұғаліммен амандасады.

2. Жақсы, орташа, төмен екенін айтады

3. online sait арқылы топқа бірігеді

Бағалау:

Мадақтау

Жақсы!

Жарайсың!

Керемет!

Ресурстар:

Жұмыс дәптері

3. https://www. classtools. net/random-group-generator

Сабақтың кезені/ уақыт:

Өткен сабақты қайталау

Жаңа сабақ

html-tags.png

Практикалық жұмыс

СЕРГІТУ СӘТІ

Сабақты бекіту

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

«Brainstorming method» арқылы

Learningapps. org платформасында
үй тапсырмасын сұрау

1. Web программалау . HTML негіздері

2. Тегттер және оның қызметі

3. Тегттер және олардың мақсаты

4. Тегттер

5. HTML тілінің тегттері

6. Тегттердің негізгі қызметтерін табыңдар

Сабақтың тақырыбы мен мақсаттарымен таныстыру.

HTML- web -сайттарын әзірлеу әдістері

Оқу мақсаты:

10. 4. 2. 1. Web-парақшаларды әзірлеуде HTML тегтерін қолдану.

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

HTML тілінде құжаттарды құру және редакциялауды үйрену. HTML құжаттың құрылымы мен HTML элементтерін қолдану

Мәтінді форматтау тегтері түрлерімен таныстыру

Мәтінді форматтау тегтеріне мысалы:

<html>

<head>

<meta charset=“utf-8”>

<title> Мәтінді форматтау тегтері </title>

</head>

<body>

<h1> Мәтінді форматтау тегтері</h1>

<br>

<hr>

<h2> Мұнда сіз біле аласыз: </h2>

<br>

<p> <b> Мәтінді форматтау тегтері нешеге бөлінеді? </b> </p>

<p> <i> Физикалық форматтау тегтері </i> </p>

<p> <u> Логикалық форматтау тегтері </u> </p>

</body>

</html>

HTML ТІЛІНДЕГІ НЕГІЗГІ ТЕГТЕР КЕСТЕСІ

Мəтінді форматтауға арналған тегтер

Мәтінді туралау тегтері

Браузер экранында ақпаратты көрсететін HTML құжат құрыңдар. Мәтінді туралау мысалы Web - бет құру үшін мәтіннің орналасу тегтерін пайдаланыңдар.

<html>

<head>

<meta charset =“utf-8”>

</head>

<body>

<h2><b> Cалеметсіз бе </b></h2>

<br>

<h5> Көңіл - күй қалай : </h5>

<br>

<h2><p> align =“center”><b> Как вы </b></h2>

<br>

<P align = “right”> Ағылшын тіліндегі аудармасы: </p>

<br>

<h2><P align=“ right” > <b> How are you </b></h2>

</body>

</html>

«Programm time» әдісі арқылы

практикалық жұмыс жүргізу

№1. Тапсырма

Абай Құнанбайұлының суретін және өмірбаянының сілтемесін HTML тілінде жазып, википедиядан мәлімет алу

<html>

<head>

<title>2-бет</title>

</head>

<body>

<br><p><A HREF="3-bet. html"><IMG SRC="abai-175. jpg"width="300"; height="150">

</body>

</html>

<br>

<html>

<head>

<title> Абай-175</title>

</head>

<body>

<A HREF="https://kk. wikipedia. org/wiki/Абай_Құнанбайұлы">Абай Құнанбайұлы өмірбаяны </A>

<br><p>

</body>

</html>

Дискриптор:

- HTML тілінде жазылған сілтеме арқылы википедиядан мәлімет алады.

№2. Тапсырма

HTML тілінде мәтіннің, фонның түсін өзгертіп және нөмірленген тізімдер жасаймыз.

<html>

<head>

<title> Қаріпті өзгерту </title>

</head>

<body bgcolor=FFF59C text = "3C43FO">

<P ALIGN =center>

<font color=2DE429 face="courier new" size=+5> Қош келдіңіз! </font>

</p>

<ol type=2>

<li> Бірінші қатар.

<li> Екінші қатар.

<li> Үшінші қатар

</ol>

<ol>

<font color= "#ff66ff"><lh> <b> Тізімдер түрлері </b></lh></font>

<li type= a start=2> Nomerlengen

<li type= a> Markerlengen

<LI type= i> Anyktay

</ol>

</body>

</html>

Дискриптор:

- HTML тілінде мәтіннің, фонның түсін өзгертіп және нөмірленген тізімдер жасайды.

«Баспалдақ» әдісі арқылы сергіту сәтін жүргізу.

HTML құжатының құрылымына сәйкес етіп орналастыру

Дискриптор:

- HTML құжатының құрылымына сәйкес етіп орналастырады

Сабақты бекіту мақсатында classtime. com платформасында тест сұрақтары беріледі.

Оқушының әрекеті:

Мұғалімді тыңдайды

Сілтеме арқылы Learningapps. org платформасында
үй тапсырмасын орындайды

Сабақтың тақырыбын дәптерге жазады.

Сабақтың мақсаттарымен танысады.

Тапсырманы орындайды

Таратпа материалды ретті орналастыру арқылы HTML құжатының дұрыс құрылымын жазып береді

тапсырманы орындайды

Оқушылар сұрақтарға жауап береді.

Бағалау:

6-10 балл аралығы

Мадақтау

Жақсы


Ұқсас жұмыстар
HTML тілі құжатының құрылымымен танысады Кейбір оқушы
HTML веб сайттарын әзірлеу әдістері
HTML тілінде web парақ құру
HTML тілінің негізгі тегтерін қолдану
Білім беруді ақпараттандырудың интернет жүйесінде
HTML тілі құжатының құрылымымен танысады Кейбір оқушы. Сабақтың тақырыбы
Интернетпен қатынас құру
PHP ТІЛІМЕН ТАНЫСУ
"web-дизайн" қолданбалы курс бағдарламасы
Курстың мақсаты
Пәндер



Реферат Курстық жұмыс Диплом Материал Диссертация Практика Презентация Сабақ жоспары Мақал-мәтелдер 1‑10 бет 11‑20 бет 21‑30 бет 31‑60 бет 61+ бет Негізгі Бет саны Қосымша Іздеу Ештеңе табылмады :( Соңғы қаралған жұмыстар Қаралған жұмыстар табылмады Тапсырыс Антиплагиат Қаралған жұмыстар kz