Жаппай ашық онлайн курс: Web - программалау
Жаппай ашық онлайн курс: Web - программалау
| Курстың мақсаты: | Білім алушыларға Web-технологиялардың негіздерін меңгерту, HTML, CSS және JavaScript тілдерін пайдалана отырып заманауи Web-беттерді әзірлеу, безендіру және интерактивті элементтермен толықтыру дағдыларын қалыптастыру. |
| Курстың міндеттері: |
|
| Курсты оқу барысында қалыптасатын құзыреттер: | Білім алушы:
|
| Күтілетін оқу нәтижелері: | Курс соңында білім алушы:
|
| Пререквизиттер: | Курсқа дейін білім алушының ақпараттық-коммуникациялық технологиялар, компьютерлік сауаттылық және алгоритмдеу негіздері бойынша бастапқы білімі болғаны жөн. |
| Постреквизиттер: | Курс нәтижесінде қалыптасқан білім мен дағдыларды Web-бағдарламалау, Front-end әзірлеу, ақпараттық жүйелерді жобалау және Web-жобаларды әзірлеу бағыттарында қолдануға болады. |
| Білім алушылардың оқу жетістіктерін бағалау: |
|
| Негізгі әдебиеттер: |
|
| Электрондық оқу ресурстары: |
|
| Бағдарламалық қамтулар: |
|
| Академиялық адалдық қағидалары: | Білім алушылар оқу барысында академиялық адалдық қағидаларын сақтауға міндетті. Практикалық және өзіндік жұмыстарды орындау кезінде білім алушы өз бетінше жұмыс істеп, пайдаланылған ақпараттық және әдеби дереккөздерге сілтеме жасауы тиіс. Курс барысында:
|
Ход урока
| Этапы урока | Запланированная деятельность на уроке | Ресурсы |
|---|---|---|
|
1 тәжірибелік сабақ. HTML – құжат құрылымы. Алғашқы Web – бет |
Практикалық сабақ барысында білім алушылар HTML тілінің негізгі ұғымдарымен және web-құжаттың құрылымымен танысады. HTML-құжаттың негізгі элементтері мен тегтерін қолдану, құжаттың құрылымын қалыптастыру, мәтіндік ақпаратты орналастыру және алғашқы қарапайым Web-бетті әзірлеу бойынша практикалық тапсырмалар орындайды. |
|
|
2 тәжірибелік сабақ. Web – бет мәтінін форматтау |
Практикалық сабақ барысында білім алушылар HTML тілі арқылы web-беттегі мәтінді форматтау тәсілдерін меңгереді. Мәтінді тақырыптарға бөлу, абзацтарды ұйымдастыру, қаріптің өлшемі мен түрін өзгерту, мәтінді қалың, көлбеу және асты сызылған түрде көрсету, сондай-ақ мәтінді туралау бойынша практикалық тапсырмалар орындайды. |
|
|
3 тәжірибелік сабақ. Web – бет мәтінін форматтау (жалғасы) |
Практикалық сабақ барысында білім алушылар web-бет мәтінін форматтаудың қосымша тәсілдерін меңгереді. Мәтіннің өлшемін, түсін, қаріп түрін және орналасуын өзгерту, мәтіндік элементтерді тиімді құрылымдау, арнайы символдар мен абзацтарды қолдану арқылы web-беттің мазмұнын көркемдеу бойынша практикалық тапсырмалар орындайды. |
|
|
4 тәжірибелік сабақ. Web – беттің фон және мәтін түсімен жұмыс |
Практикалық сабақ барысында білім алушылар web-беттің фоны мен мәтін түсін баптау тәсілдерін меңгереді. HTML және CSS көмегімен веб-беттің фон түсін, мәтін түсін, қаріп параметрлерін өзгерту, түстерді дұрыс үйлестіру және веб-беттің көрнекілігін арттыру бойынша практикалық тапсырмалар орындайды. |
|
|
5 тәжірибелік сабақ. Тізімдер құру. Гиперсілтеме |
Практикалық сабақ барысында білім алушылар HTML тілінде әртүрлі тізімдерді құру және веб-беттер арасында байланыс орнату тәсілдерін меңгереді. Нөмірленген, маркерленген және анықтамалық тізімдерді құру, гиперсілтемелерді орналастыру, олардың атрибуттарын баптау және сыртқы және ішкі ресурстарға сілтеме жасау бойынша практикалық тапсырмалар орындайды. |
|
|
6 тәжірибелік сабақ. HTML тілі көмегімен кесте құру |
Практикалық сабақ барысында білім алушылар HTML тілі арқылы веб-бетте кестелерді құру және құрылымдау тәсілдерін меңгереді. <table>, <tr>, <th>, <td> тегтерін қолдану, кесте жолдары мен бағандарын қалыптастыру, ұяшықтарды біріктіру және кесте мазмұнын тиімді орналастыру бойынша практикалық тапсырмалар орындайды. |
|
|
7 тәжірибелік сабақ. HTML тілі көмегімен форма құру |
Практикалық сабақ барысында білім алушылар HTML тілі арқылы веб-беттерде әртүрлі формаларды құру және баптау тәсілдерін меңгереді. Форма элементтерін (input, textarea, select, button және т.б.) қолдану, олардың негізгі атрибуттарын орнату және пайдаланушыдан ақпарат енгізуге арналған қарапайым веб-формаларды әзірлеу бойынша практикалық тапсырмалар орындайды. |
|
|
8 тәжірибелік сабақ. CSS – ті HTML – да қолдану |
Практикалық сабақ барысында білім алушылар CSS көмегімен HTML құжаттарының сыртқы көрінісін безендіру және веб-бет дизайнын қалыптастыру тәсілдерін меңгереді. CSS-ті HTML құжатына қосу, элементтердің түсін, қаріпін, өлшемін, орналасуын және басқа да стильдік қасиеттерін баптау бойынша практикалық тапсырмалар орындайды. |
|
|
9 тәжірибелік сабақ. JavaScript – ті HTML – да қолдану |
Практикалық сабақ барысында білім алушылар JavaScript тілін HTML құжаттарына енгізу және веб-беттің интерактивтілігін арттыру тәсілдерін меңгереді. JavaScript кодын HTML құжатына қосу, оқиғаларды өңдеу, веб-бет элементтерін басқару және қарапайым интерактивті функцияларды жүзеге асыру бойынша практикалық тапсырмалар орындайды. |
|
|
10 тәжірибелік сабақ. Web сайт әзірлеуге арналған конструкторлар |
Практикалық сабақ барысында білім алушылар код жазбай-ақ web-сайт құруға мүмкіндік беретін заманауи конструкторлардың мүмкіндіктерімен танысады. Сайт құрылымын әзірлеу, дайын шаблондарды таңдау және бейімдеу, мәтіндік және графикалық контентті орналастыру, навигация элементтерін құру және сайтты жариялау бойынша практикалық тапсырмалар орындайды. |
Отзывы(0)