Верстка + программирование

Приветствую коллеги!

Необходимо сверстать сайт по макету и реализовать его функциональность при помощи PHP и\или Java (если потребуется есть поддержка MySQL).

Для того что-бы понять что именно нужно будет делать, откройте сейчас макет в приложении.

Необходимо:

1.Модуль с работами (справа от логотипа)

а.)при наведении курсора на скриншот он должен плавно переходить в центральную позицию и увеличиваться до размера 171х171px.

б.)Если работа находиться справа от центра, то при переходе выбранной работы на центральную позицию, все работы что находились перед ней (слева-на-право), должны плавно сместиться на позицию влево, столько раз, сколько нужно для перехода выбранной работы на центральную позицию. И принять размеры позиции на которую она встанет. Размер промежуточных позиций - 138х138, а последних 96х96. Если работа находиться слева от центра, то наборот работы должны перейти вправо.

в.)При смещении работы от центра на три позиции в любую сторону, она должна быть залита черным цветом и плавно, уменьшаясь уйти в фон.

г.)При нажатии на работу или на ссылку над ней (ссылка подчиняется CSS) должна открыться новая страница с большим скриншотом.

2.Модуль с новостями (снизу от логотипа)

а.)Изначально самая свежая новость размещается на центральной позиции (выделено стрелочками) и имеет белый цвет (является ссылкой, при нажатии на которую открывается новая страница с описанием новости). Менее свежие новости распределяются от центра, сначало вверх, потом вниз (прослеживается по датам на макете).

б.)Курсор при наведении на блок превращается в курсор "рука".

в.)При зажатии левой клавиши мыши и перемещении курсора вверх или вниз новости пролистываются через центр в выбраном направлении, плавно увеличиваясь ближе к центру и уменьшаясь при отдалении. Цвет новости плавно переходит от белого к черному при удалении от центра. Новость должна стать полностью черной до того как перейдет границы модуля (боковые рамки показывают его высоту).

г.)Должно иметь небольшую инерцию от движений мышью. Скорость перелистывания должна зависить от того как быстро пользователь вращает их. Это должно напоминать вращение колеса. Движения мышью будут как при перемещении курсора на большое расстояние, только вместо поднимания мыши вверх (чтобы не уйти за край коврика) отпускается клавиша мыши (чтобы не уйти за границы модуля, при выходе за которые модуль не реагирует на мышь, а только движется по инерции и плавно останавливается потом).

д.)единый a:hover для всех новостей.

3.Модуль с облаком ссылок.

а.)Схема разделов (разделы это - "Все работы", "Веб дизайн", "Промышленный дизайн", "Графический дизайн") должна оставаться неизменной. Позиции меняют только ссылки внутри разделов которые расположены под ними вертикально (например "Сайты-визитки(15)" или "Фирменный стиль(7)". Ссылки движутся вверх, в зависимости от количества работ. Кол-во работ указывается в скобках. Чем ниже ссылка - тем темнее, и наоборот. Верхняя и нижняя границы цвета отображены в макете. Промежуточные цвета могут быть разными в этом диапазоне. Чем ниже ссылка - тем она меньше. Верхняя и нижняя границы размеров отображены в макете. Промежуточные размеры могут быть разными в этом диапазоне. Сортировка должна происходить от процентного соотношения работ в разделе, а не от их прямого количества. Сортировка ссылок независима для каждого из разделов.

б.)единый a:hover для всех ссылок.

4.Нужно реализовать как-нибудь (можно и довольно примитивно) добавление работ в портфолио и новостей. Новости можно из текстового файла, а работы из папок разделов. Но желательно конечно через панель управления.

Всё. Спасибо за внимание. Указываем ваши цены и сроки.