ІІ етап ІОІТ-2016
Веб-технології
Завдання IІ етапу номінації «Веб-технології»
Інтернет-олімпіади з інформаційних технологій
Файл-розв'язок надсилається за допомогою системи itolymp архівом у форматі zip та не повинен містити жодних виконуваних файлів та скриптів серверної логіки.
Щороку в цілому світі проводяться тисячі подій в рамках програми TEDx — незалежних зустрічей в дусі TED.
The TEDx Program is designed to help communities, organizations and individuals to spark conversation and connection through local TED-like experiences.
At TEDx events, a screening of TED Talks videos — or a combination of live presenters and TED Talks videos — sparks deep conversation and connections at the local level. TEDx events are planned and coordinated independently, under a free license granted by TED.
Вам пропонується розробити нескладну сторінку для однієї з таких продій — TEDxKNEU, у чіткій відповідності до поданого макету.
Матеріали
- Макет в форматі Adobe Illustrator (оригінал)
- Макет в форматі SVG
- Макет в форматі JPG
- Архів із зображеннями
- Шрифт Open Sans
Макети у векторному форматі потребують встановленого в системі шрифту Open Sans, який подано в архіві.
Також шрифт можна завантажити із серверу Google.
Використання зображень та шрифтів, поданих в додаткових матеріалах, не вимагається. Учасник в праві сам обирати структуру проекту та джерело зовнішніх файлів до сторінки: архів, або власний витяг зображень із макету.
Всі посилання в документі повинні вести на поточну сторінку.
Технічні вимоги
- Коректна структура документу за стандартом HTML 5
- Дотримання правил написання коду
- Нормальна робота та вигляд веб-сайту в двох останніх версіях популярних браузерів
- Підтримка дисплеїв з роздільною здатністю більше 320 пікселів
- Коректний вигляд веб-сайту на мобільних пристроях, перебудва докуменду для забезпечення видимості всіх блоків (вимагається тільки 2 типи екранів, точка їх поділу та спосіб перебудови на розсуд учасника)
Також звертається увага на:
- Використання технології Flexbox для вирівнювання блоків
- Модульність CSS: файл поділений на добре структуровані частини, які виконують одну певну функцію (або в проекті є кілька файлів-модулів)
- Взаємодію активних елементів, анімацію
Забороняється використовувати будь-які бібліотеки та фреймворки, окрім normalize.css. Заборона не розповсюджується на препроцесори, постпроцесори та шаблонізатори.