ІІІ етап ІОІТ-2017
Веб-технології

Прочитати більше

Інформація, інструкції та рекомендації щодо виконання

ІІІ етап Інтернет-олімпіади з інформаційних технологій у номінації "Веб-технології" проводиться 21 грудня 2017 року з 15:00 по 18:00 в заочній формі з використанням Інтернет-ресурсу itolymp.

Для успішного проходження ІІІ етапу Вам потрібно до 18:00 виконати запропоновані нижче завдання та надіслати їх на ресурс itolymp за допомогою Вашого облікового запису. В цілому вам потрібно: увійти, натиснути на змагання ІІІ етап ІОІТ-2017 у номінації "Веб-технології" - після цього ви побачите перелік завдань із посиланням для надсилання розв'язку для кожного з них.

Впродовж виконання завдань строго забороняється використання під час розв’язання файлів розв’язань інших учасників. Будь-які дії, що порушують Правила проведення Інтернет-олімпіади з інформаційних технологій «ІОІТ-2017», а також вказівки журі та організаційного комітету можуть призвести до позбавлення учасника права на подальшу участь у змаганні.

Не залишайте в файлах розв’язань позначки, що ідентифікують Вашу особу. Вони призводять до анулювання роботи.

Уважно читайте умови завдань. Пам’ятайте: правильне розуміння поставленої перед вами задачі – половина шляху до її розв’язання. Автори завдань та члени журі очікують на ваші запитання, які ви можете поставити за допомогою системи itolymp впродовж першої половини змагання (до 16:30).

З побажаннями успіхів, організаційний комітет Інтернет-олімпіади

Свято в кожен дім

Якубів Віктор Романович, заступник голови журі

Завантажити архів зображень (ZIP)

Файл-розв'язок надсилається за допомогою системи itolymp архівом у форматі zip та не повинен містити жодних виконуваних файлів та скриптів серверної логіки.

Наближаються різдвяні свята. Навколо новорічниий настрій. Свято вже ось-ось на порозі кожного дому. Все сяє в світлі гирлянд, кожен готує подарунки для своїх рідних та близьких.

Не становить виняток і наша Інтернет-олімпіада. Вам пропонується виготовити повноекранну новорічну веб-листівку відповідно до відеозразка:

Звук відтворювати не потрібно. Тіні згори та знизу вікна є частиною інтерфейсу YouTube.

Вимоги та рекомендації

  1. Листівка повинна виглядати нормально на більшості популярних екранів з горизонтальною орієнтацією.

    Під словом нормально мається на увазі відсутність накладань та зміщень елементів, які виглядають як дефекти. Наприкдад, частини кулі не збігаються, або заголовок накладається на кулю.

    Рекомендується використовувати відносні величини для позиціонування елементів. Використання абсолютного позиціонування дозволяється.

  2. Для тексту використано шрифт Lobster. Для того, щоб його підключити, варто скористатися сервісом Google Fonts.

  3. Снігова куля повинна відображатися в правій частині та не повинна містити зайвих елементів всередині.

    • Клік по кулі змінює зображення на будь-яке інше з наданих.

    • Порядок зображень може бути довільним, випадковим, проте зміна повинна відбуватися при кожному кліку.

    • Кожна зміна зображення супроводжується анімацією «трясіння» кулі.

    Куля збережена в SVG-файлі. Для того, щоб спростити навігацію по ньому, рекомендується скористатися ідентифікаторами.

  4. На фоні йде сніг. Ефект снігопаду повинен бути реалізований за допомогою Canvas API.

Рекомендується звернути увагу на «шаровість» композиції, що поверх чого накладається.

Використання додаткових бібліотек забороняється.

Необхідні матеріали подані в архіві.