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

Автор Lyubov Stishevskaya
Создание сайта, лэндинг пейдж, интернет магазин(13)

Итак друзья я решил сделать такой большой дополнение до по теме в библиотеке имени приложение до слайд-шоу то есть вот, что можно сделать если применить полный экран режим ну смотрите можно сделать вот такую вот простую вещь то есть здесь вот у меня сейчас добавлена определенные элементы да.

Ну возможно можно конечно сделать сайт побольше. Ну я вам просто хочу показать как — это работает вот мы смотри приходим с вами в браузер. То есть вы в принципе тоже всё — это может сможете сделать я вам покажу как — это делается.

Да можно будет посмотреть и увеличить размер сайта и немножко поиграть с расстановкой текста допустим то есть всё — это можно поменять.

Да наверное всё-таки — это я просто быстренько сделал да просто для того чтобы показать. Ну немножко текст. Нам нужно будет расставить так вот у нас загрузилось. Да И вот смотри как здесь происходит эффект то есть. Ну как я вам уже сказал. Конечно — это просто как вам сказать такой набросок да. То есть я просто сделал текст и потом вот смотрите при прокрутке у нас будет идти смена вот такого фона. То есть — это идёт именно вот слайд-шоу нас и так как в расстояние между текстами маленькая соответственно у нас эффект не очень. Да ну я думаю вы поняли. Вообще смысл, что тут можно сделать. Мы можем сейчас с вами увеличить размерность сайты и соответственно передвинуть текстовые вот эти фреймы то есть ну существенное расстоянии друг от друга да чтобы уже как бы так выделяем всё — это и опускаем ниже ещё чуть-чуть сделаем ниже. Ну и наверное. Вот этот текст всё-таки можно ещё чуть-чуть опустить. Так теперь вот этот текст мы опускаем этот тоже мы немножечко с вами опустим теперь смотреть вот как сделать такой эффект. Да ну. Вы уже поняли, что — это как вам я вам говорил до работа то есть в первом слове вот если мы сейчас его откроем здесь у нас присутствует только прямоугольники — это вот — это вот область до с черный полупрозрачный заливкой и обводкой белый то есть в первом слове у нас только текст и прямоугольнике далее идёт у нас с 2 где именно расположен нас фон. То есть если мы сейчас выделяем у нас появляется вот он виджет от нашей от нашего слайд-шоу то есть в полный экран и сюда соответственно я добавил изображение заранее которые подготовил. Да вот я специальный подготовил четыре изображения и размер у них 2.5 1500 пикселей. То есть все четыре изображения они имеют одинаковый формат то есть ну заранее допустим. Если вы можете использовать Photoshop да у вас есть в арсенале Photoshop то в принципе, но необязательно потасовки Photoshop есть массу программ которые делают изображение нужного размера вот ну я вам показывал сайты с которых можно скачать изображение так же в дополнительных материалах курсу есть. Ну книга со сборником сайтов с возможностью бесплатного скачивания картинок. То есть вы можете абсолютно любые выбирать там изображение я специально всему ничего не просто взял четыре изображения первых попавшихся до обработал их подогнал под размер и в принципе всё я их добавил. Вот то есть я взял лайтбокс то есть слайд-шоу полноэкранный режим перетаскивает сюда их как я вам показывал. Дак в уроках и они у нас все изображения вот здесь присутствуют то есть всё по большому счёту здесь больше ничего нету только текст в прямоугольнике наши и всё дали. Как сделать так чтобы у нас было такой эффект как бы проявление. Донат нам нужно опять зайти в слои виделись вот этот фоновый цвет фоновый слой непосредственно который на котором у нас расположены виджет от нашего шоу и здесь вот нам нужно по умолчанию стоит по горизонтали мы ставим выцветание убираем галочку вот отсюда автоматическое воспроизведение скорость перехода ставим. Ну одну секунду 1 секунда далее мы убираем все лишнее галочки. То есть — это назад медали и счётчик то есть вот здесь вот сверху располагаются стрелочки. И счётчик. Да там 1234 то есть сколько изображений. Вы уже должны знать, что в каждом из этих виджетов есть триггеры да то есть обозначение которые вот если мы сейчас включен. Вот они у нас появляются то есть вот вот так вот он у вас выглядит. Когда вы включаете нам этого не нужно мы их убираем всё здесь у нас настройки сделаны теперь нам нужно опять выделить в данный слой и перейти в. Уфе секты прокрутки вот здесь в эффектов прокрутки нам нужно выбрать параметр вот этот вот слайд-шоу здесь по умолчанию галочка не стоит мы ставим здесь галочку заместо автозапуска как вот по умолчанию мы ставим переключать слайды каждые. Ну давайте. Вот здесь мы зададим значение 1000 Pixel и посмотрим, что у нас будет. Вот 1000 пикселей. Я задал. И теперь мы с вами переходим предварительный просмотр страницы в браузере и смотрим. Что у нас теперь будет происходить то есть вот таким образом у нас будет меняться с вами. Ну можно ещё поработать с пикселями то есть мы вместо примеру вот у нас сейчас. Заходим в слои выделяем фоновый слой над тем эффекты и 1.000 ставим 900 попробуем 900 всё переходим опять предварительный просмотр и смотрим как будет у нас отображаться при таких вот. Ну думаю вот — это вот будет нормально да то есть у нас как бы всё нормально вроде срабатывает. Ты ещё у нас вот — это изображение даже мне кажется появляется второй раз да. Значит 900 мало то есть. Нам нужно поставить с вами выделить опять слой.

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

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