Сайт жасау — 10 сыныпқа арналған нұсқаулық Кіріспе: Бұл карточка 10-сынып оқушыларына қарапайым веб-сайт құрудың негізгі кезеңдерін көрсетеді. Мақсат — идеядан бастап, құрылым, дизайн, және жариялауға дейінгі қысқа әрі нақты жоспар беру. Негізгі бөлімдер 1. Жоспарлау Мақсат анықтау, беттер құрылымы (үй, туралы, байланыс), мазмұн түрін шешу. 2. Дизайн және макет Түс палитрасы: негізгі #1A2D7A, акценттер #D3DCF6 және фон #E7EEF9; типография және иерархия. 3. Құрылым (HTML) Басты тегтер: header, nav, main, section, footer. Мазмұнды семантикалық орналастыру. 4. Стильдеу (CSS) Түстерді айнымалыларға енгізу, жалпылама стильдер, жауапты дизайн үшін медиа сұраулар. 5. Тестілеу Браузерлер мен экрандарда тексеру; формалар мен сілтемелердің жұмысын бақылау. 6. Жариялау Хостинг таңдау: GitHub Pages, Netlify немесе мектеп сервері; домен мен файлдарды жіберу. Практикалық кеңестер Код жазарда шағын қадамдар: бірінші HTML, сосын CSS, кейін JS. Қолжетімділік: alt мәтіндері, контраст — негізгі түс #1A2D7A-мен үйлесімді. Өсіру: суреттер оптимизациясы (кіші өлшем), кэш және қысу. Қауіпсіздік: жеке деректерді сақтамаңыз, формаларда валидация жасаңыз. Жұмыс жоспар — 4 сағаттық жоба Дизайн Создать макет и визуалы Публикация Выпустить и собрать отзывы Идея и план Определить цель и структуру Код и тесты Реализовать и проверить Ұсынылған уақыт бөлу: жоспар — 30 мин, дизайн — 60 мин, кодтау — 90 мин, тест/жариялау — 40 мин. Оқушылар топпен бірге немесе жеке жұмыс істей алады. Бағалау критерийлері Функционалдық жұмыс, жауаптылық, дизайн сапасы, код ұйымдастырылуы. Қосымша ресурстар MDN Web Docs, W3Schools, freeCodeCamp және GitHub репозиторий үлгілері. Келесі қадам Мини-жоба жасап, результатты мектеп сайтына немесе GitHub Pages-ке жариялаңыз. Қорытынды: Бұл схема 10-сынып оқушыларына сайт жасаудың логикалық, визуалды және техникалық қадамдарын көрсетеді. Оқытушы тапсырманы үлкейтіп, әр кезеңге нақты тапсырмалар мен бағалау критерийлерін қосуы тиіс.
