Създайте част от страница на сайт на фирма за проектиране на мебели.

Създайте папка с име css-klas-nomer, която да съдържа необходимите ви изображения и

файл с име mebeli.html.

Използвайте предоставените ресурсни изображения css_izpit.zip, HTML за структурата с

вътрешен CSS за стила и следния схематичен дизайн (wireframe):

Страницата да отговаря на следните изисквания:

1. Да има ширина 1000 рх и име „Мебелен магазин“.

2. Да се използва фамилия шрифтове "Arial Narrow" или sans-serif и централно подравняване
на текста.
3. Създайте структура на страницата от 7 блока и следното съдържание:
 Блок 1 – разстояние между съдържанието и рамката 20 рх, цвят на фона #dcdcdc;
 Блок 2 и Блок 3 разположени един до друг със съотношение 40% 60%;
 Блок 2 – да съдържа изображението inside.jpg;
 Блок 3 – цвят на фона #fff, височина 400 рх и съдържание:
‒ Заглавие (h1) „Проектиране на мебели“ – разстояние между рамката и околните
елементи 30 рх;
‒ текст от два параграфа, разстояние между рамката и околните елементи 10 рх,
размер на шрифта 16 рх, разстояние между редовете 1.5:
„Вътрешните пространства без мебели са просто празни стаи. От елегантни
и минималистични до поп или луксозни, изборът на мебели придава голяма част
от характера на пространството, което иначе би било бездушно и кухо тяло на
архитектурата.
При правилно организиране на пространството, днешните апартаменти
могат да се преобразят до неузнаваемост и да задоволят нуждите на своите
обитатели.“
  Блок 4 – със същите параметри като Блок 1;
 Блок 5, Блок 6 и Блок 7 са разположени един до друг със съотношение 30%. Всеки от тях
има следните настройки:
‒ разстояние между съдържанието и рамката 20 рх;
‒ цвят на фона #fff;
‒ съдържат изображение – централно разположено и заглавие (h2) с разстояние между
рамката и околните елементи 30 рх.
 Блок 5 – изображение home-01.png, заглавие „Всичко за кухнята“;
 Блок 6 – изображение home-02.png, заглавие „Всичко за дневната“;
 Блок 7 – изображение home-03.png, заглавие „Всичко за спалнята“.

Папката с решението архивирайте и качете в споделената с преподавателя си папка или

изпратете като прикачен файл на електронната му поща.

Примерно решение:

Забележка: Признават се и други верни предложени решения.

Оценяване:

Критерии за оценяване Точки

Правилно име на папка и успешно изпратена на преподавателя 1
Спазен е схематичния дизайн 1
Правилна HTML структура 1
Форматирането e изцяло със CSS 1
име „Мебелен магазин“ 1
ширина 1000 рх 1
Правилна фамилия шрифтове и подравняване на текста 2
Блок 1 – фон и разтояние 2
Правилно разположени Блок 2 и Блок 3 един до друг със съотношение 40% 60% 2
Правилно съдържание на Блок 2 1
Правилно съдържание на Блок 3 – фон, височина, заглавие, текст 4
Правилно форматиран Блок 4 1
Правилно разположени Блок 5, Блок 6 и Блок 7 един до друг със съотношение 30% 1
Правилни настройки на Блок 5, Блок 6 и Блок 7 4
Правилно съдържание на Блок 5, Блок 6 и Блок 7 3
26

Скала:

Точки до 6 7–9 10 – 16 17 – 22 23 – 26
Оценка 2 3 4 5 6