Архив: Сайт на html+CSS(Бібліотека контенту). Киев.

Описание

Створити нескладний сайт на HTML+CSS

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



Тема сайту: Бібліотека контенту (текст, аудіо, відео)



Зміст роботи: Додавання в бібліотеку. Пошук в бібліотеці за різними

критеріями. Оцінка матеріалів користувачами



Загальні вимоги:

• Верхній блок – слайдер зображень (або відео) основне і меню сайту. Пункти меню

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

• Обов'язково повинні бути підміню.

• Основний блок – breadcrumbs (знаходяться "хлібні крихти"), якщо є необхідність

(переважно, але не обов'язково). Під ними розташований блок з контентом.

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

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

доступний йому простір, за винятком лівого меню (якщо є), шапки і breadcrumbs.

Під час прокрутки блоку контенту інші блоки повинні бути нерухомі.

• На одній зі сторінок блоку з контентом повинна знаходиться галерея картинок

300x300px. Передбачити варіант коли картинки в галереї мають різну висоту

• На одній зі сторінок використовувати клієнтську пагінацію: дані необхідно

відображати посторінково, максимум 10 елементів на сторінку, необхідно

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

• На сторінці «Контакти» має бути карта із зазначенням місця розташування.

• Сторінки веб-застосування повинні займати всю ширину вікна і коректно

відображатися у всіх браузерах (кросбраузерну включно з IE8/IE9).

• Передбачити можливість пошуку по сайту.

• На сторінці з даними повинна бути можливість сортування та фільтрації.

• При верстці не можна використовувати таблиці, фрейми. Таблиці можна

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

• Можна використовувати будь-які зображення і відео.

• Лівий блок – додаткове меню, воно може мати кілька рівнів вкладеності, кожний

наступний рівень повинен мати відступ на Х px більше попереднього рівня.

Ширина меню - Y px. Якщо меню перевищує висоту сторінки, то повинен

з’являтися системний вертикальний скрол, що прокручує лише меню.

• Використовувати Landing Page/реалізувати застосування у вигляді SPA.

• Шаринг в соц. мережах.

• Реєстрація + авторизація на сайті.

Город

Киев

Категория

Веб-программирование