Узнай первым!
Страница захвата

Введите Ваш email:

Комментарии
google
vk
Яндекс.Метрика Рейтинг@Mail.ru Принимаем Z-Payment

Видео фон и эффект параллакса

Приветствую Вас, дорогие друзья!wp-monalisa icon
адаптивный дизайн    После выхода последней статьи и ролика на youtube, пришла куча писем с вопросами. Вопросов очень много, но постараюсь на все ответить. Для этого разбил их на группы и вот первые два сегодня на рассмотрении. Да, информации в интернет по Web Builder 14 нет у нас вообще, а буржуев только несколько обзоров. Конструктор – лучший на сегодня и очень мощный, с огромным потенциалом и кучей инструмента. Не первый год работаю с Web Builder, начинал с 9 версии, затем 11. Начал работать с 14 версией – появилась куча вопросов, на которые нужно найти ответы. Белых пятен много, но, думаю, что на этот раз умою буржуев. Уже отснято 3 диска «Мастер LP 3.0» и скоро должен появиться 4 диск. Часть уроков выложу в открытый доступ. Так что следите за публикациями.
Web Builder 14 — очень интересный конструктор и это подогревает мой личный интерес. Постоянные эксперименты, поиски – это и есть полный кайф от работы. Главным достоинством считаю то, что программа не ограничивает действий и по сути прост в работе. Все сделано для того, чтобы любой пользователь, без особых знаний и опыта, мог сесть и создать собственный «шедевр», не похожий на другие. Собственный стиль, дизайн, неповторимость – это и есть успех! Вы сами сидите в интернет и за день бываете на десятках сайтов-предложений. Вы видите страницы-близнецы, похожие друг на друга, с одними и теми же изображениями, одинаковыми надписями, содержанием. Но это половина беды. Попадаются странички, которые сразу же хочется закрыть. Кривые, сделанные кое-как, на скорую руку, выполненные в цветах, которые не могут сочетаться вместе. А потом вопросы: «А почему у Васи база растет, идут продажи, а у меня полный и голимый ноль?». Такие рассуждения слышу часто и самое обидное, что это говорят некоторые мои ученики.
А теперь к теме и еще раз давайте разберемся, что это за штука «адаптивный дизайн». Самым простым языком, адаптивный дизайн – это возможность просмотра информации на Веб страницах на любых устройствах, начиная от стационарного компьютера и заканчивая мобильным телефоном. Нет желания и считаю лишним, кабы не нагружать Ваши головы информацией, копать глубже не буду. Кто желает более подробно узнать об адаптивной верстке, читайте в интернет. Теоретиков у нас много и написано куча статей по этому вопросу. Мы практики, пришли в интернет с целью получения какого-то дохода. Ковыряться в теории – потерять время! Можно тысячу раз себе внушать, что во рту сладко, но пока не кинешь конфетку в рот, там слаще не станет. Несколько лет назад, пытался изучить HTML и PHP. Месяцев шесть убил, мозги кипели, а пользы ноль. Для этого создаются программы и конструктора, которые позволяют нам работать без особых знаний и начальным опытом работы на ПК.
И так, как вставить видео фон на страничку, страницы? Опять же информации куча, но все на столько запутано и сложно, что обычного пользователя просто опускаются руки. А ведь видео фон вставить просто и никакого труда не составляет, при этом адаптивность сохраняется. Как это делаю я, смотрите в ролике.
Теперь про эффект параллакс. Что это за зверь и с чем его едят. Постараюсь объяснить самым простым языком, не влезая в дебри. И так, есть некий объект, есть некий фон и есть некий наблюдатель. Так вот, передвижение объекта на фоне относительно наблюдателя и есть эффект параллакс. Еще проще: мы видим предмет на фоне, начинаем скролить страницу и предмет начинает закрываться другим изображением. Думаю, понятно. Более подробно и наглядно в ролике ниже.
Давайте посмотрим:

И так, как видите – ничего сложного нет. Пробуем, делаем и получаем удовольствие от работы.
У кого есть желание овладеть Web Builder 14, получить полный комплект уроков.

Для моих подписчиков и читателей, набор неплохих видео фонов в подарок


Если Вам понравилась статья, поделитесь с друзьями - Буду Вам благодарен!

Заходи, пообщаемся!

Один комментарий: WYSIWYG Web Builder 14. Адаптивный дизайн

  • Вячеслав говорит:

    Очень информативный урок. Спасибо Михаил вы как всегда нас радуете новым материалом)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

:bye:  :good:  :negative:  :scratch:  :wacko:  :yahoo:  B-)  :heart:  :rose:  :-)  :whistle:  :yes:  :cry:  :mail:  :-( 
:unsure:  ;-) 
 
Мой магазин

inet-shop

Скачай бесплатно!

vp400

Хит продаж
Мастер продаж
мой канал Ютубе
Хостинг для Вас!
Дешевый хостинг. Выбор профессионалов!