Как создать сайт с помощью Canva? [Полное руководство]

Реакция

Комментарий

Ты хочешь создайте свой собственный сайт, не будучи экспертом по коду ? Canva, l’outil de design graphique que vous connaissez déjà, vous donne la possibilité de créer un site web gratuitement.

В этой статье мы шаг за шагом расскажем вам о том. Как оживить свой сайт с помощью Canva.

Шаг 1: Войдите в систему или создайте учетную запись Canva

Естественно, вы должны иметь учетную запись Canva, чтобы пользоваться функциями de l’outil.

  1. Посетите Официальный сайт Canva.
  2. Войти или зарегистрироваться всего за несколько кликов.
На этом скриншоте показан интерфейс для регистрации или входа в Canva. Всего через несколько секунд у вас будет выбор различных вариантов входа или регистрации
Cette capture montre une interface d’inscription ou de connexion à Canva. Vous aurez le choix entre différentes options pour vous connecter ou vous inscrire en quelques secondes ©️ Karen pour Alucare.fr

Отзывать :  Canva предлагает бесплатные аккаунты и премиум-опции с дополнительными функциями.

  1. Как только вы войдете в систему, у вас будет доступ к различным функциям proposées par l’outil.

Étape 2 : Choisir la catégorie “Site web” sur Canva

  1. Quand vous serez sur l’accueil, sélectionnez “Site web” pour ouvrir l’outil de création d’un site с помощью Canva.
На этом скриншоте показан основной интерфейс Canva, а "Веб-сайт" соответствует шестой опции создания.
Cette capture montre l’interface principale de Canva et “Site web” correspond à la sixième option de création ©️ Karen pour Alucare.fr

Il faut savoir que le bouton “Site web” vous redirige directement vers une Пустая страница для создания сайта с помощью Canva de fond en comble. Mais si vous recherchez “Site web” dans la barre de recherche, vous aurez accès à tous les modèles de site web proposés par l’outil.

  1. А Вам будет предоставлена чистая страница чтобы вы могли создать свой сайт от А до Я.
На этом скриншоте показан интерфейс создания сайта с помощью Canva
Cette capture montre l’interface de création de site web avec Canva ©️ Karen pour Alucare.fr
  1. Sur l’interface, vous aurez accès à trois menus :
    • В верхней части barre d’outils bleue affiche des options telles que “Fichier”, “Redimensionner” et “Retouche”.
    • Справа, опционы pour “Aperçu”, “Publier le site Web” et “Partager” sont visibles.
    • Sur la partie gauche de l’écran, une colonne affiche несколько вариантов дизайна, y compris “Modèles”, “Éléments”, “Texte”, “Marque”, “Importer”, “Dessin” et “Projets”.

Шаг 3: Выберите шаблон сайта Canva

Canva предлагает широкий выбор моделей сайтов. Certains sont disponibles gratuitement tandis que d’autres peuvent être utilisés uniquement si vous avez un abonnement Premium.

Этот снимок экрана посвящен разделу "Шаблоны" для создания сайтов с помощью Canva, а шаблоны Pro отличаются короной.
Cette capture est centrée sur la section des “Modèles” pour la création de sites web avec Canva et les modèles Pro se distinguent par la couronne ©️ Karen pour Alucare.fr

Вы можете просматривайте библиотеку по категориям (электронная коммерция, портфолио, блог и т.д.) или воспользуйтесь строкой поиска, чтобы найти конкретную модель.

Выбранный вами шаблон сайта будет точно так же отображаться на Canva, и вы также можете выбрать одновременное создание 7 страниц.
Выбранный вами шаблон сайта появится на Canva в том же виде, а также вы можете выбрать одновременное создание 7 страниц ©️ Карен за Alucare.fr.

После выбора Модель сайта, отвечающая вашим потребностям, vous pourrez passer à l’étape suivante afin de le rendre unique !

Шаг 4: Настройте дизайн

Л'Одним из преимуществ Canva является ее простота. которые вы можете использовать для персонализации вашего контента:

  1. Cliquez sur n’importe quel bloc de texte pour l’éditer directement.
  2. Заменяйте предопределенные тексты par vos propres titres, descriptions et appels à l’action.
  3. Для изображений просто перетаскивайте их с компьютера ou d’utiliser la bibliothèque d’images gratuites de Canva.
  4. Изменяйте цвета и шрифты чтобы адаптировать сайт к вашему бренду или личному стилю.
  5. Вы можете выберите свои любимые цвета или цвета вашего фирменного стиля и применяйте их ко всем элементам сайта одним щелчком мыши.
  6. Импортируйте свой логотип для еще большей персонализации.
  7. Canva позволяет вам легко структурировать свой сайт с помощью заранее определенных блоков.
  8. Добавляйте или удаляйте разделы selon vos besoins : galerie d’images, témoignages, formulaires de contact, etc.

Каждый раздел может быть изменен, что дает вам полную свободу действий. Организуйте содержимое вашего сайта на Canva.

Однако еслиЕсли вы хотите выделиться на фоне конкурентов и создать привлекательный логотип для своего сайта, ознакомьтесь с нашей статьей оes 10 лучших генераторов логотипов с искусственным интеллектом.

Вот пример предопределенного шаблона на Canva. Вы можете заменить изображения на свои собственные творения и изменить описания. Не забудьте выбрать подходящий шрифт и цвета.
Voici un exemple de modèle prédéfini sur Canva. Vous pouvez remplacer les images par vos propres créations et modifier les descriptions. N’oubliez pas de choisir une police et des couleurs adaptés ©️ Karen pour Alucare.fr

Шаг 5: Добавьте интерактивные функции

Un site web sans interactions est semblable à une vitrine sans porte d’entrée. Avec Canva, vous pouvez добавьте CTA или Call-To-Action (comme “Contactez-nous” ou “Achetez maintenant”) et des liens vers vos réseaux sociaux ou d’autres pages de votre site. Vous pouvez également rendre votre site encore plus dynamique en ajoutant des vidéos, des gifs animés ou même des sons.

Вот пример создания контактной страницы на Canva: кнопки социальных сетей расположены справа, а другие элементы (фотографии, видео и т. д.) можно добавить с помощью меню слева.
Voici un exemple de page de contact en cours de création sur Canva avec les boutons vers les réseaux sociaux à droite et vous pouvez ajouter d’autres éléments (photos, vidéos, etc.) grâce au menu à gauche ©️ Karen pour Alucare.fr

Шаг 6: Опубликуйте свой сайт с помощью Canva

Перед публикацией уделите время тому, чтобы просмотрите свой сайт, чтобы убедиться, что все в порядке.

Canva позволяет вам посмотреть, как ваш сайт будет выглядеть на разных устройствах (ordinateurs, tablettes, smartphones) afin de vous assurer qu’il soit bien responsive et que le design soit cohérent sur toutes les plateformes.

Кнопка "Предварительный просмотр" позволяет просмотреть сайт, созданный с помощью Canva.
Le bouton “Aperçu” vous permet de prévisualiser votre site créé avec Canva ©️ Karen pour Alucare.fr

Теперь, когда вы удовлетворены дизайном вашего сайтаПришло время опубликовать его!

Вы можете опубликовать свой сайт бесплатно, используя поддомен Canva. Однако для тех, кто хочет получить более профессиональный сайт, вам придется приобрести Доменное имя Canva через версию Pro.

Этот кадр взят из презентационного ролика на официальном сайте Canva, демонстрирующего публикацию сайта и выбор свободного доменного имени.
Cette capture vient de la vidéo de présentation sur le site officiel de Canva, montrant la publication du site et le choix d’un nom de domaine gratuit ©️ Karen pour Alucare.fr

Внимание : Prenez soin de vérifier chaque page pour vous assurer qu’elle s’affiche correctement sur mobile !

Поздравляем! Теперь вы знаете. как создать сайт на Canva. Если вы ищете доменное имя для своего сайта и хотите использовать псевдоним, вы можете воспользоваться нашим сервисом псевдогенератор.

Понравилось? Поделитесь!

Это содержание изначально На французском (См. редактор чуть ниже). Он был переведен и вычитан на разных языках с помощью Deepl и/или Google Translate API, чтобы предложить помощь как можно большему числу стран. Этот перевод обходится нам в несколько тысяч евро в месяц. Если он не является 100 % идеальным, оставьте нам комментарий, чтобы мы могли его исправить. Если вы заинтересованы в вычитке и улучшении качества переведенных статей, пожалуйста, напишите нам, используя контактную форму!
Мы ценим ваши отзывы, чтобы улучшить наш контент. Если вы хотите предложить улучшения, пожалуйста, воспользуйтесь нашей контактной формой или оставьте комментарий ниже. Ваши комментарии всегда помогают нам улучшать качество нашего сайта Alucare.fr


Alucare является независимым СМИ. Поддержите нас, добавив в избранное Google News:

Опубликовать комментарий на дискуссионном форуме