Мистецтво. Інтегрований курс. 7 клас. Комаровська
Сайт як віддзеркалення світу моїх захоплень
• Розгляньте світлини. Як захоплення впливає на життя людини? Чи знаєте ви, чим люблять займатися у вільний час ваші друзі чи близькі?
У світі існує багато цікавого та захопливого. Кожен із нас може знайти заняття до душі. Є багато речей, які викликають у нас інтерес, яскраві емоції та незабутні враження.
Хобі — одне з тих занять, яке не лише приносить задоволення, а й сприяє емоційному врівноваженню. Отже, улюблена справа — це і відпочинок, і діяльність, і гімнастика для душі.

3. Світ наших захоплень — безмежний
Нині, у час високих технологій, бажання людей винести на загал власні творчі досягнення, знайти прихильників/прихильниць свого таланту, поділитися секретами майстерності або просто налагодити спілкування з однодумцями нескладно. Це можна здійснити в соціальних групах та на платформах, де талановиті й творчі особистості знаходять одне одного. Такі онлайн-середовища створюють чудову можливість виражати себе, знаходити вдячну аудиторію та обмінюватися досвідом. Вони не лише полегшують доступ до творчого вираження, а й сприяють розширенню кола спілкування, розвитку в особистісному та професійному плані.
Найкращим способом презентування широкій аудиторії власного хобі є персональний вебсайт. Це своєрідна віртуальна візитівка або портфоліо людини та вітрина її улюбленого заняття. Існують різні способи самостійного створення такого сайту: за допомогою вебконструкторів, CMS-систем, шляхом самостійного написання вихідного коду сайту.

1. Вебмайстер засобами комп'ютерного дизайну створює ваш віртуальний творчий образ

2. Попередня розробка змісту та оформлення вебсайту називається прототипінг

3. Сайт «Рукотвори» пропонує долучитися до творчості українських митців та мисткинь

4. Сайт Spotify об'єднує по всьому світу тих, хто захоплюється музикою. Швеція
• Поміркуйте, які мистецькі навички є найважливішими для розробника/розробниці вебсайтів. Чому, на вашу думку, важливо розумітися не лише на художньому оформленні сайту, а й ураховувати зручність користування ним?
Вебсайт — це сукупність програмних, інформаційних, а також медійних засобів, логічно пов'язаних між собою та розміщених у мережі інтернет.
Вебмайстер (веброзробник/розробниця) — особа, яка розробляє вебсайти або корпоративні програми для Інтернету.
Для того щоб вебсайт якнайкраще презентував вас і ваше захоплення, він мас бути сучасним, адаптивним (відкриватися у форматі комп’ютера, планшета, телефона), красивим, корисним і зручним.
Кожен заголовок, фрагмент тексту, зображення та елементи вебсайту мають надавати дизайну організованого вигляду. Окрім того, слід грамотно подати зміст (контент): кожен розділ мас містити корисну інформацію, презентувати досягнення автора/авторки.

5. Сайт — віртуальний музей видатного митця Михайла Біласа

6. Сайт студії дитячої творчості Тre Punty пропонує велику кількість творчих майстер-класів. Франція
Оригінальні деталі, цікавий шрифт для заголовків, яскраві тематичні світлини — усе це виконує роль вітрини. Тому слід звернути увагу на головні елементи її оформлення.
Колір — один із інструментів, що справляє перше враження, створює настрій. Важливо обирати кольори, які відповідають меті сайту та його цільовій аудиторії. Щоб легше дібрати потрібне колірне рішення, потрібно поміркувати, як ми сприймаємо ту чи іншу барву.

• Проаналізуйте таблицю асоціацій. Порівняйте їх із власними враженнями та емоціями. Які предмети змальовує ваша уява від споглядання того чи іншого кольору?
• Корисним правилом для вебдизайну сайтів або програм є правило 60/30/10. Ідея полягає в тому, щоб використовувати три кольори: 60% — це основний колір дизайну, 30% — другорядний колір, 10% — найяскравіший, акцентний колір. Ці орієнтовні числа допомагають надати сайту пропорційності та збалансованості, використовуючи основний колір разом із додатковими та акцентними кольорами.
• Розгляньте логотипи сайтів, присвячених різним хобі. Поміркуйте, як зображення відображають теми сайтів.

1. Зразки логотипів вебсайтів
Але навіть найкращого вебсайту з ідеальним вибором кольору та виразним логотипом буде недостатньо, щоб залучити відвідувачів, якщо вони не зможуть знайти те, що шукають.
Лейаут, або макет сайту, мас бути зрозумілим: яскраві смуги, що виділяють пункти меню та інтерактивні елементи, створюють приємну взаємодію. Завдяки впорядкованому лейауту, великій кількості вільного простору та грамотному використанню кольорів дизайн забезпечує зручну взаємодію з користувачем/користувачкою.
Лейаут — структура сайту, зовнішній вигляд його елементів (сторінок) та їхнього розташування відносно один одного, загальний вигляд головної сторінки як сукупності елементів.

2. Орієнтовна схема побудови головної сторінки вебсайту
Іноді для створення сайту розробники користуються програмами штучного інтелекту. Також графічні дизайнери не завжди розробляють власні моделі, а використовують готові. Такий спосіб створення творчих продуктів порушує правову проблему авторства. Виникає питання: чи можуть такі твори вважатися оригінальними, а ті, хто їх розробив, — авторами/авторками?

3. Я. Вермеєр. Дівчина з перлиновою сережкою
4. Сайт віртуальної галереї європейського образотворчого мистецтва, в оформленні якого використані відомі твори
5. С. Боттічеллі. Портрет невідомого з медаллю
• Подискутуйте: хто є справжнім автором роботи, створеної на основі готових моделей сайтів? Яку роль відіграють твори відомих митців/мисткинь в оформленні сторінки сайту?
Авторське право — це правила законодавства, що визначають, як можна використовувати наукові, літературні та художні твори, не порушуючи інтереси їх автора/авторки.
• Знайдіть інформацію про те, коли був створений перший вебсайт.
ТВОРЧА МАЙСТЕРНЯ
Варіант 1. Розробіть ескіз головної сторінки сайту як віддзеркалення ваших захоплень.
Варіант 2. Розробіть ескіз головної сторінки сайту на одну з тем: «Творчі студії нашої школи», «Шкільний спортклуб», «Моя майстерня», «Наш музичний клас» та ін.
СКРИНЬКА ПОРАД
Придумайте назву сайту, намалюйте його логотип.
Оберіть колірне рішення за правилом 60/30/10.
Доберіть світлину, що якнайкраще презентує вас або вашу спільноту, об'єднану захопленням.
Поміркуйте, що цікаве та корисне може запропонувати ваш сайт відвідувачам/відвідувачкам.
Визначте теми розділів.
У додаткових елементах інформації вкажіть пошту, соцмережі, через які можете отримувати зворотну інформацію від відвідувачів (відгуки, замовлення, пропозиції та ін.).
ПЕРЕВІРТЕ СЕБЕ
• Хто займається розробленням вебсайтів або корпоративних програм для мережі Інтернет?
• Які умови має враховувати дизайнер/дизайнерка при розробленні веб-сайту?
• Назвіть основні елементи головної сторінки сайту та опишіть правила їхнього розтушування.