Частина 1.

Розробка веб-сторінок, використовуючи

HTML, CSS, CSS-фреймворк Bootstrap
1. (Обов’язковий рівень) Створити макет сторінки index.html,
використовуючи табличне верстання, згідно варіанту завдання.

В1

В2
В3

В4
В5

В6
В7

В8
В9

В10
2. (Обов’язковий рівень) Згідно варіанту, додати в макет:
- меню там «хлібні крихти», як марковані переліки;
- графічний логотип (якщо він є) та графічну шапку;
- розмістити у футері інформацію про виконавця роботи;
- у блоку контенту розмістити довільний текст із включенням
зображень;

3-А. (Обов’язковий рівень) Використовуючи атрибути тегів HTML,

налаштувати макет наступним чином:
- встановити колір фону сторінки;
- встановити ширину таблиці в 900 пікселів;
- встановити ширину колонок таблиці – меню 20%, сайд бар (якщо
присутній) 20%, логотип (якщо присутній) – 20%, «хлібні крихти» -
як ширина блоку контенту;
- розфарбувати комірки таблиці кольорами, що мають рядкові
константи (наприклад, «red», «green», «yellow»);
- зробити межу таблиці невидимою;
- зарезервувати відступи від меж таблиці в 5 пікселів

3-Б. (Бажаний рівень) Змінити макет із завдання 3-А наступним

чином:
- встановити графічний фон сторінки;
- встановити кольори комірок таблиці у шістнадцятиричному
форматі (наприклад FF0000, A0A0A0, 00FF00);

3-В. (Високий рівень) Змінити макет із завдання 3-Б наступним

чином:
- усі налаштування зовнішнього вигляду реалізувати із
застосуванням CSS

4-А. (Обов’язковий рівень) Змінити зовнішній вигляд пунктів

меню, використовуючи атрибути HTML

4-Б. (Бажаний рівень) Змінити зовнішній вигляд меню з

використанням CSS
4-В (Високий рівень) Змінити зовнішній вигляд меню та хлібних
крихт з використанням CSS

5-А. (Обов’язковий рівень) виконати завдання 1, 3-А

використовуючи блочне верстання та CSS-фреймворк Bootstrap

5-Б. (Бажаний рівень) виконати завдання 1, 2, 3-А використовуючи

блочне верстання та CSS-фреймворк Bootstrap

5-В (Високий рівень) виконати завдання 1, 2, 3-А, 3-Б, 3-В

використовуючи блочне верстання та CSS-фреймворк Bootstrap