Урок комбинированный
Тема урока: «Мәтінді, суретті, анимацияны, гипермәтінді құрастыру үшін HTML – ді қолдану»
Название предмета: Мультимедиа технология
Для студентов специальности информационные системы
Талдықорған агро-техникалық колледжі
Лабораториялық – практикалық сабақтың технологиялық картасы (жоспары) №7
Пән атауы:
Сабақтың тақырыбы: Мәтінді, суретті, анимацияны, гипермәтінді құрастыру үшін
HTML – ді қолдану
Топ: 307 Күні: 10.11.2016 Уақыты:2сағ
Сабақтың түрі: Аралас сабақ
Сабақтың әдісі: Түсіндіру, баяндау, талдау, компьютерде жұмыс,
сын тұрғысынан ойлау стратегиясының элементтері
Сабақтың мақсаттары:
1.Білімділік: Интернетте бағдарламалау тілдерінің бірі болып табылатын HTML тілі, тэгтері, атрибуттары туралы жалпы түсінік беру, WEB-парақтарды құруға қажет және білім, білік, дағдысын жетілдіретін кешенді жаттығулар беріліп, оларды игерудің жолдары көрсету
2. Дамытушылық: Студенттердің қызығушылықтары мен белсенділіктерін, зейіндік қабілеттерін, компьютерлік сауаттылығын дамыту және ойларын жинақтай білуге үйрету
3.Тәрбиелік: Компьютерді құрал ретінде еркін қолдана білу, студенттерді уақытты
тиімді пайдалануға, жүйелі ойлауға, ұқыптылыққа, шапшаңдыққа,
компьютерлік сауаттылыққа тәрбиелеу
Пәнаралық байланыс: Бағдарламалау, ағылшын тілі, техникалық құралдар кешені, автоматтандырылған ақпараттық жүйелер
Пәнішілік байланыс: Гипермәтін. HTML тіліндегі файлдың құрылымы
Сабақтың жабдықталуы:
А. Көрнекі құралдар: Интерактивті тақта, Power Point –та
дайындалған презентация-слайдтар
Б. Үлестірмелі материал: қосымша тапсырмалар, стикерлер
В. Оқытудың техникалық құралдары: Дербес компьютер, интерактивті тақта
Г. Сабақ өтетін орын: № 73 дәрісхана
Д. Негізгі әдебиет: К.А. Искакова «Web – технологиялар»16-20б.
Е. Қосымша әдебиет: Г.Ә. Жапарова «Информатика негіздері» 257 бет
Сабақтың мазмұны:
І. Сабақтың ұйымдастыру кезеңі: 3 – мин.
А) Студенттермен сәлемдесу
Ә) Дәрісхананың сабаққа дайындығын тексеру
Б) Ақпар бойынша тексеру
ІІ. Үй тапсырмасын тексеру: 15 – мин.
Үй тапсырмасын тексеру «Сынық вагон» әдісі арқылы жүзеге асырылады.
Блокнот бағдарламасын іске қосу командасы қандай?
Web-парақ дегеніміз не және олар қалай жасалады?
HTML тілі қандай қызмет атқарады?
Белгілеу тілі дегеніміз не?
Браузер дегеніміз не?
Тегтер дегеніміз не?
HTML тегтерінің қандай түрлері бар?
Тегтердің жазылу синтаксисі қандай?
Тег атрибуттары не үшін қолданылады?
Тег атрибуттарының жазылу ережелерінен мысалдар келтіріңіздер.
HEAD және BODY қандай тегтер?
HTML құжаттың негізгі тегтері қандай?
Title тегінің қызметі қандай?
Left, Right тегі не үшін қолданылады?
BODY BACKGROUND тегінің қызметі қандай?
HTML сөзінің ағылшын, қазақ тіліндегі мағыналары қандай?
HTML дегеніміз не?
Гипермәтін дегеніміз не?
HTML тілінің шығу тарихы
HTML құжатының құрылымы қандай?
HTML құжаттары қалай дайындалады? Оларды қалай өзгертуге болады?
Тақырыптар мәтіндерінің көлемі қалай өзгертіледі?
«Сынық вагон» сұрақтары:
Тақырып жолы тегі қандай?
Тақырыптар мәтіндерінің көлемі қандай?
«Body» тегінің қызметі қандай?
«Head» тегінің қызметі қандай?
«Title» тегінің қызметі қандай?
Құжатты сақтаудағы кеңейтілім қандай?
ІІІ. Жаңа сабақты түсіндіру: 25 – мин.
ІV. Студенттердің теориялық білімдерінің игерілуін тексеру: 10 – мин.
«Алтын тасты сұрақтар» арқылы студенттердің теориялық білімдерінің игерілуін тексеру (интерактивті тақтада нөмірленген тастар берілген, осы тастарды таңдау арқылы сұрақтарға жауап беру)
Мәтінмен жұмыс барысында қандай тегтер қолданылады?
Суретті Web - параққа орнату тегі қандай?
Анимация құрастырудың тегі қандай?
Анимацияны құру тегінің атрибуттары бар ма?
іmg тегінің атрибуттары қандай?
Гипермәтінді құру үшін тағы қандай тегтер қолданылады?
Мәтін түстерін анықтайтын тег?
Фон түсін анықтайтын тег?
Түстерді берілу тәсілдерін ата
Негізгі түстердің RGB форматында жазылу кодтарына сипаттама жаса
V. Сабақты қорытындылау: 30 – мин.
Интерактивті тақта арқылы слайдта көрсетілген техника қауіпсіздігі ережесін оқып, еске ала отырып, тапсырманы орындау
Студенттердің теориялық материал бойынша білімдерін тексерместен бұрын, «Артық термин» әдісі арқылы студенттерді белсендендіру.
1. HTML, гипермәтін, сұраныс, тег, анимация.
2. Монитор, жүйелік блок, пернетақта, принтер, тышқан.
3. title, head, hand, body, H1
4. Блокнот, Web - парақ, браузер, форма, атрибут
5. Бос орын, компьютер, Esc, Enter, BackSpace.
6. Hyper Text Markup Language Head
7. Ctrl+B, Ctrl+U, Alt+F4, Delete, Ctrl+Alt+Delete, Ctrl+I.
8. MS Access, MS Excel, MS Word, Borland Delphi, MS Power Point.
9. Килобайт, сантиметр, бит, мегабайт.
10. Нүкте, Shift, үтір, қоснүкте.
Студенттердің орындаған жұмыстарын қорғауы.
VІ. Үйге тапсырма беру: 2 – мин.
К.А. Искакова «Web – технологиялар»16-20б.
VІІ. Бағалау: 5 – мин.
Сабақты қорытындылау барысында сабаққа белсене қатысқан студенттерге таратылған стикерлер арқылы мадақтап, қалыс қалып отырған студенттерге ескертпелер беру арқылы білімдерін бағалау.
Оқытушы:__________Нұрбекова А.Қ.
Нұсқау - технологиялық карта №7
Пән атауы: Мультимедиа технология
Сабақтың тақырыбы: Мәтінді, суретті, анимацияны, гипермәтінді құрастыру үшін
HTML – ді қолдану
Сабақтың мақсаты: Интернетте бағдарламалау тілдерінің бірі болып табылатын HTML тілі, тэгтері, атрибуттары туралы жалпы түсінік беру, WEB-парақтарды құруға қажет және білім, білік, дағдысын жетілдіретін кешенді жаттығулар беріліп, оларды игерудің жолдары көрсету
Уақыты: 30 минут
Тапсырма-1.
тегі өзінен соң келген сөзді немесе сөйлемді келесі қатарға түсіреді.
тегі бір қатардағы сөздерді немесе сөйлемдерді бірнеше қатарға бөліп тастайды.
тегі
Сызушы <HR> тегі
Бұл сызылған азатжол
Бұл да сызылған азатжол
Қою шрифт
Көлбеу шрифт
Асты сызылған шрифт
Сызылған шрифт
Үлкен шрифт
Кіші шрифт
Шрифттөменгі индекс
Шрифтжоғарғы индекс
Times New Roman
Aharoni
Algerian
Monotype Corsiva
HTML-де сурет кою
6 - тапсырма
Гиперсілтеме қою
1 - тапсырмаға ауысу
Достарыңызбен бөлісу: |
