Основи на уеб разработката с HTML и CSS
Описание на курса
Искате ли да разберете как се създават уебсайтовете, които използвате всеки ден?
Това е вашето начало! С този курс ще положите основите на уеб разработката с HTML и CSS – двата ключови езика, които изграждат визуалния облик на интернет.
За учениците:
Дайте воля на въображението си! Ще се научите да създавате собствени уеб страници за любимите си игри, герои или хобита. Представете си го като дигитално LEGO – вие решавате как изглежда всичко и изграждате нещо уникално, което можете да споделите с приятели.
За младежи и възрастни:
Направете първата и най-важна стъпка към доходоносна кариера в технологичния сектор. Овладяването на HTML и CSS е задължителна основа за всеки front-end разработчик. Този курс ще ви даде практическите, търсени на пазара на труда умения, с които да стартирате уверено професионалното си развитие.
Независимо от възрастта и целите ви, в края на курса ще можете самостоятелно да създавате модерни и стилни уебсайтове от нулата и ще имате здрава основа, върху която да надграждате.
Съдържание на курса
🌐 Урок 1. Въведение в уеб технологиите
- Как работи интернет
- Какво е браузър и как изобразява съдържание
- Какво представляват уеб страници и уеб сайтове
- Какво са HTML, CSS и JavaScript и как взаимодействат
- Как се създава и отваря HTML файл локално
🏗️ Урок 2. Основи на HTML
- Структура на HTML документ
- Елементи, тагове и атрибути
- Работа с текст: заглавия, параграфи, списъци, линкове
- Семантика и правилно използване на тагове
🖼️ Урок 3. Изображения и мултимедия
- Вмъкване на изображения с
- Алтернативен текст и достъпност
- Работа с пътища (относителни и абсолютни)
- Добавяне на видео и аудио
- Поддържане на правилна структура и организация на файловете
🧩 Урок 4. Организация на съдържанието и структура на страница
- Основни семантични елементи:
- Йерархия и вложеност на елементи
- Изграждане на проста страница с няколко секции
- Практика: „Мини-портфолио“ страница
🎨 Урок 5. Въведение в CSS
- Какво е CSS и как се прилага (inline, internal, external)
- Селектори и свойства
- Цветове, шрифтове и размери
- Основни понятия за кутии (box model)
- Работа с developer tools за инспекция и промяна на стилове
📐 Урок 6. Оформление и позициониране
- Понятието „box model“ в дълбочина: margin, padding, border
- Display: block, inline, inline-block
- Позициониране: static, relative, absolute, fixed
- Основи на Flexbox
- Подравняване и разпределение на елементи
🧭 Урок 7. Стил и адаптивен дизайн
- Работа с цветови палитри и шрифтове
- CSS променливи и повторна употреба на стилове
- Медийни заявки (media queries) и адаптивност
- Основни принципи на responsive design
- Тестване на различни екрани (мобилни, таблети, десктоп)
💡 Урок 8. Финален проект и интеграция
- Обединяване на HTML и CSS в цялостен мини-сайт
- Проверка за валиден HTML и CSS
- Основи на достъпност и SEO-приятна структура
- Въвеждане в публикуване на страница (GitHub Pages или друг хостинг)
За кого е подходящ?
Обучението е подходящо за участници, завършили 6ти клас, които могат уверено да използват компютър - да пишат на клавиатура, да създават папки и файлове, да навигират във файловата система на операционната система Windows. Не е нужен предварителен опит в областта на програмирането. Курсът е подходящ за ученици, студенти и хора завършили своето образование, които имат интерес към придобиване на нови знания в сферата на информационните технологии.
Къде и кога се провежда?
Курсът статртира на 23.02.2026 г.. Участниците са разделени в групи от максимум 20 човека. Продължителността на курса е от общо 8 занятия. Всяко занятие е с продължителност от 90-120 минути. Занятията се провеждат веднъж в седмицата в сградата на читалище „Слънце“, град Ихтиман. Конкретните дни и часове от седмицата ще бъдат допълнително уточнени с участниците преди началото на курса. За участниците са осигурени лаптопи, но който желае може да донесе собствен компютър.
Цена и записване за курс
Цената за целият курс от 8 занятия е Безплатен
За записвания можете да използвате следните контакти:
(в писмото посочете курсът, от който се интересувате и предпочитан начин за връзка с вас)
kiberlab.net@gmail.com