Назад Вперед Зміст

ПРАКТИЧНА РОБОТА № 7

Візьміть свій файл з третьої практичної роботи Var_№_UkrPoets.html, створіть файл style.css і підключіть його до сторінки. Задайте стилі, щоб отримати оформлення, подібне до зразка.

Кожен учень виконує свій варіант, після чого клас розбийте на групи по 6 учнів (за кількістю варіантів) і зберіть усі роботи в один проєкт. Створіть головну сторінку з меню та фоном.

Зайдіть на сторінку Розписане завдання. Там детально описано рекомендовані класи стилів і наведено приклади їх використання. Кольорову схему можна змінювати на власний розсуд.

Ця головна сторінка містить:
1. Заголовок "Головне меню"
2. Сітку з 6 кнопок-посилань на інші сторінки (page1.html до page6.html)

Розписане завдання

Варіант 1

HTML-сторінка про Василя Симоненка містить:
1. Строгий, але елегантний дизайн у синіх тонах
2. Детальну біографію з хронологією основних подій життя
3. Три найвідоміші вірші:
   • "Ти маєш ім'я" - громадянський заклик
   • "Лебеді материнства" - лірична поезія
   • "Чого ти ходиш до мене, смерте?" - пророчий вірш
4. Цитати поета, що відображають його життєву позицію
5. Чітку структуру з гарною типографікою
6. Сторінка передає трагізм долі поета, силу його слова та незламність духу, що надихає нові покоління українців.

Варіант 2

HTML-сторінка про Володимира Сосюру містить:
1. Класичний дизайн у бордових тонах, що підкреслює драматизм його творчості
2. Хронологічну біографію з основними віхами життя
3. Три знакові вірші:
   • "Так ніхто не кохав" - вічний гімн коханню
   • "Моя Україна" - патріотична лірика
   • "Червона зима" - поезія революційної доби
4. Цитати поета, що відображають його творчу позицію
5. Елегантну типографіку з гарною читаністю
6. Таймлайн основних подій життя
7. Сторінка передає емоційну силу поезії Сосюри, її зв'язок з історичними подіями та внесок у українську літературу.

Варіант 3

HTML-сторінка містить:
1. Біографію Василя Стуса з основними віхами його життя
2. Текст про актуальність його творчості.
3. Три вірші Стуса: "Палімпсести", "Час творчості" та "Зимові дерева"
4. Стильове оформлення з кольорами українського прапора (синій і жовтий)
5. Цитати Стуса в заголовку та футері

Варіант 4

HTML-сторінка про Ліну Костенко містить:
1. Елегантний дизайн у теплих коричневих тонах, що підкреслює глибину її поезії
2. Детальну біографію з акцентом на ключові моменти життя та творчості
3. Три знакові вірші:
   • "Скільки в мене тіл..." - філософська лірика
   • "Такі літа пройшли..." - роздуми про час
   • Уривок з "Марусі Чурай" - історична поема
4. Автограф-підпис під кожним віршем
5. Цитати Костенко, що відображають її творчу позицію
6. Сторінка передає аристократизм і глибину поезії Костенко, її зв'язок з історичною пам'яттю та філософськими роздумами.

Варіант 5

HTML-сторінка про Григорія Чубая містить:
1. Сучасний, але стриманий дизайн у синіх тонах
2. Детальну біографію поета з акцентом на його вплив на українську літературу
3. Три характерні вірші:
   "Поезія" - метапоетичний маніфест
   • "Сонячний простір" - філософська лірика
   • "Місто" - урбаністичний образ
4. Дати написання під кожним віршем
5. Цитати Чубая, що підкреслюють його творчу позицію
6. Чітку структуру з гарною типографікою
7. Сторінка передає інтелектуальний характер поезії Чубая, її філософську глибину та вплив на подальший розвиток української літератури.

Варіант 6

HTML-сторінка про Сергія Жадана містить:
1. Сучасний дизайн з кольорами українського прапора
2. Детальну біографію письменника з акцентом на його громадську позицію
3. Три характерні вірші:
   • "Ворошиловград" - про ідентичність Східної України;
   • "Це буде так" - про травму війни;
   • "Діти" - соціальна поезія про вплив війни на молодше покоління;
   Цитати Жадана, що підкреслюють його позицію
4. Сторінка передає енергію та соціальну спрямованість творчості Жадана, його зв'язок із сучасними подіями в Україні.