Аграрлық-технологиялық салаға арналған веб-сайт үлгілері мен дизайны

Модуль/Пән

Информатика

Педагог

Темиралиева Нургул

2023 жылғы "__" __________

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

___І курс, №____

Бөлім/ бөлімше

5-бөлім. Ақпараттық объектілерді құру және түрлендіру

5.2. Веб- дизайн

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

5.2.4-тақырып. Аграрлық-технологиялық салаға арналған веб-сайт үлгілері мен дизайны

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

Жаңа сабақты меңгерту

Мақсаты (оқу нәтижелері)

1) HTML тегтерін пайдаланып веб-сайтты әзірлеу;

2) веб- беттерді жасау кезінде CSS-ті қолдану ;

3) веб- парақшаға мультимедианы енгізу (аудио және бейне);

4) HTML тегтерін біледі.

Міндеттері (бағалау критерийлері)

HTML және CSS тегтерін пайдаланып Аграрлық-технологиялық салаға арналған веб-сайтты жасайды.

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

HTML тегтерін пайдаланып веб-сайтты әзірлейді

Веб бетке сурет, аудио, видео, мультимедианы енгізеді

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

Компьютер, блокнот немесе NotePad бағдарламасы, Easy Quizzy бағдарламасы,

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

Уақыт

Іс-әрекеттер мен тапсырмалар

Бағалау

Ресурс

2 мин

Сәлемдесу. Түгендеу.

«Гүлмен тілек»(сергіту және жұпқа біріктіру)

(Гүлге жазылған сөздер: HTML, жұпсыз тег, жұпты тег, веб сайт, мультимедиа, CSS)

Ауызша бағалау «Жарайсың»

3 мин

Білімді жаңарту

«Көкпар» әдісі

1-тапсырма: Wordwаll программасында сұрақтарға жауап беру арқылы білім алушылардың алдыңғы сабақта алған білімдерін тексеру. (6 балл)

Дискриптор:

• Веб сайт анықтамасын біледі.

• Тегтердің түрлерін атайды

• Веб сайт жасаудың кезеңдерін сақтайды

• Веб сайтты дұрыс сақтайды

Бағалау: Бағдаршам әдісі

https://wordwall.net/ru/resource/57716533

10 мин

Жаңа білім

«Миға шабуыл» әдісі

Сабақтың тақырыбын, оқу нәтижесі және бағалау критерийлерін студенттермен талқылау

1. «Гүлмен тілек» әдісі кезінде пайдаланылған гүлдегі тірек сөздерді пайдалана отырып, бүгінгі сабақтың тақырыбы, оқыту нәтижесі, және бағалау критерийлері қандай болады деп ойлайсыздар?

Жаңа тақырып пен мақсаттары айтылғаннан кейін мұғалім видеоны көрсету арқылы жаңа тақырыпты түсіндереді. студенттер видеода көрсетілген әдістерді қайталап жасайды. (5 балл)

Дикриптор:

• CSS файлын құрады

• Мультимедианы орналастырудың үш тәсілін жасайды:

• Style арқылы

• Гиперссілтеме арқылы

• Селектр арқылы (id, class)

Бағалау: студентттің өзін өзі бағалауы

https://youtu.be/gxQv_lYD3EE

код үзінділері блокнотта, видео аудио файлдар

15 мин

Жұптық тапсырма

Берілген кодты зерделеп, қателерін жөндеп, толықтырып, төмендегі дизайнға келтіріңіз. (5 балл)

Дискриптор:

• Қателерін табады

• Видеоны орналастырады

• Аудионы орналастырады

• Мәтінді пішімдейді,

• түстерін өзгертеді

Бағалау: «Жауап беретін әріптес» әдісі

Видео, сурет HTML код

5 мин

Жеке жұмыс:

Тапсырма1: Сәйкестендіріңіз (5 балл)

Дескриптор:

• Веб бетке аудио және видео енгізу тегтарын біледі;

• Сурет қою тегтарын атайды

• тегтардың атрибуттарын біледі;

Бағалау: Бағдаршам әдісі

https://wordwall.net/ru/resource/54102791

Тапсырма 2: Арман ауылшаруашылық салада жұмыс жасайтын компанияның сайтын жасамақшы. Ол сайтты жоспарлау кезеңдерін жазып шықты.

Тапсырма. Веб сайтты жоспарлау кезеңінде төменгі мәселелерді шешу және элементтерді жасақтау кезеңінде сайттың программалық өнім түрінде жүзеге асырылу реттілігін дұрыс орналастырыңыз: (7 балл)

Дискриптор:

• Сайттың орнын анықтайды

• Сайтқа салынатын ақпаратты жариялайды

• Сайт қолданушыларын яғни аудиториясын анықтайды

• Сайт қолданушыларымен кері байланысты ұйымдастырады

• Веб сайттың дизайнын жасақтайды

• Сайт бойынша навигацияны жасайды

• Веб сайтқа мәтін, бейне ақпараттарын енгізеді

Бағалау: «Екі жұлдыз, бір тілек» әдісі

Рабочий стол/Сабақ инф/Жеке жұмыс Тапсырма2.ехе

Тапсырма 3: (ерекше білім беруді қажет ететін студенттерге арналған тапсырма)

Сұрақтарға жауапты жазыңыз: (5 балл)

• Жаңа жолға өту үшін қандай тэг қолданылады?

Жауап ______________________

Дұрыс жауап: BR

• <І>«Автокөлікке техникалық күтім жасау, жөндеу және пайдалану»мамандығы </І> жолы веб бетте қалай көрінеді?

Жауап ______________________

Дұрыс жауап: бұл тэг мәтінді курсив етеді

• Веб бетке аудио файлды кірістіру жолын жаз:

Жауап ______________________

Дұрыс жауап: <audio src = “аудио файл атауы.mp3”></audio>

• Веб бетке видео файлды кірістіру жолын жаз:

Жауап ______________________

Дұрыс жауап: <video src = “видео файл атауы.avi”></video>

• Веб бетке сурет кірістіру жолын жаз:

Жауап ______________________

Дұрыс жауап: <ІMG SRC= "файл атауы.jpg">

Дискриптор:

• Тегтердің қызметін біледі

• Веб бетке аудио кірістіру жолын біледі

• Веб бетке сурет, видео кірістіру тегтерін біледі

Бағалау: «Өзін өзі бағалау» әдісі

Рабочий стол/Сабақ инф/Жеке жұмыс Тапсырма3.ехе

5 мин

Қорытындылау

Easy Quizzy бағдарламасында тапсырма орындау. (5 балл)

1. Web-сайт жасақтау жұмысы кандай кезеңдерден турады? (бір дұрыс жауап бар)

1. Жоспарлау; Элементтерді жасақтау; Бағдарламау; Тестілеу; Жариялау; Жарнамалау; Бақылау;

2. Жоспарлау; Элементтерді жасақтау; Бағдарламау;

3. Тестілеу; Жариялау; Жарнамалау; Бақылау;

4. Элементтерді жасақтау; Бағдарламау; Тестілеу; Жариялау

2. Веб бетті қандай программа көмегімен жасауға болады? (бірнеше жауапты белгіле)

1. Блокнот

2. Power Point

3. Note Pad

4. Photoshop

5. Excel

3. Web-сайт– біртақырып бойынша бірік тірілген және өзара гипер сілтемелер мен бай ла ныс ты рыл ған web-беттер жиынтығы (альтернативті жауап)

1. Иә

2. Жоқ

4. Веб бетке қандай объ 450 ₸ - Сатып алу

   Материал ұнаса әріптестеріңізбен бөлісіңіз

   Ватсапта бөлісу Телеграммда бөлісу Фейсбукта бөлісу Сілтемені көшіру
   Ашық сабақ, ҚМЖ, көрнекілік, презентация жариялап табыс табыңыз!

   Материалдарыңызды сатып, ақша табыңыз. (kaspi Gold, Halyk bank)

   Соңғы бір жылда:

   45 000 000 ₸

   Авторлар тапқан ақша

   Толығырақ
   Ресми байқаулар тізімі

   Республикалық байқауларға қатысып жарамды дипломдар алып санатыңызды көтеріңіз!

   Тізімді көру
   Материал іздеу

   Сіз үшін 400 000 ұстаздардың еңбегі мен тәжірибесін біріктіріп, ең үлкен материалдар базасын жасадық. Төменде пәніңізді белгілеп, керек материалды алып сабағыңызға қолдана аласыз

   Барлығы 663 959 материал жиналған

   Пән

   • Жүктелуде...

   Бағыт

   • Жүктелуде...

   Сынып

   • Жүктелуде...

   Іздеу
   Осы аптаның ең үздік материалдары

   

   

   Педагогтардың біліктілігін арттыру курстары

   Аттестацияда (ПББ) 100% келетін
   тақырыптармен дайындаймыз

   

   Аттестацияда (ПББ) келетін тақырыптар бойынша жасалған тесттермен дайындалып, бізбен бірге тестілеуден оңай өтесіз

   

   Өткен жылы бізбен дайындалған ұстаздар 50/50 жинап рекорд жасады

   Толығырақ