Создание сайта, лэндинг пейдж, интернет магазин(11)

Автор Liza Merichenko
Создание сайта, лэндинг пейдж, интернет магазин(11)

Давайте продолжим с вами изучать Adobe Muse.

И сегодня я вам покажу так получилось, что последнее занятие у нас были вчера. А сегодня я вам покажу как использовать внутренние скажем так инструменты Adobe Muse для создания простых дефектов вот я пока просто выставляю 4000 для того чтобы вам наглядно показать. Просто у меня экран большой и чтобы видео было более-менее нормально.

Вы соответственно будете подгонять под свой экран я вот задала такие настройки первоначальные ширину страницы не трогаю.

Я пока. Возможно там для определенных сайтов по запросу мы можем регулировать ширину. Если вы помните 1200 пикселей максимально. Ну и. Столбцы соответственно. Я тоже пока не выставляю. Нам сейчас — это не нужно. Ну и давайте я. Уберусь сейчас заливку в браузере чтобы у нас чистая страничка была и я вам покажу, что можно делать используя внутренний инструменты Adobe Muse то есть мы с вами примеру делаем четыре блока одинаковых да то есть вот у нас получился как раз прям угадал. Я тысячу. Ровно bootice соответственно 4blockm не делаю теперь я беру. Нажимаю кнопочку Alt и мышкой копирую следующий наш блок и мы выставляем ниже этого как вот мы его выставили и дальше передвигаемся опять зажимаем альт кнопочкой выделяем отпускаем и у нас получился с вами 3 блок к примеру. Дай я вам говорю просто. Это пример. Вы можете делать любые размеры любые то есть ваши задумки. Да я вам покажу как делаются эффекты, а вы дальше уже делайте то, что вам необходимо так и четвёртый блок на свадьбе копируем перемещаем. И устанавливаемый вот так вот то есть всё вот у нас во всю нашу высоту сайта, но я не стал даже убирать вот этот колонтитул чтобы он можно — это убрать примеру там ну шаблон. Если вы помните до. Зайди в шаблон мы можем данные колонтитул с вами убрать опустив. Я пока ничего не буду делать. Просто я вам покажу принцип работы с параллаксом то есть эффект называется. Давайте в наш первый блок мы вставим с вами к примеру изображение выбираем абсолютно любое. Да давайте вот — это вот мы ставим заполнение ты тут выравниваем процент опускаемся с вами вниз 2 я не буду трогать. А на третьем нашем изображении вот у нас чуть-чуть вот заезд получилось на третьем нашем. Мы тоже поставим с вами изображение давайте как-нибудь выберем другое чтобы она у нас отличалась ну к примеру вот такое мы делаем заполнение перевыставляемые его пациент пациент и смотрим, что у нас с вами получилось вот у нас получился вот такой вот набросок к примеру. Ну Здесь вы можете разместить к примеру текст я покажу вам наглядно просто текст и выровняем его по центру и даже я. Шериф не буду менять просто увеличить размер чтобы его было навредить к примеру достаточно я вот так вот оставлю. Нам его принципе видно и теперь следующий наши действия, что мы можем сделать смотреть мы сейчас можем перейти либо вот сюда в заливку использовать прокрутку ставим вот тут галочку и значение. Верхняя на ноль и то же самое делаем с нижним значением выставляем нулей у нас везде щелкаем с вами по области вне сайта заходим на нашем следующем изображение опять. Заходим в прокрутку ставим галочку и здесь делаем те же самые действия ставим всё голуби. Ну так вот и. Давайте теперь посмотрим, что у нас с вами получилось. Заходим в браузер у вас отображается в нашем верхний изображение при прокрутке у нас с вами будет смотреть вот такой создаваться эффект то есть будет одно изображение меняться другим то есть без. Вроде вот такой простой эффект дай ну вполне многие применяют такое эффект также. Допустим мы можем с вами задать эффект для текста, но смотрите здесь вот у нас с правой стороны есть тоже инструменты. Вот видите эффекты прокрутки он так и называется. Есть ли у вас здесь его нету то. Вы заходите сюда в окно и смотрит. Где у вас находится эффекты прокрутки то есть вот он у вас внизу. Да вы нажимаете его и он у вас появится в данной области то есть мы переходим эффекты прокрутки здесь вот галочку ставим так перемещение текст нам надо выделить перемещение и к примеру. Мы хотим задать здесь мы ставим 0 здесь мы тоже ставим 0. А вот тут вот допустим влево или вправо. Куда вы хотите чтобы у вас двигался текст мы ставим к примеру двоечку то есть скорость движения данного текста и смотрите, что у нас произойдет. Ну вот у вас почему-то отобразилось они там где надо возможно было что-то не так сделал. Ну да ну — это просто я вам показал. Я в следующем уроке мы будем непосредственно разбираться с вами делается. Вот такой же эффект для текста и возможно мы просто здесь же с вами возьмём просто и всё сделаем то есть оставим я оставлю в данный сайт который мы. Ну не сайта наш пример просто и используем его уже с определенным текстом допустим чтобы вы увидели как работает. Это уже совместно всё то есть вот такие вот простые эффекты. Вы можете применять и делать все возможные использовать элементы то есть используя просто внутренние возможности Adobe Muse конечно далее мы будем разговаривать ещё с вами по работе с виджетами. То есть их большое количество виджетов ещё к примеру. Ну — это понимаете если делать по каждому виджету отдельный урок то. Сами понимаете нам курс получится просто неприподъемный. То есть вы его скачать практически не сможет. То есть он то у меня если открыть и посмотреть вот в одном виджете присутствует сразу много то есть ну я вам потом как мы дойдём до этих виджетов. Все вы их. Конечно получите в виде бонусов — это виджеты практически они все платные и вы сэкономите на этом хорошую сумму не менее 10000 руб вот. Ну — это мы будем разбирать чуть позже.

0 комментариев
0

Читайте также