Блог ”Справочник Петербуржца”
интернет-журнал событий,
интернет-дневник, онлайн-дневник

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

17.12.2014

Блог ”Справочник Петербуржца”
Блог (англ. blog, от web log — интернет-журнал событий, интернет-дневник, онлайн-дневник) — веб-сайт, основное содержимое которого — регулярно добавляемые записи, содержащие текст, изображения или мультимедиа.
Адрес и телефон
Всем привет.

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

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

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

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

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

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

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

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


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

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

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


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

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


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

Успехов.


Ярлыки: Adobe jquery Muse тестирование




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

Лечение пародонтоза, гиперкератоза, лейкоплакии
08.10.2013

Основными лечебными компонентами являются сильные антиоксиданты: альфа-токоферол, каротиноиды и ПНЖК Омега-3 , Омега-6, содержащиеся в значительном количестве.  На кафедре...

Ярлыки: Каротиноли-М
Комментариев нет
Дума рассмотрит пакет поправок в антипиратское законодательство
25.02.2014

Депутат от фракции "Единая Россия" Сергей Железняк внес в Государственную думу законопроект, предусматривающий расширение действующего в стране  антипиратского законодательства...

Ярлыки: Антипиратский закон Интернет Новости Интернет Роскомнадзор Сергей Железняк
Комментариев нет
Антитеррористическая защищенность
26.09.2014

Паспорт антитеррористической защищенности или паспорт безопасности – это информационно-справочный документ, в котором отображается детальная информация об объекте, а также...

Ярлыки: Антитеррористическая защищенность
Комментариев нет
“Центр Сертификации СТАНДАРТ”
26.04.2013

Группа компаний "Стандарт" была создана как экспертно-консультационный центр в области сертификации продукции , услуг и систем менеджмента качества. Так же “Центр Сертификации...


Комментариев нет
Дежурный по огороду
22.09.2013

Имущество ТК «Пермский» досталось директору компании, торгующей оборудованием для автосервиса.   Один из крупнейших в Прикамье в прошлом производителей овощей — ОАО «Тепличный...

Ярлыки: оборудование для автосервиса
Комментариев нет
Роскомнадзор проверит Twitter по запросу Гаттарова
30.08.2013

Роскомнадзор займется проверкой социальной сети  Twitter  по запросу Генеральной прокуратуры. Twitter подозревают в нарушении российского законодательства и разглашении конфиденциальной...

Ярлыки: Руслан Гаттаров Роскомнадзор Twitter Интернет Новости Интернет
Комментариев нет

30.08.2013

...


Комментариев нет
Audi Q7, 2006 г.в. Цена 1290000 руб.
15.05.2013

Audi Q7 Цена: 1290000 руб. Год выпуска: 2006 Объем двигателя: 4.2 FSI (350 Hp) quattro tiptronic Тип двигателя: Бензин инжектор Тип трансмиссии: Автомат Пробег: 158603 км Кузов: ...


Комментариев нет
"ВКонтакте" начала переговоры с крупнейшими лейблами
05.07.2013

Администрация " ВКонтакте " начала переговоры с крупнейшими звукозаписывающими компаниями о возвращении их музыки на страницы соцсети. Об этом сообщает газета " Ведомости " в номере от 5...

Ярлыки: Павел Дуров Бизнес и финансы ВКонтакте Интернет Новости Интернет
Комментариев нет

05.07.2013

...


Комментариев нет
АМА Мотокросс 2013 - шестой этап - класс 450
03.07.2013

Победителем шестого этапа Чемпионата Америки по Мотокроссу 2013 в классе 450 вновь стал Райан Данжи. В первом заезде первым финишировал Райан Данжи, который в конце заезда опередил...

Ярлыки: Мото новости Мотокросс Мото
Комментариев нет

03.07.2013

...


Комментариев нет
Мазда - Центр Ремкар Санкт-Петербург
20.08.2013

Компания ООО "РЕМКАР" основана в 1998 году. Наши услуги: продажа автомобилей Мазда ; тюнинг автомобилей Мазда , установка дополнительного оборудования; продажа в кредит и лизинг...

Ярлыки: Мазда
Комментариев нет

Мониторинг доступности сайтаПроверено на вирусыДизайн сайта “СириусВеб”