Учебна практика по Уеб дизайн – 12а клас

1. 13 Преобразуване на обикновена страница в семантична HTML структура
2. 14 Изграждане на страница със section, article, aside и footer
3. 15 Създаване на форма за контакт с текстови полета и textarea
4. 16 Добавяне на checkbox, radio бутони и падащо меню
5. 17 Добавяне на HTML валидация чрез required, minlength, type и pattern
6. 18 Подобряване на форма чрез label, fieldset и достъпни атрибути
7. 19 Свързване на външен CSS файл и прилагане на първи стилове
8. 20 Практическа работа със селектори за елементи, класове и ID
9. 21 Оформяне на цветова схема с HEX, RGB и HSL
10. 22 Стилизиране на текст: шрифтове, размери, подравняване и разстояния
11. 23 Прилагане на Box Model: margin, border и padding
12. 24 Практическа задача: създаване на информационна карта с Box Model
13. 25 Работа с display: block, inline и inline-block
14. 26 Стилизиране на навигационно меню и състояния hover/focus
15. 27 Изграждане на хоризонтално меню с Flexbox
16. 28 Подравняване и разпределяне на елементи с Flexbox
17. 29 Създаване на секция с карти чрез Flexbox
18. 30 Практическа задача: оформление на header и hero секция
19. 31 Създаване на базово двуколонно оформление с CSS Grid
20. 32 Изграждане на галерия с CSS Grid
21. 33 Практическа задача: продуктова или портфолио секция с Grid
22. 34 Добавяне на viewport и първи media queries
23. 35 Адаптиране на навигация и съдържание за мобилен екран
24. 36 Създаване на responsive изображения и гъвкави контейнери
25. 37 Практическа задача: адаптиране на готова desktop страница за телефон
26. 38 Тестване и коригиране на сайт за различни размери на екрана
27. 39 Проверка и коригиране на контраст, alt текстове и навигация с клавиатура
28. 40 Практическо тестване на HTML структура и достъпност
29. 41 Проверка на HTML и CSS за грешки и отстраняването им
30. 42 Тестване на сайта в различни браузъри и корекция на проблеми
31. 43 Оптимизиране на изображения, файлове и структура на проекта
32. 44 Подготовка на файловете и папките за публикуване на уеб сайт
33. 45 Публикуване на статичен уеб сайт и проверка на връзки и ресурси
34. 46 Планиране на мини уеб проект: цел, аудитория, структура и съдържание
35. 47 Създаване на wireframe и структура на страниците
36. 48 Изграждане на HTML структурата на проекта
37. 49 Създаване на навигация и основни секции
38. 50 CSS оформление, цветове и типография
39. 51 Изграждане на layout с Flexbox и/или Grid
40. 52 Адаптиране на проекта за мобилни устройства
41. 53 Добавяне и оптимизиране на изображения и мултимедия
42. 54 Добавяне и валидиране на форма за контакт
43. 55 Тестване за достъпност, валидност и браузърна съвместимост
44. 56 Финални корекции и публикуване на проекта
45. 57 Подготовка на кратко представяне и демонстрация на проекта
46. 58 Представяне и практическа защита на завършения уеб проект