О.Тұрмағанбетұлы атындағы Маңғыстау индустриалды техникалық колледжі «КЕЛІСЕМІН» Колледж басшысының ОӘЖ жөніндегі орынбасары _________ Р.Т.Дыбысова «______» _____ 2022ж «БЕКІТЕМІН» Колледж басшысының ОІЖ жөніндегі орынбасары _____ Р.Х.Қуатова «______» _____ 2022ж «Ақпараттық технологиялар және әлеуметтік - экономикалық» пәндер бірлестігінің апталығындағы ашық сабақ жоспары Пәні: Веб бағдарламалау Тақырыбы: HTML гиперсілтемелік тілінде мәтінді форматтау Мамандығы: 1305000 - Ақпараттық жүйелер Біліктілігі: Техник-бағдарламашы Топ: 2АЖ-20Б Курс: ІІ Дайындаған: Калимова Жаннур Бейбитовна Сабақтың тақырыбы: HTML гиперсілтемелік тілінде мәтінді форматтау Сабақтың мақсаты: Білімділік: HTML тілінде физикалық және логикалық элементтерін пайдалана отырып, мәтінді форматтауды үйрену. стильдердің Дамытушылық: мәтінді форматтау элементтерін пайдаланып, әр түрлі тапсырмаларды орындай отырып, веб парақша мәтінін форматтауды үйрену. Тәрбиелік: Оқушыларды шапшаңдыққа, өз ойларын анық жеткізе білуге, жауапкершілікке, топпен жұмыс жасауға, жұмыс нәтижесіне жетуге тәрбиелеу. Сабақтың әдіс-тәсілдері: түсіндіру, сұрақ-жауап, топпен жұмыс, карточкамен жұмыс және т.б. Сабақтың түрі: аралас сабақ Сабақтың көрнекілігі: компьютер, карточкалар, слайд Пәнаралық байланыс: Ақпараттық ресурстар, Компьютерлік графика. Курс: 2 Күні: 15.03.2022 Сабақтың тақырыбы: HTML гиперсілтемелік тілінде мәтінді форматтау Ұйымдастыру кезеңі 3 мин Оқушыларды түгендеу, сыныптың сабаққа назар аудару. Үй тапсырмасын тексеру Хронологиялық сызғыш Студенттер LearningApps.org сайтында жасақталған тапсырманы орындайды. Сайтты жоспарлау кезеңдері Plickers.com сайтында жасақталған тест сұрақтарына жауап беру. Үй тапсырмасын қорытындылау Мұғалім өз сөзімен өткен тақырыпты қортындылайды. B – Bridging-in Тақтада берілген фотоларға қарап, студенттер бүгінгі тақырыпты өздері анықтайды. 2 мин O – Outcome Сабақ соңында студенттер HTML тілінің элементтерін пайдаланып, веб парақшадағы мәтінді форматтауды біледі. P – Pre-assessment «Түртіп алу» әдісін қолдану арқылы, студенттерді алдын ала бағалау жүргізіледі. Студенттердің зейін назарын сабаққа аудартып, берілген тапсырмадан кейін студенттердің білім деңгейлерін анықтап сабақ жоспарын сәйкестендіру. (Материал таратылады, топ ішінде жеке орындалады, содан кейін топ ішінде талқыланады). Оқытушы жаңа терминдердің айтылымын, тыңдалымын, жазылымын, оқылымын түсіндіреді. 7 мин Материалдар: Жаңа сөздерден құрастырылған вокабуляр. Терминдер: ˅ + ? Маған таныс Мен үшін жаңа Мен үшін қызықты Білгім келеді cell body insert bold font strong size strike variable sample underline keybord title Cell-ұяшық, body-дене, insertқою,bold-қалық, font-қаріп,strongкүшті, size-өлшем, strike-сызылып тасталған, variable-айнымалы, sample-мысал, underline-асты сызылған, keybord-пернетақта, title-атауы P – Participatory Learning 17 мин Оқытушының іс-әрекеті 2 минут Жаңа термин сөздердің Жаңа термин оқылымын, жазылымын сөздер студенттерге айтып түсіндіру. 10 минут Дербес компьютер арқылы HTML тілінде веб парақшадағы мәтінді форматтау элементтерін түсіндіреді. Бақылайды, Дербес компьютер, мұғаліммен интерактивті тақта, бірге жұмыс электронды оқулық орындайды 5 минут True or False (while reading) Оқылым кезіндегі тапсырма. Берілген сөйлемдердің ішінен қайсысы жалған, қайсысы ақиқат екенін табу керек. 1.You can use physical styles to highlight text 2.Align-an attribute that changes the size of the text 3. <Strong>, <code>, <samp>, <kbd>-elements of logical styles 4.<SMALL>large letters highlight insert bold font strong strike variable sample underline keybord P – Post-assessment Оқушы іс-әрекеті Оқыту құралдары мен ресурстары Ұзақтығы выделить вставка жирный шрифт сильный зачеркнутый переменная пример подчеркнутый клавиатура Дербес компьютер, интерактивті тақта Дербес компьютер, интерактивті тақта, мәтін белгілеу қою қалың қаріп күшті үсті сызылған айнымалы мысал асты сызылған пернетақта 13 мин Практикалық тапсырма: 1) Тапсырма-1. Жоғарғы және төменгі индекс элементтерін қолданып, мәтінді безендіру. <html> <head> <title>Жоғарғы және төменгі индекс</title> </head> <body> <p> <b>SUP</b> тегі мәтінді жоғарғы индекс түрінде кішірейтіп бейнелейді. Мысалы:</p> <pre> Microsoft <sup>TM</sup> x<sup>4</sup> = x<sup>2</sup> * x<sup>2</sup> </pre> <p> <b>SUB</b> тегі мәтінді төменгі индекс түрінде кішірейтіп бейнелейді. Мысалы:</p> <pre> C<sub>i</sub> = A<sub>i</sub> + B<sub>i</sub> 2H<sub>2</sub> + O<sub>2</sub> = 2H<sub>2</sub>O </pre> </body></html> 2) Мәтінді форматтау элементтерінің атрибуттарын сәйкестендіру https://learningapps.org/display?v=ppd80zrwc22 S – Summary Кері байланыс. 5 сұрақ 3 мин Қорытынды бағалау. Үй тапсырмасын беру. «МЕНІҢ ОҚУ ОРНЫМ» жобасы. Қарастырылған тегтер мен атрибуттарды қолданып, өз оқу орныңыз туралы веб-бетті құрыңыз. Құжатты өз бетіңізше безендіріңіз. + ? ˅ + ? Маған таныс Мен үшін жаңа Мен үшін қызықты Білгім келеді cell body insert bold font strong size strike variable sample underline keybord title Маған таныс Мен үшін жаңа Мен үшін қызықты Білгім келеді cell body insert bold font strong size strike variable sample underline keybord title ˅ + ? ˅ + ? Маған таныс Мен үшін жаңа Мен үшін қызықты Білгім келеді cell body insert bold font strong size strike variable sample underline keybord title Маған таныс Мен үшін жаңа Мен үшін қызықты Білгім келеді cell body insert bold font strong size strike variable sample underline keybord title TRUE/FALSE 1.You can use physical styles to highlight text 2.Align-an attribute that changes the size of the text 3. .<Strong>, <code>, <samp>, <kbd>-elements of logical styles 4.<SMALL>-large letters TRUE/FALSE 1.You can use physical styles to highlight text 2.Align-an attribute that changes the size of the text 3. .<Strong>, <code>, <samp>, <kbd>-elements of logical styles 4.<SMALL>-large letters TRUE/FALSE 1.You can use physical styles to highlight text 2.Align-an attribute that changes the size of the text 3. .<Strong>, <code>, <samp>, <kbd>-elements of logical styles 4.<SMALL>-large letters TRUE/FALSE 1.You can use physical styles to highlight text 2.Align-an attribute that changes the size of the text 3.<Strong>, <code>, <samp>, <kbd>-elements of logical styles 4.<SMALL>-large letters І топ ІІ топ ІІІ топ