0: Друзья, привет. Очень рада приветствовать вас на моём канале без границ, с кем мы ещё не знакомы меня зовут Анастасия эксон и я smm специалист и таргетолог. И сегодня я хочу рассказать вам, как я сделала такой сайт с помощью

1: Это не просто страничка, я сделала её живым интерактивным проектом, добавила лёгкую анимацию и встроила кликабельные ссылки. Такой сайт реально работает на личный бренд и выделяется среди других, чтобы вам было удобнее в описании.

2: Оставила тайм коды, вы можете сразу перейти к нужной части. Также в описании вы найдёте ссылку на сайт, возможно вам понравится и вы сделаете что-то подобное. Давайте зайдём на главную страницу канва в строке поиска введём создать

3: Сайт в канва доступны десятки готовых шаблонов, это сильно облегчает работу, мы можем выбрать понравившийся нам шаблон и удалить отдельный элемент или даже страницу здесь нам предлагают такой одностраничный сайт, стильный.

4: Простой, но я предлагаю сделать сайт с навигацией. Канва раньше умела делать только одностраничные сайты без меню. Теперь можно добавлять разделы, переименовывать их часть меню навигации, которая работает как на настоящем многостраничном сайте.

5: Для тех, кто развивает личный бренд или канал.

6: Для начала нажимаем опубликовать, переходим в настройки и передвигаем нужные ползунки, навигационное меню и адаптация под мобильное устройство.

7: На этом этапе важно если вы хотите многостраничный сайт, добавляйте страницы, а не разделы. Разделы. Это просто визуальные блоки на 1 странице, а нам нужно, чтобы каждое меню вело на отдельную страницу.

8: Когда добавили новую страницу, сразу переименовываем, это важно, потому что название будет отображаться в навигации. Новые функции в канва, вкладка, проекты. Очень удобно, все ваши макеты уже здесь не нужно ничего загружать заново.

9: Я загружаю фирменный баннер с моего YouTube канала, я хочу, чтобы при переходе с сайта на канал у зрителя сразу срабатывали ассоциации благодаря единому стилю он видит знакомый визуал и подсознательно ощущает целостность и профессиональный.

10: Подход такие детали укрепляют узнаваемость и формируют единый образ бренда.

11: Далее хочу показать вам небольшой эффект изгиба текста. Текст как будто огибает фигуру или элемент. Для начала я выписала ключевые слова, которые отражают мой подход, затем сгруппировала их. Добавь.

12: Эффект изгиб чтобы текст стал живым и цепляющим, такие детали создают настроение всего сайта.

13: Чтобы не отнимать у вас время, я заранее подготовила текст, просто вставляю его и перехожу к следующему блоку в элементах, набираю тв. Тут куча вариантов, но мне понравился этот ретро телевизор, он сразу цепляет внимание и вызывает улыбку.

14: В этот телевизор я вставляю иконку YouTube и прикрепляю ссылку на своё самое популярное видео, чтобы добавить ссылку. Кликаем на элемент, нажимаем на 3 точки. Далее ссылка вставляем нужный url и нажимаем enter готово теперь при нажатии

15: На иконку зритель перейдёт сразу на YouTube.

16: Добавляем 2 страницу, чтобы не подбирать цвет вручную, я просто копирую элемент со страницы контр ц и контр в так phone e стиль сохраняются 1 в 1 текст я заранее подготовила, поэтому просто вставляю единственное покажу, как найти элемент мазок кистью.

17: В поиске пишу кисть и выбираю подходящий стиль.

18: Кстати, у таких элементов цвет легко меняется, так что можно адаптировать под свою палитру.

19: А мы с вами уже на 3 странице, и сюда я хочу добавить мои видео YouTube для этого я захожу в приложение, нахожу YouTube и вставляю ссылку на своё видео.

20: YouTube автоматически встраивается в сайт, и при нажатии его можно сразу смотреть, никуда не переходя сейчас канва нет функции возврата на сайт после перехода на YouTube пользователь уходит со страницы это техническое ограничение, которое.

21: Стоит учитывать.

22: И мы переходим к последней странице контакта для последней страницы. Я выбрала вот такое фото, и сейчас я хочу добавить к нему эффект подсветка, чтобы оно выглядело ещё объёмнее.

23: Далее с помощью волшебного выбора я выделяю трубку.

24: Вырезаю её и отдельно добавляю анимацию, теперь она красиво выезжает в стороны, добавляет динамики в финале сайта.

25: Давайте вернёмся к шаблону, который предложила нам канва. Из этого шаблона я взяла только 1 элемент вот эту подпись и иконки соцсетей. Они классно вписались в мой стиль, остальное я убрала.

26: Я также заменила некоторые иконки на соцсети, которыми я пользуюсь, и вставила текстовой блок.

27: Осталось переименовать все страницы.

28: И в. Канова есть предварительный просмотр, если компьютерная версия выглядит хорошо.

29: Когда я перешла в мобильную версию, поняла, что вот этот блок отображается некорректно, это может случаться в канва, особенно если элемент слишком длинный или сложный по структуре, чтобы все выглядело аккуратно. Я

30: Просто разбила его на 2 отдельных блока, теперь в мобильной версии все смотрится гармонично.

31: Давайте ещё раз проверим, работают ли наши встроенные видео, а заодно добавим небольшую деталь спрячем ссылку на инстаграм в иконку, чтобы было удобно.

32: Ссылку на этот сайт оставила в описании он создан в обучающих целях и открыт только для моих зрителей.

33: Если вам понравилось это видео, ставьте лайк и подписывайтесь на мой канал. Это мотивирует меня создавать новые видео.