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

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

Материал туралы қысқаша түсінік
Аграрлық-технологиялық салаға арналған веб-сайт үлгілері мен дизайны тақырыбы бойынша қысқа мерзімді жоспар
Авторы:
Автор материалды ақылы түрде жариялады. Сатылымнан түскен қаражат авторға автоматты түрде аударылады. Толығырақ
08 Қырқүйек 2023
171
1 рет жүктелген
405 ₸ 450 ₸
Бүгін алсаңыз 10% жеңілдік
беріледі
Тегін турнир Мұғалімдер мен Тәрбиешілерге
Дипломдар мен сертификаттарды алып үлгеріңіз!
Бұл бетте материалдың қысқаша нұсқасы ұсынылған. Материалдың толық нұсқасын жүктеп алып, көруге болады
logo

Материалдың толық нұсқасын
жүктеп алып көруге болады

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

Модуль/Пән

Информатика

Педагог

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

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 балл)

HTML сөзі ағылшын тілінен қалай аударылады

Гипер мәтінді белгілеу тілі

Веб сайт дегеніміз не

Біртақырып бойынша бірік тірілген және өзара гипер сілтемелер мен бай ла ныс ты рыл ған web-беттер жиынтығы

Тэг және оның түрлерін атаңыз

Ашық және жабылу тегі

Веб сайтты жоспарлау кезеңдерін атаңыз

Сайттың орны. Қандай ақпарат жарияланады. Сайттың аудиториясы кімдер. Қолданушылармен қарым-қатынас қандай түрде ұйымдастырылады.

Сайтты ұйымдастыру кезеңдері қандай

Беттің дизайнын жасау. Навигациялық құрылымын жасау. Бетті толтыру үшін мәтіндік және бейне ақпаратты әзірлеу.

Веб беттің файл типі қандай болады

Файл атауы.html




Дискриптор:

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

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

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

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


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

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

10 мин

Жаңа білім

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

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

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

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

Дикриптор:

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

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

  • Style арқылы

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

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

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

https://youtu.be/gxQv_lYD3EE

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

15 мин

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

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

Дискриптор:

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

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

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

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

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

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

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

5 мин

Жеке жұмыс:

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

<img> - дің міндетті емес атрибуттар қатарына жататындар

Align, alt, border, height, shpase, ismap, vspase, width, usemap

HTML тілінде суретті қою үшін қолданылатын src атрибутынан тұратын жұпсыз тег қалай аталады

<img>

Аудионы қоюдың негізі коды

<audio src = “my audio.mp3”></audio>

сурет қою үшін қандай тегті қолданамыз

<IMG>

Бейне былайша қосылады

<video src = “my videо.avi”></video>




Дескриптор:

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

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

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

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

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



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

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

3

Қандай ақпарат жарияланады.

1

Сайттыңорны.

4

Қолданушылармен қарым-қатынас қандай түрде ұйымдастырылады.

2

Сайттың аудиториясы кімдер.


2

Беттің дизайнын жасау.

1

Навигациялық құрылымын жасау.

3

Бетті толтыру үшін мәтіндік және бейне ақпаратты әзірлеу.


Дискриптор:

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

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

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

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

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

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

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

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

Рабочий стол/Сабақ инф/Жеке жұмыс Тапсырма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. Элементтерді жасақтау; Бағдарламау; Тестілеу; Жариялау

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

  1. Блокнот

  2. Power Point

  3. Note Pad

  4. Photoshop

  5. Excel

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

  1. Иә

  2. Жоқ

  1. Веб бетке қандай объ

    Материал жариялап тегін
    сертификат алыңыз!
    Бұл сертификат «Ustaz tilegi» Республикалық ғылыми – әдістемелік журналының желілік басылымына өз авторлық жұмысын жарияланғанын растайды. Журнал Қазақстан Республикасы Ақпарат және Қоғамдық даму министрлігінің №KZ09VPY00029937 куәлігін алған. Сондықтан аттестацияға жарамды
    Ресми байқаулар тізімі
    Республикалық байқауларға қатысып жарамды дипломдар алып санатыңызды көтеріңіз!