В тази задача ще създадете уеб страница за представяне на различни видове билков чай, като използвате HTML и вътрешен CSS. Проектът е подходящ за подготовка за ДЗИ и за усвояване на основни принципи на уеб дизайна.
Описание на задачата
Трябва да се изработи уеб страница за билков чай, използвайки текстове и изображения от папка Resources, според дадения схематичен дизайн (wireframe).
Основни изисквания
- Ширина на страницата: 1000 px
- Шрифт: Tahoma
Горна част (Header)
Header-ът трябва да има височина 250 px и фон с цвят #80b6a1.
- Лого вляво, височина 220 px, вертикално центрирано
- Закръглени ъгли – 10 px
- Разстояние отляво – 10 px
В центъра се поставя заглавие от първо ниво:
ЧАЕН СВЯТ
- Цвят: #2a7c2a
- Размер: 34 px
- Центрирано вертикално и хоризонтално
В долния десен ъгъл се добавя навигация с три връзки:
- Зелен чай
- Лайка
- Джинджифилов чай
Всяка връзка води към съответната секция от страницата.
Основна част – Секции
Страницата съдържа три секции, разделени с хоризонтална линия. Всяка секция включва заглавие, текст и изображение вдясно.
- Изображения: tea1.png, tea2.png, tea3.png
- Височина на изображенията: 200 px
- Вертикално центриране
- Фон: bg_tea.png
- Разстояние между съдържанието и рамката: 15 px
Заглавия
- Цвят: #0a8a8a
- Размер: 24 px
- Отстояние отдолу: 10 px
Текст
- Размер: 16 pt
- Цвят: #4b3d1b
Списъци
- Отстояние отляво: 20 px
- Размер на шрифта: 14 px
Долна част (Footer)
Footer-ът съдържа центриран текст:
„Чаят носи спокойствие и здраве“
- Цвят: #2a7c2a
- Размер: 18 px
- Фон: #99a29c
- Padding: 20 px
Финални изисквания
Създайте архив с име:
it_20.05.2025_zad_28.zip
Архивът трябва да съдържа:
- HTML файла
- Всички използвани изображения
Заключение
Тази задача развива умения за създаване на уеб страници с HTML и CSS, работа по дизайн (wireframe), оформление на header, навигация, секции и footer. Тя е подходяща за подготовка за ДЗИ и практически изпити.
Успех в подготовката за ДЗИ!