Les bases de la conception de sites Web Canva

1. Bienvenue à ce cours de conception de sites Web Canva: Bonjour et bienvenue dans ce cours où vous apprendrez à concevoir un site Web dans Canva Dans ce cours, je vais vous expliquer éléments de base de la création d'un site Web simple, et nous explorerons également différents modèles en analysant d'autres sites Web pour vous inspirer. Je vais vous montrer comment connecter votre site Web à votre propre nom de domaine personnalisé, en lui donnant une touche professionnelle. Ce cours est parfait pour tous ceux qui souhaitent créer un site Web simple dans Canva, que ce soit pour un portfolio ou une marque personnelle Si vous souhaitez créer un site Web complexe et hautement technique, Canva peut-être pas le meilleur choix pour vous Mais si vous souhaitez concevoir un site Web rapide, facile et gratuit, avec une mise en page styliste, ce cours est fait pour vous Alors rejoignez-moi dans ce cours, et commençons à créer votre site Web dès aujourd'hui. 2. Les avantages d'avoir un site Web: Bonjour, et bienvenue dans cette section où vous découvrirez les avantages d'avoir un site Web. OK, alors commençons. Tout d'abord, un site Web donne à votre marque apparence plus professionnelle et plus digne de confiance. Un site Web apporte professionnalisme et crédibilité grâce à un design convivial, à une image de marque cohérente, à une sécurité SSL, messagerie claire, à des témoignages et à des coordonnées accessibles, tandis que le souci du détail témoigne la fiabilité et de l' engagement envers la qualité Regardons le deuxième point, présenter les projets sous forme de portefeuilles De nombreuses personnes présentent leur travail sous forme de portfolios en ligne, ce qui est inestimable lorsqu'il s'agit de postuler à des postes tels que celui de graphiste. Bien, examinons maintenant un exemple de site Web de portfolio. Vous pouvez donc voir ici que j'ai créé ce site Web. Je vais maintenant passer rapidement aux différentes pages. La première page contient donc le nom de la personne, les liens vers son travail et un lien pour la contacter. Ensuite, nous avons quelques informations sur les raisons pour lesquelles ils pourraient être embauchés et une photo. Pour votre portfolio, je pense qu'il est important d'avoir une photographie de qualité professionnelle. Ensuite, nous avons une section dédiée à moi, qui contient plus d'informations sur les compétences et les connaissances de la personne. J'ai également ajouté une image ici, qui correspond au rôle d'un graphiste. Ensuite, nous avons une page qui présente leurs différents travaux créatifs Il peut également s'agir de liens renvoyant vers d'autres pages présentant l'œuvre plus en détail. Ensuite, en bas, nous avons une page sur l'expérience professionnelle. Donc, si vous souhaitez créer un site Web de portfolio, il est important de présenter votre expérience professionnelle antérieure. Si vous avez des images d'anciens lieux de travail, vous pouvez également les mettre ici. Et puis nous avons une page sur les services. Cela parle donc des différentes compétences et services que vous pouvez fournir. Ensuite, nous avons une page sur les compétences. Vous pouvez donc voir ici que nous avons ces icônes concernant différents logiciels, ce qui rend le design un peu plus intéressant. S'il ne s'agissait que de texte, cela n'aurait peut-être pas l'air aussi amusant et créatif que d'avoir les icônes ici. Et puis nous avons une section sur les loisirs et les intérêts. Cela ajoute un peu de personnalité au site Web et peut donner la personne une apparence amicale et accessible Et puis nous avons un devis. J'ai pensé que cela rendrait le site Web un peu plus intéressant et donnerait à la personne une apparence professionnelle et travailleuse avec cette citation Ensuite, en bas, nous avons la section contact. Ici, ils peuvent cliquer sur contact, et cela sera envoyé sur un formulaire e-mail, et nous avons également le numéro de téléphone, le site Web, l'e-mail et l'adresse. J'ai également ajouté ces icônes ici pour rendre le design un peu plus intéressant. Et en bas, j'ai ajouté des icônes de réseaux sociaux qui peuvent renvoyer vers leurs comptes de réseaux sociaux. Donc, si votre portfolio est un site Web, il est important d'ajouter votre créativité à votre site Web, le concevoir comme vous le souhaitez et d'y ajouter votre propre saveur et votre propre style. Le troisième, vous aider à collecter les e-mails des clients. Un site Web facilite les affaires en ligne en collectant e-mails des clients pour envoyer des promotions et augmenter les ventes de produits. Quatrième point, les sites de commerce électronique facilitent les paiements en ligne. Un site Web de commerce électronique facilite les paiements en ligne, permettant aux clients d'acheter des produits à tout moment et en tout lieu. Par exemple, en proposant plusieurs options de paiement telles que le paiement à la livraison, cartes de crédit et de débit et les portefeuilles numériques Un autre avantage d' avoir un site Web, c' d'éviter les coûts élevés de location de magasins. Évitez les locations de magasins coûteuses en présentant et vendant des produits sur votre site Web, d'économiser de l'argent de manière efficace. De plus, un site Web réduit le besoin de personnel supplémentaire, vous permet de gérer vous-même les tâches, réduire le besoin de personnel supplémentaire et de réduire les coûts liés au chômage. Ensuite, les sites Web peuvent créer des liens vers d'autres plateformes. Le site Web peut contenir des liens vers d'autres plateformes ou sites Web, notamment des plateformes de réseaux sociaux telles que Facebook, Instagram, X, YouTube et des services tels que Google Maps. Par exemple, cette photo montre la photo d' un site Web contenant toutes les informations de contact. Le prochain avantage, c'est d'être payé en totalité avec votre propre site de commerce électronique. Avec votre propre site de commerce électronique, vous conservez le prix total des ventes, comme sur les plateformes tierces où vous devez partager un pourcentage de vos revenus. Par exemple, l'image de gauche provient d'un site Web de café présentant sa propre plateforme, ou l'image de droite montre les frais de vente d'Amazon, y compris les frais de vente, les frais de clôture et les frais d'administration des remboursements OK, c'est donc la fin de cette vidéo où nous avons examiné les avantages d'avoir un site Web. J'espère que vous avez trouvé cette vidéo utile. Merci d'avoir regardé, je verrai dans le prochain. 3. Points importants à savoir pour concevoir un bon site Web: Bien, examinons maintenant les choses importantes à savoir pour concevoir un bon site Web. Tout d'abord, je recommande de comprendre l'UX et l'interface utilisateur. L' UX, qui signifie expérience utilisateur, fait référence à l'expérience utilisateur créée lors de l'interaction avec un produit ou un site Web, accent sur la facilité d'utilisation, la satisfaction et l'accessibilité. interface utilisateur, qui signifie interface utilisateur, fait référence au design et éléments interactifs tels que les boutons, les couleurs et les mises en page qui rendent l'interface visuellement attrayante et facile à utiliser Les efforts combinés de l'interface utilisateur et de l' créent une expérience utilisateur fluide et engageante. Un aspect important de la conception d'un bon site Web est qu' il doit être réactif. Les clients préfèrent désormais recevoir des informations en temps réel en raison de l'évolution des comportements. Prenons l'exemple d'appareils tels que les smartphones et les tablettes. Un bon site Web doit améliorer l'expérience utilisateur en affichant un contenu correctement dimensionné sur tous les appareils. Le deuxième point, concevoir le site Web de manière à ce qu'il soit propre et facile à comprendre. Évitez d'utiliser trop de couleurs et adoptez un ton uniforme sur l' ensemble du site Web. Choisissez des couleurs qui reflètent l'essence de votre entreprise. Par exemple, si votre entreprise est un magasin de plantes et que le vert est la couleur de votre marque, assurez-vous que le site Web intègre le vert. Par exemple, ce site Web utilise le vert foncé, le vert clair, gris foncé, le blanc et le crème. Ces couleurs se complètent bien et soulignent l'accent mis par l'entreprise sur les plantes en incorporant des tons verts. Bien, jetons un coup d'œil à ce site Web, qui est patch plants.com Vous pouvez donc voir ici que ce site utilise cette couleur verte en haut. Nous avons également cette couleur blanc et crème, et nous avons également le logo de l'entreprise en haut à gauche. En descendant, nous pouvons voir de nombreuses images des différentes plantes proposées sur ce site. Et vous pouvez également voir qu' il y a cette flèche ici, qui a la même couleur verte. En descendant, il y a d'autres photos de plantes. Et encore une fois, les boutons ont la même couleur verte. Puis en descendant, on peut voir que ces boutons ont ici la couleur gris foncé. Et puis en bas, il fait plus chaud. Cette photo utilise le gris foncé. Il y a aussi ce bas d'inscription vert. Ensuite, il y a une section qui contient des liens vers différentes parties du site Web qui utilisent cette couleur blanche ici, sorte qu'elle se détache sur le fond gris foncé. Ensuite, nous avons les liens vers les réseaux sociaux ici. Regardons l'exemple suivant. Il s'agit de twinings.code.uk. Cette marque vise à véhiculer le luxe, qui est blanc, doré et son image de marque. Le site Web présente des tons blancs et crème avec des touches dorées sur les boutons. Regardons l'exemple suivant, qui est walkers shortbread.com La marque vise à mettre en valeur le style traditionnel de l'Écosse, c'est pourquoi elle utilise le noir et rouge pour évoquer le kilt emblématique Vous pouvez voir ici que ce bouton utilise également une couleur jaune foncé. Ensuite, en descendant, vous pourrez voir davantage ce motif en tartan, qui utilise des couleurs noir et rouge, un motif écossais très traditionnel Et on peut voir le même schéma ici sur ces boutons. Ensuite, en descendant, nous pouvons voir d'autres images de ce type. Ensuite, en descendant, vous pouvez voir que nous avons cette collection de photographies. Cela donne à la marque une apparence très ancienne et traditionnelle. Ensuite, nous avons cette image ici, qui intègre un raccourci. en bas du site, nous avons également ce motif en tartan OK, continuons maintenant. Utilisez des polices faciles à lire. Par exemple, si votre site Web est destiné à des clients plus âgés, assurez-vous que la taille de police n'est pas trop petite. La police des noms de produits sur le site Web doit être en gras pour attirer l'attention. N'oubliez pas de vérifier l'affichage de vos polices sur les écrans d'ordinateur, téléphone et de tablette pour vous assurer qu'elles s'affichent correctement. Utilisez des icônes pour rendre le site Web plus attrayant, car elles sont plus attrayantes que le simple fait d'utiliser du texte. Par exemple, utilisez une icône en forme de maison accéder à la page d'accueil, une icône de téléphone pour afficher les informations relatives au numéro de téléphone, une icône en forme d'enveloppe pour représenter les informations relatives aux e-mails et une icône en forme d'épingle pour indiquer l' emplacement ou les détails de l'adresse. Ensuite, utilisez des photos de haute qualité sur le site Web, en veillant à ce que les fichiers ne soient pas trop volumineux. Soyez également attentif aux problèmes de droits d'auteur. Par exemple, la photo d' arrière-plan gauche est une image de haute qualité, et la photo de droite est également une image de haute qualité, ce qui donne au site Web une apparence plus professionnelle et plus fiable. Chaque sujet doit inclure toutes les informations et catégories pertinentes, afin de vous permettre de trouver facilement ce que vous recherchez. Par exemple, la photo de gauche provient du site Web de Sony, qui contient des catégories telles que les écouteurs, les appareils photo, les objectifs, les téléviseurs, les barres de son et les téléphones portables. Lorsque vous cliquez sur Objectifs, une page semblable à l'image de droite s'affiche, présentant tous les objectifs disponibles De plus, il y a une barre latérale sur la gauche qui permet aux utilisateurs d'explorer plus d'options. Cette conception aide à maintenir le site Web propre et convivial. Viennent ensuite les éléments clés à connaître avant de créer un site Web. Connaître les éléments clés d' un site Web est essentiel pour garantir sa convivialité, sa fonctionnalité et sa cohérence. Cela améliore la navigation, améliore l'expérience utilisateur et garantit l'accessibilité, contribuant ainsi au succès global du site. La création d'un site Web sur Canva est simple, mais elle ne dispose pas de fonctions avancées telles le traitement des paiements ou les menus déroulants que le traitement des paiements ou les menus déroulants liés à d'autres pages OK, c'est donc la fin de cette vidéo. Nous avons examiné les éléments importants à connaître pour concevoir un bon site Web. Ensuite, nous examinerons les éléments clés d'un site Web que vous devriez connaître, que nous aborderons dans la prochaine vidéo. Merci de votre attention , je vous y verrai. 4. Éléments clés d'un site Web que vous devez connaître: Bien, examinons maintenant les éléments clés d'un site Web. Tu devrais le savoir. Commençons donc. Discutons maintenant des composants essentiels de la conception d'un site Web, commençant par l'en-tête. L'en-tête se trouve généralement en haut d' une page Web et contient des une page Web et contient éléments essentiels tels que votre logo, votre image de marque, vos boutons de connexion ou d' inscription, barre de recherche et parfois des liens de navigation. Par exemple, voici trois modèles différents. Dans le premier exemple, nous avons un logo suivi de boutons pour la page d'accueil, propos de nous, le blog et la galerie, ainsi qu'une barre de recherche. Le deuxième exemple est très similaire, mais utilise des boutons d'icônes, ce qui peut rendre le design plus attrayant visuellement. Par exemple, une icône humaine est utilisée pour le verrouillage, une icône de panier représente un panier et une icône de loupe est utilisée pour la recherche Dans le troisième exemple, trois lignes sur la droite indiquent l'affichage mobile d'un site Web adaptatif. Cette conception s'adapte à l' espace d'écran limité d'un téléphone, garantissant ainsi une mise en page conviviale Jetons ensuite un coup d'œil à la barre de navigation. Une barre de navigation ou Navbar est un menu du site Web qui permet aux utilisateurs d'accéder facilement différentes sections ou pages par le biais de boutons ou de liens Par exemple, l'image de gauche montre une barre de navigation conçue pour les appareils mobiles, tandis que l'image de droite montre une barre de navigation telle qu'elle apparaît sur un Cette image provient du clove and store***.com. Nous voyons ici un indicateur de sous-catégorie pour la barre de navigation. Cette fonctionnalité permet aux utilisateurs de voir facilement où ils se trouvent sur le site et de revenir à des sections plus larges si nécessaire. Améliorez l'expérience utilisateur en réduisant la confusion et en simplifiant la navigation Par exemple, dans ce cas, nous avons cliqué sur Accueil, puis sélectionné la catégorie femmes, puis sur le visage et la beauté, puis enfin sur le maquillage L' indicateur de sous-catégorie affiche le chemin que vous avez suivi dans les catégories du site Web Ensuite, nous avons FUTA. Un FUTA se trouve au bas d' une page Web et fournit des liens et des informations supplémentaires telles que des coordonnées, des liens importants, des comptes de réseaux sociaux, des abonnements à des bulletins d'information et des avis de droit d'auteur Regardons ces exemples. Pour le premier exemple, nous avons le site Web FUTA de Pizza Company Il peut voir leurs coordonnées, y compris les liens vers la ligne Facebook et leur numéro de téléphone. Il contient également des liens téléchargeables pour leur application, l'avis de droit d'auteur et des détails sur les méthodes de paiement numériques qu'ils acceptent, telles que Visa, Mastercard et cartes de crédit. Le deuxième exemple concerne le pied de page pour le cinéma de science-fiction. Il peut voir des liens vers leurs pages de réseaux sociaux , notamment Facebook , Twitter ou X, Instagram, YouTube et Line, ainsi que leur numéro de téléphone. Il inclut également le DBD enregistré, indiquant que l' entreprise est officiellement enregistrée auprès du ministère du Développement des affaires En outre, le pied de page contient un avis de copyright. Vous pouvez également repérer les logos de SFW, SFX et SFC, qui représentent différents types de cinémas proposés par l'entreprise En bas, vous trouverez des liens cliquables qui mènent à différentes pages du site Web Le troisième exemple est le site Web central. Vous trouverez ici des liens vers les réseaux sociaux, notamment Facebook , Twitter ou X, Instagram, YouTube et Line. Il existe également une boîte de capture d'e-mails dans laquelle vous pouvez saisir votre adresse e-mail pour vous abonner aux dernières offres et tendances. Comme dans les autres exemples, il existe des liens cliquables qui vous dirigent vers d'autres pages du site Web En outre, le Futter inclut l'avis de droit d'auteur, l'adresse, le numéro de téléphone et le courrier électronique de l'entreprise Il existe également des liens téléchargeables qui vous redirigent vers l'App Store d'Apple et le Google Play Store. Nous pouvons télécharger leur application. Ensuite, nous avons le menu déroulant. Un menu déroulant est un type de menu qui affiche des options supplémentaires lorsque vous cliquez dessus ou que vous le survolez Cela permet de garder le site Web bien rangé en masquant les choix inutiles jusqu'à ce qu'ils soient nécessaires. Ensuite, nous avons la barre latérale. Une barre latérale est une section verticale d'un site Web, généralement positionnée à gauche ou à droite. Cela ne prend pas de place dans la zone de contenu principale. Il peut contenir des informations supplémentaires ou des liens de navigation. Les différents types de barres latérales incluent la barre latérale statique, la barre latérale épaisse, la barre latérale pliable et la barre latérale coulissante La barre latérale statique est un onglet qui reste fixe sur le côté gauche ou droit. Lorsque l'utilisateur fait défiler la page vers le haut ou vers le bas, l'onglet se déplace en même temps que le contenu La barre latérale fixe est un onglet qui reste dans une position fixe, même lorsque l'utilisateur fait défiler la page vers le haut ou L'onglet reste immobile et ne bouge pas. La barre latérale Réduire est un onglet qui apparaît sur le côté gauche ou droit et peut se développer ou se réduire lorsque Cette fonctionnalité permet de garder le site Web propre et organisé. La barre latérale coulissante est un onglet qui apparaît lorsque vous passez votre souris dessus ou que vous cliquez dessus Cette fonctionnalité permet de garder le site Web propre et organisé. Regardons ces exemples. La première barre latérale est couramment utilisée sur les sites Web d'achat, car elle permet aux utilisateurs de rechercher facilement les articles par catégorie. Par exemple, lorsque vous cliquez sur Yeux, il s'agrandit pour afficher les articles de maquillage connexes tels que l'eye-liner, le mascara et le fard à paupières Ce type d'onglet est appelé barre latérale pliable. Sur certains sites Web, lorsque vous cliquez sur une catégorie, d' autres s'effondrent automatiquement. Toutefois, sur d'autres sites Web, les catégories restent ouvertes et ne se réduisent pas lorsque vous en sélectionnez une autre. La deuxième image provient de Google Drive. Cette barre latérale apparaît sur le côté gauche du site Web et est une barre latérale fixe, ce qui signifie qu'elle reste au même endroit même lorsque vous faites défiler la page vers le bas. Lorsque vous cliquez sur Mon Drive, il s'agrandit pour afficher d'autres dossiers. Si ces dossiers contiennent des sous-dossiers, la barre latérale affiche des couches supplémentaires selon les besoins. Il s'agit également d'une barre latérale pliable, mais contrairement à l'autre exemple, elle ne réduit pas la section précédente lorsque vous cliquez sur plusieurs éléments La dernière image provient également de Google Drive, mais cette fois, la barre latérale se trouve sur le côté droit. Au départ, la barre latérale n' affiche que des icônes. Lorsque vous survolez une icône, le texte apparaît et le fait de le sélectionner permet d'obtenir plus d'informations De plus, cette barre latérale comprend un panneau latéral caché en bas à droite, appelé barre latérale coulissante Ensuite, jetons un coup d' œil aux boutons. Les boutons sont des éléments interactifs sur lesquels les utilisateurs peuvent cliquer ou appuyer pour effectuer des tâches spécifiques. Ils sont essentiels pour des actions telles que la soumission de formulaires, la navigation et d'autres fonctions. Cette image montre des exemples de différents types de boutons, y compris ceux de différentes couleurs ou simplement du texte, qui sont tous cliquables et vous dirigent vers un lien Ensuite, nous avons les accordéons. Les accordéons sont des éléments de l'interface utilisateur qui contrôlent le contenu affiché sur un site Web en masquant et en révélant différentes sections Ils sont utiles pour organiser de grands ensembles d' informations connexes telles que des manuels ou des FAQ. Généralement, une seule section peut être agrandie à la fois la section précédemment développée se repliant lorsqu'une nouvelle section est ouverte Ensuite, nous avons une zone de saisie. Une zone de saisie est un champ de texte d'une seule ligne qui permet aux utilisateurs de saisir du texte. Il est couramment utilisé dans les formulaires pour la saisie d'informations telles que les noms, les adresses e-mail et les termes de recherche. Ensuite, nous avons une zone de texte. Une zone de texte est un champ de saisie multiligne qui permet aux utilisateurs de saisir des textes plus longs tels que des notes, commentaires ou des informations détaillées. Il est couramment utilisé dans les formulaires où une saisie plus approfondie est requise. Ensuite, nous avons Custom Select. La sélection personnalisée est une zone de saisie avec un menu déroulant qui offre des fonctionnalités supplémentaires telles que des options de recherche et des fonctionnalités de sélection multiple C'est un style qui correspond à la conception globale du site Web. Ensuite, il y a la chatbox. Une boîte de discussion est une petite boîte carrée sur laquelle les utilisateurs peuvent cliquer pour sélectionner ou désélectionner une option sur un formulaire ou une page Web Il permet plusieurs sélections avec une marque de discussion qui apparaît lorsqu'une option est choisie. Ensuite, il y a les radios. Les boutons radio sont petits boutons circulaires qui permettent aux utilisateurs de sélectionner une option dans la liste d'un formulaire ou d'une page Web. Un seul bouton radio peut être sélectionné par groupe à la fois. Ensuite, il y a les interrupteurs. Les commutateurs sont des boutons à bascule présents sur les sites Web et les applications qui fonctionnent comme des interrupteurs d'éclairage, permettant aux utilisateurs d'activer ou de désactiver des fonctionnalités. Ils sont couramment utilisés pour les paramètres ou les préférences et fournissent une indication visuelle claire de l'état actuel. Ensuite, il y a la saisie de fichiers personnalisée. Une entrée de fichier personnalisée est un champ de téléchargement de fichiers stylisé qui permet aux utilisateurs de sélectionner des fichiers depuis leur appareil La première image montre différents styles de saisie de fichiers personnalisés. Lorsque vous cliquez sur Choisir un fichier, une fenêtre apparaît vous permettant de sélectionner un fichier sur votre appareil tel qu' illustré dans l'image de droite. Parlons maintenant de la validation. La validation est le processus qui permet de s'assurer que les données saisies par l'utilisateur répondent aux spécifications requises. Cela implique de vérifier les formats appropriés, les champs obligatoires et les valeurs acceptables, qui contribuent tous à la sécurité et à la qualité des données. Le suivant concerne les indicateurs. Les indicateurs permettent aux utilisateurs de naviguer directement vers une diapositive spécifique. Cet exemple est une image du site Web de DJI, qui utilise des indicateurs pour rendre la conception du site Web plus attrayante Viennent ensuite les composants modaux. Un modèle est une fenêtre contextuelle ou boîte de dialogue qui apparaît au-dessus du contenu principal d'un site Web. Il assombrit souvent l'arrière-plan pour attirer l'attention sur le modal, qui nécessite une interaction de l'utilisateur pour continuer Le modal comporte trois sections principales. Titre modal, section qui contient le titre ou le titre. Corps de texte modal, section qui affiche le contenu principal tel que les textes, les formulaires et les images. Modal Futter est la section pour les actions telles que les boutons Enregistrer ou Conseiller Par exemple, vous pouvez avoir le titre modal comme fichier de suppression avec l'ambiance ou le corps du texte disant : «  Êtes-vous sûr de vouloir supprimer ce fichier ? Le Futter modal contiendrait deux boutons, le premier étiqueté oui et le second étiqueté non. Ensuite, nous avons un album. Un album est une collection d' images ou de photos affichées ensemble, souvent de manière organisée et visuellement attrayante. Les utilisateurs peuvent parcourir des collections de photos connexes telles que des images d'événements, des présentations de produits et des souvenirs Vient ensuite la pagination. La pagination est une méthode d'organisation du contenu sur plusieurs pages dans une conception Web Il aide les utilisateurs à naviguer plus facilement et améliore les performances du site Web. Ensuite, c'est l'alerte. Une alerte est une boîte de message qui apparaît sur un site Web pour attirer l'attention de l'utilisateur sur des informations importantes, des avertissements ou des confirmations Les alertes peuvent être utilisées à diverses fins telles que les messages de réussite, les notifications d'erreur ou les mises à jour importantes. Jetons un coup d' œil à ces exemples. La première image montre une alerte qui s'affiche lorsqu' un mot de passe saisi ne répond pas aux critères requis. Le message d'alerte indique : Veuillez saisir un mot de passe d'au moins huit caractères, y compris des majuscules et des minuscules Le deuxième exemple d'alerte apparaît lorsque l' enregistrement est terminé, en utilisant une couleur verte pour indiquer que le processus a réussi. Troisième exemple d'alerte : veuillez confirmer votre adresse e-mail. Les utilisateurs de cette alerte doivent transmettre un sentiment d'urgence, en veillant à ce que vous ne l'oubliiez pas. De plus, un bon site Web doit se charger rapidement et réagir rapidement. Un site Web à réponse rapide est essentiel pour fidéliser les utilisateurs, améliorer les classements de recherche, augmenter les conversions et garantir une expérience positive sur tous les appareils. Cela améliore la satisfaction des utilisateurs et contribue à la croissance et succès de votre présence en ligne. OK, c'est donc la fin de cette vidéo. Nous avons examiné les éléments clés d'un site Web que vous devez connaître. J'espère donc que vous avez trouvé cette vidéo utile, et je le verrai dans la prochaine. 5. Créons un site Web sur Canva - Partie 1: Bien, dans cette leçon, nous verrons comment créer un site Web à l'aide de Canva Il existe de nombreuses manières de créer un site Web. Par exemple, une approche plus avancée consiste à coder vous-même le site Web. Vous pouvez également utiliser des constructeurs de sites Web payants, qui offrent un large éventail de fonctionnalités. Il existe également des options gratuites comme Google Sites ou Canva, qui vous permettent de concevoir le site Web sans aucun frais N'oubliez pas que la conception d'un site Web avec Canva est relativement simple et offre des fonctionnalités limitées Cependant, c'est un excellent point de départ pour les débutants. Maintenant, plongeons-nous dans le vif du sujet et créons un exemple de site Web pour les médias amusés. OK, commençons. Bon, maintenant je vais faire une démonstration pour vous montrer comment créer un site Web. Pour cet exemple, je vais créer ce site web Media Made Fun. Jetons un coup d' œil à cela maintenant. Ainsi, une fois que nous avons créé notre design, nous pouvons cliquer sur ce bouton de prévisualisation ici pour prévisualiser notre site Web. Je souhaite également le voir sur le mobile, mais je vais simplement décocher le redimensionnement sur mobile, afin que nous ayons la même mise en page que sur ordinateur de bureau Bon, regardons à nouveau la vue du bureau, et nous pouvons faire défiler la page vers le bas pour voir les différentes pages. OK, c'est donc ce que nous allons concevoir dans les prochaines vidéos. J'ai également ajouté des liens vers le site Web. Par exemple, si je clique sur ce lien qui dit «  allez sur notre chaîne YouTube », je ferai un lien vers la chaîne YouTube « Media made fun ». OK, créons donc ce site Web maintenant. Donc, dans Canva, sous modèles, j'ai saisi un modèle de site Web Vous pouvez donc voir ici que nous avons de nombreux modèles de sites Web différents. Si vous survolez certains de ces modèles, nous pouvons faire défiler la souris ou le trackpad pour afficher les différentes pages OK, j'aime bien le design de celui-ci, alors cliquons dessus et nous pouvons faire défiler la page vers le bas pour voir les différentes pages. Cliquez sur Personnaliser ce modèle ouvrir ce modèle dans un nouvel onglet. Nous pouvons faire défiler la page vers le bas pour afficher les différentes pages, et bien sûr, nous pouvons personnaliser les différents éléments de ce design si nous le souhaitons. D'accord, voici un autre modèle que j'ai trouvé précédemment. Je pense que cela pourrait également fonctionner pour notre site Web. J'aime bien la mise en page des photos pour ce design. Et en voici une autre également. Pour cela, j'aime aussi bien la mise en page que les couleurs. Je vous recommande donc de parcourir plusieurs de ces différents modèles, qui vous aideront à trouver des idées pour créer votre propre site Web. Jetons un coup d'œil à ce modèle ici. Celui-ci est vraiment différent. Mais ça, on peut cliquer ici pour voir les différentes pages plutôt que de les faire défiler Cliquez maintenant sur personnaliser ce modèle. Lorsque nous ouvrons ce modèle, nous n'avons pas le bouton de prévisualisation. Nous avons juste le bouton Partager. Ce n'est donc peut-être pas le plus pratique, mais nous pouvons toujours l'utiliser pour recueillir des idées de design. Passons à ce modèle ici et vous pouvez voir que nous avons le bouton de prévisualisation. Le bouton de prévisualisation peut être très utile pour vous permettre de voir à quoi ressemblera votre site Web. Par exemple, cliquons dessus et faisons défiler la page vers le bas pour afficher le site Web. Bien, jetons un coup d'œil à quelques modèles supplémentaires. Une chose que je recommande de faire est d'avoir tous les textes de votre site Web dans un document. Il peut donc s'agir d'un document Word ou d'un document Google, par exemple. J'ai donc ici un Google Doc qui contient tous les textes que je souhaite ajouter au site Web. OK, alors commençons à créer le site Web. Commençons par copier ce titre. Je vais donc utiliser ce design de site Web, et collons-le ici. Redimensionnons-le simplement. Et maintenant, ajoutons le sous-titre Je vais donc le copier-coller dans la zone de texte ci-dessous. Je veux aussi avoir un bouton avec du texte, mais pour le moment, il est groupé, nous devons donc le dissocier pour ajuster ce texte et cette boîte OK, maintenant faisons glisser ce texte au-dessus de la boîte. Et maintenant, copiez-collez le texte depuis mon Google Doc. Plus tard, j'en ferai un bouton cliquable. OK, changeons simplement la couleur pour ça. Je veux utiliser davantage une couleur jaune. Essayons donc celui-ci. Il est assez difficile de voir le texte ici, alors changeons la couleur du texte en noir. Maintenant, vous pouvez facilement lire ceci. OK, maintenant je veux ajouter une ligne. Donc, dans les éléments et la forme, choisissons une ligne. Maintenant, cliquons sur le bouton Style de ligne ici, et je veux affiner un peu la ligne, donc je vais diminuer l'épaisseur du trait. Maintenant, faisons-le glisser vers le bas pour qu' il souligne le sous-titre. Redimensionnons-le et mettons-le au centre. Et maintenant, agrandissons un peu le texte des sous-titres. OK, redimensionnons simplement la ligne. Et je vais maintenant augmenter l'épaisseur du trait , car nous avons agrandi le texte des sous-titres Augmentons simplement le texte de ce bouton car nous avons un peu plus d'espace, puis redimensionnons et ajustons simplement le titre principal OK, changeons réellement l'image maintenant. Supprimons donc cette image que nous avons ici en cliquant dessus et en appuyant sur Supprimer. Je vais maintenant ajouter ma propre image. Cliquons donc sur les téléchargements puis sur Télécharger une image ou une vidéo J'ai toutes les images que je souhaite utiliser pour ce site Web, dans le dossier de mon bureau. Trouvons-le maintenant, et c'est l'image que je veux utiliser pour l'arrière-plan de la page d'accueil. Sélectionnons-le et ajoutons-le. OK, redimensionnons-le pour qu'il remplisse la page. Maintenant, changeons le calque car je veux le placer derrière le texte et en bas. Faisons donc un clic droit sur l'image et passons au calque, puis au centre. Nous pouvons maintenant voir la forme du bouton. OK, je vais juste déplacer cette ligne légèrement vers le haut, cliquer et faire glisser le pointeur sur la ligne de texte ou le bouton, et faisons-la glisser vers le bas. La raison en est que je souhaite ajouter le logo Medium Made Fun ci-dessus ici. Cliquons donc sur les téléchargements et téléchargeons une image ou une vidéo. Maintenant, sur le dossier de mon bureau, je vais ajouter le logo Medium made fun. OK, cliquons pour ajouter ceci. Et je veux supprimer l'arrière-plan. L'outil de suppression de l'arrière-plan n'est disponible que sur Canva Premium Donc, si vous utilisez une version gratuite de Canva, vous ne pourrez pas l'utiliser Mais dans ce cours, je vous montre une alternative gratuite au cas où vous n' utiliseriez pas Canva Premium OK, alors maintenant, supprimez l'arrière-plan. Redimensionnons-le et repositionnons-le. En fait, je veux ajouter une forme derrière ce logo, afin qu'il ressorte un peu plus. Cliquons sur les éléments et sous les formes. Je vais choisir un cercle. Repositionnons-le et changeons la couleur. Je souhaite utiliser la même couleur jaune que j'ai pour le bouton Afficher le cours. OK, redimensionnons-le cliquons dessus avec le bouton droit de la souris et passons à la couche, puis cliquons sur Envoyer en arrière car je veux le placer derrière le logo Repositionnons-le maintenant. Et vous remarquerez que nous ne voyons pas bien la couleur jaune du logo, car elle est très similaire à la couleur jaune du cercle. Choisissons donc une couleur jaune plus foncée pour que nous puissions voir le jaune du logo un peu plus facilement. Donc, sous couleurs unies, sélectionnons cette couleur jaune plus foncé. Pour des raisons de cohérence , utilisons également la même couleur pour le bouton Afficher le cours. Cependant, je ne suis pas très content de cette couleur exacte. Donc, cliquons sur ce bouton pour ajouter une nouvelle couleur, afin que je puisse personnaliser un peu plus la couleur. OK, changeons simplement cette couleur jaune. Et allons-en ici. Et vous pouvez voir que nous avons le code couleur ici. Cette nouvelle couleur devrait apparaître dans la zone des couleurs du document, mais si ce n'est pas le cas, vous pouvez toujours copier-coller ce code couleur. OK, utilisons donc la même couleur pour ce cercle. OK, maintenant je veux régler la luminosité et le contraste de cette image d'arrière-plan. Cliquons donc sur cette image puis sur Modifier. Et maintenant, cliquez sur Ajuster. Nous pouvons donc régler ici la luminosité et le contraste. Alors rendons-le un peu plus sombre, diminuons la luminosité et essayons-le avec plus de contraste. Le réglage de cette image permet au texte de ressortir, mais ajoutons maintenant quelques effets au texte qu'il ressorte davantage et paraisse un peu plus intéressant. Cliquons donc sur le texte puis sur les effets. Et maintenant, cliquons sur le style d'ombre. Changeons l' ombre en noir. Et pour cela, ajustons le décalage et la direction. Et augmentons la transparence à 100 pour y voir plus clair. OK, notre page d'accueil est maintenant complète. Dans cette vidéo, nous avons examiné des modèles de sites Web et nous avons créé notre page d'accueil. Dans la vidéo suivante, nous continuons à créer ce site Web. Alors merci de votre attention , je vous y verrai. 6. Créons un site Web sur Canva - Partie 2: Bien, poursuivons maintenant la création de ce site Web. Auparavant, nous avions ajouté la page d'accueil, et maintenant nous allons ajouter une autre page. Sur le modèle que nous utilisons, nous avons cette page ici. Je ne veux évidemment pas utiliser cette image, alors supprimons-la. Pour cela, je veux juste avoir une petite zone avec du texte, alors redimensionnons cette page Redimensionnons maintenant cette zone de texte et repositionnons-la. Rendons-le encore plus petit, alors faisons-le glisser depuis le bas, puis revenons à nos documents et copiez-collez le titre suivant. Une chose à mentionner, je recommande nommer votre design juste pour garder les choses organisées. Cliquons donc ici pour le renommer. OK, redimensionnons à nouveau cette zone de texte. Débarrassons-nous de cette phrase et rendons-la historique pour qu'elle ressorte du lot et qu'elle paraisse un peu plus intéressante Réduisons-le un peu, et changeons réellement la police. La police que j'ai en tête s'appelle Inter. Choisissons donc ceci. Donc, pour le moment, toutes les polices sont en majuscules. Cliquons donc sur ce bouton ici, pour que tout ne soit pas en majuscules. C'est donc comme ce que j' avais dans mon document. Donc, dans cette zone ci-dessous, je vais copier et coller un texte de mon document. Comme vous pouvez le constater, il y a beaucoup moins de texte, donc je vais le rendre beaucoup plus grand. Voyons à quoi ressemble le texte lorsqu'il est aligné au centre. Cliquons donc sur ce bouton ici, pour que le texte soit au centre de la boîte. Repositionnons-le. Je pense que ce texte semble beaucoup plus équilibré à présent. Je veux avoir ce sous-titre sur deux lignes. Je vais donc appuyer sur Entrée après ici, donc c'est sur deux lignes. Pour cela également, je souhaite utiliser l'Interfont. Nous allons donc tout sélectionner en appuyant la commande A sur Mac ou sur le contrôle A sous Windows, puis en cliquant sur Police ici. Puis encore une fois, sélectionnez Enter. Cela semble beaucoup plus cohérent maintenant car il utilise la même police. Augmentons simplement cette taille de police et rendons-la également en italique. Je vais ajuster la police du titre et faire glisser cette page vers le haut pour qu'elle soit encore plus petite et que nous ayons qu'elle soit encore plus petite et que nous une zone plus petite pour le texte. Je ne veux pas avoir une page entière pour cela, mais je veux afficher ce titre et ce sous-titre Et veillons à ce que cela soit équilibré et central. Nous avons maintenant notre page d'accueil et cette zone que nous avons créée entre la page suivante. Passons maintenant à la page suivante. Ce sera donc cette zone ici. Pour cette page suivante, je vais m' inspirer de cet autre template. Je veux avoir quelque chose de similaire. Je veux donc avoir une image et du texte. Également similaire à ce modèle. Et jetons un coup d'œil à quelques-uns des autres modèles. Mais je pense que celui-ci était le meilleur. Créons donc quelque chose de similaire. Donc, pour cela, je veux avoir des zones de texte et des images. Pour le modèle de site Web sur lequel nous travaillons, je vais supprimer cette image d'arrière-plan ainsi que ce texte ici. Et pour le fond, je vais ajouter une couleur unie. Utilisons cette couleur jaune que nous avons utilisée auparavant. Je vais également supprimer tout cela ici. Alors cliquons dessus et faisons glisser le pointeur dessus, puis appuyons sur Supprimer. Pour cela, je souhaite créer une mise en page qui affiche notre cours ainsi que notre chaîne YouTube. J'ai donc ici une image de notre cours. Ajoutons-le donc depuis le bureau. Avant cela, je vais ajouter un carré, ce qui m'aidera à diviser la page en quatre. Alors, cliquons et redimensionnons cette pour qu'elle soit un quart de la taille de la page Cliquons maintenant sur le double en bas, et je vais le mettre en bas à gauche. Redimensionnons à nouveau ces carrés pour qu' ils correspondent exactement au quart de la taille de la page OK, donc cette page contient deux rectangles noirs et deux rectangles jaunes Je vais juste copier-coller cette zone de texte, et nous allons l'utiliser pour l'un des carrés Redimensionnons-le et repositionnons-le. Et pour cela, cliquons sur le bouton en italique ici, car je ne veux pas avoir cet italique C'est donc différent du texte ci-dessus. Revenons maintenant à notre document et copiez-collez le texte suivant. Cette boîte de smoking parle donc de notre parcours. Copiez-collez maintenant le texte suivant, qui contient des informations supplémentaires sur le cours. Redimensionnons simplement cette zone de texte et repositionnons-la. Je vais mettre le titre en gras pour qu'il ressorte un peu plus du lot. Encore une fois, redimensionnons simplement ceci. Je vais juste changer la couleur qu'elle se démarque du texte ci-dessus. Pour cela, je vais utiliser cette couleur blanche, mais je pourrais utiliser une autre couleur, pour qu'elle ressorte un peu plus. Mais pour l'instant, utilisons simplement cette couleur blanche. Depuis la page d'accueil, sélectionnons le bouton et le texte, puis dupliquons-les. Maintenant, cliquons dessus et faisons-le glisser vers notre nouvelle page, et changeons maintenant la couleur du bouton. Modifions-le simplement pour cette couleur grise. Et changeons également la couleur du texte en blanc afin de pouvoir le lire un peu plus facilement. Je vais juste redimensionner ce rectangle gris sous forme de texte que je vais ajouter plus longtemps Redimensionnons simplement cette zone de texte faisons-la glisser ici et redimensionnons-la, et redimensionnons également ce rectangle gris Il couvre donc l'ensemble du texte. Sélectionnons maintenant ce texte et cette zone grise et groupons-les. Nous pouvons donc le déplacer et ils bougeront tous les deux ensemble. Maintenons simplement la touche Shift enfoncée et sélectionnons les deux options. Et maintenant, redimensionnons-le pour qu' il remplisse un peu plus ce rectangle jaune Je vais juste dissocier cette zone de texte ici, et rapprochons un peu plus le sous-titre Maintenons maintenant la touche Maj enfoncée, cliquez sur le titre ci-dessus, puis faites-les glisser vers le bas. Faisons maintenant glisser le texte et le bouton vers le haut pour que le design soit un peu plus équilibré. Bien, ajoutons maintenant une image dans ce carré noir. N'oubliez pas que nous avons téléchargé ce design précédemment. Alors redimensionnons-le et ajoutons-le dans ce carré. Cependant, je veux que ce look soit un peu plus intéressant, je vais donc ajouter ce design à une maquette Donc, sur la gauche, passons aux applications et tapons une maquette. Et cliquez sur Maquettes. Nous avons donc ici de nombreuses maquettes différentes, ce qui peut contribuer à rendre notre design un peu plus intéressant Mais pour cela, je veux l'avoir sur un ordinateur portable. Donc, à côté de la catégorie des ordinateurs, cliquons sur PDG. Je vais choisir l'un de ces ordinateurs portables. Je pense que celui-ci semble très intéressant. Alors, cliquons dessus. Et maintenant, vous pouvez voir que notre design est apparu sur cet ordinateur portable. Maintenant, cliquons et glissons pour le repositionner et le redimensionner. Cependant, ce n'est pas tout à fait la bonne taille. Mais une chose que nous pouvons faire est de dupliquer cette forme de rectangle, puis de la faire glisser dessus. Le rectangle noir recouvre donc le dessin. Maintenant, repositionnons cette maquette. Je vais donc cliquer avec le bouton droit sur cette maquette, puis passer à la couche, puis au centre. Je vais donc supprimer ce rectangle noir car nous n'en avons plus besoin. Remplaçons simplement ce rectangle noir la couleur jaune que nous utilisons dans notre design. Et je vais juste redimensionner et repositionner cette maquette pour la placer au centre OK, je pense que ça a l'air plutôt bien. Je vais maintenant remplacer cette boîte noire l'une des couleurs de notre maquette. Je trouve que cette couleur grise est plutôt belle. Et maintenant, cliquons sur les éléments et saisissons YouTube. Pour cela, je voudrais parler de notre cours YouTube. Je vais donc trouver une photo de YouTube. Je pense que celui-ci est approprié. Je vais donc le redimensionner et le placer en haut du rectangle en bas à gauche Coupons-le juste en arrière pour qu'il soit à la bonne taille. Maintenant, maintenons la touche Maj enfoncée et sélectionnons toutes les zones de texte ainsi que la forme. Maintenant, copions-les et faisons-les glisser vers le rectangle en bas à droite. Je vais maintenant copier et coller le prochain ensemble de textes de notre document. Avant de le coller, dissocions-le. Et maintenant, collons notre titre. Je veux l'avoir sur deux lignes car cela ne correspond pas vraiment à une seule ligne. Appuyons donc sur Entrée dans cette zone de texte pour le mettre sur deux lignes OK, redimensionnons et repositionnons ça. Et maintenant, changeons la couleur de cette zone de texte pour pouvoir la voir Nous avons donc ici des couleurs contrastées. Dans le rectangle en bas à droite, nous avons le fond gris avec la zone de texte jaune, et dans le rectangle en haut à gauche, nous avons le fond jaune avec la zone de texte grise Cela ajoute donc du contraste, mais cela équilibre également le design. Nous allons également changer la couleur de la police en noir, afin que vous puissiez la lire un peu plus facilement sur ce fond jaune. Maintenant, copiez-collez le texte du document dans la zone de texte suivante Je voudrais avoir deux lignes de WhetsaysGraphic Design, et appuyer sur Entrée ici, donc c'est Redimensionnons-le et repositionnons-le. Maintenant, repositionnons également de texte et la forme ci-dessous Maintenant, changeons le texte de la boîte. Revenons donc à notre document et copions le prochain ensemble de texte. Et maintenant, collons-le dans la zone de texte de la forme. Plus tard, nous ajouterons également des liens vers ces boîtes. OK, c'est donc la page suivante de ce site Web, et c'est la fin de cette vidéo. la prochaine vidéo, nous allons continuer à créer ce site Web, alors merci l'avoir regardée, et je vous y verrai. 7. Créons un site Web sur Canva - Partie 3: Bien, poursuivons maintenant la création de ce site Web. Dans un modèle ici, nous avons cette page. Jetons un coup d'œil à un autre de ces modèles. Regardons celui-ci ici. Je veux donc avoir quelque chose de similaire. Donc, pour cette page, je souhaite afficher un portfolio, donc je veux montrer certaines des différentes choses nous faisons et que les médias ont rendues amusantes. Je veux donc avoir quelques images similaires à ce design ici. Jetons un coup d' œil à ce modèle. Je veux donc créer quelque chose comme ça également. Bien, revenons à la page sur laquelle nous travaillons et changeons la couleur l'arrière-plan de cette page. Cliquons donc sur cette page puis passons à la couleur. Et essayons certaines des couleurs de ces photos. Nous pouvons cliquer sur CA pour voir toutes les couleurs de ces photos. Essayons donc certains d'entre eux. Mais pour cela, choisissons notre propre couleur. Alors, cliquons sur Ajouter une nouvelle couleur ici, et choisissons notre propre couleur. OK, je pense que c'est bien ici. Nous avons maintenant un peu de contraste avec l'autre couleur grise. Ajustons simplement la taille de cette zone de texte et plaçons le texte au centre Maintenant, copiez-collez le texte de notre document et collez-le en tant que titre. Passons au blanc pour que cela ressorte clairement sur la page. Et cliquons et faisons glisser le pointeur sur tout cela maintenant et supprimons-le. Jetons un coup d'œil à notre autre modèle. Je veux donc utiliser une image similaire à celle-ci. Mais jetons un coup d' œil aux autres modèles, et je veux en avoir un similaire à celui-ci. Copions-le et collons-le sur notre page. Bien sûr, je vais changer l'image, je veux avoir une image d' une taille similaire à celle-ci. Découpons-le et redimensionnons-le car je veux en mettre huit sur cette page Copions et collons ce dessin et ajoutons-en un autre. Et n'oubliez pas que je veux en ajouter huit. Continuons donc sur cette voie. Maintenant, cliquons-les, faisons-les glisser et déplacons-les vers le centre, puis redimensionnons-les et repositionnons-les N'oubliez pas que je veux en ajouter huit. Faisons donc un peu plus de place pour en ajouter un peu plus ici. Et cliquons et glissons sur tout cela. Et maintenant, appuyons sur le bouton de duplication. Et maintenant, vous pouvez voir que nous en avons huit. Repositionnons-les simplement de manière à ce qu'ils soient répartis de manière égale. Et déplaçons-les légèrement vers le haut. Et aussi le titre. Créons un peu plus d'espace, alors faisons glisser le pointeur vers le bas. Et déplaçons ces images un peu vers le bas. Et maintenant, je veux ajouter quelques boutons ci-dessous. Copions-collons donc ce bouton ici, et redimensionnons-le afin d'avoir un bouton pour chacune de ces images OK, ajoutons du texte à ce bouton. Revenons donc à notre document et ajoutons le texte suivant. Maintenant, copiez-collez ceci. Et renommons la zone de texte suivante. Permettez-moi de le repositionner d'abord. Revenons à notre document et copiez-collez le texte suivant. allons maintenant copier et coller cette case, et nous pouvons également utiliser un bouton de duplication plutôt que d'utiliser le copier-coller, si vous le souhaitez. Nous pouvons également cliquer et maintenir la touche Maj enfoncée puis cliquer sur Plus pour sélectionner plusieurs éléments. Vous pouvez maintenant appuyer sur ce bouton de duplication, ce qui duplique ces quatre cases Maintenant, faisons-le glisser vers le bas sous les quatre images suivantes. OK, ajoutons le texte suivant, donc copions-le à partir de notre document et du suivant. Et encore une fois, pour la cinquième case. Ensuite, pour la boîte à six. Puis septième boîte. Et une huitième boîte. Je pense qu'il est important que tous vos textes soient prêts avant commencer à créer votre site Web. OK, ajoutons maintenant nos propres images, puis cliquez sur Télécharger une image ou une vidéo. Ici, sur le bureau, j'ai la prochaine image que je souhaite ajouter ici. Nous allons maintenant cliquer dessus et le faire glisser sur l'image. Cliquons à nouveau sur Télécharger une image ou une vidéo, puis choisissons l'image suivante. Faisons-le maintenant glisser vers la deuxième image. Repositionnons-le, et maintenant cliquons sur Télécharger une image ou une vidéo, et ajoutons la troisième image Encore une fois, cliquons dessus et faisons-le glisser , puis repositionnons-le Faisons de même pour la quatrième image. Redimensionnons-le et repositionnons-le simplement parce que nous voulons que ces images soient équilibrées Et faisons-le pour la cinquième image maintenant. Redimensionnons simplement ceci afin pouvoir en voir un peu plus sur ce livre Faisons légèrement pivoter cela, car je pense que cela sera un peu plus beau. OK, faisons de même pour les six images. Je ne peux pas voir tout l'ordinateur portable ici, donc je vais juste le redimensionner pour que nous puissions voir une plus grande partie de l'ordinateur portable Et pour cet exemple, je vais agrandir un peu cette image car elle est toujours en train de découper l'ordinateur portable Agrandissons également l'image ci-dessus pour qu'elle soit équilibrée. Je vais le faire pour toutes les images, en fait, qu'elles soient toutes de la même taille, car cela peut sembler un peu étrange s'il n'y a que deux images plus grandes que les autres. L'un des avantages de Canva est que lorsque vous redimensionnez une image, il vous indique la taille exacte Vous n'avez donc pas besoin de deviner pour assurer qu'il est de la même taille. Ces chiffres montrent que c'est la même taille. Faisons de même pour les zones de texte ci-dessous. Agrandissons-les un peu pour qu' elles correspondent à la taille des images ci-dessus. Assurons-nous également que le texte se trouve au centre de la boîte pour qu'il soit équilibré. R Regroupons simplement ce texte et la boîte car ils sont dans la bonne position. Et si nous les regroupons, cela nous empêchera de déplacer les choses par étendue. Je n'ai donc pas actuellement d'images pour la conception de sites Web ou la conception de CV, mais c'est quelque chose qu'ils ajouteront à l'avenir. Donc, à l'heure actuelle, ce site Web est en cours de développement. Et n'oubliez pas que si vous créez une page ou un site Web dans Canva, vous pouvez toujours y revenir ultérieurement Vous n'êtes pas obligé de tout terminer en une seule fois. D'accord, c'est donc la section du travail créatif ou du portfolio du site Web. Si vous avez des liens vers différents sites Web, vous pouvez toujours lier ces boutons ici, et je vous montrerai comment ajouter des liens ultérieurement. OK, c'est donc la fin de cette vidéo. Ensuite, nous allons continuer à créer ce site Web. Alors merci d'avoir regardé et je vous y verrai. 8. Créons un site Web sur Canva - Partie 4: Bien, continuons à travailler sur ce site Web. Ensuite, je souhaite créer une page À propos de nous. Jetons un coup d'œil à certains des autres modèles. Je n'aime rien de tout cela pour ce que je veux en ce moment. Jetons un coup d'œil à l'autre modèle. Pareil pour celui-ci. Il n'y a vraiment rien que je veuille ici. Et regardons l'autre modèle. Quelque chose comme ça est très bien, mais je voudrais avoir une photo pour le rendre un peu plus personnel. Comme je l'ai dit, je veux que ce soit une page à propos de nous. Je vais donc cliquer, faire glisser et supprimer toutes ces coordonnées, et supprimons réellement cette image d'arrière-plan. Cliquez sur la couleur ici, et changeons la couleur de l'arrière-plan. Pour cela, choisissons un fond blanc. Ajoutons maintenant une autre page, et je vais rendre cette dernière page beaucoup plus courte, car ce sera le futter que j'ajouterai plus tard Changeons la couleur de la photo par cette couleur grise, et créons maintenant la page Chez nous. Pour cela, je veux avoir une zone de texte, copiez-collez cette zone de texte ici. Copions donc cette zone de texte et collons-la sur notre page. Changeons la couleur car la couleur du texte est blanche et nous ne pouvons pas le voir actuellement. Alors changeons-le en noir. Je ne veux pas que ce texte soit centré. Cliquons sur ce bouton ici, et maintenant le texte sera sur la gauche de la boîte. Bien, revenons maintenant à notre document et copiez-collez le texte suivant. Ce sera donc le titre de cette page. Donc, copions-le et collons-le ici. N'oubliez pas que vous pouvez copier avec Control C sous Windows ou Command C et Mac et coller avec Control V sous Windows ou Command V sous Mac. Je voudrais également que cela soit écrit sur deux lignes. Je vais donc appuyer sur Entrée avant ce mot. Il suffit de le repositionner et de le redimensionner. Et maintenant, ajoutons une image. Cliquons donc sur les téléchargements puis téléchargeons une image ou une vidéo Nous allons maintenant ajouter une photo de moi. Donc, si vous souhaitez avoir une photo de vous sur votre site Web, je vous recommande de prendre une photo professionnelle. Cela peut aider à ajouter de la crédibilité et à vous donner une apparence beaucoup plus professionnelle, et maintenant je veux ajouter une autre zone de texte. Alors, cliquons sur ce texte depuis l'autre page et collons-le ici. Encore une fois, c'est en blanc, alors changeons-le en noir. Je veux aussi que le texte soit aligné sur la gauche, alors cliquons sur ce bouton ici pour qu'il ne soit plus centré. Je veux aussi avoir une autre zone de texte, donc je vais appuyer sur le bouton de duplication ici pour dupliquer cette zone de texte Passons maintenant à notre document et copiez-collez le texte suivant. Ensuite, c'est mon nom. Je vais juste l'agrandir un peu. Mettons-le également en gras et en italique, pour qu'il ressorte du lot et qu'il ait un aspect un peu différent Passons maintenant au document et copions le texte suivant. Et collons-le dans la zone de texte suivante. Je veux aussi avoir cet italique, qu'il ressorte du lot et qu'il soit un peu plus intéressant, mais ne le mettons pas en gras, il est donc différent du texte ci-dessus Encore une fois, je veux avoir une autre zone de texte, alors dupliquons-la Pour le texte suivant, je ne veux pas qu'il soit en italique, et je veux qu'il soit beaucoup plus petit car je vais ajouter beaucoup plus de texte ici Passons donc à notre document et copions le prochain ensemble de texte. Et collons-le dans la zone de texte. Redimensionnons-le et repositionnons-le simplement. Et je veux que cette zone de texte soit alignée avec une photo Pour cela, je veux que le texte soit espacé. Cliquons donc sur le bouton d'alignement ici et choisissons un alignement de texte en espace. D'accord. Je pense que cela semble un peu plus équilibré maintenant. Et encore une fois, redimensionnons et repositionnons simplement ce texte. Déplaçons simplement l'image pour qu'elle soit un peu plus équilibrée, puis redimensionnons-la et repositionnons-la C'est donc une page assez simple, mais je pense qu'elle a l'air très efficace qu'elle est bien conçue et bien équilibrée. Faisons simplement glisser le pied de page car nous n'avons pas besoin de tout cet espace vide en bas Repositionnons et découpons également les côtés de cette photo, car il y a un peu d' espace mort sur le côté OK, donc c'est à propos d'une section. Ensuite, nous allons créer un pied de page et ajouter des liens, ce que nous ferons dans la prochaine vidéo Alors merci d'avoir regardé et je vous y verrai. 9. Créons un site Web sur Canva - Partie 5: Bien, ajoutons maintenant un pied de page et ajoutons des liens vers ce site Web Donc, précédemment, nous avons créé cette section de pied de page. Nous pouvons faire glisser le pointeur vers le haut ou vers le bas pour modifier la taille de la page. Pour ce pied de page, je souhaite ajouter la zone de texte. Allons donc ici, trouvons la zone de texte et copiez-la avec la commande C. Maintenant, collons-la et repositionnons-la au centre Revenons maintenant à notre document, et ici je veux mettre les informations de copyright pour le site Web. Copions donc ceci et collons-le dans cette zone de texte. Déplaçons-le légèrement vers le bas. Et maintenant, ajoutons quelques icônes. Ici, je souhaite ajouter des icônes de réseaux sociaux qui peuvent renvoyer vers d'autres sites Web. Tout d'abord, trouvons une icône YouTube qui redirigera vers la chaîne YouTube Media Made Fun. Donc, dans les éléments, tapons l'icône YouTube. Et sélectionnons celui-ci ici. Je veux aussi changer la couleur, alors cliquons sur la couleur, et je veux la changer en blanc pour qu'elle corresponde au texte ci-dessous. Bien sûr, l'icône YouTube est rouge, mais je pense que l'utilisation du blanc correspondra beaucoup mieux à ce design. OK, redimensionnons-le et repositionnons-le, et maintenant ajoutons une autre icône Encore une fois, je veux l'avoir sous forme d'icône circulaire, donc tapons également en cercle. OK, celui-ci a l'air bien. Et encore une fois, je veux en changer la couleur en blanc. Alors cliquons sur la couleur et cliquons à nouveau sur le blanc. Cliquons et dirigeons-le sur l'icône YouTube et redimensionnons-le pour qu'il ait exactement la même taille Alors maintenant, ces designs d'icônes sont très similaires. Nous pouvons donc lier ces icônes à notre cours et également à notre chaîne YouTube. Faisons maintenant un zoom arrière et jetons un coup d'œil à notre site Web. Nous avons donc une page d'accueil, des informations sur notre cours et notre chaîne YouTube, puis nous avons une section portfolio et une section et un Futter Il s'agit d'un site Web très basique, mais si vous souhaitez créer un site Web simple comme celui-ci, Canva peut être excellent Si vous souhaitez un site Web plus complexe, vous pouvez utiliser quelque chose comme WordPress ou un autre constructeur de site Web doté de plus de fonctionnalités. Mais comme je l'ai dit, si vous voulez simplement quelque chose simple, Canva peut être génial OK, ajoutons maintenant quelques liens. Donc, pour ce bouton, je souhaite ajouter un lien vers le cours. J'ai donc ici un lien vers le cours dans mon document. Et faisons un clic droit dessus et passons à Link. Maintenant, nous pouvons coller notre lien. Ainsi, lorsque les gens cliquent dessus, ils accèdent à notre cours. Vous pouvez donc voir ici que c'est notre THLLink. Vous remarquerez qu'une fois le lien ajouté, le texte est souligné, puis appuyez sur le bouton de soulignement pour qu'il ne soit pas souligné. Lions maintenant ce bouton ici. Cela va sur notre chaîne YouTube. Voici le lien vers notre chaîne YouTube. Et encore une fois, cliquez avec le bouton droit sur ce bouton et accédons au lien, puis collez-le ici. Je ne veux pas non plus que ce texte soit souligné, alors appuyons sur le bouton de soulignement pour que le texte ne soit pas souligné. Bien, ajoutons quelques liens vers les icônes du Futter. Nous allons donc sélectionner cette icône YouTube ici en cliquant dessus. Et maintenant, cliquez avec le bouton droit de la souris et passons à Link. Encore une fois, collons le lien qui mène à la chaîne YouTube ici et appuyons sur OK. Faisons de même pour cette autre icône. Revenons à notre document et copions le lien du cours. Nous allons donc cliquer dessus avec le bouton droit de la souris, aller sur Lien, coller ceci et ici, et sélectionner OK. Fermez simplement cet onglet sur le côté, et jetons un coup d'œil à notre site Web complet. Nous pouvons également le prévisualiser en appuyant sur le bouton de prévisualisation ici. Décochons simplement la case Inclure le menu de navigation pour le moment. Vous remarquerez qu'ici, nous avons cette case à cocher pour le menu Inclure la navigation. Vous pouvez donc voir ici que nous avons ces différents onglets, et ceux-ci ne correspondent pas vraiment à notre site Web. Nous pouvons également le redimensionner pour mobile. Et pour le mobile, nous avons le menu de navigation, si nous appuyons sur ce bouton en haut à droite. Ce que nous voulons faire maintenant, c'est changer le menu de navigation. Faisons donc en sorte que le menu de navigation corresponde à celui de notre site Web. Clôturons donc cet aperçu. Nous pouvons modifier le menu de navigation en appuyant sur les notes ici. Donc, pour cette section, apprenez auprès d'experts. Je vais le copier et le coller pour le titre de page des notes. Cela fera donc désormais partie du menu de navigation. Passons donc à cette autre page où j'affiche les projets. Et dans les notes, nommons cette page « projets ». Passons maintenant à la page suivante, car elle contient des informations sur le cours et la chaîne YouTube. Nous pourrions également l'appeler contenu ou cours. Mais pour cela, appelons-le contact. Et maintenant, si nous cliquons sur la première page, elle indique Accueil, et laissons celle-ci à la maison. OK, fermons les notes. Et maintenant, cliquons sur le bouton de prévisualisation. Passons à la vue de bureau, et vous pouvez voir que le menu de navigation correspond à nos pages. D'accord, il s'agit donc d'un moyen très rapide de créer un site Web dans Canva Canvas Website Builder est assez basique, mais si vous souhaitez créer un site Web de base, cela peut être très utile. Comme je l'ai dit, si vous souhaitez créer quelque chose de plus complexe, vous pouvez utiliser Wordpress ou un autre constructeur de site Web doté de plus de fonctions et de fonctionnalités. Mais pour un site web comme celui que j'ai conçu ici, je pense que Canva peut être formidable OK, c'est donc la fin de cette vidéo. Nous avons envisagé de créer ce site Web. J'espère donc que cette section vous a été utile, et je vous verrai dans la prochaine. 10. Publier votre site Web sur Canva et lier un domaine personnalisé: Dans cette leçon, nous verrons comment publier un site Web à l'aide de Canva gratuitement, ainsi que comment le publier avec une URL personnalisée ou via Go Daddy et Canva Bien, voyons maintenant comment publier notre site Web Canva Je vais donc vous montrer comment publier votre site Web qui utilise un domaine Canva, et je vais vous montrer comment utiliser un domaine personnalisé que nous allons associer à Go Si vous souhaitez utiliser le domaine personnalisé, celui-ci n'est disponible que pour les utilisateurs de Canva Pro OK, alors tout d'abord, je vais vous montrer l'autoroute. Je vais donc publier ce design ici avec une autoroute, qui utilise un domaine Canva Donc, tout ce que nous avons à faire est de publier le site Web ici en haut à droite, et je recommande de vérifier le redimensionnement sur mobile Et pour cela, je vais également inclure la barre de navigation. Ensuite, pour l'URL du site Web, saisissez le nom de votre site Web. Comme je l'ai dit, il s' agira d'une URL Canva, donc ce sera ce que vous saisirez dans le site herem point canva Vous ne pouvez donc rien choisir, certaines choses seront prises. Par exemple, si je tape MMF, vous pouvez voir que cette URL n' est pas disponible Mais pour taper dans le média Made Fun, vous pouvez voir qu'il est disponible. Alors n'oubliez pas que c'est Media Made Fun, point my point cava point sit Cliquons donc sur le site Web publié maintenant. Et le chargement peut prendre quelques instants . Et c'est parti. Il indique que notre site Web est maintenant en ligne. Nous pouvons donc le copier-coller. Et vous pouvez voir que c'est en direct. Et vous pouvez également cliquer sur Afficher le site Web ici, pour accéder à notre site Web dotm point cava point OK, fermons ceci pour le moment et laissez-moi vous montrer comment lier ce prochain design à un nom de domaine GoDaddy Voici donc l'autre design. Et pour celui-ci, je vais le lier à mon domaine GoDaddy Si vous n'avez pas de domaine personnalisé, cela ne sera pas pertinent. Et cette méthode suivante n'est disponible que pour les utilisateurs de Cava Pro J'ai donc mon site Godaddy ici, et sous Demins, vous pouvez voir que mon domaine OK, alors passons maintenant à un site Web publié. Maintenant, sous URL du site Web, cliquez sur le bouton Modifier ici. Nous allons maintenant cliquer sur Obtenir un nouveau domaine. Nous pouvons donc cliquer dessus pour utiliser notre propre domaine ou nous pouvons acheter un nouveau domaine. Pour cela, cependant, nous allons utiliser notre propre domaine. Et comme vous pouvez le voir ici, nous avons cette icône en forme de couronne, qui signifie qu'elle n'est disponible que pour les utilisateurs de Canva Pro Comme nous utilisons Canva Pro, sélectionnons-le et cliquons sur Continuer Nous pouvons donc entrer ici notre domaine. Souvenez-vous que sur Go Daddy, c'était mediamdfun.com. Donc, copions-le et collons-le ici. Maintenant, cliquons sur Continuer, et maintenant nous devons nous connecter à Go Daddy. Nous allons maintenant cliquer sur Connexion et Connexion automatique. Et maintenant, il est écrit de connecter tomdimadefun.com et de modifier les enregistrements DNS de votre domaine Pour cela, je vais cliquer sur Connecter. OK, alors maintenant c'est écrit mediumadefun.com. Il s'agit désormais de votre domaine Canva. Alors cliquons maintenant sur Fermer, et notre domaine est en train Donc, il est dit ici que cela se fait généralement en 20 minutes, mais cela peut prendre jusqu'à 72 heures dans certains cas. Nous recevrons également un e-mail lorsque ce sera fait. OK, cliquons maintenant sur le domaine de Hughes. Et maintenant, nous pouvons aller sur cette flèche déroulante ici, et nous pouvons choisir notre domaine gratuit, ou nous pouvons choisir notre domaine personnalisé ici. Pour cela, je vais choisir notre domaine personnalisé. Nous pouvons également inclure un sous-chemin si vous le souhaitez, et un sous-chemin fait partie de l'URL qui suit le domaine principal, généralement utilisé pour organiser le contenu du site Web Par exemple, medmadfun.com slash Blog. Mais pour cela, je vais laisser ce champ vide. Nous avons également ici certains paramètres qui nous permettent de décrire notre site Web. J'ai donc simplement dit : Faisons en sorte que les médias d'apprentissage soient amusants. OK, maintenant cliquons sur Publier le site Web. Et cela prendra quelques instants à charger. Il est donc dit que votre site Web sera bientôt en ligne. Nous pouvons donc cliquer ici pour prévisualiser le site Web. Vous pouvez voir ici que ce n'est pas l'URL de media made fun. Il se peut que nous devions attendre que ce soit en ligne. Copions-le donc sur cette URL et collons-le dans un nouvel onglet. Et vous pouvez voir que ce n'est pas encore prêt. Nous devons donc tous attendre que cela soit en ligne. OK, cela fait maintenant environ 12 heures, et vous pouvez voir que notre site Web est en ligne. Une chose à mentionner est que le nom de votre site Web dans un onglet ci-dessus sera en fait le même que le titre de votre projet Canva Assurez-vous donc de nommer votre projet Canva en conséquence. Si vous n'avez pas le nom correct, vous pouvez toujours modifier votre design, puis republier votre site Web, sera mis à jour en tant que nom de votre site Web D'accord, c'est ainsi que vous pouvez publier votre site Web en utilisant le site gratuit my point cava point, et également en liant votre site Web Cava à votre domaine Go Dadi personnalisé J'espère donc que vous avez trouvé cette vidéo utile, et je vais voir la suivante. 11. Créez une page d'inscription Mailchimp et faites-la un lien vers votre site Web Canva: Bien, dans cette leçon, nous allons voir comment lier Mel Chimp à votre site Web Canva pour capturer clients. Alors, qu'est-ce que Melhim ? Melchim est une plateforme marketing principalement conçue pour le marketing par e-mail Il aide les particuliers et les entreprises à envoyer des e-mails à leur public et à suivre les performances. Populaire auprès des petites et moyennes entreprises. Il inclut également des fonctionnalités telles que la création de pages de destination. Dans cette vidéo, je vais vous montrer comment lier Mailchimp à votre site Web Cava pour capturer Avec la bonne configuration, vous pouvez créer une liste d'e-mails pour promouvoir vos produits ou services et maintenir communication directe avec votre public. Bien, je vais maintenant vous montrer comment créer un formulaire d'inscription sur Mailchimp, puis le lier à votre site Web Canva Donc, en ce moment, je suis onmilchip.com, et je me suis inscrit au plan gratuit La version payante de Mailchimp offre davantage de fonctionnalités, mais configurons-le en utilisant simplement le plan gratuit Mailchimp, vous devez donc configurer une audience, et il s'agit d'une liste d'adresses e-mail et de noms de personnes qui souhaitent rejoindre votre liste de diffusion Donc, une fois que vous avez configuré une audience, passez à SignupFMS Nous allons maintenant cliquer sur Créer un nouveau formulaire. Ainsi, un formulaire d'inscription permet aux clients de saisir leur adresse e-mail ainsi que leur nom, puis celui-ci sera automatiquement ajouté à votre public. Nous en avons donc quelques types différents ici. La plus simple est une page d'accueil pour l' inscription. Cela créera donc une page de destination, que nous pourrons ensuite lier à notre site Web Canva Alors, cliquons dessus. Je vais donc appeler ce média inscription amusante, puis cliquer sur Continuer vers Builder Ensuite, nous avons différents modèles ici. Mais pour faire simple, je vais cliquer sur celui-ci, qui va agrandir votre liste. Mais si vous le souhaitez, vous pouvez choisir l'un de ces modèles ici. C'est peut-être un peu plus élégant, mais pour faire simple, utilisons celui-ci ici. OK, nous pouvons maintenant personnaliser ce formulaire d'inscription. Nous pouvons faire glisser le pointeur sur les zones de texte de cette façon. Et nous pouvons également faire glisser le pointeur sur la zone d'image et ajouter des images si vous le souhaitez. Si vous passez la souris sur la case, nous pouvons cliquer sur ces quatre flèches ici, et nous pouvons les faire glisser pour réorganiser ou nous pouvons cliquer sur l'icône de la corbeille ici pour Pour cet exemple, supprimons-le. En fait, je vais ajouter un logo ici. Ainsi, lorsque les gens cliqueront sur ce lien, ils sauront qu'il fait partie d'un média amusant puisqu'ils pourront voir notre logo. Cliquons sur l'icône Modifier ici, puis sur Télécharger le logo. Puis cliquez sur Upload. Et voici mon logo sous forme de fichier PNG. Maintenant, nous allons cliquer sur Ouvrir, et cela téléchargera ce logo. C'est évidemment trop grand, mais nous pouvons ajuster la taille ici. Mais je vais l'avoir à peu près de cette taille. Ensuite, nous pouvons cliquer sur Enregistrer et fermer. Je vais simplement supprimer cette zone de texte que j'ai ajoutée précédemment Cliquons donc sur l' icône de la corbeille, puis sur Supprimer. Maintenant, je vais ajouter un titre ici. Je vais donc m'inscrire à notre liste de diffusion, puis cliquer sur Enregistrer et fermer. Ensuite, nous allons ajouter quelques informations supplémentaires ici. Cliquons donc sur cette icône en forme de crayon ici pour modifier cette zone de texte. J'ai donc inscrit ici votre nom et votre adresse e-mail pour qu'ils soient ajoutés à notre liste de diffusion où vous recevrez des e-mails sur nos dernières nouvelles et offres. OK, alors je vais collecter des sauvegardes et fermer. Et pour cela, je souhaite en fait ajouter le nom ainsi que l'adresse e-mail. Cliquons donc sur ce bouton Modifier ici. Et vous pouvez voir ici que nous avons ces cases à cocher pour le prénom et le nom de famille Je pense donc qu'il est important de saisir le nom ou au moins le prénom, puis vous pouvez toujours ajouter leur nom dans l'adresse e-mail pour le rendre plus personnel. D'accord, c'est un formulaire d'inscription très simple, mais je pense que pour cet exemple, c'est bon. Cliquons donc sur Enregistrer et fermer, puis sur Enregistrer et fermer à nouveau. Ensuite, nous avons la page suivante ici, et vous pouvez voir ici, sous Audience et tags que les contacts seront ajoutés à Media Made Fun, c' est-à-dire une audience ou une liste que j'ai configurée précédemment. Lorsque la personne saisit son adresse e-mail et son nom, un message de confirmation s'affiche également. Nous pouvons cliquer sur Modifier le design ici pour modifier le message de confirmation. Vous pouvez donc voir maintenant qu'il s' agit du même formulaire d'inscription, mais si vous cliquez sur le bouton Modifier ici, nous pouvons voir que c'est écrit ici Une fois le formulaire soumis, envoyez aux visiteurs un message de confirmation. Ensuite, nous pouvons mettre à jour notre message de confirmation ici si nous le souhaitons. Je pense que celui par défaut est bien. Vous pouvez toujours le modifier si vous le souhaitez. Nous pouvons également cliquer sur Afficher message de confirmation pour le voir ici. OK, tout va bien. Et cliquons sur Enregistrer les vêtements. Et maintenant je vais publier ce formulaire d'inscription. Cliquons donc sur Publier ici. Et puis vous pouvez voir ici que nous avons notre URL. Faisons donc un clic droit dessus et passons à Copier. Revenons maintenant à notre page Canva. Nous avons donc déjà publié ce site Web, mais si nous modifions ce design, nous devrons le publier à nouveau, ce qui est très bien. Cliquons donc sur Modifier le design. Nous allons donc ajouter une nouvelle page maintenant. Cliquons donc sur ce bouton ici, pour ajouter une page. Et c'est un peu grand, alors redimensionnons-le. Ensuite, je vais ajouter une zone de texte cliquable dans laquelle les utilisateurs seront redirigés vers notre formulaire d'inscription Donc, dans les éléments, ajoutons une forme. Choisissons celui-ci ici. Et maintenant, dans le texte, ajoutons une zone de texte. Alors j'ai juste tapé. Cliquez ici pour vous inscrire à notre liste d'envoi. Sélectionnons l'ensemble du texte ici et changeons la couleur. Maintenant, changeons-le en blanc , puis faisons-le glisser vers le haut pour que vous puissiez voir ce texte. Je vais maintenant cliquer sur cette zone de texte ici, puis sur Dupliquer Et je vais taper Inscrivez-vous à notre liste de diffusion pour recevoir les dernières nouvelles et offres. OK, mettons-le au centre, et faisons simplement glisser le pointeur sur les deux pour le déplacer vers le bas. Rendons-le un peu plus petit, sélectionnons tout ce texte ici et changeons la couleur pour qu' il ressorte un peu plus. Choisissons simplement le noir pour cet exemple. Maintenant, faisons un clic droit sur cette forme ici, et passons à Link. Maintenant, je vais coller l'URL du formulaire d'inscription du chimpanzé mâle. OK, alors cliquons sur OK. Puis appuyez à nouveau sur un. Faisons de même pour le texte. Faisons donc un clic droit dessus, puis allons Lien, puis collons notre URL ici, appuyons sur OK, puis appuyons à nouveau sur un. Je ne veux pas non plus que cela soit souligné, alors soulignons-le et décochons On D Line Ensuite, je vous recommande de le prévisualiser pour vous assurer qu'il fonctionne. Et maintenant, passons à ce bouton et à ce texte, puis cliquons dessus. Et vous remarquerez qu'il sera envoyé sur notre formulaire d'inscription. Mais juste pour cet exemple, j'ai ajouté mon adresse e-mail et mon nom. OK, maintenant, cliquons sur S'abonner. Et vous pouvez voir que maintenant c'est synonyme de succès, vous avez été ajouté au public. Et maintenant, si nous revenons à Mailchimp et à la rubrique audience, vous pouvez voir ici mon adresse e-mail et mon nom ont été ajoutés Ainsi, une fois que quelqu'un a ajouté son adresse e-mail et soumis le formulaire d'inscription, il sera ajouté à une audience Mailchimp Revenons donc à Canva maintenant, et publions à nouveau ce site Web. Cliquons donc sur le site Web publié ici. Et maintenant, cliquons sur le site Web republié. Encore une fois, cela peut prendre quelques instants. OK, alors maintenant copions notre URL ici et collons-la dans un nouvel onglet. Vous pouvez donc voir ici que nous avons notre lien qui mène à notre formulaire d'inscription. OK, c'est ainsi que vous pouvez lier Mel hintwv Canva pour vous aider à capturer les e-mails de vos clients Merci donc beaucoup d'avoir regardé cette vidéo. J'espère que vous l'avez trouvé utile, et je vous verrai dans le prochain. 12. Merci et à revoir + Projet de cours: OK, nous sommes donc arrivés à la fin de ce cours. Merci beaucoup de votre attention, et j'espère que vous l'avez trouvée utile. Pour votre projet de classe, j'aimerais que vous conceviez votre propre site Web dans Canva Je veux ensuite que vous preniez des captures d'écran de votre site Web, puis que vous écriviez un court paragraphe sur la façon dont vous l'avez créé et pourquoi. Publiez-le ensuite en tant que projet de classe afin que je puisse consulter votre site Web et en savoir plus sur votre processus de création. Merci encore d'avoir regardé et, espérons-le, d'avoir assisté à un autre cours.