Общее:
Требуется 2 варианта дизайна под десктопные и мобильные браузеры.
На мобильных устройствах новости и объявления будут выводится по 1му в ряд с хорошо читаемым текстом.
Стиль:
Можно взять за пример news рамблер ru
Новостная страница состоит из 3 частей:
Главная страница по списком новостей
Просмотр новости и списком рекламных объявлений
Просмотр рекламного объявления с другими объявлениями
Главная страница
Вверху шапка со списком категорий, ниже 2 выделенные новости (1), под которыми идут другие новости.
Новость состоит из прямоугольной картинки, исходный размер 300 x 250 px и текста над или под картинкой.
Всего в ряд 4 новости.
При прокрутке внизу происходит бесконечная подгрузка других новостей с отображением процесса загрузки (2).
Просмотр новости
После клика по новости открывается полный текст новости, картинка (1) выводится в полном размере 300х250 .
Справа от новости и под ней выводятся уже рекламные объявления, с прямоугольными картинками и заголовками, с тем же соотношением сторон 300х250, также 4 в ряд с бесконечной подгрузкой.
Просмотр объявления
От просмотра новости отличается только тем, что текст объявления выводится поверх картинки и есть кнопка Подробнее
Опубликован 21.02.2019 в 12:24