ЖАППАЙ АШЫҚ ОНЛАЙН КУРСЫ: Web-программалау.
Ақпараттық-коммуникациялық технологиялар/Информатика
Сынып:
10-сынып
Бөлім:
Ақпараттық жүйелер
Тақырып:
ЖАППАЙ АШЫҚ ОНЛАЙН КУРСЫ: Web-программалау.
23.10.2024
0
10
| Онлайн курстың мақсаты: | Студенттердің web-программалау ортасына бағдарланған ақпараттық жүйелерді әзірлей білуі үшін, қазіргі заманғы технологиялар, әдістер және аспаптық құралдармен жұмыс жасауы бойынша оқырмандардың теориялық білімін, практикалық қабілеттерін дамыту. |
| Пререквизиттер: | Алгоритмдеу, мәліметтер құрылымы және программалау; Объектіге бағытталған программалау. |
| Постреквизиттер | SQL тілінің негіздері; Java тілінде программалау |
| Онлайн курстың оқытудың күтілетін нәтижелері: | <p>Онлайн курсты меңгеру нәтижесінде студент мыналарға қабілетті болады:</p><p>1. Сайттар жасау кезіндегі web-программалаудың негізгі мақсатын, функцияларын, жобалау қағидаларын оларды жүзеге асыратын құралдар негізінде түсіндіру (когнит.); </p><p>2. Өзгерістерге бейім қосымшаларды құру мақсатында үдерістер мен ағындар мәнін, көпшіл ағынның принциптерін пайдалану (функц.); </p><p>3. Үдерістерді жоспарлау мен web-программалаудың базалық алгоритмдері негізінде web-программалау прототиптерін құру және қолданылу тәсілдерін ажырату (функц.);</p><p>4. Web-программалаудың негізгі концепциясын мен әдістерін талдау және бағалау (жүйелік);</p><p>5. Оқытылған технологияларды қолдана отырып, веб-сервистер, сайттар, порталдарды құру барысында білім алушының жеке жұмыс істеу қабілетін дамыту (жүйелік).</p> |
| Онлайн курстың бағалау критерийлері: | Критериалды бағалау – айқын әзірленген критерийлер негізінде оқытудың нақты қол жеткізілген нәтижелерін оқытудан күтілетін нәтижелерімен ара салмақтық процесі. ТЕСТ критериалды бағалау қарастырылған. |
| Онлайн курстың жүзеге асуын көрсететін индикаторлар: | <p>1.1 – Интернет желісін қолданып, пайдаланушылармен бірге жұмыс істеуді ұйымдастыру есептерін шешудің техникалық, коммуникациялық, программ¬алық әдістер кешенін қарастырады. </p><p> 1.2 – Internet Explorer – WWW ортасына арналған браузер. Internet Explorer программасының негізгі принциптері мен WORLD WIDE WEB – жүйесімен қатынас құру тәсілдерін біледі. </p><p> 1.3 – web-сайт адресін әртүрлі орталарға жаза біледі. </p><p>2.1 – сайттардағы негізгі процестерді қадағалап, желі-дегі байланыс орнатылғандығын бақылай алады.</p><p> 2.2 – әртүрлі механизмдерді жүзеге асыратын прог-раммалық бірліктерді өзара ажырата алу, олардың атқаратын жұмыстарын анықтап береді. </p><p>3.1 – сайт құруға арналған программалау тілдерін және технологияларын қолданып, web-парақтардың компоненттері туралы концептуалды ұсыныс беру және оны ары қарай желіде жариялай білу. </p><p> 3.2 – web-ақпараттарды өңдеу технологиясын ұйым-дастыру принциптерін білу. </p><p>4.1 – программалық қосымшаның бизнес-маңыз¬ды-лықтарын сипаттайтын құрылымдарды таңдай білу. </p><p> 4.2 – web-парақтарды безендіруде қосымша аспаптық құралдар мүмкіндіктерін қолдана білу. Web-сайтқа тіркелуді, оның жаһандық желідегі жариялануын, іздеу жүйелеріне тіркелуді білу. </p><p>5.1 – заманауи клиенттік программалауды пайдалана отырып, интернет-қосымшаларын жобалау есептерін шеше алу.</p><p> 5.2 – JavaScript сценарийлерін қолданып, ақпаратты енгізу, шығару, сұраныс терезелерін құра отырып, сценарийлерді web-құжатқа кірістіру. </p> |
| Оқу ресурстары: | <p><b>Негізгі әдебиеттер: </b></p><p> 1. Дунаев В. Web-программирование для всех. –СПб.: БХВ-Перербург, 2017. </p><p> 2. Файн Я., Моисеев А. Angular и TypeScript. Сайтостроение для профессионалов. -СПб.: Питер, 2018. -464 с.</p><p> 3. Фримен А. Angular для профессионалов -СПб.: Питер, 2018. -800 с. </p><p> 4. Бөрібаев Б., Абдрахманова М. Web-технологиялар: HTML және PHP тілдері. 1 бөлім. Оқу құралы. –Алматы: Қазақ университеті. 2015. -241 б. </p><p> 5. Бөрібаев Б., Абдрахманова М Web-технологиялар: JavaScript және PHP тілдері. 2 бөлім. Оқу құралы. –Алматы: Қазақ университеті. 2016. -188 б. </p><p> 6. Брайан Хоган. HTML5 и CSS3. Web-разработка по стандартам нового поколения. -СПб.: Питер, 2012. -272 с. </p><p> 7. Роббинс Дж. HTML5, CSS3 и JavaScript. Исчерпывающее руководство / Дженнифер Роббинс. Пер с англ. –М.: Эксмо, 2014. -527 с.</p><p> 8. Васильев В.В. Практикум по web-технологиям / В.В.Васильев, Н.В.Сороколетова, Л.В.Хливненко. -М.: Форум, 2019. -416 с. </p><p><b> Ғаламтор ресурстары: </b></p><p> 1. <a href="https://synergy.ru/akademiya/programming/luchshie_knigi_po_veb_razrabotke_dlya_nachinayushhix" target="_blank">https://synergy.ru/akademiya/programming/luchshie_knigi_po_veb_razrabotke_dlya_nachinayushhix</a></p><p> </p><p> 2. <a href="https://www.litres.ru/tags/veb-programmirovanie/" target="_blank">https://www.litres.ru/tags/veb-programmirovanie/</a></p><p> 3. <a href="https://www.litres.ru/book/vladimir-dronov/javascript-dopolnitelnye-uroki-dlya-nachinauschih-67726682/" target="_blank">https://www.litres.ru/book/vladimir-dronov/javascript-dopolnitelnye-uroki-dlya-nachinauschih-67726682/</a></p><p><b> Программалық жабдықтамалар:</b></p><p><a href="https://edisonstudio.ru/blog/about-razrabotka/instrumenty-dlya-veb-razrabotki/" target="_blank">https://edisonstudio.ru/blog/about-razrabotka/instrumenty-dlya-veb-razrabotki/</a> ,</p><p> <a href="https://aw.club/global/ru/blog/javascript-libraries-and-frameworks-how-to-choose" target="_blank">https://aw.club/global/ru/blog/javascript-libraries-and-frameworks-how-to-choose</a> ,</p><p> https://www.litres.ru/tags/veb-programmirovanie/ </p> |
| Курстың академиялық саясаты: | <p>Академиялық адалдық<b>.</b> Практикалық/зертханалық сабақтар, білім алушының дербестігін, сыни ойлауын, шығармашылығын дамытады. </p><p>Инклюзивті білім берудің негізгі принциптері. Онлайн курстың білім алушыға барынша жоғарғы деңгейде білім үйрету. Қосымша ақпарат бойынша shormakovaassem@gmail.com поштасына хабарласуға болады. </p> |
Сабақ барысы
| Сабақ кезеңдері | Жоспарланған іс-әрекет | Ресурстар |
|---|---|---|
|
HTML тілі (1-Дәріс) |
<div><i>Қарастырылатын тақырыптар:</i></div><ol><li> Web құжат жасау; </li><li> HTML-құжат құрылымы; </li><li> Құжатты форматтау тәгтері; </li><li> HTML-құжаттарда графиканы пайдалану; </li><li> Гиперсілтемелер құру; </li><li> Тізімдер құру; </li><li> HTML тілінде кестелер тұрғызу; </li></ol> | <p> Сілтеме:</p><p><a href="https://youtu.be/pmf8OwpoTP4" target="_blank">https://youtu.be/pmf8OwpoTP4</a></p> |
|
Web-парақтар. (2-Дәріс) |
<div><i>Қарастырылатын тақырыптар:</i></div><ol><li>Тізімдер </li><li> Кестелер </li><li> Фреймдер </li><li> JavaScript тілі туралы</li></ol> | <p> Сілтеме:</p><p><a href="https://youtu.be/JWoN-hIeGMA" target="_blank">https://youtu.be/JWoN-hIeGMA</a></p> |
|
HTML тілі негіздері (3-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Құжаттарда сырғымалы жолдарды ұйымдастыру </p><p> 2. Web-парақта фреймдерді пайдалану </p><p> 3. <FRAMESET> тәгі </p><p> 4. <FRAME> тәгі </p><p> 5. Фреймдер арқылы сілтемелер ұйымдастыру</p> | <p> Сілтеме:</p><p><a href="https://youtu.be/E3Hd6uRYy-8" target="_blank">https://youtu.be/E3Hd6uRYy-8</a></p> |
|
HTML тіліне қосымша стильдердің сатылы кестелері (4-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p> 1. WWW-парағын безендіруді оның мазмұнынан бөліп тәуелсіз орындау </p><p> 2.Стандартты HTML тілі мүмкіндіктерін түбегейлі түрде кеңейту </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/tAouVzQrsV8" target="_blank">https://youtu.be/tAouVzQrsV8</a></p> |
|
CSS құру негіздері (5-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1.Стильдің мұра ретінде берілуі </p><p> 2. Контекстік селекторлар </p><p> 3. Кластар </p><p> 4. <DIV> және тәгтері </p><p> 5. Z-index </p><p> 6. Сатылау </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/hcQhHQkPLHk" target="_blank">https://youtu.be/hcQhHQkPLHk</a></p> |
|
Объектіні белгіленген орынға қою, z-index (6-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Объектіні бір орынға қою (орналастыру)</p><p> 2. Парақ коды сатылары </p><p> 3. Абсолюттік орналастыру </p><p> 4. Салыстырмалы орналастыру </p><p> 5. Аралас орналастыру </p><p> 5.1. Absolute [relative] </p><p> 5.2. Relative [absolute] </p><p> 5.3. Absolute [absolute] </p><p> 5.4. Relative [relative] </p><p> 5.5. Z-index </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/cf75Ah-ge1M" target="_blank">https://youtu.be/cf75Ah-ge1M</a></p> |
|
JavaScript тілі (7-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. JavaScript тілі</p><p> 2. HTML тіліне скрипт енгізу </p><p> 3. JavaScript және Java </p><p> 4. JavaScript тілі элементтері </p><p> 4.1. alert функциясы </p><p> 4.2. Айнымалылар мен константалар </p><p> 4.3. Айнымалыларды сипаттау </p><p> 4.4. Өрнектер </p><p> 4.5. Командалар </p><p> 4.6. Комментарийлер </p><p> 4.7. Функцияны шақыру </p><p> 4.8. Меншіктеу </p><p> 4.9. Логикалық операциялар </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/oXUSvwAj7P0" target="_blank">https://youtu.be/oXUSvwAj7P0</a></p> |
|
JavaScript тілі. Тармақталу алгоритмдері (8-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Меншіктеу тәсілдері </p><p> 2. Информация енгізу </p><p> 3. Шартты команда </p><p> 4. Ауыстырғыш </p><p> 5. Логикалық операциялар </p><p> 6. Блок </p><p> 7. Арифметикалық және тіркестік өрнектерді шарт ретінде пайдалану </p><p> 8. Логикалық тип мәндері </p><p> 9. Қиын шарттар </p><p> 10. Балама мән (альтернатива) енгізу </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/YnjTDri-BiE" target="_blank">https://youtu.be/YnjTDri-BiE</a></p> |
|
JavaScript тіліндегі циклдар мен функциялар (9-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. while циклы </p><p> 2. for циклы </p><p> 3. break және continue командалары </p><p> 4. Циклдарды кері бағытта программалау </p><p> 5. Цикл айнымалысын сипаттау </p><p> 6. JavaScript ішкі функциялары </p><p> 6.1. Константалар </p><p> 6.2. Стандартты функциялар </p><p> 6.3. Тұтынушы функциялары </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/g_PPEup_ErA" target="_blank">https://youtu.be/g_PPEup_ErA</a></p> |
|
JavaScript тілі. Объект = тәсілдер + қасиеттер (10-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Объект түсінігі </p><p> 1.1. Объект және объектінің бір данасы </p><p> 1.2. Объект интерфейсі және оның ішкі құрылымы </p><p> 1.3. Құрамдас объектілер және тұтынушы объектісі </p><p> 2. Date объектісі </p><p> 2.1. Date ішкі объектісі және оның тәсілдері </p><p> 3. Array объектісі </p><p> 4. Объектіге бағытталған программалау </p><p> 5. Мұралау </p><p>6. Array объектісінің sort тәсілі </p><p> 6.1. Array ішкі объектісі және оның тәсілдері </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/itq1Gpbh260" target="_blank">https://youtu.be/itq1Gpbh260</a></p> |
|
JavaScript тілі. Браузер объектілері мен оқиғалары (11-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Құжаттың объектілік моделі </p><p> 2. Window объектісі </p><p> 2.1. Жаңа терезелер ашу </p><p> 3. Document объектісі </p><p> 4. Оқиғалар </p><p> 5. Интерактивті құжат мысалы </p><p> 6. Window объектісі және оның тәсілдері </p><p> 7. Document объектісі және оның тәсілдері </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/mQzQKG3Kwq4" target="_blank">https://youtu.be/mQzQKG3Kwq4</a></p> |
|
JavaScript тілі. Формалар (батырмалар, енгізу жолдары, жалаушалар, радиобатырмалар) (12-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Программалық басқару принципі </p><p> 2. <Form> блогы </p><p> 2.1. E-mail арқылы форма жөнелту </p><p> 3. Батырмалар. <INPUT> элементі </p><p> 3.1. Экрандық батырмалар </p><p> 3.2. Енгізу жолдары </p><p> 4. Формалар (жалаушалар, радиобатырмалар) </p><p> 4.1. Жалаушалар </p><p> 4.2. Радиобатырмалар</p> | <p> Сілтеме:</p><p><a href="https://youtu.be/Z7JYW-8Zr4U" target="_blank">https://youtu.be/Z7JYW-8Zr4U</a></p> |
|
JavaScript тілі. Формалар (меню, көпқатарлы өрістер) (13-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1.<SELECT> менюі </p><p> 2.<SELECT> тәгінің атрибуттары </p><p> 3.<ТЕХТАRЕА> көп қатарлы өрісі </p><p> 4.<ТЕХТАRЕА> тәгінің атрибуттары </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/yx4n-l_orQE" target="_blank">https://youtu.be/yx4n-l_orQE</a></p> |
|
Мультимедиалық эффектілері бар фильтрлер (14-Дәріс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Негізгі түсініктер </p><p> 2. Alpha фильтрі. Элементтің мөлдірлік деңгейін беру </p><p> 3. Blur фильтрі. Парақ элементін бұлыңғыр ету </p><p> 4. Emboss фильтрі. Парақ элементін дөңес ету </p><p> 5. Engrave фильтрі. Парақтағы элементті ойыс ету</p><p> 6. Glow фильтрі. Парақ элементін қоршай безендіру </p><p> 7. Gradient фильтрі. Парақ элементін градиентті түрде бояу </p><p> 8. Matrix фильтрі. Парақ элементінің көлемін, өзгерту, матрицалық түрлендірулер арқылы бұру, терістеу </p><p> 9. FlipH және FlipV фильтрлері. Көлденең және тік бағытта айналық кескіндер жасау </p><p> 10. Wave фильтрі. Парақ элементін толқынды түрде өзгерту </p> | <p> Сілтеме:</p><p><a href="https://youtu.be/5gwQYEzYPYU" target="_blank">https://youtu.be/5gwQYEzYPYU</a></p> |
|
HTML ТІЛІНІҢ НЕГІЗГІ ТӘГТЕРІН ПАЙДАЛАНУ (1-6 Зертханалық жұмыс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. HTML ТІЛІНІҢ НЕГІЗГІ ТӘГТЕРІН ПАЙДАЛАНУ </p><p> 2. ҚАРІПТЕРДІ ФОРМАТТАУ </p><p> 3. СЫРҒЫМАЛЫ ЖОЛДАРДЫ ЖӘНЕ ТІЗІМДЕРДІ ҰЙЫМДАСТЫРУ </p><p> 4. ЛАБОРАТОРИЯЛЫҚ ЖҰМЫС КЕСТЕЛЕР ТҰРҒЫЗУ</p><p> 5. WEB-ПАРАҚТА ФРЕЙМДЕРДІ ПАЙДАЛАНУ </p><p> 6. HTML ҚҰЖАТТАРЫНДАҒЫ ФОРМАЛАР</p> | <p>Сілтеме:</p><p><a href="https://drive.google.com/file/d/1qHT1FU5mxN9tRLxff98bySCeF-hbQhP7/view?usp=sharing" target="_blank">https://drive.google.com/file/d/1qHT1FU5mxN9tRLxff98bySCeF-hbQhP7/view?usp=sharing</a></p> |
|
CSS құру негіздері (7-10 Зертханалық жұмыс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1.HTML тілінде CSS кестелерін пайдалану </p><p> 2.CSS қасиеттеріне шолу </p><p> 3.CSS құру негіздері </p><p> 4. Объектіні белгіленген орынға қою, z-index </p> | <p>Сілтеме:</p><p><a href="https://drive.google.com/file/d/1aU6fz9f0S_oIFiD-mwMQ_I2RBhllL-gf/view?usp=sharing" target="_blank">https://drive.google.com/file/d/1aU6fz9f0S_oIFiD-mwMQ_I2RBhllL-gf/view?usp=sharing</a></p> |
|
HTML-тіліне скриптер енгізу (11 Зертханалық жұмыс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1.HTML-тіліне скриптер енгізу (alert, prompt, confirm)</p><p>2. Скриптерді құжат ішіне енгізу</p> | <p>Сілтеме:</p><p><a href="https://docs.google.com/document/d/1OLDyNJxQ_N5Ly7hsFgYzpyfSdJ5R3lNc/edit" target="_blank">https://docs.google.com/document/d/1OLDyNJxQ_N5Ly7hsFgYzpyfSdJ5R3lNc/edit</a></p> |
|
Браузер, JavaScript объектілері (12-15 Зертханалық жұмыс) |
<p><i>Қарастырылатын тақырыптар:</i></p><p>1. Тармақталу алгоритмдері </p><p> 2. Цикл командалары</p><p> 3. JavaScript тіліндегі объектілер </p><p> 4. Браузер объектілері мен оқиғалары </p> | <p>Сілтеме:</p><p><a href="https://drive.google.com/file/d/1bBWuD1Edn6t0Rpxkc_i5xT5EQ494uGSp/view?usp=sharing" target="_blank">https://drive.google.com/file/d/1bBWuD1Edn6t0Rpxkc_i5xT5EQ494uGSp/view?usp=sharing</a></p> |
|
Дәріс 1-5 бойынша тест жұмысы |
Өткен дәрістер мен зертханалық жұмыстар орындау барысында меңгерілген білім деңгейін келесі тест арқылы тексереміз. Тестті орындау үшін көрсетілген сілтемеге кіріп, міндетті түрде өз электронды поштаңызды және аты-жөніңізді толтыруыңыз қажет. Бір студент тек бір рет қана тапсыра алады. Студент бірнеше рет тестті өткен жағдайда нәтижелері жойылады. Орындау бойынша түсіндірме: 1 сұрақ = 1 балл. Барлық сұраққа міндетті түрде жауап берілуі тиіс. Сұрақтардың мүмкін болатын 1 ғана жауабы бар. | <p> Сілтеме: <a href="https://forms.gle/m89DuNDS42FomDxZ7" target="_blank">https://forms.gle/m89DuNDS42FomDxZ7</a></p> |
|
Дәріс 6-10 бойынша тест жұмысы |
Өткен дәрістер мен зертханалық жұмыстар орындау барысында меңгерілген білім деңгейін келесі тест арқылы тексереміз. Тестті орындау үшін көрсетілген сілтемеге кіріп, міндетті түрде өз электронды поштаңызды және аты-жөніңізді толтыруыңыз қажет. Бір студент тек бір рет қана тапсыра алады. Студент бірнеше рет тестті өткен жағдайда нәтижелері жойылады. Орындау бойынша түсіндірме: 1 сұрақ = 1 балл. Барлық сұраққа міндетті түрде жауап берілуі тиіс. Сұрақтардың мүмкін болатын 1 ғана жауабы бар. | <p>Сілтеме: <a href="https://forms.gle/F2qmxfNZQEonJEVQ8" target="_blank">https://forms.gle/F2qmxfNZQEonJEVQ8</a></p> |
|
Дәріс 11-14 бойынша тест жұмысы |
Өткен дәрістер мен зертханалық жұмыстар орындау барысында меңгерілген білім деңгейін келесі тест арқылы тексереміз. Тестті орындау үшін көрсетілген сілтемеге кіріп, міндетті түрде өз электронды поштаңызды және аты-жөніңізді толтыруыңыз қажет. Бір студент тек бір рет қана тапсыра алады. Студент бірнеше рет тестті өткен жағдайда нәтижелері жойылады. Орындау бойынша түсіндірме: 1 сұрақ = 1 балл. Барлық сұраққа міндетті түрде жауап берілуі тиіс. Сұрақтардың мүмкін болатын 1 ғана жауабы бар. | <p>Сілтеме: <a href="https://forms.gle/tp6mHMKKFowuyytq6" target="_blank">https://forms.gle/tp6mHMKKFowuyytq6</a></p> |
Файлдар:
Файлды ару
HTML тілі
Файлды ару
Web-парақтар.
Файлды ару
HTML тілі негіздері
Файлды ару
HTML тіліне қосымша стильдердің сатылы кестелері
Файлды ару
CSS құру негіздері
Файлды ару
JavaScript тілі
Файлды ару
JavaScript тілі. Тармақталу алгоритмдері
Файлды ару
JavaScript тіліндегі циклдар мен функциялар
Файлды ару
JavaScript тілі. Объект = тәсілдер + қасиеттер
Файлды ару
Объектіні белгіленген орынға қою, z-index
Файлды ару
JavaScript тілі. Браузер объектілері мен оқиғалары
Файлды ару
JavaScript тілі. Формалар (батырмалар, енгізу жолдары, жалаушалар, радиобатырмалар)
Файлды ару
JavaScript тілі. Формалар (меню, көпқатарлы өрістер)
Файлды ару
Мультимедиалық эффектілері бар фильтрлер
Файлды ару
1-6 Зертханалық жұмыс
Файлды ару
7-10 Зертханалық жұмыс
Файлды ару
11 Зертханалық жұмыс
Файлды ару
12-15 Зертханалық жұмыс
Пікірлер(0)