Conception de sites Web à l'aide de Canva : Apprenez à concevoir un site Web en moins d'une heure

1. Introduction: Salut, tout le monde, bienvenue sur mon site Web de conception utilisant les codes Amba. Et dans ce cours, je vais vous apprendre à concevoir sites Web sans écrire une seule ligne de code. Oui, vous pouvez concevoir des sites Web, en particulier des sites Web plus simples à l'aide d'outils tels que l'ABA, qui ne vous obligent pas à écrire une seule ligne de code. Et dans ce cours, vous apprendrez à concevoir sites Web tels que des sites Web personnels ou même à stocker des fonds. Et vous le ferez sans écrire une seule ligne de code. Dans ce cours, vous apprendrez à créer différentes pages Web et à concevoir le site Web d' entretien avec les utilisateurs, tout en rendant votre site Web attrayant pour les visiteurs de votre site Web. Vous apprendrez également comment ajouter navigation entre les pages Web afin que les personnes qui visitent vos sites Web puissent passer d'une partie de votre site Web à autre entre les pages Web d'une section à l'autre. Vous apprendrez également comment ajouter des logos et des formulaires d'abonnement à vos pages Web. Et par formulaires d'abonnement, j'entends les formulaires utilisés pour collecter des adresses e-mail. Je vais vous montrer comment intégrer les formulaires Google à votre site Web. Vous apprendrez également comment ajouter des liens externes à votre site Web. liens externes peuvent rediriger les visiteurs vers votre site Web, votre vitrine, votre boutique Amazon ou votre boutique Facebook, ou vers un autre endroit où vous avez stocké du contenu, et je vais vous montrer comment ajouter ces liens à votre site Web. Et en gros, ce cours vous apprendra à créer plusieurs pages Web, à les combiner dans votre site Web et à organiser votre contenu de manière à ce que votre site Web soit attrayant pour les visiteurs de votre site Web. Vous maîtriserez les principes de conception Web, ce qui vous permettra de faire en sorte votre site Web se démarque et devienne attractif. Et à la fin de ce cours, vous serez en mesure de créer des sites Web rapidement et efficacement à l'aide d' outils simples tels que Canva Et vous bénéficierez également de l'utilisation de CanVA, car Canva vous aidera à gagner du temps et possède une interface conviviale qui vous permettra de créer de superbes Donc, avant de conclure, je vous conseille faire passer votre présence en ligne au niveau supérieur et de faire passer vos compétences en conception de sites Web au niveau supérieur en utilisant ce cours, et allons-y et apprenons 2. Accéder à Canva: Bonjour à tous, bienvenue à une nouvelle conférence sur le cours de conception de sites Web à l'aide de Canva, et dans la conférence d'aujourd'hui, je vais vous montrer comment accéder à Canva Et pour ce faire. Vous devez aller sur Google, puis rechercher Canva, CA N VA. Cliquez sur Enter et le premier résultat de recherche que vous obtenez est Canva C'est un outil très populaire. Il est utilisé pour de nombreuses choses différentes notamment la conception graphique, conception de couvertures de livres, etc. Vous pouvez également l'utiliser pour le site Web, l'interface utilisateur et la conception de l'expérience utilisateur. Alors allez-y, inscrivez-vous ou connectez-vous si vous avez déjà un compte, et pour vous inscrire, vous pouvez vous connecter via Google, Facebook, e-mail ou vous pouvez vous inscrire avec votre e-mail. Allez-y, faites-le et lors de la prochaine conférence, je vous montrerai en quoi consiste Canva. Merci beaucoup. 3. Procédure pas à pas Canva: Salut, tout le monde. Bienvenue dans une nouvelle conférence sur le cours conception de sites Web à l'aide de Canva Et aujourd'hui, je vais vous faire découvrir l'écosystème Canva Donc, comme vous pouvez le voir, vous avez la page de destination de Canva, et vous avez différentes options pour différents types de designs Vous pouvez concevoir des documents, des tableaux blancs, des présentations , des réseaux sociaux, des vidéos, des sites Web de produits imprimés , etc. Sur le côté gauche, vous avez un menu où l' accueil est accueil est la page d'accueil que vous voyez actuellement, puis vous pouvez accéder à vos projets en cliquant sur les projets, tous vos anciens projets. Vous pouvez y accéder en cliquant sur projets. Ensuite, vous pouvez cliquer sur les modèles, et Canva vous recommandera des modèles pour différents types de conceptions graphiques ou différents types d'éléments, tels que pour les entreprises, pour les réseaux sociaux, pour vidéos à des fins de marketing, les cartes d'impression personnalisées, les invitations pédagogiques Donc, pour les entreprises, vous avez une tonne de modèles, notamment des cartes de visite, tableaux blancs, des présentations, des documents, des entreprises, et vous avez une tonne de modèles différents pour les publications sur les réseaux sociaux, y compris les publications sur Facebook, les publications Instagram, etc. Et puis vous avez également des modèles pour d'autres choses, telles que la vidéo, le marketing , les impressions personnalisées, etc. Canva propose donc de nombreuses options pour concevoir différentes sortes de choses et d'éléments, ce qui englobe une variété de domaines tels que les réseaux sociaux, la vidéo, les podcasts, etc. Vous pouvez créer de nombreuses couvertures, de nombreuses publications sur les réseaux sociaux à l'aide de Canva Et puis vous avez les applications de Canva, et Canva propose différentes applications La plupart de ces applications sont payantes ou vous avez besoin d'un abonnement Canva pro pour les utiliser. Donc, votre texte en image, qui est un outil d'IA, vos marqueurs, votre DID, vos présentateurs, etc. Je vais donc vous laisser déterminer les différents types d' applications que vous pouvez utiliser Canva Et ici, vous avez la barre de recherche. Et dans la barre de recherche, nous allons taper sites Web et Canva, puis cliquer sur les modèles, et Canva me donnera une liste d'options dans lesquelles je vais cliquer sur les sites Web, et Canva va maintenant recommander certains modèles de Par exemple, ici, vous avez le design noir et simple. Vous avez le design jaune et coloré. Vous avez le design simple en noir et blanc, nous avons un tas de modèles différents, et vous pouvez utiliser l'un de ces modèles comme base pour votre site Web. Choisissons donc un modèle simple. Et disons que nous allons concevoir un site Web pour un auteur. Une auteure vend donc des livres sur Amazon, et elle a un site Web qui contient des informations sur elle et où vous pouvez trouver son livre, un site Web très simple disons deux ou trois pages Web. Cliquons donc sur Black Simple. Ensuite, cliquez sur Personnaliser ce modèle. Et comme vous pouvez le voir maintenant, vous avez le modèle juste ici , dans l'espace de travail. Et si vous souhaitez modifier votre modèle, vous pouvez le faire en accédant aux modèles ici, l'endroit où mon curseur passe le curseur, et vous pouvez faire défiler les différents modèles, et vous pouvez en sélectionner un qui vous convient. Et comme vous pouvez le constater dans l'espace de travail, vous avez la possibilité d'ajouter des pages. Je vais cliquer sur les pages et vous aurez une nouvelle page ici. Il s'agit d'un site Web défilant, n'oubliez pas. Et vous pouvez ajouter des notes, vous pouvez enregistrer des pages et vous pouvez supprimer la page. Par exemple, si je veux hacher la deuxième page que j'ai générée, je vais cliquer sur l'option Corbeille Sur le côté gauche, ici, vous avez une barre d'outils, et une barre d'outils avec certaines options. Par exemple, vous avez l'option de conception ici dans la barre d'outils sur le côté gauche. Tu as les éléments. Sous éléments, vous avez différents éléments tels que des rasages, des boutons, des graphismes, des autocollants, des photos, des vidéos, tout ce que vous devez ajouter à votre design Si vous souhaitez ajouter des photos de la bibliothèque Camba à votre design, vous pouvez sélectionner des photos et ajouter des photos Vous pouvez faire de même pour les vidéos. Ensuite, vous avez l' option de texte dans la barre d'outils, qui est utilisée pour ajouter une zone de texte ou du texte à votre conception. Ensuite, vous avez l' option de téléchargement ici et vous pouvez télécharger une image à l'aide de Canva Et vous avez l' option de dessin, vous avez des crayons, des gommes à effacer et des stylos à croquis ici, et vous pouvez dessiner des objets directement sur Je ne veux pas dessiner, alors je vais appuyer sur Annuler, puis vous pourrez jeter un œil aux différents projets sur lesquels vous travaillez ici. Et encore une fois, vous avez une option pour les applications, et vous pouvez jeter un œil aux différentes applications dont vous disposez. Et les applications sont classées en quelques catégories telles que les graphiques, photos, les vidéos de traduction, l' arrière-plan, etc. Par exemple, si vous cliquez sur des photos, vous pouvez voir ici que vous avez différentes photos pour la nourriture, l'argent, Moon Beach, White Flower, tout ce que vous voulez. Vous pouvez donc utiliser ces options sur le côté gauche pour parcourir les différentes options Canva doit inclure dans votre design Cela étant dit, je vais terminer cette conférence maintenant . Vous avez une idée de base de ce à quoi ressemble Canva et de la façon dont vous pouvez naviguer dans Canva Ensuite, lors de la prochaine conférence, je vais commencer à concevoir le site Web. Il y a donc de bonnes choses à venir. Merci beaucoup. 4. Créer une interface utilisateur de site Web à l'aide de Canva: Bonjour à tous, bienvenue à une nouvelle conférence sur la conception de sites Web à l' aide de Canva Post Et aujourd'hui, nous allons voir comment nous pouvons réellement personnaliser et modifier un site Web et créer un site Web qui ne soit pas nul Ainsi, en utilisant Canva, vous pouvez modifier de nombreuses choses et personnaliser le modèle que vous avez choisi Il est toujours bon de choisir un modèle, car vous partez de quelque chose au lieu de partir de zéro. Nous avons donc un modèle ici, et je souhaite créer un site Web pour un auteur, et le site Web comportera une biographie et un bouton permettant aux visiteurs de ce site Web d'accéder à la page Amazon de l'auteur ou au livre de l'auteur sur Amazon. C'est tout ce que le site Web contiendra une biographie et un lien permettant aux clients actuels ou potentiels d'accéder à la page Amazon de l'auteur. Maintenant, la première chose que je vais faire est de changer le nom juste ici. Je vais changer le nom ici parce que le site Web que Canva va créer prendra le nom du nom de ce projet, et je vais le nommer Disons, l'auteur de Suzanne. Je vais donner au site le nom d'auteur Suzanne. Et ce projet sera également nommé Auteur Suzanne. Il est toujours recommandé de le faire à l'avance afin que, lorsque vous générez le site Web, celui-ci soit nommé comme vous le souhaitez. J'ai donc changé le nom, et maintenant je vais changer le fond. Comme vous pouvez le voir ici, nous avons un fond noir. Et je n'aime pas le fond noir. Je vais donc cliquer une fois sur l'arrière-plan, et ici en haut, vous avez la possibilité de changer la couleur de fond. Vous avez la possibilité d'animer. Vous avez la possibilité de modifier la position de l' élément sur lequel vous cliquez. Sur votre page Web. Je vais cliquer sur la couleur de fond. Et ce que je vais faire, c'est descendre dans cette section de dégradé et appliquer un dégradé bleuté au site Web Et ça a l'air bien mieux. Et n'oubliez pas que le bleu est la couleur préférée de la plupart des gens. Donc, si vous concevez un produit, essayez d'intégrer le bleu, car cela attire les gens. Maintenant que nous avons changé la couleur du site Web, je voudrais changer cette image. Je veux utiliser une autre photo. Maintenant, il y a deux façons de le faire. Tout d'abord, allez aux éléments. Ensuite, allez sur les photos ici et cliquez sur les photos. Et vous recevrez un tas de recommandations de photos, proviennent de la bibliothèque Canvas, ou vous pouvez utiliser la barre de surtension ici ou la barre de surtension juste ici. Et je veux une photo d'une femme en train de lire. Voyons quel genre de photos Canva propose. Et certaines photos appartiennent à la bibliothèque Pro ou plutôt à la bibliothèque, qui est Pay Word et vous devez payer l'abonnement pro pour accéder à cette bibliothèque en particulier. Au lieu d'utiliser l'une des photos libres de droits de Canvas , utilisons l'une des nôtres. Utilisons une photo sur mesure, car n'oubliez pas que nous créons un site Web pour un auteur, sorte que le visage de l'auteur sa ressemblance ou son image doivent figurer sur le Ici, j'ai mis en ligne l'image d'une femme en train de méditer. Je vais cliquer dessus et le glisser-déposer là où se trouve l'image, ou je peux cliquer dessus une fois, et cela sera ajouté à la page Web. Mais ce que je vais faire, c'est cliquer et le déposer ici. Voici la photo que je vais utiliser. Vous pouvez également télécharger une image de vidéo, cliquez sur télécharger une image de vidéo, et vous pouvez sélectionner l' image que vous souhaitez. Disons que je veux utiliser une image, une image aléatoire d' une personne faisant un burki Je le sélectionnerai et Canva le téléchargera sur la plateforme. Mais je vais m'en tenir à l'image de la femme qui médite parce que c'est beau Maintenant, ce que nous pouvons faire, c'est modifier le texte juste ici. Cliquez une fois sur le texte. Placez votre curseur sur le texte et cliquez dessus une fois Tu peux double-cliquer dessus, et je vais changer le deuxième texte me concernant. A devient une histoire de moi. Je souhaite modifier la police de caractères. Je vais aller juste en haut et je vais sélectionner une autre police. Sélectionnons Arch go black car il a un joli look audacieux. Et cela prend un peu de temps. Je vais donc faire autre chose. Ce que je vais faire, c'est déplacer légèrement cette case, puis je vais revenir à la sélection de police et sélectionner Archivo black Cela prend un peu trop de temps, mais tu comprends le point. Vous pouvez sélectionner la police ici. Ce que je vais faire, c'est mettre le texte en gras. Et comme je vous l'ai déjà montré, vous pouvez déplacer le texte comme ceci. Tu peux le rendre audacieux. Vous pouvez augmenter la taille de police. Augmentons la taille de police à 4 en utilisant cette option particulière dans la barre d'outils, et vous pouvez la dimensionner ou la mettre en italique Vous pouvez passer en majuscules, vous pouvez souligner en cliquant sur Souligner Vous pouvez modifier l'alignement pour qu' centré à gauche ou à droite, gardons-le à gauche. Vous pouvez ajouter des puces, peu comme ça, et vous pouvez modifier le rythme des lettres. Et je vais supprimer les puces parce que ça a l'air horrible avec les puces. Et j'ai supprimé les puces. Je vais augmenter la longueur de la boîte pour que tout le texte qui me concerne se trouve sur une seule ligne. Ensuite, je vais passer à l'espacement et réduire légèrement l'espacement des lettres Regardons à nouveau ce qui m'intéresse. Supposons que je veuille réduire un peu plus l'espacement des lettres et que je vais augmenter l'interligne C'est ainsi que nous avons édité le texte ici. Maintenant, que pouvons-nous faire d'autre ? Nous pouvons animer le texte Nous pouvons donc faire monter le texte. Nous pouvons faire en sorte que le texte soit intégré. Nous pouvons faire en sorte que le texte s'estompe, le faire ressortir, le faire dériver, ou nous pouvons choisir la meilleure option, qui est de ne pas l'animer Cliquons donc sur Supprimer l' animation car il s'agit d'un site Web. Il s'agit de la page d'accueil de notre site Web, vous n'avez donc pas besoin d'animation. Mais nous pouvons également faire d'autres choses. Nous pouvons sélectionner la zone de texte contenant le texte à propos de moi, passer en position et placer le texte en haut au milieu , en bas de gauche à droite. Vous pouvez modifier la position du texte. Vous pouvez également modifier la largeur du texte ici. Je vais le remettre là où il était, puis je vais aller la deuxième zone de texte et taper des livres, et vous pouvez également modifier le formatage pour cela. Je vais supprimer certaines zones de texte. Parce que je n'en ai pas besoin. Je vais supprimer la zone de texte de contact pour. Nous avons deux pages pour ce site Web. L'une est la section à propos de moi et l'autre est la section livre, qui contiendra les liens vers le livre. Maintenant, je vais ajouter une nouvelle zone de texte. Ajoutons un sous-titre. Déplaçons-le en dessous des livres. Augmentons la taille du texte. Et ici, nous avons un texte d'abonnement ou d'abonnement juste ici. Cela redirigera les utilisateurs vers cette page d'abonnement où pourront s'abonner à votre liste de diffusion s'ils le souhaitent. Alignons-le correctement. Supprimez le soulignement du texte à propos de moi. Supprimons également le gras et le soulignement. Vous pouvez accéder au reste de l'outil en utilisant ces trois points noirs qui suppriment le soulignement. Nous avons maintenant la page d'accueil d'un site Web. Mais ces options de menu ne me semblent pas bonnes, et je vais vous expliquer pourquoi, car elles ne ressemblent pas à des boutons ou ne se démarquent pas du tout. Ce que je vais faire, c'est ajouter des formes, et ce que je vais faire, c'est aller dans la barre de recherche et rechercher un carré ou un rectangle. Comme vous pouvez le voir, une forme de rectangle est apparue, vous pouvez également utiliser l'option de menu ici et sélectionner des formes. Ce que je vais faire maintenant, c'est changer la dimension de la boîte, et maintenant, comme vous pouvez le voir, vous avez le texte à propos de moi directement sur cette boîte. Ça a l'air sympa. Je vais chercher à nouveau le rectangle et je vais faire les deux mêmes livres. ne sont donc pas symétriques, mais vous comprenez le point. Vous pouvez donc ajouter des zones de texte comme arrière-plans au texte. Et je vais ajouter un autre rectangle. Pour l'abonnement. Option. C'est ça. J'en ai fini avec la page de destination. Cela semble très basique, mais c'est ainsi que vous pouvez ajouter différents éléments à votre page Web de destination. Je vais maintenant ajouter une page. Ce que je vais faire ici, passer au texte et ajouter un titre. Et je vais tirer le titre vers le haut et ce sera la section à propos de moi. Ce que nous allons faire, c'est ajouter une zone de texte directement sur cette page, augmenter la longueur de la zone de texte Et ajoutez des textes. Je suis auteur de fantasy. Disons que cet auteur en particulier est un auteur de fantasy, et j'écris des livres, et j'écris des livres. Des livres sur un monde appelé Zeno. Ce sont juste des trucs que j'ai inventés au hasard en ce moment. Vous pouvez modifier la taille de police. Vous pouvez modifier la police, changer la couleur du texte, sélectionner d'autres couleurs. Accédez au sélecteur de couleur juste en haut et mettez-le en orange Cela ne semble pas beau, mais vous avez une autre page, et ceci est juste pour montrer comment vous pouvez créer le site Web et modifier la position du texte. Milieu central gauche-droite. Vous pouvez animer le texte comme je l'ai montré précédemment, et vous pouvez ajouter un effet Je vais donc ajouter un effet au texte. Et vous pouvez ajouter une ombre, vous pouvez ajouter un contour en relief, en creux ou en épissure Vous devrez peut-être essayer différents effets pour voir ce qui correspond à vos besoins. Je vais utiliser du néon parce que j'adore le texte au néon, surtout quand j'ai quelque chose de jaune sur une page Web Maintenant, comme vous le voyez, l'effet néon a été ajouté au texte Je vais augmenter un peu l' intensité de l'effet néon pour le faire briller et vraiment le faire ressortir. Nous avons une page à propos de moi. Ajoutons une autre page. Ajoutons une zone de texte et ajoutons un titre. Le titre ira directement en haut, ou cliquons sur le titre, cliquons sur la position. Et allons-y jusqu'au sommet. Parfait Je vais appeler ça des livres. Dans le paragraphe, augmentons d' abord la longueur de la zone de texte Ensuite, vous pouvez acheter mes livres en cliquant sur le bouton suivant. Ça aussi, je vais changer la taille qu'elle soit parfaite. Alors je vais faire preuve d'audace. Cliquez simplement sur le texte ou double-cliquez sur la zone de texte et sélectionnez le texte entier, et je vais le mettre en gras. Je vais changer de couleur, aller dans le sélecteur de couleur, choisir une couleur jaune Ensuite, je vais passer aux effets et le rendre au néon , en fonction du thème Vous devez être très attentif à l'ajout d'éléments car tout ce que vous ajoutez à votre page Web ou à votre site Web convient à l'ensemble du thème de la page Web. Je vais maintenant ajouter un bouton. Je vais passer aux éléments. Je vais passer aux formes. Et je vais chercher un rectangle. Nous avons donc une forme de rectangle juste ici. Je vais en augmenter la longueur, changer la couleur et le rendre rouge. Je peux le faire en sélectionnant un sélecteur de couleur juste ici Rendez-le rouge. Maintenant, je veux changer un peu la forme. Au lieu d'un carré ou plutôt d'un rectangle aux arêtes vives, je vais en sélectionner un aux bords arrondis. Je vais le redimensionner, et je vais le faire. Ajoutons d'abord une zone de texte. Ajoutez une zone de texte, ou vous pouvez simplement écrire sur cette forme particulière si vous le souhaitez, en cliquant simplement dessus, mais ajoutons une zone de texte Et écrivons, cliquez sur la zone de texte. Nous allons sélectionner le texte. Faisons en sorte que la couleur soit jaune. Passons aux effets et rendons-le au néon pour qu'il brille, puis cliquons sur Double-cliquez sur le texte Encore une fois, cliquez sur le gras pour le mettre en gras, et augmentons la taille de police du texte. Et nous allons placer le texte du clic à droite ou sur le fond rouge. Vous avez maintenant la deuxième page, qui contiendra un lien vers les livres de l'auteur ou le livre sur Amazon. Cliquons à nouveau sur Ajouter une page, ajoutons à nouveau une zone de texte dans un titre. Passez à la position, amenez-la vers le haut. Double-cliquez dessus. Et disons abonnez-vous à celui-ci. Et sur cette page, nous allons ajouter un formulaire que les gens pourront utiliser pour s'abonner à l'auteur. Je vais vous montrer comment procéder dans une prochaine vidéo. Mais avant de terminer, je vais vous montrer une dernière chose. Maintenant, disons que vous voulez que le t soit affiché sous la boîte jaune que vous avez ici. Comment faites-vous cela ? Cliquez sur la zone de texte. Cliquez avec le bouton droit de la souris ou cliquez sur Ctrl, si vous utilisez un Mac. Accédez à la couche et cliquez sur Envoyer au verso envoyer le texte directement au verso. Maintenant, ce texte a été envoyé directement au verso, comme vous pouvez le voir, il n'est plus affiché. Disons maintenant que je veux le remettre au premier plan. Ctrl clic ou clic droit. sur la case juste ici ou sur le texte, selon ce qui vous semble le plus facile d'accès, puis cliquez sur position. Ce que vous pouvez faire, c'est accéder aux couches juste ici, ou vous pouvez les arranger et cliquer sur le devant de la page. Maintenant, si je ramène cette zone de texte là où elle était, comme vous pouvez le voir, elle a été déplacée vers l'avant. Ainsi, vous pouvez le déplacer vers l'arrière ou vers l'arrière. Vous pouvez le déplacer vers l'arrière, vers l'avant ou vers l'avant. Donc, si vous avez plusieurs couches et par couches, je veux dire des couches différentes les unes par rapport aux autres. Vous avez donc une image, vous avez une zone de texte dessus, ou plutôt vous avez une image. Sur l'image, vous avez une forme carrée ou arrondie, et au-dessus de cette forme de rectangle ou de carré, vous avez une zone de texte avec laquelle vous pouvez jouer avec celle qui apparaît en haut et celle qui va vers l'arrière Donc, comme je l'ai dit, vous pouvez cliquer sur la zone de texte ou la forme en arrière-plan Tu peux le mettre à l'avant. Tu peux le mettre à l' arrière, tu peux le mettre en avant, tu peux le mettre en arrière. Si vous cliquez sur mettre au premier plan, il sera placé directement au premier plan. Si vous cliquez sur mettre au dos, il le placera directement au dos. C'est-à-dire que si vous avez trois formes ou plus, si vous cliquez sur retour, l'élément sur lequel vous cliquez placera l'élément sur lequel vous cliquez au dos de ces trois couches ou de ces trois éléments. Et vous pouvez également choisir l'avant ou l'arrière. Si vous choisissez d'avancer, il le proposera. Et si vous choisissez l'envers, cela le placera vers l'arrière, mais pas directement vers l'arrière ou vers l'avant, mais derrière l'élément au-dessus duquel cet élément est debout ou assis, n'est-ce pas ? Par exemple, comme je vous l'ai montré tout à l'heure. C'est donc ce que tu peux faire. Et disons, essayons un peu d'animation. Faisons en sorte qu'il augmente. Et comme vous pouvez le constater, comme je l'ai dit, pour les sites Web, aucune animation n'est la meilleure animation, surtout si vous créez à partir d'un site Web d'auteur, et alignons cela correctement, pour qu'il soit beau et symétrique Et vous avez des chiffres ici, que je ne veux pas. Je vais supprimer ces numéros. Vous pouvez bien l'aligner et vous pouvez tout garder cohérent en ce pouvez tout garder cohérent qui concerne le texte et tout le reste. Et maintenant, dans la prochaine lettre, je vais vous montrer comment lier différentes pages ou ajouter des boutons avec des liens. Donc, pour ce site Web en particulier, comme vous l'avez vu ou remarqué, nous avons conçu un site Web ou une interface utilisateur de site Web très rudimentaire que les internautes verront lorsqu' ils vous rechercheront ou lorsqu' ils visiteront votre site Web Et comme je l'ai dit, vous pouvez ajouter des images, vous pouvez télécharger des images ou vous pouvez ajouter des images déjà présentes sur Canva Imaginons que vous vouliez une autre image. Et ce que nous pouvons faire, c'est utiliser une image en cliquant dessus, et cette image fait partie de la bibliothèque Canva J'utilise une image libre, puis vous pouvez en faire arrière-plan en cliquant et en faisant glisser l'image et en la faisant planer sur l'ensemble page Web. heure actuelle, comme vous pouvez le voir, cette image particulière que j'ai ajoutée est devenue l' arrière-plan de la page Web. Je l'ai fait en cliquant sur l'image, en la faisant glisser et en la faisant survoler toute la page Web Je peux également cliquer dessus une fois et cela ajoutera l'image à la page Web, et je passerai à la section à propos de moi car elle ne contient pas d'image. Ce que je vais faire, c'est supprimer cette image pour le moment, et je vais cliquer à nouveau sur l'image, la faire glisser, la faire survoler toute la page Web, et pour le moment, comme vous pouvez le voir, j'ai une certaine cohérence J'utilise la même image pour toutes les pages Web. Et là, vous avez conçu l'interface utilisateur d'un site Web. C'est très basique, ce que j'ai conçu. Tu peux utiliser un peu plus ta créativité. Vous pouvez ajouter différentes formes, vous pouvez ajouter différents graphiques. Vous pouvez ajouter une animation si vous le souhaitez. Mais c'est essentiellement ainsi que vous concevez l'interface utilisateur à l'aide de Canva Merci beaucoup Je vous verrai lors de la prochaine conférence. 5. Ajouter la navigation à un site Web: Bonjour à tous, bienvenue à une nouvelle conférence. Aujourd'hui, nous allons voir comment nous pouvons ajouter une navigation et des liens vers votre site Web. Donc, par liens, je veux dire que si quelqu' un clique sur un bouton en particulier, disons de moi ici, il devrait être redirigé vers une autre page Web ou quelque chose d'autre sur Internet. Par exemple, si quelqu'un clique sur un livre cliquant sur cette icône en particulier ici, il doit être redirigé vers la librairie ou vers Amazon où le livre est vendu Pour ce faire, nous devons d'abord cliquer sur la zone de texte qui contient le texte. Cliquez dessus une fois, puis contrôlez le clic droit selon que vous utilisez Mac ou Windows, et vous avez cette option ici pour ajouter un lien Cliquez sur le lien. Et vous avez une barre de recherche ici, et maintenant je veux la lier à la page à propos de M. Tout d'abord, permettez-moi de ramener cette zone de texte à l'endroit où elle était, à l'endroit où elle était car elle a été déplacée vers le bas Parfait Cliquez à nouveau dessus. Cliquez sur le bouton Ctrl, cliquez sur, ajoutez un lien. Vous pouvez également le faire en appuyant sur le bouton taupe ici, et vous pouvez ajouter un lien en utilisant le bouton Plus pour, mais le moyen le plus simple est de cliquer avec le bouton droit de la souris sur le bouton droit de la souris, accéder au menu et de cliquer sur le lien. Et ce que vous pouvez faire c'est ajouter un lien vers la deuxième page. Comme vous pouvez le constater, la deuxième page contient la biographie de l'auteur, et je veux que les gens soient redirigés vers cette page lorsqu'ils cliquent sur le lien me concernant. La deuxième page comporte un numéro. Comme vous pouvez le voir, si vous en saisissez une, vous avez la première page. Si vous en saisissez deux, vous obtenez la deuxième page. Si vous en saisissez trois, vous obtenez la troisième page. Si vous en tapez deux, vous avez les quatre pages, et elles sont toutes sans titre à ce moment précis Je vais donc ajouter un lien vers la deuxième page. De. Parfait Et maintenant, cela a été converti en lien. Et que pouvons-nous faire d'autre ? Eh bien, nous pouvons ajouter un lien vers la page Livres. Cliquez sur Lien et cliquez sur trois, et la troisième page est la page du livre, et nous avons ajouté un lien. Et vous pouvez cliquer et vous allez ajouter un lien vers la deuxième page d'abonnement. Accédez au lien, cliquez dessus, cliquez sur quatre, et un lien a été ajouté. Désormais, lorsque les internautes accèdent à la troisième page, qui contient des informations sur les livres, ils devraient pouvoir cliquer sur le lien indiquant « cliquer », et ils devraient pouvoir accéder à la page produit d' Amazon. Maintenant, comme vous pouvez le voir, le formatage des boutons a été légèrement modifié lorsque j'ai ajouté cette image d' arrière-plan particulière. Je vais cliquer sur l'image de fond. Cliquez sur le bouton de contrôle, passez à la couche, et je vais l'envoyer directement à la fin. Comme vous pouvez le constater, le bouton est réapparu. Le bouton rouge avec le texte du clic dessus. Et ce que nous allons faire maintenant , c'est nous rendre sur Amazon. Et je suis sur Amazon, au Royaume-Uni, en ce moment, et je vais aller voir Harry Porter and the Philosophstone. C'est un livre célèbre, beaucoup d' entre vous l'ont peut-être lu. Cliquez sur Harry Potter et la pierre philosophale. Maintenant, allez sur cette icône, qui vous donnera le lien vers cette page en particulier. Cliquez sur le lien Copier dans le menu qui apparaît. Retournez à votre page Web. Maintenant, ce que nous allons faire, c'est cliquer sur la zone de texte qui contient le mot clic Nous allons cliquer avec le bouton droit de la souris ou cliquer sur le bouton Contrôle. Nous allons cliquer sur le lien, et nous allons coller le lien. Et nous allons appuyer sur Entrée, et le lien a été ajouté. Maintenant, je vais prévisualiser le site Web et voir s'il me permet de naviguer. Cliquez sur Aperçu en haut de la page. Vous pouvez désormais prévisualiser le site Web sur une page mobile sous forme de page de texte ou de page mobile Si vous cliquez sur Page mobile, le site Web s'affichera sous forme de page mobile. Si vous cliquez sur la page textop, le site Web s'affichera sous forme de page textop Vous pouvez cliquer sur Wit Navigation pour vérifier si votre navigation fonctionne correctement ou vous pouvez cliquer sur Sans navigation, auquel cas la navigation ne sera pas activée dans cet aperçu. Maintenant, nous avons cliqué sur la navigation, et maintenant je veux voir le site Web en entier, c'est bien Je vais maintenant cliquer sur À propos de moi. Comme vous pouvez le voir, cela m'amène à la page À propos de moi, je vais cliquer sur Livres. Comme vous pouvez le voir, alors que j'accède à la page des livres, je vais cliquer sur m' abonner, comme vous pouvez le voir, cela m'amène à la page d'abonnement. Et maintenant, je vais cliquer sur le bouton ici, qui devrait m'amener sur Amazon. Et voyons si c'est le cas, oui , cela m'a amené sur Amazon. Donc, en gros, si vous avez un livre sur Amazon ou si vous avez boutique de produits ou une page produit sur Facebook, vous pouvez ajouter une navigation à votre site Web telle sorte qu'en cliquant sur le bouton, qui contient le site Web ou dont la page du produit est intégrée en cliquant sur ce bouton, les gens seront redirigés vers votre boutique de produits votre boutique en ligne, votre page Facebook ou votre Instagram page, où que vous vendiez ou exposiez vos produits, essentiellement. C'est ainsi que vous ajoutez la navigation à différents boutons ou à différents textes. Et lorsque vous ajouterez la navigation, cela vous permettra d'accéder à différentes pages externes au site Web. Il s'agit donc d'ajouter de la navigation. Merci beaucoup 6. Ajouter des logos aux sites Web: Bonjour à tous, bienvenue à une nouvelle conférence. Dans la conférence d'aujourd'hui, nous allons voir quelques points supplémentaires sur le site Web, la conception de l'interface utilisateur. J'avais maintenant ajouté une image d'arrière-plan à toutes les pages Web de la conférence précédente. Mais cette image de fond masque l' image de cette femme en train de méditer, qui représente essentiellement l'auteur parce que l'auteur aime probablement méditer Et ce que nous devons faire, c'est mettre en avant cette image particulière de la femme méditant Ce que vous pouvez faire, c'est cliquer sur l'image. Cliquez avec le bouton droit de la souris ou cliquez le bouton droit de la souris. Selon votre système d'exploitation, accédez à Layer et placez-le au premier plan. Comme ça, et maintenant vous avez l'image au recto. Je vais redimensionner cette image. Un peu comme ça. Et vous pouvez également utiliser cette image comme logo. Supposons que l' auteur en question écrive sur la méditation dans un monde imaginaire ou quelque chose du genre. Vous pouvez le convertir en logo si vous le souhaitez. Mais gardons-le comme image d'affichage et ajoutons-y un logo. Passons aux éléments. Cherchons le logo dans la barre Sarge. Vous avez des logos gratuits ici. Cliquons sur l'un d'eux. Cliquez simplement pour que le logo apparaisse dans l'espace Vous pouvez le redimensionner, puis le placer dans le coin supérieur gauche ou autre endroit où votre logo doit être visible là où il se distingue en tant que fonctionnalité d'affichage Par exemple, si vous avez une marque qui vend des boissons gazeuses, vous souhaiterez peut-être que votre logo occupe un espace plus central sur la page Web afin qu'il se démarque. Quoi que vous fassiez, vous devez vous assurer que votre logo se démarque. Maintenant, nous n'utilisons pas de logo original pour celui-ci. Mais ce que nous pouvons faire, c'est supprimer le logo que nous avons, et nous pouvons convertir cette image en logo et la placer juste en haut, sur la gauche, dans le coin supérieur gauche ou dans le coin supérieur droit, comme ceci. Continuons comme ça. Je vais maintenant terminer cette conférence. Vous avez maintenant appris à concevoir l' interface utilisateur d'un site Web. Ensuite, nous allons parler des liens de navigation et de l'expérience utilisateur. Merci beaucoup 7. Ajouter des formulaires à un site Web: Tout le monde, bienvenue à une nouvelle conférence aujourd'hui. Nous allons voir comment ajouter des formulaires à notre site Web. Par exemple, supposons que vous souhaitiez que les gens s'abonnent à votre service, à votre produit ou à votre marque, et que vous ayez besoin d'un formulaire qui puisse être utilisé pour recueillir adresses électroniques, les coordonnées ou les noms des personnes , etc. Et vous pouvez le faire à l'aide de Google Forms. Je vais rechercher Google Forms sur Google. Le premier résultat de recherche est Google Forms. Je vais cliquer sur Accéder aux formulaires et cela me donnera la possibilité créer un formulaire vierge, ou un formulaire de contact, ou de m'inscrire à une soirée, etc. Je vais cliquer sur les informations de contact. Et cela devrait me donner un tout nouveau formulaire comme celui-ci, et vous pourrez y ajouter des questions. Vous pouvez importer des questions, ajouter un titre et une description, ajouter une image, ajouter des vidéos, ou vous pouvez ajouter une section à ce formulaire. Ce que je vais faire, c'est modifier la description du formulaire et l'appeler formulaire d'abonnement. C' est ce que je vais faire. C'est le seul changement que je vais apporter et les gens peuvent saisir leur nom, leur e-mail, leur adresse. Donc, ce que je vais faire, c'est faire adresses non obligatoires ne soient pas un champ obligatoire pour ce formulaire car nous ne voulons pas collecter les adresses des personnes, et la plupart des gens ne vous donneront pas leur adresse parce que c'est un peu risqué si vous le faites en ligne. Et nous avons la possibilité de saisir le numéro de téléphone et les commentaires. Je vais mettre le numéro de téléphone. Je vais placer la section pour le numéro de téléphone sur la section pour les adresses. Donc oui. Vous avez donc un numéro de téléphone comme section non obligatoire, vous avez une adresse comme section non obligatoire, etc., et le nom et l'adresse e-mail sont obligatoires Alors maintenant, je vais cliquer sur Envoyer pour accéder à cette fenêtre, et vous pouvez envoyer ce formulaire aux gens par e-mail. Vous pouvez fournir à Google un ensemble d'adresses e-mail, et le formulaire sera inclus dans cet e-mail en particulier. Et vous pouvez également modifier les options de collecte des adresses e-mail. Le formulaire doit-il donc collecter les adresses e-mail ? Dans ce cas, nous voulons collecter des adresses e-mail car nous voulons que les abonnés puissent être informés de la sortie d'un nouveau livre ou de quelque chose du genre lorsque l'auteur a fini d'écrire un nouveau livre. Je vais donc cliquer sur Responder input. Le formulaire pourra donc collecter des adresses e-mail. Vous pouvez cliquer sur Dot collect ou Verified. Je vais cliquer sur Responder input. Ensuite, je vais passer à cette option de lien ici, l'option avec le bouton Lien, et vous aurez l'URL ici. Vous pouvez copier l'URL. Je vais cliquer sur Raccourcir l'URL, et maintenant je vais cliquer sur Copier. Et je vais retourner sur le site Web et je vais descendre sur la page d'abonnement, et je vais coller ceci. Et le formulaire est en train d'être collé. Comme vous pouvez le constater, le formulaire a été collé sur la page Web. Et vous devrez vous connecter pour continuer. Les visiteurs de ce site Web devront peut-être se connecter à Google pour accéder à ce formulaire. Mais à part cela, le formulaire est là et vous pouvez collecter des adresses e-mail et des informations de ce genre en utilisant ce formulaire. C'est tout pour cette conférence, et dans la prochaine conférence, je vais vous montrer comment publier le site Web. Merci beaucoup 8. Site Web de publication: Bonjour à tous, bienvenue à une nouvelle élection aujourd'hui. Nous allons voir comment nous pouvons publier notre site Web. Maintenant, la première chose que je vais faire est d'appuyer sur le bouton de prévisualisation et de prévisualiser le site Web une fois de plus. Et comme vous pouvez le constater, le site Web possède toutes les fonctionnalités de navigation, et le site Web est prêt avec tous les formulaires, les navigations, les liens et tout ça Et vous pouvez ensuite consulter le site Web mobile. C'est prêt. Vous pouvez cliquer sur Site Web publié à partir d'ici ou cliquer sur Fermer pour accéder au site Web publié et cliquer dessus. Et maintenant, ce que nous pouvons faire, c'est obtenir un domaine gratuit ou utiliser un domaine existant. Et par domaine existant, je fais référence à un domaine que vous avez peut-être acheté auprès de Go Daddy ou Hostinger, ou de l'un de ces sites Web ou services qui fournissent des noms de domaine moyennant un prix Cliquons sur le domaine gratuit pour le moment. Cliquons sur Continuer. Et comme vous pouvez le voir ici, le nom de domaine s'affiche automatiquement. J'ai donc nommé ce projet en particulier Author Suzanne et l'URL ou le nom de domaine et l'URL générés par Canva, comprenant l'auteur Susanne suivi de est donc ce qu'a fait Kanva. Je peux changer ça. Je peux cliquer sur le bouton en forme de crayon et je peux essentiellement changer l'URL et en faire. Auteur Suzanne Jones Et je peux également changer le nom du projet Canva, et je peux ajouter une description du site Web Et appelons-le un site Web d'auteur. Ceci est un site Web pour l'auteure Suzanne Jones. Parfait. Cela n'est pas très utile. Il s'agit de la partie de description du site Web. Mais juste pour vous montrer que vous pouvez ajouter une description de site Web, j'ai ajouté une description de site Web, et vous pouvez le protéger par mot de passe et masquer votre site Web aux moteurs de recherche. Parfait. Et comme vous pouvez le voir ici, l'URDL a changé et tout ça. Maintenant, cliquez sur le bouton de publication et votre site Web est prêt à fonctionner Il est prêt à partir. Et c'est tout pour cette conférence en particulier. Je vous verrai lors de la dernière conférence au cours de laquelle je parlerai du projet. Merci beaucoup. 9. Projet final: Bonjour à tous, bienvenue à la dernière conférence de ce cours. Et dans cette conférence, je vais parler du projet final. Les instructions pour le projet final sont un peu comme ça. Vous devez créer un site Web personnel d' un minimum de quatre pages, comme je l'ai montré dans tout ce cours, car j'ai conçu un site Web personnel pour un auteur en particulier. Vous devez donc créer un site Web personnel de quatre pages. La première page, la page de destination ou la page d'accueil, quel que soit le nom que vous lui donnez, doit avoir un logo. Désormais, vous n'avez plus besoin de créer votre propre logo. Vous pouvez utiliser l'un des logos disponibles dans la bibliothèque Kanvas, et vous devez utiliser un arrière-plan d'image coloré, que vous pouvez également obtenir dans la bibliothèque Kanvas Et la première page doit comporter un menu qui peut être utilisé pour accéder aux différentes parties du site Web. Il devrait donc y avoir des fonctionnalités de navigation sur la première page. La deuxième page contiendra une biographie fictive. Vous n'avez pas besoin d'écrire votre propre biographie, d' écrire une biographie fictive, comme, vous savez, vous êtes la plus grande star de cinéma du monde ou quoi que ce soit d'autre, ou simplement quelque chose de aléatoire. La troisième page contiendra un lien vers un produit sur Amazon. La troisième page comportera donc un bouton et un lien. Et lorsque les gens cliquent sur ce lien, ils sont redirigés vers une page produit sur Amazon, n'importe quelle page de produit, qu'il s' agisse d'une brosse à dents, d'un nettoyant pour toilettes, d'un livre, je vous laisse le soin de décider Et la dernière page devrait être un formulaire d'abonnement. Et une fois que vous aurez fini de concevoir ce site Web, en utilisant des images et des vidéos disponibles sur Canva, veuillez en tenir compte Vous n'avez pas besoin d'utiliser vos propres images ou vidéos. Vous devez utiliser des images et des vidéos disponibles dans la bibliothèque Canvas. Une fois que vous avez terminé, prenez une capture d'écran de votre site Web et téléchargez-la sur la plateforme. Et vous pouvez prendre plusieurs captures d'écran pour chaque page et télécharger sur la plateforme. Merci beaucoup.