Главные фишки продающих web-страниц.

17.12.2014

Фирма "CAP-REP"
Фирма "CAP-REP" является официальным российским представителем немецкого концерна "CR Deutschland GmbH" - лидера в производстве новых технологий аэрозольной продукции для различных областей применения.
Адрес и телефон

Всем привет.

Сейчас интернет буквально заполнен сайтами-визитками или продающими страничками типа landingpage.

Главная web-анимация таких страниц которая пока не надоела пользователю, это плавное появление элементов про прокрутке страницы по вертикали. Это раз.

И второе – это эффект красивой замены бекграунда во время той же прокрутки. Чаще этот эффект называют параллаксом бекграунда.

Оказалось что создать и то и другое довольно легко. И методов реализовать и первое и второе - много. Назову вам два основных. Назвать их разными можно с натяжкой ибо оба метода используют вездесущий jquery. Один из них требует личного написания html-кода. Другой - только знания инструмента AdobeMuse.

Плавное появление элементов на странице.

С помощью написания html-кода: эффекты плавного появления элементов на страничке web-сайта с помощью написания кода я описывал ранее.

С помощью AdobeMuse - это штатная функция, немного поигравшись можно ее освоить на ура.

Но не менее интересен для этого виджет Турбомьюз Анимейт от Арслана Ахмедова. С помощью такого виджета вы можете сделать анимацию любому элементу на странице. Надо знать всего лишь только его ID. Можно скомпоновать элементы в группу, можно под один эффект подвязать несколько IDчерез запятую. Вообщем у виджета возможностей много.

Эффект параллакса для бекграунда.

Красивый эффект при прокрутке содержания сделанный только на CSS3. Как его сделать подробно описано здесь http://ruseller.com/lessons.php?rub=2&id=1573. А сам результат здесь http://ruseller.com/lessons/les1573/demo/index.html

Не менее просто этот эффект достигается в Muse. Видео-пример здесь

На результат смотрим здесь.

Не менее шикарно выглядит и усеченный фон с таким же эффектом. Как его сделать в AdobeMuseпоказано здесь

Надеюсь основные моменты вам понятны. Ну а какой инструмент выбрать, решайте из своего опыта и предпочтений.

Успехов.

Самые интересные записи

Тарифы соцстрахования для плохих рабочих мест вырастут
26.04.2013

К концу апреля Фонд социального страхования России должен подготовить и согласовать с Минтрудом России законопроект, по которому размер страхового взноса будет напрямую...

пн	вт	ср	чт	пт	сб	вс
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30

Главные фишки продающих web-страниц.

Самые интересные записи

РЎР°РјС‹Рµ РёРЅС‚РµСЂРµСЃРЅС‹Рµ Р·Р°РїРёСЃРё