Comment créer un site Web de génération de prospects avec Webflow

1. Introduction : Créer un site Web personnalisé avec Webflow: En tant que plate-forme, Webflow est une excellente alternative aux goûts de WordPress aussi rapide, puissant et beaucoup plus facile à utiliser. Les cloches web plus traditionnelles dans les plateformes vous permettent de construire votre site Web visuellement sans avoir à vous soucier des codes. Et bien sûr, je vais vous montrer étape par étape comment vous pouvez construire un site web de génération de leads. On est la compagnie B2C. Donc, si vous êtes un propriétaire de restaurant, un authentique et que vous êtes une entreprise locale qui cherche à affiner votre présence en ligne, ce cours va certainement aider les modifications. Je vais vous montrer tout ce que vous devez savoir sur Webflow depuis la configuration de vos fonctionnalités principales, les choses supplémentaires que vous pouvez faire avec la plate-forme Webflow et vous montrer meilleures pratiques pour automatiser la régénération processus. Donc je suis IC de surface pour être un cours en service avec vous. Et j'espère vraiment que ça aidera. Si vous avez des questions pendant que vous suivez ce cours, vous êtes les bienvenus pour laisser un commentaire ci-dessous, et je vous répondrai dès que possible. Et en plus de cela, j'adorerais que vous puissiez partager avec moi en tant que projet ce que vous avez construit en regardant ce cours. Donc, avec cela étant dit, allons y entrer. Je suis vraiment excité de commencer avec ça. 2. Le type de site Web nous allons créer: Bon, donc comme je l'ai mentionné dans la vidéo d'introduction, et nous allons couronner le site de la génération d'élite pour une entreprise B2C. Donc x vous êtes propriétaire d'une petite entreprise, entreprise locale, vous savez, si vous êtes dans un restaurant, un gymnase ou une entreprise comme ça, ce cours va vous aider à construire un site Web, méthodes de la génération précoce de l'âge. Donc, je vais vous montrer comment configurer le web pour la plate-forme derrière moi et tout ce que vous devez savoir à ce sujet. Je vais vous parler de la marque. Vous n'avez pas besoin de développer vos actifs de marque et tous les outils que vous pouvez utiliser. Et plus important encore, je vais vraiment entrer dans le minutieux du web pour la plate-forme. Parce qu'aussi difficile à utiliser si vous êtes un débutant et que nous voulons vraiment entrer dans les détails de cela afin que vous compreniez pleinement ce que vous faites parce que ce n'est certainement pas facile au début que votre première utilisation. Mais avant d'entrer dans le bâtiment, vous êtes en train de régler ou Webflow a fonctionné. Dans la prochaine vidéo, je vais discuter des différences entre Webflow et WordPress parce que FU vraiment au début de la leçon, vous n'utilisez jamais Webflow. Et peut-être que vous avez un site WordPress en ce moment, ce qui est compréhensible. Vous pouvez hésiter à utiliser Webflow. Vous hésitez peut-être à connaître votre infrastructure en ligne jusqu'ici, mais je peux vous assurer que c'est pire. Et nous allons disséquer certaines des raisons pour lesquelles le web sera vraiment une meilleure alternative dans la prochaine vidéo. Alors, nous allons y plonger. 3. WordPress vs Webflow: Très bien, donc cela a été une page de développement sur le site Web des flux Web depuis un certain temps maintenant. Et fondamentalement la raison pour laquelle par fluide fait cela évidemment, ils sont un perturbateur et l'espace de conception de site Web. Et juste pour vous donner une idée approximative de leur situation par rapport à quel prix au moment où je réalise cette vidéo, quelles tendances représentent environ 34% de tous les sites Web sur Internet, n'est-ce pas ? Donc, la plupart des sites que vous regardez sont probablement hébergés bar ont été ceinture par quelle robe ? Alternativement, Webflow sont actuellement de 0,4%. Donc environ 0.40% .5 de tous les sites Web sur Internet ou ceinture avec Webflow en ce moment. Donc, comme une dilutions vraiment substantielles, je veux dire, je pense toujours que c'est assez bon compte tenu de la femme n'aura pas été là depuis si longtemps, mais ils ont évidemment encore beaucoup de chemin à faire. Et l'un des grands défis qu'ils ont en devinant les utilisateurs pour passer de notre site WordPress à Webflow, n'est-ce pas ? Ils savent qu'ils ont un mauvais produits et ils savent qu'ils ont plus à offrir le Nolan plus innovant. Ils sont juste meilleurs dans l'ensemble. Mais le problème est que lorsque les gens vont de l'avant et ves beaucoup de temps et d'argent et ainsi de suite, infrastructure en ligne, disons sur WordPress et ensuite ceux qui travaillent et ils peuvent être très, très intimidants et très stressants. Degré de passer à une autre plate-forme et de mettre tous vos œufs dans ce panier. Donc, cette page illustre un peu certains des points clés de la raison pour laquelle Web est le meilleur à. Et je veux juste les parcourir rapidement. Donc nous pouvons voir ici, ce sont évidemment des tweets de gens qui aiment Webflow. Nous allons maintenant inclure tous les commentaires négatifs sur la plateforme ici. Mais nous allons juste vous donner une idée de ce que les gens disent. Donc Webflow est vraiment bon. Je pense que vous êtes les premiers à construire le bon UX vont rester dans un étage de cadeau CSS. Essayez avec rien pour installer des mises à jour automatiques et pas de PHP quant à ce que la presse de terroristes si vous avez besoin. Tout cela est vrai. Je n'ai pas besoin de les fouiller tous. Mais si on fait défiler vers le bas et qu'on jette un coup d'oeil à certains de ces points, encore une fois, on a un autre témoignage là-bas et c'est vrai, ok, alors on y va. C' est probablement l'un des principaux points de la raison pour laquelle Webflow est un tel changement de jeu. Donc, vous pouvez, ils disent que vous pouvez construire un meilleur site Web sans codes. Et de cette façon, il y a une sorte de l'essence de ce qu'ils sont tous au sujet. n'y a pas de société de code, et le mouvement sans code comprend essentiellement un tas d'entreprises qui permettent aux gens de faire des choses sans codes que vous devriez généralement utiliser du code pour faire. Ainsi, par exemple, la construction d'un site Web personnalisé que vous utiliseriez doit savoir comment coder pour le faire. Et qu'est-ce que Webflow ? Vous n'avez pas besoin de savoir coder. Et à la fin de cela, vous avez vraiment un site Web de haute qualité que vous devez généralement savoir coder pour atteindre. Ok, alors passons à autre chose. Vous pouvez construire visuellement avec les codes. Vous savez, comme nous disons, c'est un Bowser visuel, il n'est pas basé sur des thèmes, n' est pas basé sur des codes volumineux, il n'est pas basé sur des plugins comme ce qui presse. Vous pouvez créer des interactions avec les clients et des animations. C' est une autre chose clé. Je ne peux pas vraiment faire ça et quelle presse à moins vous commenciez à jouer et à faire des trucs personnalisés. Ainsi, vous pouvez obtenir vraiment, vraiment granulaire avec la façon dont vous voulez animer les choses sur votre site Web et la réponse anti-B. Donc, si vous voulez que ce soit des actions trop soudaines de l'utilisateur final. Et vous pouvez également concevoir où le contenu CMS. Donc c'est une autre chose, Webflow, CMS est vraiment, vraiment puissant, vraiment puissant comme un changeur absolu de jeu. Donc, même si vous regardez probablement cela, vous le regardez en tant que propriétaire d'entreprise locale, vous ne pouvez pas être un marketeur ou un développeur web maintenant c'est correct. Mais si je devais mettre l'accent sur une chose à utiliser comme un changeur de jeu, surtout de ce qui est pressé à Webflow sont en fait plupart des constructeurs de sites Web à Webflow comme la fonctionnalité CMS. En utilisant un CMS, si vous deviez le faire vous-même serait difficile Tressie. Et quelle femme qui a ici ? Ils ont un CMS où si vous voulez avoir des pages de bateau d'une certaine chose, donc vous faites SEO local, par exemple. C' est une tactique où vous avez beaucoup de pages au lieu d'avoir à ajouter chaque page individuelle. Donc, vous utilisez pour cibler un emplacement spécifique et vous ajoutez une page, un modèle et il est appliqué à tous d'entre eux afin que vous puissiez avoir très bon contrôle sur toutes vos pages sans que ce soit un gros travail. Si on descend d'ici. Ce ne sont que quelques études de cas sur les types de sites Web que vous pouvez arcs. Et puis nous entrons dans le truc de l'hôte. Donc, comme si on allait parler, et une des vidéos à venir. Webflow a la cloche d'hébergement nème de la plate-forme. Vous n'avez pas besoin d'aller trouver un fournisseur tiers pour l'hébergement. Et fondamentalement, ce qu'ils vous disent, c'est qu'ils hébergent comme via Amazon CloudFront. Et puis en conjonction avec cela, ils utilisent aussi rapidement. Ces deux combinés fournissent un service d'hébergement vraiment, vraiment fort que j'aime personnellement vraiment, je pense est vraiment, vraiment bon. Um, je n'ai pas pu tomber jusqu'à présent, et je suis avec Webflow depuis environ un an maintenant. Tout aussi bien, Marx, et vous devez y penser beaucoup moins que ce que vous feriez d'autres plateformes. Et en plus de cela est certainement beaucoup moins cher que certains autres fournisseurs d'hébergement. Donc, c'est quelque chose sur lequel garder un oeil. Et ensuite, nous avons le fait est que vous n'aurez jamais à faire de mises à jour manuelles sur votre site. Et le sentiment que lorsque vous utilisez WordPress, généralement si vous obtenez des plugins sont si WordPress lui-même mises à jour, vous devez réellement initier la mise à jour. Qu'est-ce qui vous convient ? Ne pas faire les mises à jour automatiquement et vous ne le sentez pas vraiment, vous ne remarquerez même pas que c'est une expérience vraiment transparente à cet égard. Ils ont la sécurité et la femme aura la sécurité de Bell. Et donc, contrairement à WordPress, où vous devez payer un fournisseur tiers pour notre sécurité, ce qui est merveilleux, c'est Belsen. Et quand vous dites que vous devez vous soucier d'un diable de beaucoup moins que ce que vous feriez si vous faisiez cela sur WordPress. Encore une fois, une autre grande fonctionnalité. Et gardez à l'esprit, ils peuvent avoir le pari SUS. Donc, si vous ne savez pas ce qu'est le référencement, c'est bon. Optimisation des moteurs de recherche Seo, c'est là que nous allons sur l'optimisation de votre site Web. Si petites chaussures sur Google. Si bon référencement est un tas de choses qui se réunissent. Nous n'allons pas, vous savez, nous n'avons pas à entrer dans les détails ici, mais ce sont quelques-unes des choses qui contribuent vraiment à un bon référencement. Donc, l'hébergement haute performance, comme nous venons de parler, qui contribue vraiment parce qu'il a un impact important sur les vitesses. Et puis nous avons des outils, vous savez, c'est vraiment facile de mettre en place des redirections et des trucs pour mon flux, beaucoup plus facile sur WordPress, par exemple, comme je l'ai mentionné, le froid est vraiment, vraiment propre. Cela signifie que c'est beaucoup plus facile pour les moteurs de recherche à lire. C' est un point important. Donc, cela résume la plupart des points clés. Nous allons les aborder un peu plus individuellement au fur et à mesure que nous suivons ce cours. Mais j'espère que cela vous donne une meilleure idée de Webflow et y est certainement beaucoup plus rapide que ce que appuyez sur F5. Pour résumer, je dirais que le flux de travail s'améliore sur tout ce que WordPress a échoué jusqu'à présent, m, parce que nous savons pour la plupart, WordPress est une plate-forme open source et n'importe qui peut vraiment faire ce qu'ils veulent avec elle. Mais le but de cette vidéo était juste de répondre à certaines des préoccupations que vous pourriez avoir à propos de l'utilisation de Webflow. Et je suis sûr que tu peux le dire à propos de ça. Je chante les prières de la compagnie chaque fois que j'en ai juste parce qu'elles sont bonnes. Alors oui, qu'est-ce qu'on dit ? Passons à la vidéo suivante et commençons à évaluer sur Webflow et construisons ce site Web pour vous. 4. Créer votre compte Webflow: Ok, donc la toute première chose à faire est d'aller avant et de créer un compte sur Webflow. Maintenant, j'ai déjà un compte avec une autre adresse e-mail, mais je suis en train d'en configurer un factice juste pour vous montrer le processus que vous devez suivre lors de la création de votre compte. Donc, il est arrêté à trois. Et vous pouvez continuer avec votre adresse e-mail ou vous pouvez dire, non, c'était Google. Je recommande fortement de vous connecter à votre compte Google comme juste un peu plus facile et vous fera gagner un peu de temps. Donc, je vais juste utiliser cette adresse e-mail et nous allons entendre ce que nous voulons faire est juste appuyer sur ce bouton envoyer un e-mail et ensuite vérifier sur les livres. Et vous pouvez voir que nous avons un e-mail de support web complet. Confirmez votre adresse e-mail. D' accord. Et c'est qu'il y a littéralement aller. Et c'est aussi simple quand il s'agit de tracer votre compte. Et il n'y a vraiment pas grand-chose que tu dois affronter. Et vous pouvez faire certaines choses à votre profil public et modifier la phrase de votre compte. Et nous avons quelques onglets ici, comme vitrine. C' est là que vous pouvez découvrir différents travaux de différentes personnes de la communauté Webflow. Et vous pouvez jeter un oeil à différents designers et voir ce qu'ils font sur les profils. Et vous en avez beaucoup plus, mais c'est juste le processus d'inscription. Cela étant dit, passons donc à aller de l'avant et à tracer notre premier projet. 5. Ajoutez votre premier projet: Ok, donc ce que j'ai fait ici, c'est que j'ai basculé sur mon compte de flux Web. Et c'est là que nous allons construire des projets. Donc c'est là que je vais vous montrer qu'il construit votre projet. Et ce que je vais faire, c'est juste zoomer un peu, juste pour que vous puissiez voir un peu mieux. D' accord ? Donc ce que tu vas faire, c'est dans ton tableau de bord, tu vas juste appuyer sur le bouton Nouveau projet. OK, alors il suffit de cliquer dessus et ensuite on ira à partir de là. Et puis Webflow vous donnera quelques options pour des modèles et des choses comme ça si vous en avez vraiment besoin, mais probablement vous avez terminé. Je vous conseille vivement de commencer à partir d'une toile vierge comme nous avons ici. Et vous devriez probablement vous y habituer. Si vous travaillez avec Webflow law, vous, vous, vous trouverez que vous ne ferez pas beaucoup de travail avec les modèles, probablement plus jamais. Ok, alors nous allons juste cliquer en blanc. Sleight ça. Et d'accord, donc le type de site que nous allons construire au cas où je n'aurais pas déjà abordé ça. Et évidemment, nous construisons un site web de génération de leads pour une entreprise B2C. Mais le site web, le cliquet va construire jusqu'à une salle de gym. D' accord. Donc, il est une entreprise locale sont assez commun type de ceinture de site Web. Et tout ce que je vais vous montrer toutes les bases de la génération de leads à travers un site Web que vous devez savoir. Donc ce que je vais appeler une salle de gym en tant que bijou Magnus, Air Share. D'accord. Et juste au cas où vous vous demandiez ce que signifient ces mots ou en dehors de Jim, Magnus signifie juste gris et une asha est en fait d'où je viens. Donc au cas où tu ne peux pas leur dire l'accent que je viens d'Ecosse et que le Kantian d' est appelé air timide et nous sommes sur la côte ouest de l'Ecosse. Mais pourtant, vous devez vraiment le savoir. Mais de toute façon, continuons et créons nos projets. Et quand nous le ferons, cela sera pris et à Webflow. Et c'est là que coule, c'est à ça que ça ressemble. C' est une vraie toile vierge pour le moins. Et on a beaucoup à parler ici. Mais cela résume pour vous juste créer dans un projet et à quoi ressemble ce processus. Et puis la prochaine vidéo, je vais décomposer les composants de base de la plate-forme Wave complète. Et juste pour que tu comprennes pourquoi la terre n'est pas du poids, tout l'est. Alors oui, on va y aller. 6. Régler vos points de pause: Donc la première chose dont je voulais parler ici est en fait des points d'arrêt parce que c'est une partie assez importante. Le processus de développement web et la femme a volé à vraiment, vraiment bien. Donc, comme vous pouvez le voir ici en haut de la barre au centre, nous sommes, en ce moment nous sommes sur qui est affiché avec une étoile à côté de ça. Donc, c'est votre lieu de conception de base comme la façon dont je catégorise tous les changements que vous faites ici et sera appliqué à votre point d'arrêt de tablette, à votre point d'arrêt de téléphone horizontal jusqu'à ce que le point d'arrêt du téléphone. Et comme vous pouvez le voir, Webflow est déjà prédéfini ce que sont chacun de ces points d'arrêt. Et vous devriez certainement tout simplement pas changer l'un de ces, juste les laisser comme ils sont parce que le droit et vous pouvez voir que je viens de faire défiler vers le bas, il devient plus petit. Donc, quand nous sommes Edison bureau par exemple, nous le faisons ici. Souviens-toi que ce n'est pas une tablette qu'on fait ici. Rappelez-vous Edison ou téléphone horizontalement nous faisons ici. Et évidemment, juste un appareil mobile normal, nous le faisons ici. Maintenant, il y a quelques options ici que vous devriez considérer lorsque vous construisez un site. Et je vais juste te dire, je le fais avec passion en tant que quelqu'un qui fait ça tout le temps. Si vous cliquez sur ces trois petits points dans les côtés gauche, vous pouvez voir que vous pouvez réellement ajouter plus de points d'arrêt. Et bien que je le fasse habituellement, c'est d'habitude que j'ajoute tous ces points d'arrêt, non ? Donc, nous allons juste les ajouter pour ces projets et vous pouvez voir pourquoi je fais vraiment avec eux juste au cas où vous décidiez de les utiliser. Donc nous avons notre point d'arrêt pour 1280 Px, donc nous allons ajouter ça. Et c'est un point important lorsque vous créez ces, vous ne pouvez pas vous en débarrasser. Assurez-vous donc que si vous les créez, vous le faites pour les bonnes raisons. Donc, cliquez sur Créer, et je vais aller de l'avant et ajouter ces deux autres. Ok, parfait. Maintenant, nous avons tous nos points d'arrêt. Maintenant je sais que tu penses, tu penses probablement, Ok, tout ce qui va de ce point d'arrêt jusqu'à ce grand ici est exactement le même. Comment suis-je censé être capable de faire la différence entre ces deux ? Laissez-moi vous expliquer rapidement. Si je clique sur le petit oeil sur le côté gauche, si je clique juste dessus, maintenant je peux avoir un aperçu, non ? Et comme vous pouvez le voir, la taille de ce point d'arrêt passe tout mon écran, ok ? Et je fais tout mon design et sur un iMac Pro, non ? Donc, la plupart des sites Web que je regarde sur mon bureau, mais en fait tout ce point d'arrêt. Et donc, lorsque vous concevez ici, vous concevez pour les personnes qui ont un écran plus grand. Et en descendant, vous verrez qu'il devient plus petit à partir de là. Et vous pouvez prendre moins de fonctionnalité de glissement et vous pouvez vous déplacer vers le haut et vers le bas. Vous pouvez le mettre où vous voulez. Et puis en fait gris si vous voulez vous assurer juste pour vous assurer que tout est réactif sur tous vos points d'arrêt. Mais nous allons juste prévisualiser le mode pendant une seconde. Pendant que nous sommes en mode design, nous pouvons glisser ici, non ? Les femmes sur tablette, des trucs comme ça. Et la raison pour laquelle j'aime tout à fait simplement glisser sur les modes de conception m est parce que le flux de vent vous montrera comme vous pouvez le voir alors le coin inférieur droit il vous montrera quelle taille cela dit pour certains appareils. Donc, nous pouvons voir ici le 768 px comme un iPad Pro, écrire comme 9.7 pouces iPad Pro. C' est donc très utile à savoir. Ok, Donc comme si vous avez un iPad Pro, si vous le regardez sur un iPad Pro et vous ne pouvez pas comprendre pourquoi il ne semble pas correspondre. Et c'est probablement parce que vous ne le regardez pas sur le point d'arrêt du taux. Donc oui, mais quelque chose à garder à l'esprit. C' est donc l'une des premières choses que nous devons nous empêcher et c'est des points d'arrêt. Alors oui, j'espère que tu trouveras ça utile. A moins de passer à la suivante. 7. Les Webflow's de gestion de Webflow's: Donc maintenant que nous comprenons ou points d'arrêt et nous avons déjà défini nos points d'arrêt pour dire, la prochaine chose dont je veux parler quand il s'agit des différentes fonctionnalités qui sont allées pleines a comme cette colonne puis le côté gauche. Donc c'est là que vous contrôlez différentes parties de disons. Alors passons vite à travers eux. Allons d'abord onglet ici nous avons avec une petite icône plus. C' est là que vous trouverez tous les différents éléments que vous pouvez ajouter à votre site et les différents éléments avec lesquels vous pouvez jouer. Et puis vous avez aussi elle fait couche de sorte que vous pouvez ajouter, vous savez, donc pour une barre de navigation collante, un chauffage superposer un appel à l'action s'adapte ou le contact de tout le lot. Et donc ce sont la couche de base de sorte que vous pouvez utiliser si vous ne voulez pas construire quelque chose à partir de zéro et terminer le deuxième onglet, nous avons des symboles. Les symboles sont quelque chose que vous ne verrez pas dans aucune autre conception de site Web. Ils sont donc complètement nouveaux et indépendants. Surtout quand il s'agit des constructeurs de conception de site Web. Pourquoi symbole vous permet fondamentalement de le faire si je crée un élément quelque part et que je vois réellement une section que je crée comme un APA ou quelque chose. Je peux tourner ma barre de navigation et assembler. Et ce que ce symbole me permettra de le faire, permettez-moi d'ajouter le même morceau de contenu, donc plusieurs pages à mon avis. Et puis chaque fois que je veux modifier un symbole, je serai en mesure de le faire directement à tous les endroits où le symbole apparaît. Et je vous en donnerai un exemple actif plus tard que vous pourrez voir. Mais cela vous donne juste une brève introduction à. Et si on redescend, on a un navigateur. Donc, quand j'ajoute différents éléments à mon site Web et que je n'ai pas de couches, j'ajoute, j'ajoute différents composants qui sonnent les uns des autres de différentes manières. Et ce qui pourrait y naviguer me permet de faire est de voir la façon dont ces éléments sur l'autre. Donc quelque chose n'est pas tout à fait réglé, ou si quelque chose ne semble pas bien et je ne peux pas le voir, juste quand je regarde mes cloches ou je peux aller le parcourir et je peux voir comment sont les sections. Je vois que tout est à la recherche de biens et je peux voir mes noms de classe, sur lesquels nous reviendrons un peu plus tard. Qui encore une fois nous observerons jusqu'à un peu plus tard. Mais cela vous donne juste une idée du fonctionnement de la navigation. Et quand vous construisez une grande page, cela donne prier assez rapidement. Mais il est vraiment, vraiment facile de trouver ce que vous cherchez très rapidement sans avoir à cliquer, euh, vous savez, beaucoup de désordre dans les bateaux et trouver ce que vous cherchez , alors il y a une erreur. Nous avons l'onglet Pages. C' est vraiment simple. C' est là que vous allez créer vos pages. Donc, vous avez aussi des dossiers. Donc, lorsque vous regardez dans garder les choses organisées, les dossiers sont un excellent moyen de segmenter vos pages, et c'est tout ce que vous devez vraiment savoir à leur sujet. Nous allons parler des paramètres réels et des pages un peu moins, mais c'est probablement l'endroit le plus important pour commencer. Puis ci-dessous que nous avons des collections. Collections que j'ai mentionné acheter plus, parler de ce que la presse contre Webflow. Mais on ne va pas trop parler des collections. Nous ne allons pas faire, nous ne allons pas mettre place un blog ou quelque chose comme ça, mais des collections ou quelque chose que je vais certainement aborder probablement dans un autre cours, mais vous n'aurez pas à vous soucier de ce que nous faisons ici. Et puis en dessous, nous avons le commerce électronique. Non, nous ne parlerons pas du commerce électronique, mais c'est probablement bon d'aborder de toute façon. Donc, si vous activez le commerce électronique, c'est un plan complètement différent pour le commerce électronique. Mais ce sera fondamentalement si vous cliquez sur E-commerce et pourtant vous avez un site e-commerce et puis il y a un tas d' autres choses à faire et je vais juste nous sortir, mais nous ne faisons pas cela ici, donc n'avez pas besoin de vous inquiéter. Alors passons juste à côté. Ci-dessous, nous avons l'endroit où vous ajoutez tous vos MG, um, afin que vous puissiez gérer toutes vos images ici, vous pouvez voir la taille du Webflow vous dira également s'il ressent un peu de dommages. Donc, pour cuire, et c'est tout simplement génial de garder toutes vos images et un endroit facilement accessible. Et puis ci-dessous que nous avons des paramètres, donc les sauvegardes et vous pouvez rechercher des choses supplémentaires. Et en dessous, comme vous pouvez le voir dans le coin inférieur gauche ici, vous avez cette coche ou la fonctionnalité. Et ce que cela vous permettra de faire, c'est que vous concevez sur une page et que vous pouvez vous sentir satisfait, d'accord ? Mais Webflow analyse et il voit qu' il pourrait y avoir des problèmes sur la page qui pourraient nuire à votre SEO ou peut avoir. Donc, c'est la performance ou quelque chose qui peut faire que le site Web ne semble pas bien, alors les audits vont marquer et au lieu d'avoir une coche, vous avez juste carré avec rien dedans. Ici. Vous pouvez rechercher différentes choses sur par flux si vous avez besoin d'aide avec Aniston et ci-dessous que vous avez quelques tutoriels vidéo si vous avez besoin d' une explication supplémentaire de ce dont je parle, et alors vous pouvez obtenir de l'aide si vous en avez besoin. Mais cela explique tous ces onglets et ce qu'ils sont et brièvement comment ils sont utilisés. Les endroits où nous allons passer le plus de temps sont certainement dans cette section publicitaire. Nous allons parler des symboles sont bons. On utilisera des navigations à travers une loi, on en parlera beaucoup. Et les pages passeront un peu de temps de pages et ce sont les quatre sur lesquelles vous devez vous concentrer. Donc dans la prochaine vidéo, je vais parler cette colonne de droite et de Watson ici, dont je suis sûr que vous serez excité d'entendre parler. Alors, nous allons y plonger. 8. Les fonctionnalités de conception de Webflow's: Ok, donc la prochaine chose dont nous devons parler comme des fonctionnalités de conception de workflows. Donc, quand nous mettons réellement des éléments sur la page à partir des onglets de gestion et qu'est-ce que nous ajoutons réellement à eux ? Comment les concevons-nous ? Comment les faire ressembler comme nous voulons qu'ils ressemblent ? J' ai donc fait quelques éléments vraiment basiques ici juste pour essayer de faire passer le point. Et je vais juste passer en revue chacun de ces onglets sur le côté droit et vous dire ce qu'ils signifient tous parce qu'ils avaient tous des objectifs différents, mais vous devriez être capable de rassembler la plupart d'entre eux. Donc, section MLA, cela détermine fondamentalement comment les choses regardent bien où c'était le chef d'eux. Habituellement, vous utiliserez l'onglet Mise en page si vous essayez d' ajouter tout au plus des choses à l'intérieur de quelque chose. Et ce que je veux dire par là, c'est que si nous prenons cet exemple, j'ai un blog de développement, alors j'ai un titre, un paragraphe et un aperçu de bouton. Si je veux faire le paragraphe d'en-tête et le bouton horizontalement par opposition à verticalement, alors je cliquerais sur le blog de développement que vous pouvez voir là. J' irai au labo. Et si je clique sur ce petit bouton à droite, vous pouvez voir que tout se déplace horizontalement. Et évidemment, ça n'a pas l'air très appétissant, non ? Je veux dire, il n'y a pas de but. Ceci est juste pour illustrer comment cela fonctionne. Et à l'intérieur de ça, je peux changer un tas de choses différentes. Je peux cliquer avec ces boutons. Je peux jouer avec eux jusqu'à ce que je sois content de leur apparence. Je peux changer Vasco horizontal. Je peux faire ce que j'aime avec ça, non ? Et c'est ce que vous utiliseriez un live loin. Vous pouvez l'utiliser pour des choses comme des en-têtes si vous le souhaitez. Mais je conseillerais seulement d'utiliser cela si vous essayez d'éditer des choses et citer un blocage ou dans la section cyto. Mais de toute façon, c'est la section mise en page. Ensuite, si nous descendons à l'espacement, c'est là que nous pouvons ajuster le rembourrage et la marge. Donc, si je prends cette tête et que vous voyez que j'ai déjà fait de très brèves modifications à la rubrique, mais je peux changer la marge et je peux changer le rembourrage. Donc juste pour briser ça au cas où vous ne savez pas ce que sont ces deux. Marges d'espace, comme vous pouvez le voir ici. Il est mis en évidence en bleu sur le panneau d'honneur ici. Les marges d'espace qui existent en dehors de l'élément que nous examinons. Ces nuances bleues représentent la marge. Si je survolais le rembourrage, laissez-moi voir que je fais des spectacles. Ouais, vous pouvez voir que le rembourrage existe n, disons, l'élément que nous regardons. Donc, le rembourrage et la marge sont juste un moyen très basique d'ajuster l'espacement. Et il n'y a pas seulement une chose merveilleuse, vous trouverez que vous pouvez ajouter une marge de remplissage et pratiquement n'importe quelle construction ou inclusion de site Web si vous le construisez à partir de zéro. Donc c'est quelque chose à garder à l'esprit. Laissez-moi alors à la taille si jamais vous avez besoin d'ajuster manuellement la taille de quelque chose. Et nous pourrons en parler un peu plus tard plus en détail. Vous pouvez utiliser une baignoire de taille, sorte que vous avez un tas d'options différentes. Vous n'avez pas besoin de savoir toutes ces options sont, mais vous avez vos bases que Px et vous avez un pourcentage de mouillé. Donc, si nous regardons ce point d'arrêt, si nous voulons que le blanc à l'élément que nous n'avons pas la main soit seulement 60 % de tout ce que nous regardons en ce moment. Et ensuite on pourra les utiliser. Ensuite, nous en avons un tas de différents ici. Vous n'avez pas besoin de l'arroser, mais ce sont les seuls trois que j' utilise vraiment notre pourcentage px et ensuite celui-ci appelé View. Donc, voir, ce qui signifie que la section en question ou le blog de dev, et nous allons ajuster sa taille en fonction de l'appareil que la personne utilise pour afficher le site Web. Donc, c'est quelque chose à garder à l'esprit et voir hey, est très la même chose. Donc, cette taille, ils peuvent avoir la possession et statique relative faits absolus collant. Vous allez vraiment les utiliser seulement si vous faites des animations assez complexes ou lorsque vous construisez votre barre de navigation et vous verrez comment utiliser ces laser sur eux. J' ai de la typographie. Bien évidemment jusqu'à présent votre texte, si vous voulez changer la police de la façon dont la taille, la hauteur, couleur, l'alignement, le style, tout le lot que vous pouvez faire là. Vous pouvez également créer des classes, ce qui signifie que vous n'avez pas à faire de myélite à chaque bloc de texte que vous annoncez, mais nous pouvons en parler plus tard aussi. Ensuite, ici, nous avons des antécédents. Encore une fois, si vous voulez changer l'arrière-plan d'un bloc def, ou si vous voulez créer une image, ou si vous essayez de faire des animations, C'est tout ce que vous feriez juste pour cela. Et nous avons des frontières. Donc, si vous voulez des lignes, plage de blocs, de sorte que vous voulez des lignes, éléments Ranger que vous pouvez utiliser Cela est explicite, alors avoir des effets. On ne va pas travailler beaucoup avec les effets ici. Nous nous concentrons uniquement sur la régénération, la structure du site. Et il y a évidemment beaucoup de choses à couvrir ici. Les animations seraient un sujet totalement distinct, mais il n'y a pas de mal et jouer avec eux, expérimenter avec eux et voir ce que vous pouvez faire avec eux. Donc, c'est l'onglet Conception. Donc, si nous regardons en haut juste ici à nouveau, nous pouvons voir que nous avons l'onglet Paramètres. Donc NFA pourrait rechercher en haut juste ici, nous pouvons voir que nous avons l'onglet Paramètres. Et ce que vous trouverez avec cela comme l'onglet Paramètres changera en fonction de ce que vous regardez. Et parce que j'ai un titre, sélectionnez des actes, je peux choisir si cette rubrique est H1, H2, H3 pour 56 et ainsi de suite. Et si vous ne savez pas ce qu'ils sont, fondamentalement la structure H1, H2, H3 comme c'est la façon dont vous dites à Google ou vous dites au moteur de recherche la structure de votre page. Donc, par exemple, vous n'avez qu'un H1 par page et qui a un titre de la page de la personne regardant un H2 serait la seconde moitié de cela et vous obtenez l'idée, ainsi de suite. Encore une fois, les instructeurs en chef sont plus une chose de référencement. Nous n'avons pas vraiment besoin de les toucher trop ici, mais il est important que vous le sachiez, et vous n'aurez pas à n'importe quel attribut personnalisé et vous n'aurez pas à n'importe quel autre que les paramètres d'index de recherche parce que cela, tout cela n'a pas vraiment d'importance. Et puis nous avons Style Manager. Encore une fois, vous n'aurez pas à vous inquiéter trop à ce sujet, mais, et nous faisons tous les deux quelque chose appelé un nettoyage à la fin où f était des cours dont je sais qu'on n'a pas encore parlé. Et s'il y a des cours, vous ne les utilisez pas. Nous les nettoyons et nous débarrassons de ceux sur actifs. Et puis le panneau solaire. Si vous voulez des interactions, des effets et des introductions plus complexes, si vous voulez construire quelque chose de plus complexe, les carburants, cela peut prendre un peu plus de temps. Vous utiliseriez à nouveau le panneau d'interactions, c'est plus avancé et complexe et nous ne serons pas vraiment touchés par tout ça ici. Mais néanmoins, il est important que vous sachiez ce que c'est. Alors oui, mais c'est vraiment ça. J' ai donc l'impression que c'est un bon aperçu de la plate-forme Webflow dans son ensemble. Il y a quelques choses que nous allons devoir faire pour que je n'aie pas abordé ici et les paramètres plus tard. Mais pour la plupart, je devrais être bon d'y aller. Je vais entrer dans plus de détails sur certains aspects de large mentionnés ici. Mais dans l'ensemble, oui, je pense que nous sommes plutôt bons à y aller. Alors passons à autre chose et préparons nos actifs de marque pour ce site Web avant de commencer à construire. Ok, passons à la suivante. 9. Choisir les couleurs de notre marque: Donc maintenant, nous comprenons un peu plus sur la plate-forme web est temps d'arrêter de parler d'une actifs de marque. Donc, lorsque vous commencez à préparer le site orthographié, le dicton que vous ne faites pas lorsque vous construisez un site Web ne saute généralement pas directement dans le processus de conception. Ce n'est pas la façon la plus efficace de faire les choses. Et vous pouvez souvent trouver que les choses prennent plus de temps que la moitié qui cause de certaines choses, vous ne l'avez pas fait au début du processus. Donc la première chose que j'aime toujours faire est d'obtenir les couleurs de ma marque et de les modifier. Et le site web que je faisais comme un site appelé tueurs et tue son grand pour générer des palais fades. C' est très facile à utiliser et tu peux, je ne vais pas mentir. Vous pouvez passer beaucoup de temps ici le juste regarder différentes couleurs. Commençons par janvier. Alors, voyez comment on va. Ok, donc on peut voir ici, c'est une douceur et des kilos. Et vous pouvez jouer avec ça. Vous pouvez faire ce que vous voulez avec le type de schéma de couleurs que je vais utiliser pour ces lingettes que je sais déjà va être une seule couleur. Donc je ne veux pas de couleurs d'accent, je veux juste une bonne couleur et ensuite je vais utiliser un niveau de gris pour toutes les autres choses importantes. Alors ce que je vais faire un plat à ça. Et puis je vais en faire un niveau de gris. Je vais à un pour les textes, puis un pour le contraste et la couleur. Et cas, je fais des blocs différents ou juste une chose pour faire un peu plus. Donc, je vais avoir une couleur pour mes textes, qui sera celui-ci ici. Et puis je vais avoir un autre code que je peux utiliser sur le fond blanc si je veux en fait, beaucoup de boîtes sont innocentes, mais je ne veux pas qu'il soit si sombre qui va causer un contraste. Donc vraiment complet et avec le texte. Alors allons de l'avant et choisissons la couleur de nos textes. Si nous allons ici et cliquez vers le bas hexadécimal et nous cliquons Pecker, juste alors pour probablement avoir ici, pense probablement, mais là, je pense que c'est probablement un bon endroit pour le texte. D' accord. Pour que nous puissions le faire et que nous puissions verrouiller celui-là. Et là, je veux un gris beaucoup plus léger jusqu'à l'extrémité supérieure de la balance. Maintenant, vous ne serez probablement pas en mesure de le dire ici, mais cette couleur ne sera pas utilisée beaucoup. Et c'est si faible que tu ne le remarqueras même pas. Mais ce qu'il fait, c'est qu'il m'aide à créer une différenciation entre les différentes parties du site et sans trop entrer dans le visage du spectateur. Et c'est quelque chose que le spectateur ne remarquera même pas. Mais c'est la chose d'un design, bon design comme anomalie remarqué par la personne qui le regarde comme mauvais design et Moïse. Donc je sais que nous allons rester avec celui-là. Et vous pouvez voir qu'il y a une très légère différence entre le chemin dans la zone grise ici. Donc on va verrouiller celui-là. Et puis si je déplace cela, et si vous utilisez la barre d'espace, vous serez en mesure de changer la couleur comme vous pouvez le voir. Donc je vais continuer à passer par ça jusqu'à ce que je trouve la couleur qui me plaît. Donc c'est un bijou. Donc nous voulons quelque chose qui est probablement assez lumineux, assez électrique. C' est une couleur assez intéressante, mais probablement un peu trop pour un jour. Et ici, hmm, intéressant. Oui. Je ne sais pas. En fait, je pense que je pourrais rester avec celui-là pour un en bas. Peut-être passer le bon côté, mais je pense que je pourrais travailler avec ça. En fait, ouais, tu sais quoi, restons avec nous. Je pense que ça illustre ce que j'essaie d'obtenir. Donc on va y aller avec cette couleur. Alors enfermons ça. Et ce qu'on va faire, c'est juste le sauver ici. Et je vais le sauvegarder comme cet exemple de conception. C' est très bien. Sauvegardez ça. Ok, inutile si c'est le cas, c'est l'une des choses clés des cloches et vos atouts de marque de la façon dont nous allons construire notre palette de couleurs aussi simple. Et je sais que cela peut sembler très simple, très simpliste, mais parfois quand vous faites des marques et des trucs de couleur, vous ne voulez pas qu'ils se passent trop. Vous ne voulez pas que ce soit une couleur excessive. Vous voulez juste quelque chose de simple et facile à appliquer à la plupart des zones du site. Allons-y avec ça et ensuite on va passer à picorer notre typographie. 10. Ajouter vos polices: Bon, maintenant que nous connaissons les couleurs que nous allons utiliser sur un site web. Et la prochaine chose que nous voulons regarder comme le type de polices. Nous allons donc utiliser, ce qui est une autre partie vraiment importante de tout site Web que vous concevez. Et je ne vais pas mentir comme tu le fais. Ce qui est merveilleux est tellement plus facile et les comparaisons de WordPress comme c'est nuit et jour, je trouve toujours super, super difficile d'obtenir des polices personnalisées à l'intérieur de WordPress que quand juste la norme qu'ils vous ont donnée de quelqu'un comme moi, quand je fais ça tout le temps, ça me rend la vie dix fois plus facile. Ce que nous devons faire, c'est d'aller aux polices Adobe. On y va. Et on gardera l'onglet des tueurs ouvert pour le laser. Mais je vais juste me connecter rapidement ici. Ok, c'est bon d'y aller. Ce que nous allons mesurer les polices de prix. Donc être différent pour vous, dépend du type de site Web que vous concevez. Parce que je conçois la salle de gym. Nous allons vouloir quelque chose de propre et il est assez audacieux, pas dans votre visage, pas excessif, mais quelque chose de propre et moderne et qui dit aux gens que c'est une salle de gym. Et donc ce que je vais faire, c'est passer par le nettoyage. Vous pouvez voir ici, je vais juste zoomer légèrement juste pour que vous puissiez voir. Et cela nous donne un tas d'options différentes. Alors, quel ? Je vais y aller ? L'un d'un va aller loin. Essayons le luxe, pas un et c'est comme ça et peut-être géométrique. Maintenant, allons nettoyer. Et je veux San-Serif, c'est probablement un bon endroit pour arrêter. Et regardez-en. Donc, ce que vous trouverez, c'est, je veux dire, ce ne sont que des variations de la doctrine de l'obsolète, du même style de police, mais ils ont définitivement tort. Je peux le garantir. En fait, en regardant ceux qui m'ont attiré l'attention sur la première page, je pense qu'on pourrait l'utiliser ici, Proxima Nova. Et j'ai déjà utilisé, je veux savoir psi est, mais je pense qu'on devrait juste aller de l'avant et utiliser cette poignée, celui-là. Je l'ai déjà utilisé. Je sais que ça marche, alors restons-en avec ça. Et maintenant je vais faire comme crée des projets. Et ce qu'on va faire. Ça allait juste l'appeler exemple Magnus gym. D' accord. Sauf si vous cliquez sur Créer. Et ce que nous avons fait là-bas comme nous l'avons fait, oui. Donc, ce que nous avons fait ici, c'est que nous avons des cas un projet web et que nous apprécions la police pour le projet web et le projet web avec fou comme ce qui sera appliqué dans Webflow juste au cas où ce n'était pas clair. Alors, cliquez sur Terminé. Maintenant, je me suis déjà connecté à mon compte Adobe Fonts, vous devrez donc le faire également. Mais ce que nous devons faire ici, c'est aller dans Paramètres. Donc, si vous allez dans le coin supérieur gauche, dans le petit hamburger, puis allez dans Paramètres du projet. Donc, nous n'avons pas vraiment abordé les paramètres beaucoup et nous le serons certainement si ici. Et comme nous allons comme toutes les bonnes choses ici que vous devez savoir. Mais on n'ira pas au laser dire. Nous sommes en train de mettre en place un domaine et d'autres choses. Mais ce que vous voulez faire pour les polices lorsqu'il va à la section police. Et vous verrez ici, évidemment, vous avez accès aux polices Google si vous voulez les utiliser. Je préfère juste avoir la flexibilité des polices Adobe et vous pouvez un peu avoir accès à des polices que vous ne seriez pas en mesure autrement. Si vous avez des polices personnalisées que vous souhaitez ajouter, vous pouvez le faire ici. Mais vraiment, si vous m'isolez, ce que vous allez probablement faire est d'utiliser des polices Adobe. Donc j'ai déjà mon compte, comme vous pouvez le voir, et nous pouvons voir l'exemple Magnus Jin ici. Donc je vais cliquer dessus et je vais enregistrer les modifications. Et ce que cela fera, c'est qu'il importera Proxima Nova. Et donc nos projets. Et c'est tout. C' est aussi simple que ça. C'est vraiment aussi simple que ça. La seule chose que je n'ai pas touchée aussi, et c'est un jeton d'API d'Adobe. Tout ce que nous avons à faire est de collecter l'API d'Adobe Stock et ils sont sauvegardés jeton. Et ce que font les API, tout ce qui fait est de créer comme une vérification entre les deux applications. Et il contourne un niveau de sécurité qui leur permet de se parler. Donc nous avons choisi les polices et la prochaine chose que nous devons faire est de regarder notre logo, non ? Donc une autre partie vraiment importante était un peu à nous ressembler. Parlons de cela ensuite et commençons à concevoir un logo. 11. Conception de votre logo: D' accord, donc la prochaine chose à faire avant de retourner dans Webflow et de commencer à rebondir comme créer notre logo. Il y a donc quelques bons sites Web que vous pouvez utiliser. Je vous recommande juste de vous donner quelques idées et le type de local que vous pouvez vouloir. Le premier en tant que recherche. Et j'ai utilisé un coup d'oeil à quelques fois, il me donne juste quelques bonnes idées et le type de logo et je cherche à créer, et il me donne juste quelques marchandises, n disons n au type de logo que je pourrais vouloir. Donc, je suis juste de me connecter très rapidement parce que j'ai déjà un compte avec eux. Et ce que nous pouvons faire, c'est que je vais générer plus de designs de logo. Et parce que j'étais déjà là, Elea faisait du travail, disons, sur l'ordre, mais c'est des cloches. Il y a déjà quelques suggestions pour Magnus gym. Alors gardons ça comme ça. Faisons simplement défiler ces derniers et jetons un coup d'oeil. Ok, donc il y a évidemment un tas de suggestions qui nous ont donné. Personnellement, je n'aime aucun d'entre eux, mais ce que vous trouverez chez nous, vous devez choisir ce que vous cherchez. Donc, si vous faites comme un plaisir et la haine les couleurs sont quelques-uns d'entre eux, vous pouvez aimer l'icône se comporter le texte connaître certains d'entre eux. Vous pourriez adorer l'icône et le texte se comporter la couleur, donc vous avez juste un peu à choisir et choisir. Et pourquoi faire est de me laisser voir s'il y en a un qui saute vraiment. Donc nous savons que notre couleur va être rouge. Cherchons donc des formes qui peuvent fonctionner. Celle-là semble intéressé. Beaucoup de choses se passent ici. Tout à fait comme le poids. En fait, je suis allé de l'avant et j'ai déjà fléchi un logo qu'on pourrait utiliser, mais je veux juste voir s'il y a autre chose ici qui saute du bras. Je ne sais pas ce que je ressens à propos de ça. Et de toute façon, le point ici est que vous pouvez juste continuer à défiler à travers cela et vous pouvez continuer à regarder des logos bien différents et vous pouvez prendre aussi longtemps que vous voulez. C' est un peu comme ça que les refroidisseurs de, vous, pouvez juste rester assis ici, cliquer et charger plus toute la journée en regardant un tas de logos différents. Certains d'entre eux sont intéressants, mais ce que nous pourrions faire, c'est de nous en tenir au logo, à l'extérieur. Ils sont allés de l'avant et les ont créés juste pour nous maintenir au rythme. Ouais, je vais juste les faire. Donc, pour concevoir votre logo, vous avez quelques options. Vous pouvez utiliser Adobe Creative Cloud ou Canvas. Si vous cherchez à créer rapidement un logo. Ou si vous avez déjà un logo, peut-être, peut-être que vous avez utilisé Canva, peut-être pas par recommandation Canva pour la plupart des gens, juste si vous êtes arrêté pour utiliser ce facile à utiliser, glisser-déposer toutes ces bonnes choses. Donc je vais faire, c'est oui, c'est le logo que je cherche ici. droite. Donc, je suis déjà allé de l'avant et fou le côté de différents rouges. Alors passons aux rouges que je cherche à utiliser. Revenez ici et faisons tout ça, des profits. Ok, essayez heureux avec ce truc dans l'ensemble. Ouais, d'accord. On peut s'en tenir à ça. Je ne suis pas plus rapide que l'os. Donc ce qu'on va faire, c'est que je veux le rendre un peu plus grand. Donc, on a le foo de Bang pour Buck. Je vais recadrer cette dynamique pour qu'elle ne soit pas trop massive sur la taille et les choses. Et puis nous allons télécharger. Donc nous allons aller PNG transplanter et télécharger des arrière-plans. Et maintenant que nous avons fait ça, revenons dans le Webflow. Alors on y va. Sauf si, oui, revenons ici. Retournons au designer. Et nous allons télécharger ce logo. Et cela devrait être mis n'est pas bon sites de statistiques vont commencer à concevoir la même chose. Allons aux MG. Cliquez sur les téléchargements, moins ici, ouvrez cela. Ok, et on peut voir nos logos dans leurs poches. Alors maintenant que nous avons un logo, évidemment vous prendre un peu plus longtemps parce que vous devez en concevoir un à partir de zéro. Tu dois passer du temps à trouver des idées. Le logo est vertical important. Alors assure-toi de passer ton temps dessus. Assurez-vous d'être vraiment satisfait avant de le mettre sur votre site. Mais oui. Donc la prochaine chose que nous devons faire, et nous allons retourner dans un formulaire Web arrêtera les cloches sur cela car nous devons construire un guide de style. Maintenant que nous avons des couleurs, nous avons des fonds, nous avons notre logo, et nous devons construire un guide de style. Et un guide de style va vous rendre la vie beaucoup plus facile quand vous commencez à construire sur cette plate-forme. Alors passons à ça dans la prochaine vidéo. 12. Conception de votre guide de style: Ok, donc maintenant que nous avons une couleur de marque, nous avons notre typographie ou nos fonds et nous avons notre logo. Il a tendance à aller de l'avant et à construire un guide de style dans Webflow. Donc, si nous revenons à Webflow et nous allons créer une page et nous allons appeler un guide de style maintenant, au cas où vous vous demandez pourquoi rester tous obtenir As et comme, pourquoi, pourquoi puis-je juste aller de l'avant ceinture le site maintenant a1 wie das une facture pour rester OU porte. Cette journée va aider avec quelques choses. Tout d'abord, va aider lorsque vous appliquez différents thèmes, les différentes parties de votre site. Et parce que ce que nous allons faire, c'est que nous allons créer des classes et je vais expliquer exactement quelles sont les données pendant que nous traversons le processus. Mais l'autre chose, ça vous aidera à faire comme ça. Si vous créez également du contenu social, vous savez, peut-être que vous faites également un marché de l'introduction en bourse. Si vous le faites, si vous utilisez différentes méthodes de marketing où votre marque s'applique, le gain stable va vous aider à garder votre marque cohérente sur toutes les différentes plateformes que l'urine, mais surtout va vraiment pour vous aider dans Webflow et vous faire économiser beaucoup de temps et d'énergie. Alors allons de l'avant et créons une nouvelle page. Et nous allons l'appeler des guides de style. Et c'est tout ce qu'il faut faire. Vous n'avez pas besoin de faire quoi que ce soit sur le référencement. Vous n'avez pas besoin de les diagnostiquer avec Open Graph, mais il y a une chose à faire. Donc, si vous faites défiler vers le bas vers le bas de cette page, vous avez des codes personnalisés et vous avez la balise tête NSA et une balise body. Et vous avez besoin d'un peu de codes. Tu as besoin d'un peu de code. Pour que cette page ne soit pas indexée par Google en raison du but de ceci est d'être utilisé en interne sur votre étude. Le but de celui-ci n'est pas qu'il soit indexé par Google. Tu ne veux pas vraiment que quelqu'un le voie. Donc, cette page que je viens de tirer vers le haut, il ne devrait pas Google Search Console lui-même. Et nous voulons utiliser une balise sans index. Et cela dit essentiellement à Google que cette page que nous regardons ne devrait pas être indexée par eux. Nous ne voulons pas qu'elle soit indexée. Donc ce qu'on va faire, c'est qu'on va copier ce code ici, le copier, et retourner à Webflow. Et on va coller l'étiquette de la tête de fin, d'accord ? Et c'est tout. Donc, cela va arrêter Google crawl sur cette page et je vais juste Google n'importe quel moteur de recherche. Il arrêtera tout, n'importe quel moteur de recherche acheté crawl sur cette page et le nœud d'index. Donc, quand nous l'avons fait, appuyez sur Créer. Maintenant, nous avons nos guides de style. Donc, ce que nous allons faire avec le hayon, c'est que nous allons construire le thème de notre site Web. Et juste pour donner un peu de comparaison ici, vous savez, nous allons parler de WordPress un peu sur vague pour vous fondamentalement créer votre propre thème. n'y a pas de Wordpress où vous en choisissez un. Vous pouvez choisir des modèles pour les couches et le type de structure que votre site doit suivre. Mais quand il s'agit de thèmes, de polices, couleur, de design, d'animation, de trucs comme ça. Nous devons construire un guide de style pour que cela soit le cas. La façon dont j'aime décrire les étages Web, c'est fondamentalement comme un développement sans code pour aimer c'est le plus proche que vous arriverez à coder sans avoir à manteaux, ok ? Parce que les principes fondamentaux de cette plate-forme est construit à partir de la fermeture. Et c'est, c'est la vérité. Donc la façon dont on va faire ça aussi, on doit juste suivre ce que je fais. Ici. Je suis un appliquer la même chose que dépendante de ce que les polices et les couleurs que vous utilisez. Il peut être légèrement différent. Faisons juste une section. Et puis on va jeter, je vais juste jeter un conteneur ici pour l'instant. Je vais parler de mes tours avec des conteneurs laser. Et la première chose qu'on va faire, c'est qu'on va, désolée, les titres sont affleurés, ça va être la chose principale. Alors ajoutons ça ici. Nous allons en ajouter six. D' accord ? Et puis sous chacun d'eux, nous allons ajouter un paragraphe. D' accord ? Donc parlons d'un que nous allons utiliser ici va être nos titres H1. C' est donc le titre qui sera utilisé en haut de chaque page. Et 40 H1 nous voulons faire, tout d'abord une chose. Donc c'est déjà marqué celui-là. Mais avant de commencer à éditer ceci et de mettre fin aux erreurs et de le rendre reflet de la marque que nous essayons de réaliser. Nous voulons donner un cours et nous voulons l'appeler, je vais l'appeler basique. Ouais, ça va faire. On va appeler ça l'âge de base 1. Cliquez sur Créer. Maintenant, ce que je viens de faire est de créer quelque chose appelé une classe. Et la meilleure façon de décrire une classe comme un ensemble de caractéristiques de marque ou de thèmes de marque sont fonctionnalités conçues plutôt que vous appliquez à un mot particulier sur votre site Web qui est indépendant de tout ce qui n'a pas cette classe. Donc, je peux appliquer cette classe à toutes sortes d'éléments différents, toutes les modifications que je fais ici. Donc H1 avec cette classe, tant que j'appliquerai cette Teller, lesquels de mon côté, le même thème, les mêmes principes de conception seront appliqués. Et c'est un point clé. Donc, nous avons H1 de base. Et ce que je vais faire ici, c' est ça, c'est bon à ce que je sais que vous pouvez utiliser qui aidera à dimensionner vos titres. Donc Web dit, je pense que c'est correct. Ce n'était pas celle-là. Donne-moi deux secondes. Vous pouvez vraiment utiliser n'importe lequel de ces. C' est juste une préférence personnelle, mais il y en a une que je trouve très utile. Et c'était celui-là. Non, je crois que c'était celui juste en dessous. C' est un. Oui. J'aime bien celui-ci quand j'utiliserais. D' accord. Donc ce que vous allez faire ici, comme vous allez mettre votre taille de police de texte corps, je vous recommande de coller les 18. Et le minimum vraiment pour votre site Web devrait être 16 par toujours recommander async parce qu'il est juste bon pour la convivialité et l'accessibilité et s'assurer que tout le monde peut lire ce qui est sur votre site. Et puis quand vous mettez le n et cela va vous dire ce que toutes les autres incisives de la tête devraient être à travers différents points d'arrêt et basé sur cela, fonction de cette taille de paragraphe. Donc, vous pouvez voir ici parce que ma taille de police de corps sera 18, c'est essentiellement dire que mon H1 sur le bureau devrait être 54. Il devrait laisser tomber le 45 sur tablette, puis 36 sur mobile. Alors revenons en arrière et appliquons certains de ceux-ci à notre H1. Donc le premier que nous avons est 54. Donc je vais faire la taille de cette liste. On doit aller à la typographie. Alors effondrons toutes ces écoles à la typographie. Donc on peut voir que c'est une Chine 38. Alors faisons ce FST pour la MPOC. On en a augmenté la taille. Et pourquoi ne pas entendre ? Changons-le simplement pour les polices, les polices apparaissant que nous voulons. Et regardons la couleur. Donc c'était une couleur que nous voulons peut-être assez similaire à celle qui est déjà arrivé ici. D' accord. Juste un peu différent mais à peu près sur la même ligne. D' accord. Nous avons donc fait cela et maintenant nous voulons nous assurer que les bonnes tailles de police s'appliquent. C' est tous ces points d'arrêt différents. Alors que vous montez l'échelle, que vous vous rapprochez du mendiant, un point d'arrêt, ça n'a pas vraiment d'importance. La seule importance vraiment la taille du Haden et le tout réduit à mesure que vous allez sur des appareils plus petits. Donc ce qu'on va faire ici, c'est qu'on va aller à la tablette. On va prendre la tablette numéro 45. Et nous allons l'appliquer ici. Ok, pas l'échelle vers le bas. Et puis on va aller à H1 mobile 36. Et nous allons appliquer 36 pour les deux mobiles horizontaux. Je suis juste une Volvo normale qui veut se mettre d'accord, des profits. Donc c'est un doucement, C'est fondamentalement une échelle IB. Vous pouvez voir que cela reste cohérent et que nous restons efficaces pendant que nous allons jusqu'ici. C' est vrai ? Maintenant, nous voulons passer à H2. Donc je vais appeler ça H2 basique. Ok, donc on veut juste recommencer le même processus. Alors faisons cette topographie, ramenez-la à Proxima Nova. Assurez-vous que nous utilisons les bonnes couleurs. Comme mentionné précédemment. Les audacieux et sans fin vont par ici. Donc, pour hedge to desktop, on regarde Farsi 1, Suède, non ? Sauf si vous savez que les compétences sont en baisse. Donc nous allons vous forcer, prévoir 1, 36, puis 29, sauvegarde, SAP encore, une étape 3, retour à 0. Aucune chose que j'ai oublié de mentionner. Celui-ci, j'ai oublié d'ajouter une classe ici. Et c'est un bon point en fait. Si vous ne créez pas de classe avant de faire un travail de conception sur un élément. Workflow attribue automatiquement une classe, mais vous pouvez changer le nom de la classe n'importe quel point. Et donc celui-ci est juste en train d'être assigné à la tête. Donc je vais changer ça et je vais appeler ça un H3 de base. Et une autre chose à souligner, quand vous faites, quand vous faites une classe et que vous l'appelez HCI de base est particulièrement pour les titres. Il ne va pas changer automatiquement l'évaluation ici. Donc, par exemple, je ne pense pas que ce soit ici qui devrait être marqué comme H 2. Et celui-ci devrait être marqué comme un H3. D'accord ? Donc ça va vraiment t'aider un peu. Ok, de toute façon, passons à H4. Si basique h4. D' accord ? Et maintenant, vous pouvez voir le H4. Quand nous entrons dans 20, les choses commencent à devenir assez petites. Et en fait, je ne vais probablement pas dépasser H4 et cette instance, et je n' imagine pas que nous allons utiliser plus d'une page pour quand nous serons construits sur le site. Alors gardons ça. Nous avons nommé le h4 de base. Nous voulons nous assurer qu'il est marqué comme h4. De retour par ici. Voyons voir. J' imagine que oui, ils resteront tous 20 ans, même si je tombe, on y va. Ok, bien, bien. Donc nous allons juste utiliser parce que nous n'avons plus besoin de ça. Je ne pense pas qu'on en aura besoin, mais on ne veut rien faire. J' aimerais faire ici. Donc, ce que nous voulons faire est de modifier le paragraphe et je vais vous conseiller ce qu'il faut faire ici, mais nous voulons juste nommer cette classe Basic Paragraphe. Encore une fois, nous allons changer son ANOVA approximative. On va faire la taille 18 comme on l'a dit. Ok, cool. Comme vous pouvez le voir, parce que nous avons augmenté la taille du texte et ceci, et ce paragraphe sans réellement augmenter la hauteur. Ça a l'air un peu drôle. Il semble serré et condensé. Quand il s'agit d'envoyer la taille est loin. Vos paragraphes de base. Pourquoi conseillerait-il que l'augmentation du foin ? Modifiez-le en pourcentage. Et puis tu regarderas quelque part entre 125 % et 165. D' habitude, je voudrais aller d'habitude vers 145, ce qui oui, je peux vivre avec ça. Ça me semble bien. Oui. Je peux ajouter à cela. Je peux vivre avec ça. Ça a l'air bien. Je pense. Voyons voir à quoi ça ressemble à 16 ans. 5 est en fait de sorte que vous pouvez jouer un peu avec habituellement. Je veux dire, tu ne veux pas que ça regarde dans l'espace. Ça n'a pas l'air, tu sais, ça n'est pas facile pour les yeux. Vous voulez juste regarder de l'espace pour qu'il n'ait pas vraiment l'air des tendances, c'est ce que nous voulons. Donc je pense que c'est juste. Je pense que c'est un bon endroit pour commencer. J' essaie juste de penser qu'elle irait 17 ou 16 ans. Peut-être pour ce site, je pense que nous pouvons aller pour un 16, en fait, 16 px en termes de paragraphe de base, Hey, je pense que cela peut être plus approprié. Donc on va aller 65, et bon, 69 taille. Oui, comme je l'ai dit, je veux dire pour la hauteur du polygraphe, vous devez vraiment prendre comme il vient, parfois les polices seront légèrement différentes si vous utilisez différentes polices avec elles. Et c'est là que vraiment la taille et la justice. Donc une chose peut, pour celle-là, comme il restera avec 16. Et nous avons défini notre paragraphe de base. Copiez rapidement cette couleur sur. Ok, bien. Je suis très content de ça. Je pense que ce qu'on va faire c'est qu'on appliquera ce cours à tous ces Haden juste pour que tu puisses avoir une idée de leur apparence avec différents Haden. Et puis je vais marquer que c'est en tête un, direction de la troisième, puis de la quatrième. D' accord. Je suis très content de ça. Je pense. Ouais, je me sens bien à propos de ça. Donc ce qu'on va faire maintenant comme ça, c'est le, c'est le truc principal. Donc, comme je parlais avant, cela signifie que vous pouvez essentiellement prendre ce H1 de base que vous pouvez copier et vous pouvez l'appliquer à d'autres endroits sur le site. Et le guide de style restera le cœur de ce que sont ces classes. Maintenant, vous avez quelque chose appelé classes combo. Si jamais vous devez changer l'un de ceux-ci dans une page particulière parce que la couleur n'est pas correcte ou quelque chose comme ça. Et je vais te montrer comment faire ça un peu, Lisa. Mais c'est le truc principal. Mais c'est le truc principal. Maintenant. Maintenant que nous avons le texte ou la façon qui était l'un des composants de base. Une chose que nous voulons faire, hum, comme ajouter des boutons, ok, alors laissez-moi revenir ici. Je vais tirer sur un bouton et on veut trouver un design pour 40 boutons, non ? Nous voulons qu'un bouton soit le reflet d'une marque. Nous voulons aussi pour n. Donc ce que je vais faire ici, c'est que nous sommes une sorte de topographie à ce stade et nous allons regarder plus dans sa taille, ses arrière-plans et ses frontières. Donc, ce que je veux que mon bouton dise, la plupart des boutons diront les normes En savoir plus. Et je veux que le texte soit évidemment Proxima Nova. Je veux que le fond soit beau, rouge qu'on a choisi. Et replacez ça. Allons dans les arrière-plans. Très bien, Sweet. D' accord. Maintenant, comme vous pouvez le voir, ça semble encore un peu. Je suis comme si c'était juste un bouton de base, non ? Alors faisons le texte en gras. Nous allons faire les frontières, mais les courbes maintenant nous pouvons soit, soit la pilule re n, donc il ressemble un peu plus à ça ou nous pouvons juste l'avoir jamais si légèrement. Pour moi, pour cela, je pense que nous allons garder le je pense que nous pourrions aller remplir. Mais comme nous l'avons fait, ce que nous devons faire est de remonter à la taille, pas de taille. J' ai donc n'importe quel SQL à l'espacement. Cela signifie ajouter un lub et plus de rembourrage sur les bords ici. Je pense que peut-être le vol dire oui, je pense que c'est une chose raisonnable naturellement savoir peut-être 21 chose que vous trouverez quand vous traverserez ça , c'est que vous jouerez un avion sur beaucoup dedans. Nous essayons de trouver ce qui est le mieux. Donc je pense que c'est approprié. Et une autre chose qu'on va vouloir faire c'est qu'on veut juste le faire sortir un peu plus, mais on veut lisser ces bords durs. On en a fait la taille. Je pense que ça a l'air bien. Je pourrais probablement utiliser ça et me sentir bien à ce sujet. Mais une chose que j'aimerais faire comme quand on va à Effects, on a un pâté, on ajoute une boîte à ombre, non ? Alors cliquez sur plus sur cela. Pas si basique paragraphe donc, non, je veux, je veux sur le bouton. D' accord. Maintenant, la chose à propos de cela, quand vous ajoutez des ombres en vrac et que vous ne voulez pas vraiment qu'elles soient plaque perceptible, nous avons parlé à nouveau avec, vous savez, un bon design est la conception comme un oocyste. C' est généralement pour ça que je dirais, nous voulons, nous voulons nous assurer que nos utilisateurs ne vont pas se sentir comme, oh, ça ressemble à ce que ça ne semble pas tout à fait correct. Donc on veut prendre la distance. Je devrais savoir qu'on peut laisser une chose que je peux laisser. Vous pouvez le laisser à un flou sur le fard à joues pour être assez élevé. Mais nous voulons que la taille soit assez petite. D' accord. Vous ne voulez pas utiliser ces nez et c'était une sorte de flou là-bas. Et nous ne voulons pas de noir jais, nous voulons le tirer vers le bas peut-être à la même nuance de gris que nous utilisons sur le texte. D' accord. Donc, vous ne pourrez peut-être pas remarquer que vous savez vraiment que vous avez fait. Ils sont très, très léger flou autour de ce bouton. Cela le fait se démarquer un peu plus, donne beaucoup plus de texture. Et, mais pas tellement que ça va gêner quelqu'un qui le regarde. Je vais juste me sentir mal à l'aise sur les yeux. C' est ce que je dirais. Donc c'est un bouton pour qu'on puisse copier ça. Oh, la dernière chose qu'on doit donner à ce cours, donc on va appeler ce bouton de base, non ? Et nous pouvons appliquer cette classe à n'importe quel autre bouton que nous ajoutons. Donc le site aussi. Alors copions ça. En fait, non, nous pouvons le dupliquer et nous pouvons juste voir à quoi ça ressemble et d'autres domaines. Et je sais ce que tu penses. Quel est le diplôme ? Oui. Je veux dire, dites à votre marque comme la chose que la marque Azure développe, vous pouvez utiliser cette page pour continuer à développer différents aspects de celui-ci. Donc, par exemple, si je veux que vous ajoutez une couleur d'accent ici, je veux que vous fassiez des choses différentes et oui, j'avais toutes ces couleurs différentes et peut-être que je voulais ajouter un autre plaisir. C' est l'endroit où je ferais le travail pour que cela se produise. Maintenant, maintenant que nous avons le bouton, nous avons le texte, je suis assez haut, assez heureux avec eux. Je fais encore des ajustements sur le bouton. Je pourrais peut-être modifier le bouton à nouveau, mais à part ça, je ne pense pas que je vais faire grand-chose. Donc maintenant, la dernière chose que nous voulons faire ici est évidemment juste pour la facilité d'utilisation ID puis une section ici. Je n'ai pas Webflow conteneur standard, je vais en fait vous montrer ici, a effectivement ceinture la section et le conteneur. Parce que si vous utilisez ces points d'arrêt plus élevés comme nous avons parlé, vous avez en fait un peu clair à ce sujet, donc tout joue bien. Laissez-moi en parler maintenant. Donc ce que je veux faire quand je suis allé dans un quartier sourd juste là, maintenant, je suis un peu inversée et c'est vrai. Quand vous le construisez, vous n'êtes qu'une section et puis vous mettez un blog mort côté et tout ce que j'aurais dû mener avec ça. Pardonnez-moi. Mais on va le faire. Je vais tirer ça dans le bloc. Donc je vais tirer tous ces éléments dans l'impasse. Donc ils devraient tous juste traîner et juste comme ça, beaucoup de temps, mais nous y arriverons. Ok, remarque et maintenant je veux juste changer ça bloque et je ne veux pas jeter ce conteneur. Maintenant, vous pouvez voir que quand j'ai eu l'impasse et comme j'ai parlé d'un genre, il n'y a pas de différence entre un blocage dans un conteneur et le conteneur est juste un blog de développement. Le Webflow est joué avec un peu. Mais ce qui est cette section pendant que je veux faire, c'est que je veux donner un cours à ça aujourd'hui. Je veux l'appeler section de base. Oui. Je ne peux pas épeler clairement la base. Section de base. Et en termes de mise en page, je veux aller à la boîte de droite, comme nous l'avons déjà dit. Je veux que ce soit vésicule et I1. Oui, je veux ça là. Non, je ne vais pas aimer ça. Tu sais, je suis allé là-bas et c'est tout ce qu'on veut. Ok, Alors que le bonheur, cette section, nous allons évoluer quelle que soit la taille des appareils qu'un utilisateur regarde. Ce que l'impasse a légèrement changé et je vais en parler maintenant. Donc ce qu'on va faire, c'est aller au bloc de déf. Je vais appeler ce conteneur de base. Ce qu'on veut faire, c'est laisser ça comme ça. Ensuite, en termes de weds, nous voulons définir nos weds max à la largeur d'un point d'arrêt de base. Donc, nous voulons qu'une largeur maximale soit 11, 7, 8. Et nous voulons être Laisse-moi voir où nous en sommes à 99. Et ce qu'on va faire, c'est définir les poids réels pour voir ce qui est celui-là ? Des centaines. D'accord ? Et puis ce que nous voulons aussi faire est avec le rembourrage, vous ne voulez jamais vraiment des éléments n'avaient pas le site de la page comme ceci. Donc ce que tu veux faire, c'est ajouter du rembourrage sur chacun, dire probablement péter , dire oui, oui. Ouais, ouais, commençons par FAR. Vous verrez que nous continuons, vous pouvez toujours revenir et changer ça si vous changez d'avis, mais oui, nous allons nous mettre loin de ça. Et alors que nous montons, d'accord. Vous ne pouvez pas vraiment le voir en ce moment. Mais j'espère que cela me laissera juste eux. Je vais zoomer légèrement et vous montrer ici. D'accord. droite. Donc, si vous pouvez voir cela, ce qui se passe, c'est la section, fur et à mesure que je sors, la section augmente. La section augmente en largeur. Mais la façon dont j'ai défini cette section comme si l'a garde le conteneur de base centré quelle que soit la taille de la section As. Et parce que nous avons défini ces restrictions autour des hyphes que conteneur peut sortir et il ne va pas s'étirer trop loin à mesure que l'écran devient plus grand. C' est une chose courante que vous verrez sur la plupart des sites Web parce qu'ils ne le font pas. Parce que ce qui se passe est si vous avez conçu quelque chose de parfaitement sur ce point d'arrêt de base 0. Et juste pour les dimensions de base d'un site Web, si vous le retirez, vous perdrez tout ce superbe design, tout ce que vous avez fait avec. Il est donc préférable de garder les choses capteur pour garder tout en place. Et c'est pour ça que nous faisons ça. Donc je suis plutôt content de ça. C' est l'astuce quand il s'agit de conteneurs. Donc maintenant, nous avons notre section de base et avons un conteneur de base. Nous avons nos rubriques de base et nous avons un paragraphe de base. Et je suis presi globalement content de ce que ça ressemble si je suis honnête. D' accord. Donc on se dit peut-être, eh bien, non, j'ai un peu un guide et un jeu rassis. Eh bien, la prochaine chose que nous devons faire est que nous devons aller avant et créer notre en-tête sous FIFO. Et c'est ce que je vais passer à l'étape suivante. Et ce que nous allons faire, c'est quand quelque chose arrive, nous allons penser qu'il est approprié et c'est pourquoi je le fais habituellement. D' habitude, je commence avec ça comme mon regard de studio. Et quand je pense que quoi que ce soit d'autre doit guider, il est là, par exemple, disons un 10, je ne connais pas le terminus du bouton, non ? Il n'y a pas celle-là. Il semble un peu différent de celui qui correspond à un type de design différent. Et je reviendrai et je vais concevoir un bouton différent avec une classe différente. Et tu peux faire ça pour toutes sortes de choses, non ? Ouais, donc maintenant on va passer à la conception de l'en-tête, ce qui est vraiment important. Et puis nous allons concevoir le Fisa. Et puis on va commencer à remplir les blancs et je dirai que ça a l'air bien. Ok, donc c'est un gros hors du chemin. Passons à la suivante. 13. Créer votre plan de site: Ok, donc maintenant que nous avons construit des portes de séjour OU, il est temps de commencer à construire les têtes sont un officier d'un site web. Mais avant de le faire, il y a une dernière chose moyen est une ceinture, un sitemap et des pages et Audra. Et parfois cette étape du processus peut être ignorée. Cela dépend de la taille du site Web que vous construisez. Et par la lumière pour inclure cela de toute façon, juste parce que je sais que vous pouvez être construit dans un plus grand site était plus de pages et F, Donc ce nece, peut-être quelque chose que vous voulez considérer. Donc, chaque site Web aura quelque chose appelé un sitemap. Et un sitemap comme la façon de Google même chatbots dans la structure de votre site et quelles pages sont importantes. Maintenant, les sitemaps ne sont pas seulement pour cela cependant, il y a toutes sortes d'aide que vous gardez une trace des pages qui construiraient dans un plus de pages sont importantes pour vous. Alors pourquoi faire habituellement, j'utilise habituellement simplement nous pour appeler la souris de colle, mais vous pouvez également utiliser les goûts de Lucidchart comme nom. Ouais, tu peux utiliser Lucidchart. J' ai utilisé Lucidchart et le passé, et ils sont vraiment bons si vous essayez de construire ce genre de choses. Allons juste filaire visuel, mais c'est pour ça que c'est la colonne. Et c'est ce que vous faites quand vous construisez une carte du site. Donc, les pages que nous allons avoir, si nous sommes un peu rédigés ceux-ci comme une hiérarchie tandis que la page d'accueil aura la page à propos. Et nous aurons également beaucoup de page de services aura une page de prix pour différents forfaits. Et le dernier que nous aurons comme page de contact. Alors, allons juste le mettre dans. Et maintenant, on en a 15. Oui. Donc c'est à peu près la taille d'un. On a un site web de cinq pages et je peux vivre avec ça. Donc ce qu'on veut faire avec ça, maintenant que nous avons notre plan du site, comme vous pouvez l'enregistrer, vous pouvez le télécharger, faire ce que vous voulez. Et vous avez un site mendiant, comme je l'ai dit, alors vous êtes probablement vouloir garder savoir que quelque part ou garder le tas, vous savez, un document actif sur la lueur obsolète que nous avons ici et juste l'ajouter à chaque maintenant et encore, si les choses changent, beaucoup plus de clarté sur le contenu de votre site et le plus important pour vous. Donc, maintenant que nous connaissons nos pages, Revenons à Webflow et une dernière chose, effacement va réellement générer le sitemap du site Web pour vous. Donc, celui que Google va lire Where générera automatiquement cela pour vous afin que vous ne vous inquiétez pas d'avoir à faire autre chose que cela est quand il s'agit de votre plan de site. Et c'est juste pour vous aider. Donc quand on aura fait ça, on repart. Donc Webflow, et nous allons juste créer rapidement nos pages. Donc, nous avons notre guide de style qui n'étaient pas index, et puis nous allons créer une nouvelle page. Alors appelons celui-là abouts. Encore une fois, notons ce que j'ai sur, quelque chose comme ça en ce moment, créons simplement ces pages. Donc, nous avons la page Web. Ensuite, nous allons aller chercher des services. Créons ça. On va avoir des prix. Nous allons avoir des contacts. Et nous allons avoir une page de contact. Ok, génial, alors créons-les. Et nettoyons le groupe Apollo. Assurez-vous que le guide de style n'est pas et le chemin. Très bien, donc maintenant on a toutes nos pages et c'est tout. Donc, la raison, encore une fois, juste pour souligner, la raison pour laquelle vous voudrez économiser. La raison pour laquelle vous voudrez en créer un, c'est si vous avez un site Web mendiant, si vous avez plus de pages, c'est pourquoi vous en voudrez une, parce que vous voudrez garder une trace des choses. Vous pouvez envisager d'acheter des CFS et des pages dans des dossiers. Donc oui, si vous construisez un site plus grand, alors je recommande certainement d'établir un sitemap. Mais avec cela étant dit, nous allons nous casser et nous allons construire notre en-tête. 14. Créer votre Navbar: Ok, alors maintenant que nous avons commencé et créé nos pages, nous avons notre plan du site et tout ça. Et maintenant, nous voulons aller de l'avant et créer la barre de navigation et la fissure. Et cette vidéo, on va juste regarder la tête de la barre de navigation. Et on va y être construit. Et je vais vous montrer étape par étape comment faire ça. Tu peux vraiment faire tout ça dans l'ordre que tu veux. Je pense juste qu'il est préférable pour ceux d'avoir la barre de navigation dans les viscères du chemin. Et surtout parce qu'ils seront des symboles, il y aura des choses qui apparaissent dans chaque page du site. Et c'est un morceau juste de tout ce que vous faites sur le chemin quand vous avez fait les deux, je trouve juste ce bon moyen de briser la vidéo d'entraînement et ça marche pour moi. Donc, cela peut fonctionner pour vous. Donc je dois le faire. Ce qu'on va faire, c'est aller à ce signe plus en haut. Je vais juste me mettre ici. Et nous allons faire défiler vers le bas. Et vous verrez Navbar. Et on va tirer ça ici. Ok, alors rappelez-vous quand j'ai parlé de conteneurs et comment ils sont un peu marrants. Ceux que Webflow vous donne ce que ce conteneur, vous êtes limité à ce weds de conteneur. Et on ne veut pas ça. Nous voulons pouvoir utiliser l'espace à gauche et à droite. Et maintenant pour ce faire, nous devons singer sur lit Othello avant de commencer à faire tout le design de choses avec ça, nous voulons mettre nos structures en place. Donc, il n'y a pas de navbar. Nous avons le conteneur, comme vous pouvez le voir sur le navigateur sur le côté gauche. Et puis dire que nous avons la fonctionnalité de la marque et puis nous avons fait allé Nav Menu était nos liens de navigation et de le citer. Et puis nous avons un bouton de menu qui apparaîtra lorsque nous serons sur des appareils mobiles. Mais ce que je veux faire ici, c'est que je veux que ce conteneur soit les réseaux trophiques. Maintenant, je ne veux pas singer avec ce conteneur parce qu'il ne va pas me laisser, il est limité aux nouvelles villes de ce qu'il peut faire et ça ne va pas me laisser sentir que c'est la pleine largeur. Donc, ce que je voulais faire comme billet ce bloc, je vais le faire glisser dans le conteneur. Et je me demande si toutes ces choses et dire que diblock et nous allons nommer renommer et un deuxième malveillant tirer tous et je vais retirer ça. Et puis nous allons abandonner les Container Insights. Ok, et maintenant regarde ça. Nous avons une pleine largeur et ce que nous allons faire ici, c'est que nous allons appeler ce conteneur de barre de navigation de type « def block ». Ok, génial, Donc nous avons créé ce verre, qui est juste un type différent de conteneur parce que ce que nous ne voulons pas comme les paramètres et structures que nous allons mettre sur bloc imbriqué sera différent d'un donc nous ne voulons pas les mélanger. Maintenant que nous avons cela en place, faisons quelques choses. Donc beaucoup de travail que vous ferez avec la barre de navigation et la Fisa. Et la raison pour laquelle cela peut prendre un peu à la fois est parce que vous essayez de mettre en place les structures qui lui permettent d'être réactif. Nous en avons parlé de réactivité et de points d'arrêt. Nous voulons qu'un site Web évolue correctement. Et pour qu'il évolue correctement, nous devons imposer des restrictions à certains points de fermeture et points d'arrêt pour qu'il fonctionne correctement. Parce que pour ce point d'arrêt de base, vous trouverez qu'il est appliqué pour une gamme de périphériques sont petits et plus grands k et la barre de navigation sera poussé Entrée et il sera retiré. Et nous voulons faciliter cela. Nous voulons qu'il soit réactif quel que soit l'appareil sur lequel quelqu'un le regarde. Donc ce qu'on va faire, comme on a la barre de navigation ici, on a le conteneur de la barre de navigation. Et la section Navbar. Nous voulons le laisser tel quel. D' accord ? Et lorsque nous cliquons sur la barre de navigation, ce que nous voulons faire, c'est que nous voulons cliquer sur ce bouton ici à droite de notre écran. Nous voulons cliquer dessus et puis tout cela aura l'air un peu funky, mais restez avec moi et vous verrez comment ça se passe. Donc, en termes de direction, nous voulons que ce soit vasco. Ok, et vous pouvez voir que c'est, c'est un peu revenir à ce qu'on regardait avant. Et nous voulons qu'il soit centré ici. Encore une fois, ces n, Le peu importe. Et puis nous voulons qu'il soit complètement aligné ici. Et c'est la raison pour laquelle nous faisons cela est parce que nous voulons que la barre de navigation s'étire jusqu'à, concerne un affichage, comme vous pouvez le voir lorsque nous montons, mais nous voulons que nos barres de navigation restent cohérentes avec le reste du site Web. Donc, pour ce faire, et nous nous sommes assis dans l'entretien, la barre de navigation censuré indépendamment de la façon dont les objectifs pondérés et un affichage de bureau. Et mais ce que nous devons faire savoir que nous devons obtenir ce conteneur le bon Quelle est la hauteur ? Donc ce que tu vas faire, c'est cliquer sur ce conteneur et ensuite tu vas mettre, hum, des conditions dessus. Donc les conditions que nous allons mettre, vous allez aller à la taille et ensuite vous allez aller au minimum pour les hommes. Donc tu vas aller à Size. Et puis quoi ? Vous allez cliquer sur vw, ce qui signifie vue. Qu' est-ce qui est OK ? Maintenant, vous pouvez voir que tout est étendu, mais nous allons régler ça à 100. Donc, voir comme nous avons parlé, cela signifie que quel que soit l'appareil que quelqu'un regarde sur elle sera le blanc de l'écran. Mais on veut imposer des restrictions à ça, d'accord ? Parce que nous ne voulons pas que nous ne voulons pas de la vue ce qui est appliqué quand nous avons atteint certains de ces points d'arrêt plus élevés. Donc, pas seulement pour contourner cela, nous devons imposer des restrictions. Donc on va rencontrer le minimum de mouilles. Laisse-moi juste voir ici et c'est juste jamais si légèrement. Oui. D' accord. D' accord. Donc on va faire la largeur minimale 992. Et nous allons faire la largeur maximale 12, 79 bénéfices. Et maintenant, nous allons monter ces points d'arrêt. Vous pouvez voir comment la barre de navigation, et comme elle s' est étendue tout au long du chemin, reste là où nous voulons qu'elle soit. Alors revenons en bas. Donc point d'arrêt de base. En termes de foin d'une barre de navigation moins rapidement, il suffit de vérifier notre hauteur ou comment vous devriez être ou un ACP x pour cela. Donc 60, je pense que je pense que nous allons juste faire tomber ça jusqu'à 70. Oui. Peut-être que c'est immédiatement dire oui, je préfère beaucoup le CA. Ça donne juste un peu plus d'espace, plus d'espace. Donc maintenant ce que nous avons ici, nous avons, nous avons un peu souillé que certaines des structures d'un Napa. Mais nous pouvons voir ici qu'une marque que nous sommes un local va être. Et puis notre barre de navigation trop près des bords que nous voulons, nous voulons, nous voulons nous laisser un peu d'espace entre eux. Nous ne voulons pas qu'il bouclette deux clusters. Donc sur un conteneur, ce qu'on veut faire, c'est ajouter du rembourrage. Et la chose que je vous recommande d'ajouter est 40 px. Ça devrait suffire pour ce qu'on fait ici. Et je peux juste lui donner un peu d'espace. Ça nous donne de la place. Et ce que vous trouverez, c'est quand vous concevez un site Web est la véritable BC d'un bon site Web comme dans l'espace autour du texte et des images. Cela contribue grandement à la façon dont les gens perçoivent un site Web, mais nous n'avons pas besoin d'entrer dans tout cela ici, mais des espaces plus importants que vous ne le pensez. Maintenant que nous avons cela en place, nous voulons commencer à façonner ces longueurs. Maintenant, je sais que vous pensez que vous êtes probablement, eh bien, nous n'avons pas touché à la tablette ou aux appareils mobiles. On va y aller dans une seconde, mais concentrons-nous sur le fait que tout soit bien sur le bureau. Alors ajoutons une page. Ceux-ci rentreront à la maison sur les contacts et vérifierons simplement nos pages. Nous avons besoin d'espérer que nous allons lire la page d'accueil sur la barre de navigation. Je vais en parler dans une seconde. Mais nous allons avoir sur les prix et les concepts des services, d'accord ? Donc nous allons dupliquer ça. Bot Services, dupliquez ce prix. Et puis nous avons du contenu. Ok, super. Et on va abandonner la maison. Ça et je vais te dire pourquoi dans une seconde, mais c'est ce qu'on veut. Ok, super. Donc nous sommes un peu aller ou des pages et de l'endroit. La prochaine chose que nous voulons faire est d'ajouter notre logo de marque. Maintenant, je ne sais pas si je change un peu. Tu dois juste rester avec moi. Je vais voir à quoi ça ressemble. Mais laisse-moi mettre une image ici. Et je vais choisir ou logo, ce qui est un peu vague, mais juste rester avec moi. Ouais, alors pourquoi j'ai fait ça, je pense que je peux sortir ça et je peux juste aller avec les poids sans dire Magnus Jin. Il n'y a peut-être pas. Je ne vois pas vraiment de poppers pour ça et nous voulons aussi rester cohérents, bien sûr. Laisse-moi prendre ça pour le moment. Ok, et maintenant je vais aller de l'avant et éditer ce local. Ça ne devrait pas prendre, ça devrait prendre deux secondes, ça ne devrait pas prendre beaucoup de temps. Ok, on a la salle de gym Magnus ici. Débarrassons-nous de ça. Prenons le sens de re, téléchargez-le. Laisse-moi réfléchir. Je veux ce peu bas mais plus petit mais vous ne voulez pas vraiment avoir de gros dégâts. Et je devrais parler avec nous un peu plus sur la norme IA. Lorsque vous téléchargez des images et des choses sur votre site Web, vous voulez que ce soit un poids au format JPEG et quand il peut l'être. Et la raison pour laquelle vous utilisez une image PNG, si vous voulez un fond transparent, généralement, c'est la seule chose que vous utiliserez une image PNG si vous n'en avez pas besoin, vous utilisez JPEG car c'est une taille de fichier plus petite et il ne sera pas Hartley performance de votre site Web. Alors qu'est-ce que c'est ? Nous obtenons que PNG est des arrière-plans transparents et nous allons le télécharger. Et je suis, je vais faire, c'est venir vite ici. Tirez ceci vers le haut et ouvrez ceci et modifiez rapidement. Donc tout ce que je veux c'est ça absolu, aussi proche que possible parce qu'on ne veut pas qu'il gâche quoi que ce soit. D' accord. Ça m'a l'air bien. Ok, super. Et maintenant, si nous revenons à la circulation de l'air, je vais retourner à mes images et je vais télécharger ça. Super. Revenons à nouveau en plein écran et continuons à y aller. Encore une fois, on va juste rester un peu avec nous et voir juste oh, je regarde ça. Ça a l'air un peu sanglante. Presque là, les gars, le foie. Ensuite, nous doublerons une fois de plus. Gardez-le une chronologie de 500 plus. Pas d'arrière-plan transparent et revenir ici et déplacer deviner, télécharger à nouveau. D' accord. Et ce que nous allons faire, c'est de ne pas les jouer trop bien en termes de taille, de proportions et d'autres choses. Alors juste ça avec moi. Je vais aller bien. D' accord. J'ai donc des pages en place. On a un peu là-bas. Ça n'a peut-être pas l'air trop génial en ce moment, mais reste avec moi. Droit. Maintenant. Ce que nous voulons faire ensuite que nous voulons commencer, encore une fois, C'est à l'air un peu mieux. Au fait, ce que tu vas faire ici, Let's brand link. Comme vous pouvez le voir à gauche, ce sera le lien vers votre page d'accueil. Vous trouverez que la plupart des gens cliqueront sur le petit qu' un site Web attend et qui les ramènera à la page d'accueil. Donc, nous allons lier ça. Tu vas aller dans les réglages. Et vous allez simplement cliquer sur ce bouton de page ici. Choisissez la page, puis cliquez sur. Ok, maintenant c'est si doux. En fait, c'est une autre chose que vous pouvez faire avec le conteneur. Je pense que certains des problèmes viennent de là. Retournez à Design. Et pourtant nous appelons cela un entrepreneur Leo je pense qu'il manque toujours un sens aussi légèrement horizontal de, ooh, nous y allons. C' est mieux. Et puis, et quoi ? Oui, c'est tout. D'accord. Donc on veut manger. Alors laissez-moi juste expliquer la plupart de ce qui se passait, c'est que l'image a mendiant, c'est le logo est devenu plus grand. Et c'était, il poussait les proportions dans l'alignement central des liaisons de navigation. Donc ce que j'ai fait ici, c'est que je suis retourné au conteneur Navbar. Je suis allé à la mise en page et j'ai changé un changement. C' est un cadre différent et s'assurer que ses capteurs, tout ce qui est des idées, le sort sourd que nous contenons. Et puis je l'ai justifié en m'assurant que tout remonte aussi blanc que possible. Autorisé les restrictions qui ont été mises en place. Ok, donc maintenant c'est fait. Allons de l'avant et rapidement il suffit de lier ces pages. Nous avons donc la page À propos, la page des services, la page des prix et nous avons la page de contenu. Et nous allons faire quelque chose d'intéressant avec le bouton de contact, que je vais vous montrer dans une seconde, mais cliquez sur les contextes. Ok, super. Maintenant, nous avons tout en place. sais juste ce que je voulais entendre. Je veux commencer à en avoir plus. Et un qui est plus sur la marque. Je veux que ça soit un peu plus rapide parce que je sais que ça n'a pas l'air trop beau, non ? Comme si ça ressemblait à un logo et à quelques liens, non ? Ce n'est pas très bon. Donc, la barre de navigation, nous voulons changer l'arrière-plan d'abord. Allons nous concevoir un peu mieux. Donc l'arrière-plan, nous voulons être blancs. Et puis dans cet os lui-même, je voulais que ce soit une sorte d'ombre de boîte juste pour créer une sorte de différenciation entre la barre de navigation et le contenu du site Web. Donc, comme nous en avons parlé à nouveau, quand nous mettons ces ombres de boîte en place, nous ne voulons pas vraiment qu'elles soient sans école, elles devraient simplement circuler avec le site Web. Donc la distance nous pouvons en garder assez. Donc je vais le garder à 0. Ouais, flou, prenez ce tableau, taille, on va l'enlever, mais peut-être aussi faire tomber le sang. Donc déplacer le fait, je pense que probablement le point doux pour moi. Oui, je suis content de ça. D'accord. Je suis content de ça. D' accord. Donc ça ne savait pas que c'était fait. Nous pouvons voir la différenciation entre le site Web et une barre d'application, qui est exactement ce que nous voulons. Et maintenant, nous voulons changer ces liens de navigation et obtenir ces anormaux. Donc nous les avons liés, mais nous voulons nous assurer que la classe correctement et qu'ils ont la bonne police et des trucs comme ça. Alors corrigeons la classe. On va juste appeler ça le lien Navbar. Droit ? Nous prendrons ce cours. Je vais le copier. Donc ces trois. Très bien, super. Maintenant, ce qui va se passer, c'est que nous allons de l'avant et éditons l'un de ces éléments. Il va ajouter toutes les photos. Alors passons à la typographie et on va la changer en Proxima Nova, comme on l'a dit. Super, ça a déjà l'air mieux. Et on n'en veut pas 14. On veut au moins 16 pour la napa, probablement là-bas. D' accord. Et ça me semble bien. Je ressens quoi que ce soit. Maintenant, nous voulons apporter quelques modifications à ce lien de barre de navigation. Donc, je veux que le bouton de contact apparaisse un peu plus principalement parce que c'est l'une des pages que nous devrions prioriser lors de la construction du site parce que nous voulons que les gens modifient la page de contact que nous voulons qu'ils entrent en contact avec l'entreprise . Donc je vais beaucoup moins de bouton et je vais le faire. Et je vais le faire en faisant croire que ça ressemble plus à un bouton. Tu verras ce que je veux dire dans une seconde. Mais je vais ajouter une autre classe ici parce que nous ne voulons pas que tous ces boutons soient de l'attitude. Donc, nous allons créer quelque chose appelé une classe combo. Et c'est là que vous avez une classe, puis vous en avez une autre afin que vous puissiez éditer la base de la classe que vous avez déjà. Donc je vais nommer ce CTA, appeler nav, nav link. Cta. Ok, je peux vivre avec ça. Allons aux milieux. Et pas que ça mûrit à l'ouverture. Ouvrez vite ça. Donc, ce que je veux ici, mettons cela en arrière-plan de ce lien. Maintenant vous pouvez voir, je veux dire, ça a l'air bien, tout va bien, mais c'est juste une boîte avec du texte noir et le contraste n'est pas très bon. Donc, nous voulons nettoyer un peu ça. Donc nous voulons faire ressembler aux boutons que nous ne connaissons pas, rester OU porte. Nous devons donc changer un peu les frontières. On doit les prendre à la 23 marque que j'ai maîtrisée ou juste le rembourrage et dire que c'est que je suis là. Donc, nous voulons faire que je pense peut-être pas tout à fait dix, probablement chanceux. Et je sais que tu penses que quoi que ce soit d'accord, qui n'a pas l'air correct est trop haut. Mais je vais vous montrer comment réparer ça dans une seconde. Nous avons donc la longueur et nous voulons changer le texte en blanc. Et je pense que je pourrais faire ces Bolds. Je n'ai pas encore décidé. Oui, faisons ces boutons des boulons. Donc lien de navigation, nous allons aller pour audacieux, quelque chose qui serait beaucoup mieux. Et si la couleur est en fait des liens, nous n'avons pas changé cela. Donc nous voulons les faire un peu comme ça. D' accord. Donc c'est ce qu'on est tellement Brent. Ok, et maintenant la raison pour laquelle vous pensez, bien, essentiellement le conteneur, donc ça ne devrait pas se produire avec ce bouton. Mais la raison pour laquelle cela se passe est parce que cette personne est en fait dans les saids, le menu nav. Donc, nous devons faire des modifications au menu nav pour que ce soit des capteurs. Donc, nous devons aller à l'affichage. On ne doit pas aller à V. Nous voulons horizontal et une fois centré. On y va. dernier que nous voulons, et nous voulons qu'il soit rempli, ok, maintenant ça envoie ça. Donc maintenant, nous avons une certaine différenciation entre les pages standard et cela utiliserait juste à des fins d'information. Et l'une des pages que nous utiliserions pour la génération de leads, ce qui est utile. Et maintenant, une chose que j'aime habituellement mettre, et je suis très désireux de mettre sur un bloc supérieur au-dessus de la barre de navigation avec d'autres informations ou d'autres liens que je fais sur certains sites sont généralement sur mendiant, RFQ, en particulier pour les entreprises locales. Si vous attendez à ce que les gens vous contactent par téléphone ou par e-mail, ou c'est ce que vous voulez pousser au-delà la page de contact ou de toute autre méthode de génération. Je pense toujours qu'il est bon de mettre et l'email de numérotation là-bas. C' est pour ça que je pense que je vais faire ici. Je vais juste vous montrer ce qu'il faut faire parce qu'il montre l'une des autres bonnes fonctionnalités de Webflow que nous n'avons pas encore vraiment abordées. Donc, je veux un autre bloc div et je veux mettre ceci au-dessus du conteneur, donc toujours dans la barre de navigation. Et pourquoi je vais aussi avoir à voir avec la barre de navigation est augmentation de la haine aussi, non ? Donc maintenant j'ai ce blog de développement et je veux faire ce top, Top Nav, ce que nous appellerons ça noeud haut. Je vais l'appeler en haut Navbar. Ça fera l'affaire. Nous voulons refaire le web pour cela. Nous voulons, nous voulons que ce soit, nous le voulons, qu'est-ce que nous aimerions que ça soit ? Nous voulons que ce soit des centaines. Maintenant, nous voulons que ce soit des centaines. Et nous voulons que la hauteur soit 20 comme statue de Schnupp ou Farsi, peut-être que c'est un oui, je dirais que c'est juste. Et puis ce que je vais devoir faire ici, je vais devoir augmenter la taille de ce conteneur. Probablement. Hauteur du conteneur. Ac oui. On veut que je voie. Ouais, ouais, c'est là qu'on le veut. Ok, donc maintenant on a une barre de navigation supérieure. Nous voulons mettre un autre blog et site de développement si vous êtes ok. Donc, comme ce qu'on a fait avec le donc oui. Donc, comme ce qu'on a fait avec le conteneur, on veut régler ça, vu ça. Et ça ne va pas trop s'étendre. Ça, tout va regarder une proportion. Donc je vais prendre cette lecture très vite. Je vais le dire en tant que milieux. D' accord ? Et nous avons un autre bloc D ici avec lequel nous devons travailler. Alors faisons un peu, un peu de ça. On va appeler ça Top Nav. Et plein, non ? Encore une fois, on va faire, je crois, la statue de haine. Donc on va faire ça plus vite. Et parce qu'il n'y a pas de contenu dans ce problème et je vais faire beaucoup. Non, désolé, c'est le mauvais endroit. C' est pour ça que c'est juste. Super. Maintenant, nous voulons fixer quelques restrictions. Voir C'est des centaines. Mais nous voulons que les restrictions aient déjà été évoquées. Donc, 12 79. Donc le minimum serait 1902 et la largeur maximale serait de 12 79. Droit ? Une seconde, quelques informations ici et voir comment on va. Comme je veux du texte et mettons du texte ici. Rien de fou. D' accord. Donc je suis un nom. Je ne veux pas d'autre pour mon numéro de téléphone. Maintenant, vous pouvez voir l'autre empilement verticalement. Nous voulons que ce soit horizontal. Ok, super. Nous avons donc changé les réseaux trophiques horizontaux. Donc oui, c'est génial. En fait, je pense que je ne serai pas sur le PEI. Je pense que ça me plairait là-bas. Oui. Et c'est ce qu'on aura tendance à dire. Ils ne peuvent pas décider. Oui, en fait, je vais rester à droite. On peut rester à droite. Et nous voulons mettre un peu de rembourrage là aussi. Donc on va faire ces paquets de fossae et finir ici. Qu' en est-il du nombre aléatoire ? Donc je vais au Royaume-Uni, donc je vais juste mettre un nombre vraiment aléatoire, donc plus 44, 23456. D' accord, ça peut être un et je mettrai des contacts. C' est Magnus Magnus. Je ne me souviens pas du nom du domaine de ce site, mais je vais juste l'appeler neuf est Jim.com. Ça n'a pas vraiment d'importance. D'accord ? Et puis nous voulons donner ces petits cours. Donc navbar, numéro de mobile et adresse e-mail. Ok, alors mettons-les sur la marque. Donc, nous allons mettre Proxima Nova Condensed tout à fait normal. Et faites-le en gras. E ipa, faites-le en gras. Et nous allons coller un peu de rembourrage autour de ça parce que maintenant l'adresse e-mail, nombre de fascicules ensemble. Alors faisons probablement 10, je pense, et 10 ici. Oui. Et puis on veut le rendre blanc. Donc leur grille. Oui. Et là, nous voulons dire, encore une fois, nous voulons faire des choses très similaires. Donc on va mettre 10 droite ? Quelque chose là-bas. D'accord. En gras. Oui. Oui. Je peux travailler avec ça. Je viens avec ça. C'est bien. D'accord. Donc, la fonctionnalité qui allait vous montrer quand il s'agit de cette partie, comme vous pouvez réellement définir ces liens sur le site pour ouvrir soit, vous savez, si vous regardez un site Web sur votre téléphone, vous pouvez le définir de sorte qu'il s'ouvre. Les Parsons et le numéroteur sont loin e-mail. Vous pouvez le définir de sorte qu'il ouvre cette personne comme Gmail ou Yahoo ou email. Mais vous pouvez le configurer de sorte qu'il ouvre le Gmail de la personne pour envoyer un e-mail, vous savez, des trucs comme ça. Donc si le numéro qu'on veut , mais c'est ce qu'on va faire. Donc la prochaine chose que nous devons faire, je fais ça un peu à l'envers, mais reste avec moi. Vous avez fait ça, vous allez vouloir ajouter, alors. Voyons juste, vous allez vouloir ajouter un bloc de lien. On va en ajouter un. Tu vas demander quoi ? Donc, vous allez vouloir ajouter pour lier les blogs ici. C' est vraiment facile de le faire. Un autre, nous avons fait ce bloc de liens. Nous voulons juste mettre un numéro et un e-mail et dire le bloc de lien. Super facile. On y va. Maintenant, nous pouvons voir que c'est une belle ligne bleue laide en dessous de ça. Donc, nous voulons nous en débarrasser. Il se passe ici. Décoration. Et juste comme, non, je ne veux pas ça. Et même ici. Il suffit de cliquer sur Non, on n'aime pas ça. Et encore une fois, vous n'avez pas vraiment besoin de toutes les classes pour les blocs de liens, ce n'est pas si important. Ce serait important si vous essayez de dicter comment les choses ressemblaient à l'intérieur du blog de lien, mais nous ne le sommes pas, nous n'avons pas besoin de quoi que ce soit. Ok, donc si le numéro automatique, nous voulons ajouter un lien. Lorsque vous cliquez sur Lier les paramètres PDG, vous avez un téléphone mobile ici. Je vais cliquer dessus. Et puis je vais juste en fait juste copier et coller ce nombre très rapidement. Copiez et collez cela. Puis liez-le pour coller le numéro n. Et si quelqu'un clique sur ce numéro, donc en regardant le site, il ouvrira automatiquement un problème de dialogue. Et maintenant, nous voulons faire la même chose pour l'adresse e-mail. Donc, avec cela, nous allons aller aux paramètres et nous recevrons des e-mails dès maintenant. Donc l'e-mail va être des contacts, Magnus, Jim.com, et puis le sujet va être juste dire juste disons l'adhésion et l'adhésion de chœur. Et d'accord. Et oui. Donc oui. Donc, note à ce sujet. Ok, donc maintenant ça regarde Besso Ray est nuit et jour de quoi ? D' après ce que c'était avant, mais j'ai toujours l'impression que ça a l'air un peu nu. Et maintenant que je le regarde, je pense que c'est à cause du logo. Donc je vais vouloir revenir en arrière et peut-être vouloir jouer avec un peu plus bas. Mais voyons si je peux y trouver quelque chose. Parce que bien que cela semble bien, je ne peux pas dire que je suis complètement satisfait de ça. Donc je vais devoir jouer un peu ici et te voir. Je peux continuer. Donc si on retourne à Canva, donc si on retourne à Canva et qu'on a un local ici, je veux probablement y aller, je pense que je vais remettre ce qu'on devait acheter. Magnus, mets le nom de la salle de gym. Donc je pense qu'on peut rendre ça un peu plus petit. Prends des textos. Et je vais juste mettre Magnus, Jen. Et ça ne soulève pas et il y a quelque chose qui ne va pas bien avec moi. Je pense que c'est parce que je n'aime pas que ça soit horizontal. Alors que se passe-t-il si je suis moi qui, tu sais, ça pourrait marcher ? Ça n'a pas vraiment d'importance. Je veux dire, le point ici est juste pour illustrer que vous devez mettre votre logo n. Et tellement de façons différentes que vous pouvez faire cela, mais je voulais juste faire un peu plus. Je veux qu'on soit ouais, un peu plus en train de se passer. Alors prends mon bâton gris juste là et je peux le rapprocher un peu. Ouais, je pense que c'est un peu mieux. Je peux ajouter au magnus peut l'ajouter ici juste pour lui donner plus. C' est quoi, oui, plus comme ça ? C' est plus comme ça. Ok, et puis je veux juste changer cette police. Voyons si on a des livres, Nova ici. Non, je ne suis pas fan de ça. Donc peut juste avoir à rester avec le monstre que. Eh bien, vous les trouverez si vous utilisez Canva, vous êtes limité plus les polices que vous pouvez utiliser et les polices que vous ne pouvez pas utiliser. Alors gardez cela à l'esprit si vous choisissez d'utiliser Canva. Mais je pense que je peux vivre avec ça. Ça fera pour ce que nous essayons de faire ici. Alors prenons ça et nous allons replacer sur un site, en fait, dans une autre chose, je voulais juste cette hauteur de ligne. Jamais si légèrement. Oui. C'est mieux. Oui. Et puis je peux réduire la taille de ça encore une fois. Je ne sais pas si je pourrais chercher un autre symbole ici. On a les éléments. Ouais, je veux juste quelque chose qui n'est pas aussi conduit horizontalement. Alors peut-être que je vais aller chercher quelque chose comme si ça n'avait pas besoin d'être quelque chose de fou. Ça peut être ce que tu veux. Vous pouvez être où vous voulez qu'il soit. Vous savez, vous pouvez finir par aller de l'avant et créer votre logo sur Illustrator ou Photoshop ou Y v Vous pouvez faire. La raison pour laquelle je ne l'ai pas fait, c'est juste parce que c'est un cours totalement distinct. C' est une vidéo totalement séparée. Donc je peux prendre, laisse-moi juste prendre celui-là. Je devrais savoir que je ne peux pas encore aucun de ces ceux-là n'est gris clair si je suis honnête. Oui, je crois que j'ai de la chance. Je vais juste devoir m'en tenir à ce que j'ai ici. En fait, peut-être que je pourrais utiliser celui-là. Maintenant que je suis un défenseur de la musculation ou montré vos muscles, mais ça semble le meilleur. Juste du point de vue du design. C' est assez intéressant. Oui, c'est assez intéressant. Oui. Droit. Quoi qu'il en soit, aplatir. Nous pouvons juste aller avec nous à partir de ce besoin de changer à nouveau, nous pouvons, mais ce n'est pas si important dans le grand plan des choses. Donc, nous allons juste prendre rapidement éditer cela vers le bas. Donc, je pense que quand il s'agit de concevoir votre site et d'autres choses, vous trouverez juste les probabilités en ce moment. D' accord, tu sais, comme si je devais éditer, je fais un tas de modifications à me plaindre avec des trucs différents. Et c'est ce que vous faites pour être honnête, quand vous concevez, disons que vous passez, vous passez du temps à planifier parce que vous essayez de trouver la bonne combinaison de ce qui fonctionne et ce qui ne fonctionne pas. Et c'est vraiment le cas. Tu dois aller avec ton niveau d'instinct, mais, et tu dois juste utiliser un peu d'intuition, du moins à mon avis de toute façon. Certaines personnes ont des processus différents font des choses définitivement pour moi. C' est juste plus un cas de vue ciel aller et jouer. Et c'est pour ça que je dirais que tu dois y jouer. Laisse-moi regarder ça. Je suis content de ça. Ouais, tu sais, je peux revenir et jouer avec la couche. Si je le fais, je ne le ferai pas sur, sur cette vidéo. Laissons-le comme ça existe. Très bien. C'est juste mon perfectionnisme qui arrive. Mais avec tout ça, on a, oui. Je suis plutôt content de ça dans l'ensemble. Je veux dire, il n'y a pas beaucoup de pages sur le site. Il n'y aura pas beaucoup de pages pour votre état, vous avez peut-être beaucoup de pages, mais je me sens bien avec nous au moins pour le moment. Donc j'essaie de penser qu'il y a autre chose que nous devons ajouter ici ? Je ne pense pas. Je ne pense pas. Alors oui. Donc ce que nous voulions savoir car nous voulons nous assurer que cela semble bien sur les tablettes et les appareils mobiles. Alors allons à la tablette, non ? Donc, vous pouvez voir là à cause de la, raison des restrictions que nous avons mis sur la barre de navigation et le point d'arrêt principal tel qu'il les a appliqués à tous. Donc, nous voulons changer cela sur un, sur une tablette. Et laissez-moi juste vérifier rapidement pour m'assurer que ça a l'air bien comme vous le savez, un petit problème là-bas. Donc évidemment ici, je n'ai pas configuré cela correctement et je peux voir le problème tout de suite. Donc, c'est à celle-là. Et je pense que je peux à peu près ouais, parce que nous voulons que ça soit rempli blancs, mais c'est tout. Donc, je n'ai pas édité la mise en page et c'est pour ça qu'il remplit tout le chemin jusqu'à l'extrême gauche comme il se met à l'échelle, on va en faire des capteurs Vasco. Et ça devrait résoudre ça. PDG. Ça a l'air lié. Ok, puis revenons à la médecine. Ok, alors continuons à descendre à la tablette. Et maintenant, ce que nous voulons faire, c'est ces restrictions dans les couches du changement. Donc nous n'avons pas besoin que ce soit aussi blanc et nous ne voulons pas vraiment que ce soit comme ça un dealer. Nous voulons juste que ce soit, nous voulons qu'il évolue, nous voulons qu'il fasse son truc, mais nous n'avons pas besoin de beaucoup de ces restrictions que nous avons initialement imposées. Donc on peut dater le minimum. Quel est le nom de faire ça aussi. Faire le maximum était nul. Mais toujours pas jouer sympa là-bas. Ça aussi, ok. Et maintenant, vous pouvez voir que ça a l'air un peu mieux, non ? Cette personne est au même endroit si une pilule écoute et elle bouge avec elle. Et comme vous pouvez le voir ici sur tablette, vous pouvez penser, Oh, pourquoi est-il montrer la barre de navigation quand il est sur un appareil tablette et voir si vous êtes sur un iPad Pro. Par exemple, si vous affichez un serveur Web sur votre iPad Pro et horizontal, il peut sembler qu'il affiche la version de bureau du site Web, mais en fait, il montre la version tablette de celui-ci. Et ça le montre probablement comme ça. Parce que si j'ai l'impression que je peux obtenir, je peux être assez large pour montrer toute la barre de navigation sans en faire un hamburger, et alors c'est ce qu'il fera. Donc je suis content de ça. La seule chose que je ne suis pas heureux comme je ne sais pas comment je me sens à propos de l'espace px de la famille sur tablette, mais généralement je le tirais vers le bas en mini-lot, est allé dormir. En fait, je me sens d'accord avec celui-ci semble vraiment bien. Laissons ça comme ça. Je ne suis pas content de ça. Donc encore une fois, passons à l'horizontale. Oui, j'ai ici, c'est là que je ne suis pas content de ça. C' est là que je veux changer. Donc, je veux faire ça pour mon conteneur navbar. Au lieu de loin, je vais en faire 20. Et voir comment ça joue. Il ne semble pas être des changements dans beaucoup de vague J'ai mis les restrictions à avec j'entends volonté qui doit être vu dès que nous jouons bien dans. Et tant que je l'ai fait, c'est que je l'ai fait. Ok, alors maintenant que j'ai ajouté alors voyons si je peux obtenir que ça joue bien. Alors que l'un est que je voulais juste il est probablement à propos de ça, donc je n'ai pas de problème. Quand est-ce que cet espace blanc avec des proportions là-bas ? Mais quand c'est en bas, je n'aime pas qu'il y ait trop d'espace. Là. Doit être beaucoup moins que ça. Alors faisons de 28, peut-être 10, 10, 10, 10, 10, 10, 10. Et de l'autre côté, nous voulions faire la même chose que moi laisser dix, ok, donc maintenant vous pouvez voir que cette échelle est un peu meilleure, toujours pas complètement parfaite, mais est beaucoup mieux que ce qu'elle était. Donc je vais laisser ça comme ça et ça saute un peu, mais c'est seulement parce que je sors que c'était sage que ça peut aller. Et c'est bon. Ok, donc ce qu'on va faire maintenant, c'est passer au mobile. Le vrai changeur de jeu. Donc mobile est un peu différent. Donc les hommes minimum ici que je veux faire pour favoriser un Je ne veux pas que mon maximum soit 479. D' accord. Et pour moi, je veux dire , regardez, regardons juste ces appareils sont bas, mais la façon dont le site ressemble maintenant serait sur un divertissement Nintendo. Oui, je sais qu'un appareil immatériel ne sera probablement pas vu dans un appareil immatériel la plupart du temps. On prend l'iPhone SE d'Apple, oui, probablement. Donc nous voulons jouer avec cette charge ici un peu parce que maintenant l'email est à Philly et voir. Donc, ce que nous pourrions avoir besoin de faire est juste de ne pas prendre la taille, mais nous devons prendre, d'abord enlever ce modèle. Et on y va. Pour moi, c'est toujours un problème si je me sens bien avec ça. Oui, je peux vivre avec ça. Et ce que je pourrais faire aussi bien que faire une phrase. Donc si je vais à mon grand bar et plein, on a l'impression que je veux oui. D' accord. Donc j'ai fait que ce centre vit tosyl dans la glace, mais voir oui. Alors pourquoi les choses se passent ici, vous pouvez le voir sauter dedans. Je crois que c'est parce qu'il hérite de ce design du point d'arrêt précédent. Donc, il essaie de quoi que ce soit, pour la plupart. Je veux dire, il va être vu chaque fois qu'on le tracera ici, presque toujours. Ok, donc maintenant pour moi, tout ça, Ok, je suis plutôt content de ça. Et maintenant, je veux faire ce que je veux éditer la tête, le look manuel sur mobile et ouvrir avec le hamburger. Donc comédies musicales évaluant pour moi de cliquer sur Ouvrir le menu. Et vous pouvez voir que ça n'a pas l'air trop beau que ça n'a pas l'air super. Donc quand ce sera ouvert comme ça, ce que nous ferons pour en faire l'arrière-plan sera Blancs et l' argent saoudien. Alors oui, ouvert, gentil avec moi comme ça. Ok, donc ça a l'air, c'est bon. Alors ouvrons, ouvrirons, fermons. Je vois tout le monde. Alors assurez-vous que l'élément lui-même comme les blancs, saoudiens, gris foncé, gris foncé, le ramener par ici. Donc c'est un Alex Bessel ouvert là-bas. Et pour ces éléments, nous voulons rendre le fond blanc et tout comme l'autre. Donc, menu navigation, vous allez dans les arrière-plans et nous allons rendre ce blanc. Et c'est Bessel en ce moment. D'accord, ça a l'air mieux. Mais maintenant ce que nous voulons faire, c'est que le bouton de contact est réglé et juste en dessous, juste à la fin du menu de navigation, nous voulons que ce soit sur l'espace, et nous voulons aussi que ce soit une boîte à ombre. Alors ajoutons juste un peu de rembourrage au fond, disons 20, il ajoutera 20. Et puis ce que je vais faire, c'est que je vais ajouter du rembourrage de chaque côté du menu de navigation. Donc, pas envie de la taille, asseyez-vous en ce moment. D'accord. Et puis ce que je vais faire pour faire les capteurs, ouais, je vais leur donner des sens. Et on va devoir revoir en fait, ouais. Maintenant, vous pouvez voir ici que j'ai fait quelques modifications et que j'ai fait ce genre d'annonce est M et o est passive et c'est en quelque sorte, c'est le levateur. Mais parce que tu peux faire ça pour faire ça. Quand j'arrive au téléphone portable, c'est là que je vais faire les modifications à la barre de navigation. Tu veux les inventer ici. Mais la plupart d'entre eux de toute façon. Et ce que je vais faire, c'est quand vous faites les modifications sur tablette, le mobile horizontal et mobile et l'avait, les changements que vous avez faits. Alors passons vite et jouons avec ça. Alors arrière-plans, blancs, icône. On va faire du gris. Menu NAV. Blanc. Ajoute 20 px et 20 mètre. Ça n'a pas encore décidé. Et puis pendant que je veux faire, c'est que je veux que les textes soient aussi envoyés. Alors voyons ce qui se passe. Pas moins que je vais le faire. qu'il aille au menu NAV, faites-les des centres comme ça. Et puis ce bus et moi voulons que ce bouton change. Donc les marges peuvent être que B veut probablement ajouter à cela au fur et à mesure que nous descendons, nous allons juste rester avec moi. D' accord. Et puis moins que nous le ferons, nous voulons juste faire de l'ombre en vrac en bas ici. Rends-le juste. Et une chose que nous pourrions, et pourquoi je pense que je pourrais faire ici, c'est quand nous faisons les couleurs dont nous avons parlé comme un gris logiciel. Donc, différencier entre les blancs et certaines zones et l'épaisseur serait un bon endroit pour le faire. Eh bien, nous allons expérimenter avec ça et ne voir aucun celui-là. Non. Comme une avenue. Je pense que ça pourrait. Oui, en fait, tu sais de quoi il s'agit un peu. Et vous pouvez voir ici comme unique sessile, mais j'essaie de faire une différenciation entre la barre de navigation supérieure et ensuite la liste déroulante. Parce que si tout a l'air blanc, je me regroupe et ça a l'air aveugle et ce n'est pas le cas, ça n'a pas l'air bien. Alors je pense que je vais m'en tenir à ça. Et nous allons juste juste juste juste égal à n Ces, Oui, Donc, droite, donc ce que nous avons ici, les marges à travers ici, 11 phosphate une chute à beaucoup moins que ça, peut-être 60. Fais-le Farsi en fait. D' accord, et vous pouvez voir que le gris n'a pas hérité de tout ça jusqu'au bout. Donc je dois changer ça. Donc je dois prendre notre beau gris d'ici. Nous avons fait un peu mobile pas l'arrière-plan de la salle. Et je vais mettre ça là-dedans. Ok, alors voyons vite ça et voyons si ça a l'air bien. Donc nous prenons tout le chemin vers le haut, donc c'est à ça que ça ressemble sur le bureau. Tout ça, c'était fini. Nous descendons tout le chemin vers le bas. Et c'est à ça que ça ressemble. Et je do 15. Créer votre pied de: Bon, maintenant que nous avons notre en-tête en place, il est temps pour nous de créer ou Fisa. Il n'y a pas beaucoup de pages pour nous sur la fissile. Donc, ce ne sera pas une grande masse pour que vous vous voyez dans d'autres sites Web. Mais j'espère qu'il y a des choses que nous pouvons faire pour le rendre un peu plus utile. Donc, comme nous l'avons fait avec la barre de navigation, je recommande de commencer par une de ces couches et c'était à un endroit différent, mais je recommande de commencer par ce que nous avons ici, qui est le Fisa. Alors ce qu'on va faire ça ici. Et puis je vais juste prendre une section entre l'en-tête et la fissile, juste pour qu'il soit clair ce qui est quoi. Mais ce que nous voulons faire comme nous voulons vraiment le faire marquer, c' est la chose la plus importante, un peu comme la tête que nous voulons la prendre et la rendre nôtre. Parce qu'il n'y a pas vraiment grand-chose que nous avons demandé à ajouter. Et ici, dans l'ensemble, quelque chose que j'ai en tête, je pense que nous pouvons faire que vous pourriez vouloir considérer parce que vous avez moins de pages. Mais si vous obtenez plus de pages, je viens de dire le soleil et ajusté pour s'adapter aux couleurs de votre marque. Et puis vraiment que tu devrais être bon d'y aller. Allons-y et voyons que tu n'es jamais parti. Donc, en termes de couleur, je ne veux pas que ce soit blanc et MOSFETS, sont généralement une couleur plus foncée, donc nous allons prendre notre gris foncé à nouveau, je vais revenir. Et ce qu'on va faire, c'est ce qu'on appelle facilite la physique classique. Donc on va laisser ça comme ça. Et nous allons rendre la couleur de fond belle gris. Ok. Maintenant, vous pouvez voir tout le texte est évidemment qui ne fonctionne pas. Donc, nous devons changer les couleurs de ceux-ci. Donc on va les changer en blanc ou en gris peu profond. Mais c'est une autre chose que vous pourriez vouloir considérer si souvent sur la Fisa, que vous ne voulez pas vraiment que tout se démarque. En tant que tel. Vous voulez que ça soit assez doux et que vous ne voulez pas vraiment le faire au visage de quelqu'un, n'est-ce pas ? Parce qu'ils ont déjà la navigation supérieure pour obtenir des loyers et la plupart des pages que nous voulions obtenir. Et vous ne voulez pas que tous les liens soient soulignés sur le poing ou vous savez, il y aura certaines choses que vous voudrez peut-être attirer l'attention si les gens vont aussi loin. Hum, mais dans l'ensemble, tu n'essayes pas vraiment de faire autant avec ça. C' est juste plus sur les longueurs, toutes les différentes parties de votre site Web. Donc ce que nous allons faire ici comme juste changer rapidement ces couleurs. Et donc je vais faire est le n fois est le blanc. Je ne le rendrais pas complètement blanc. Tu veux probablement être là. Je dirais. Oui. D' accord. Donc on va prendre ça et on l'appliquera ici. Et on va faire ça ici. Ok, alors sachez ce que les longueurs. Et je vais juste appeler la direction de cette compagnie. Et puis nous allons aller vers le bas, sert ces prix. Et ils ont des contacts. Et puis je vais me débarrasser de ces deux-là. Maintenant, vous pensez peut-être, pourquoi, pourquoi, pourquoi, pourquoi, ça ne l'a pas fait ? Eh bien, il y a une raison à ça. Nous allons trouver une autre impasse pour probablement la bonne chose. On pourrait avoir besoin de jouer un peu avec ça. Oui, on peut mettre ça là pour l'instant. Je devrais probablement être ces non. Oui, je vais faire mon propre truc ici. Ce que je veux faire, c'est que je veux des colonnes. Et au lieu de ce genre de floons bizarres qui bloquent les flux de travail et les statuts M. Je vais mettre des colonnes ici. Je vais ajouter, et puis je vais réellement ajouter un bloc sur le dessus. Et tu verras où je vais avec nous dans une seconde. C' est donc des colonnes de journal et elles sont faites en termes de colonnes. Je pense qu'on va à un problème avec trois. D' accord. Oui. Et je sais quand je regarde, j'essaie juste de penser à la meilleure façon de faire ça comme un pilus au fond ici. Et puis dites « bloc ». Je veux rendre cela moins horizontal. Et veut aussi qu'il soit espacé, mais pas tellement. Oui, allons-y. Et puis je vais toucher que les marques vont faire est que va se débarrasser de ceux-ci. Oui. On va inclure un logo. Reste juste avec moi. Que pouvons-nous faire avec ce conteneur flexible ? Je pense qu'on peut laisser le conteneur des vols là-bas. De grands sentiments à son égard ? Ouais, je pense qu'on peut utiliser ça. Et ce qu'on va essayer. Ok, donc ce qu'on va faire ici en tant que NFS, une partie en partie, c'est un peu de régénération, non ? Et comme je le dis, si vous n'avez pas beaucoup de pages, votre physique ne sert pas vraiment le même but que ce qu'elle ferait habituellement si vous conceviez un plus grand site. Donc, pour utiliser cet espace, ce que vous pouvez souvent faire est de tourner la couleur de remplissage et donc j'appelle à l'action, qui est pourquoi ferait habituellement dans cette situation. Dans ce cas, nous allons créer un formulaire d'inscription par e-mail et des offres et des choses dont nous pourrons parler un peu plus tard. Mais pour les besoins de ce M juste fosse dans les cadres sont sûrs que vous avez un formulaire de contact de Regardez comment vous construiriez un avec Webflow, et puis comment vous pouvez connecter ce fournisseur de marketing de courrier électronique final si c'est ce que vous le vouliez. Alors jouons un peu avec ça et voyons jusqu'où on va. Alors je vais y aller. Je veux ce sens vertical de là. D' accord ? Donc, d'abord, prenons une image ici. Et je veux l'image de mon local, mais sans le nom. En plus, débarrassez-vous de ça. Allons chercher ce gros personnage musclé ici. Et il y a un peu télécharger les arrière-plans transparents. Puis quand nous reviendrons ici, je vais devoir recadrer ça aussi légèrement. Lâchez les paquets. Et puis nous retournerons ici. Ok, et ensuite on va retourner ici. Et on devrait avoir une moyenne juste là. En ce moment, ça commence à arriver quelque part. Et c'est probablement une bonne taille pour ce que je veux. Ok, maintenant j'ai un logo pour les pages là-dedans. Nous devons les relier. Je ne l'ai pas encore fait. On le fera un peu plus tard. Maintenant, une fois que vous aurez obtenu le contremaître que nous allons utiliser m pour les e-mails centrés sur le client et autres choses. Alors, allons-y encore. Et voyons si on a des formulaires ici. Donc obtenu formulaire de contact des gars s'abonner formulaire. Celui que je vais à toutes les photos en fait le formulaire d'abonnement. Je pense que c'est l'un des plus utiles. Alors voyons si cela fonctionne. Sinon, nous allons devoir en construire un à partir de zéro. Donc épaisseur dy, ok, donc c'est une section entière. On ne veut pas ça. On veut juste construire la ferme à partir de rien. Donc, nous allons remplir un bloc de formulaire au conteneur. D' accord ? Maintenant, ce que vous remarquez ici, c'est que j'ai un sens de ça, mais je veux qu'ils soient pleine largeur. Et puis ce que je vais faire, c'est que je vais appliquer du rembourrage, beaucoup de choses pour essayer de le faire juste un peu plus de capteurs. D' accord. Donc, j'ai fini par diversion parce que beaucoup comme le problème que j'avais, j'aurais généralement avec l'en-tête et le conteneur ne joue pas bien. Donc nous allons faire, c'est que nous allons juste créer en faisant cela est toujours plus facile, toujours. Donc cette impasse là-dedans, une autre ici, désolé, les cours dans une seconde. Et on va avoir un logo comme avant. On va avoir la fin ici. Et puis on va chercher notre ferme. Alors prenons cette forme feignée, celle qui est tirée. Droit ? Donc, c'est encore une fois, quelqu'un allait faire un peu clair à propos de UGA. Et on appellera ça, on l'appellera conteneur. Et puis des tas de tout rembourrage et de tout ce que nous voulons. Je vais mettre ça. Oui. Donc, nous allons devoir faire un peu clair sur ici, peu comme nous l'avons fait avec l'en-tête. Donc c'est un coup mort ici. On va évidemment appeler ce conteneur. On va appeler ça et on va appeler ce conteneur interne. Tu n'as pas à le faire comme ça, mais c'est la façon dont je choisis. Et nous voulons définir, nous voulons ajouter le même genre de phrase que nous avons fait quand nous construisions l'en-tête. Nous voulons donc considérer comme un centième. Et le minimum de mariées est de 992. Et Maxwell sera 12 79 bénéfices. Maintenant, si on tire ça et qu'on a juste tout ce qu'on a à faire, il reste toujours à faire. Comme un capteur. Efférence viscérale, pensez à la facilité de Fisa sensible. Et ce sera Besso. D' accord. Donc vous pouvez voir que ça marche, mais nous devons juste changer quelques choses. Laisse-moi juste voir comment ça joue. Ouais, donc ce que nous allons vouloir ici, nous allons vouloir un modèle juste pour casser les choses, télécharger ça. Et puis pour la forme elle-même, je veux y aller. Oui. D'accord. Donc vous pouvez le faire et vous pouvez en faire des vésicules pour en faire des toiles pleines, qui est certainement ce que je cherche ici. Je dois changer la couleur de celui-ci ici. La même chose ici. Je veux juste m'assurer que c'est le même que nous avons utilisé. Ok, et mettons un peu de rembourrage au fond de ce conteneur juste parce qu'il ne semble pas être très bien assis. C' est un gros vaisseau, c'est un peu un vaisseau. Et maintenant, en fait, quand je le regarde, comme vous pouvez le voir, les champs sont définis. Très agréable, mais il n'a tout simplement pas l'air très appétissant avec les grands espaces massifs entre, entre les lignes d'entrée sont les champs d'entrée plutôt. Donc on va se débarrasser d'eux juste là. Et on va avoir une marge. Ils le sont. Et ce que je vais faire, c'est que nous allons juste mettre le nom des champs d'entrée de l'information que nous cherchons et le dire ici. Et nous allons discuter ici quand il s'agit de champs et nous allons passer un peu aux principes de la génération de plomb, Lisa. Mais vous ne voudrez pas avoir le nom de fichier. Vous ne voudrez pas être en collision et un nom de fichier et n'importe quelle essence, vous allez vouloir collecter un prénom et un nom de famille. Donc, nous allons dupliquer un de ces champs d'entrée que nous pouvons simplement ajouter un autre au téléphone juste là. Et puis si on double-clique sur chaque ligne et on peut les nommer, non ? Et nous voulons le faire. Nous voulons leur donner un prénom, et nous voulons leur donner le nom de l'information que nous recherchons. Et puis ce détenteur sera juste prénom ici, OB, nom de famille. Et enfin, une chose que j'aimerais bien faire comme je veux insérer des colonnes et dire la ferme parce que je n'aime pas vraiment, je n'aime pas vraiment quand le FirstName et LastName sont mis sur l'autre comme ça, parce que c'est un mauvais usage de l'espace ici. Donc ce qu'on veut faire, c'est un, pour le Prénom, colonne 1, on veut mettre le nom de famille et ça s'appelle deux. Et puis nous voulons nous débarrasser du rembourrage qui vient avec chaque colonne, peu importe quoi. Alors prenons ça. Et nous pouvons faire en interne, nous pouvons le faire cinq. Donc, c'est même avec des proportions à travers les planches. Ok, donc ça semble un peu mieux pour moi, mais je suis toujours la longueur de ce est toujours un problème. m'a téléphoné comme trop blanc. Donc je veux, je veux adapter ce petit peu. Donc au lieu de 220, on va devoir faire comme deux enquêteurs sur les phosphates à 60. Non, pas tant que ça. Essayons les 300. C' est là que j'aime ça. Ouais, je me sens beaucoup plus à l'aise avec ça. Et maintenant, nous voulons tout ranger et nous assurer qu'il représente une marque et une partie de notre ensemble de marque. Donc, par exemple, nous ne voulons pas de bouton bleu, nous voulons notre bouton rouge. Et ils veulent également fournir un peu d'information au-dessus du formulaire pour dire aux gens à quoi ils s'inscrivent. Alors faisons-le juste ça. Nous allons ajouter un titre ici. Et puis nous allons ajouter un paragraphe, puis vivre dans une seconde. Supposons juste de le mettre là pour l'instant. Et puis on va vouloir jouer encore, on va jouer avec ça. Alors, continuons tout de suite. Je peux en fait mettre un peu ici, peut créer des colonnes dans le formulaire. Donc une fois, je viens de vendre un citoyen à part entière donc sac et il y a trop d'espace de part et d'autre. Donc, de toute façon, désolée, c'était le téléphone. Donc, en termes de bouton, LSI, la classe, on appellera ça une leçon de ferme. Maintenant, évidemment, nous avons comme un bouton arrondi et c'est ce que nous voulons continuer West, mais il n'y a pas juste pour le bouton, si nous faisons le bus et Randy, sans faire le reste du champ étranger, ça aura fière allure. Donc, nous devons faire un peu plus que ça. Donc, nous devons mettre, nous allons mettre ce bloc ici. Et nous allons tout mettre en vue de ce bloc D. Et laissez-moi juste m'assurer que les blocs de mousse et que nous aurons tout et dire l'impasse. Et je vais juste nommer ce cours. Et des coupes tonales. Sur, parce que nous voulons cette police, Popolo, mais nous voulons qu'il soit légèrement vous différencie de tout le reste sur la page. Alors faisons ça et nous allons changer la couleur de cette ferme Fisa interne. On va ajouter des trucs de modèles et faire quelques choses différentes, mais reste avec moi pour l'instant. Donc, en arrière-plan, on va faire un type de gris, mais on ne veut pas qu'il soit trop léger. Nous voulons juste une différenciation très subtile. Rob un peu là. Oui. Et ce que je veux faire, je veux enlever ce tapis et toujours si léger, c'est peut-être comme 20 ans. Maintenant, désolé. D'accord. Et puis à l'intérieur de cette forme, bloc, je veux un motif. Donc je vais tirer en 2010 à dix en haut. Peut-être 20 en bas. Oui. 20 les saids. Oui, je peux vivre avec ça. 20 encore, les forçant. Aujourd'hui. On va commencer avec des jumeaux pour l'instant, voir comment on va et ce cap. Donc ce que nous allons faire, c'est nous allons utiliser un titre H2, mais nous allons créer une classe combo parce que nous voulons que ce soit la tête et qu'il soit blanc. Donc je vais appeler ça H deux H2 de base comme d'habitude. Et puis je vais juste éditer. C'est loin. Cette belle forêt ou quelque chose comme ça. D' accord ? Et cela me permettra de changer la couleur d' une étoile sans gâcher tout le reste sur le site. Je vais faire la même chose ici. Professeur. Rends-le blanc. Maintenant, on va quelque part. Batson, un tunnel pour la ferme. Nous voulons faire les virages pour ce tour. C' est parce que nous voulons qu'il soit conforme au reste de notre ferme, dans le reste de ce que nous construisons. Et alors que nous traversons notre ferme ici, nous le voulons, nous voulons que ces coins arrondis nous maintiennent en vigueur, nous voulons qu'il soit cohérent sur tout le site. Donc, ce que je fais normalement dans ce cas, par exemple, je veux, je ne le ferai pas. Alors pourquoi normalement faire dans ce cas ? Et je ne ferai pas tout le coin de l'ensemble de la ferme arrondi parce que ce n'est pas très, je l'aurais dit quand nous parlons choses que les gens le sauront quand ils regardent un site Web. C' est une chose que nous remarquerons est nécessaire. Ils n'aiment peut-être pas forcément, encore une fois, la plupart de ce que nous faisons ici que nous voulons, c'est si vous, Brandi, nous voulons aussi nous mettre ensemble, mais nous ne voulons pas nécessairement que les gens le remarquent. Donc au lieu de faire ça, ce que nous allons faire c'est nous allons courir chaque coin ici, comme nous l'avons fait avec le fusiforme interne. Et tu verras ce que ça fait. Et oui, alors faisons-le. Donc on va nous appeler, on va juste dire Fisa, les forêts de fond. Et vous pouvez voir les frontières ici. Si nous cliquons sur l'alternative qui nous permet d'ajouter à chaque coin individuellement, je vais mettre 20 pieds était non, pas 20. En fait, peut-être 20. Laisse-moi juste le laisser là pour l'instant et voir comment on va. En fait. Non, je vais probablement aimer 15 ans. Ouais, je pense que 15, c'est probablement mieux. Ok, on commence par 15. Et puis comment appelons-nous ce fusiforme ? Nom de famille, d'accord. Et je veux prendre le bon coin de celui-là. Je veux pour ça à 15. Donc vous pouvez probablement voir où je vais avec ça. Nous n'avons pas besoin de savoir que nous n'avons pas à toucher la partie adresse e-mail. Mais ce qu'on veut faire, c'est jouer avec les boutons qu'on va appeler cet officier. En fait, je vais juste appeler ce bouton de formulaire. Parce que si jamais nous utilisons d'autres fermes, nous voulons qu'elles suivent ce genre de thème là-bas. Donc je vais juste mettre ça entre parenthèses parce que je ne sais pas si celui-là je vous fais réutiliser. D' accord. Bon, alors faisons-en ça d'eux. Alors changeons la police en Proxima Nova. Faisons en sorte que ça soit audacieux. Prenons notre belle rouge. Mettons-le comme ça. Et quand il s'agit des coins, nous avons un 15 là-bas. D' accord. Donc tu peux voir ce que j'ai fait ici. J' ai essayé de garder la police arrondie sans haricot. Excessif, mais ce n'est pas forcément la façon dont vous le faites. Vous pouvez supprimer tous les coins complètement si vous voulez le faire de cette façon. Et pendant le dîner, je vais y aller et je vais te montrer quoi ça ressemblerait si on tournait tous les coins, ok, juste pour que tu saches, tu sais, ce qu'on pourrait aimer moralement que qui sait. Alors allons-y et faisons-le. Rencontrez-les tous les 15. Ou devrions-nous en faire 20 ? On devrait en faire 20 ? Oui, faisons-le complètement arrondi. Et c'est comme ça que ça aurait l'air complètement aléatoire. Donc, pour certaines personnes, quand vous regardez ça, ça peut se sentir mieux parce que vous avez enlevé tout le coin. Donc, au lieu de simplement sentir ceux qui sont toujours couverts autour de la totalité du formulaire, vous pouvez sentir que vous êtes à nouveau, cela pourrait se sentir plus facile à l'œil quand vous regardez comme ça. Mais vraiment, vous pouvez faire ce que vous voulez avec la conception de votre police. Ça n'a vraiment pas d'importance. Tant qu'il ne se sent pas mal à l'aise sur le I ou que le design ne se sent pas, alors vous irez bien. Et puis il envoie un message que je vais juste mettre ici bien, mettons juste le dire à l'email. Il est moins. Joignez-vous. Rejoignez des milliers de clients heureux. Mises à jour régulières sur les produits et services. En fait, tu sais ce que je vais faire ? Vous pouvez obtenir 10% de réduction sur votre chasse lorsque vous vous inscrivez maintenant. D' accord. Donc, ça a l'air bien. D' accord. Je veux dire, ce n'est ni ici ni là pour moi, je marcherais. Je pourrais publier ceci en tant que site web. Je serais content de la façon dont cette forme ressemble en bas. Je n'ai aucun problème avec ça. Mais pourquoi avez-vous un problème avec est l'espace et la taille de la fissile. Pour moi, c'est trop grand, c'est trop grand et il y a trop d'espace. Et ceux que je mentionnais tout à l'heure, il y a une ligne fine quand il s'agit de l'espace. Parfois, je veux dire que tu as besoin d'espace, non ? L' espace crée BC lorsqu'il s'agit de concevoir des sites Web. Et ce sont des choses vraiment, vraiment importantes. Mais il y a une fine ligne entre trop d'espace et de laisser un peu d'espace en ce moment, à mon avis, nous avons trop d'espace. Certains concepteurs peuvent désaccords, nous n'aurons pas trop, Nous devons donc essayer de faire quelque chose à ce sujet. Donc ce qu'on va faire, c'est avoir des colonnes et des conteneurs. Ce qu'on va faire en bloc et ici, je sais que ça peut sembler un peu drôle, mais ça ira très bien. Donc on va arriver à cette image avec ça dedans. Jusqu' à présent, nous avons pop cela dedans et référons la pleine largeur. Ce qu'on va faire, c'est étendre ça droit ? Et parce que le logo de base réel pour cela est en fait assez, je dirais que c'est assez intéressant. Tu aimes pas vraiment dans ton visage, au moins je ne trouve pas ça dans mon visage. Je pense que c'est un peu farfelu. Je ne le sens pas dans l'espace quand je le regarde. Mais nous ne voulons pas que je ne veux pas former aussi près de l'IgE, donc nous devons faire quelque chose avec ça. Donc, si nous allons aux colonnes, nous avons besoin que Farsi ou jeudi parce qu'il est déjà dix X applique ou 30. Les 30 ici. Et ce n'est pas la ligne. Donc, en premier ordre maintenant, je suis dix fois plus heureux de cela. Beaucoup, beaucoup plus heureux avec ça. C' est bien plus que ça. Il se sent à propos de la bonne taille, autant de proportions Bessel, et il ne regarde pas de près. Pour que je puisse aller de l'avant et publier ça et me sentir d'accord avec ça. La dernière chose à faire ici est juste obtenir ces liens saucy fait le fond. Donc, je vais juste changer rapidement la police ici. Ça semble avoir fait le bouton. Et oui, on est plutôt bons à y aller. D'accord. Ça a pris un certain temps. Ces problèmes bizarres avec la ferme où ce n'était pas le prénom et le nom se croisent les uns sur les autres et n'étaient pas alignés correctement. Il aurait pris des alongs de poids passer par est juste un principal ou un seau et vous espérez que vous avez certainement presque certainement pas de problèmes avec cela et vous feriez fin. Mais avec cela étant dit, nous allons craquer. Donc c'est essentiellement le congélateur. Et la dernière chose qu'on a à faire, c'est juste un lien entre ces longueurs fissiles. Nous avons donc la page d'accueil avec une page de bot, des services, du traçage et des contacts. D' accord. Alors c'est moi. Je suis plutôt content de ça en tant que façade. Je pense. Ouais, je peux travailler avec je me sens plutôt bien à part ça. Donc, nous pouvons voir que nous faisons sauter un peu les agriculteurs, donc nous devons travailler là-dessus. Donc, ces colonnes sont, les colonnes ne sont pas bien assis, donc nous devons travailler là-dessus. Ok, c'est bon. C'est de beaux effets. Donc encore une fois, tout comme l'en-tête, nous devons mettre en nous tous comme des centaines. Alors définissez notre max 12, 79 et ensuite ce sont des hommes qui devraient être 922. Remontons. On doit aller très bien. Et la dernière école à bas de l'échelle et la CIA est partie. Ok, donc on a du travail ici jusqu'à là. Alors, c'est quoi les colonnes ? Ce qu'on veut faire, c'est qu'on veut les empiler d'habitude, faire quand on arrive à la tablette. Donc, il reste comme une double colonne. Mais vous pouvez voir le portrait de la tablette pour le paysage et le portrait. Et nous voulons juste changer ça en statique comme ça. Ensuite, quand nous reviendrons ici et que nous voulons ajouter aux contraintes que nous avons, il suffit de les faire tous aussi. Aucun. Oui. Donc, nous voulons le voir là-bas. Hum, et ce n'était vraiment pas génial, je dois faire ça ? La seule chose que je suis fait ceux que je ne suis pas sûr si je veux un logo empilé sur le dessus comme ça. Donc je vais faire est en fait juste de retourner les tours. Et je vais le faire en allant à la mise en page et en cliquant sur ce bouton à la droite verticale. Et on veut, non, désolé, pas celui-là. Un élément incorrect est des colonnes. Nous voulons en fait regarder leur plat vertical. D' accord ? Et à cause de ça, on peut voir les logos s'asseoir un peu plus haut est pour moi C'est probablement trop proche de la ferme. Donc, nous voulons réparer ça. On peut le faire avec vasco, sens UBS. Et je pense que ça va se montrer parce qu'on a un motif, il y a un coupable. Ok, donc nous avons quelques coussinets et le rembourrage indésirable et 20 en bas fois le haut. D' accord. Avec ça. Puis au téléphone pour avoir un problème ici était tablettes. Non, on est bons là-bas. Et on arrive à la tablette. Donc on peut voir que ça a l'air un peu bizarre parce qu'on se met à la tablette les choses qu'on a gagnées, les choses pour être cohérentes. Nous devons donc nous débarrasser de certains des éléments de rembourrage que nous avons décidé d'ajouter toujours plus sur le bureau. Donc, pour moi, je pense que nous sommes bons là-bas. Juste rapidement, vous avez également Singled fait mode. Donc, si jamais vous êtes coincé ou si les choses ne fonctionnent pas, je n'avais pas correctement, comme ici par exemple. Donc, vous pouvez voir ceux-ci sont très, très légers comme un écart de cinq pixels que je me demande que je ne jette pas mon bureau jetant mon œil et en me faisant penser que c'était une sorte de couverture de code ou quand il y en a, mais ce n'est pas délibérément et c'est juste parce qu'il y a un léger écart ici. Donc ce qu'on veut faire, c'est sortir de votes supplémentaires. Quelle est la colonne que nous regardons et débarrassez-vous de ces cinq px donc nous n'avons pas besoin donc je ne sais pas qu'ils sont là. Génial Maintenant, ça me semble bon. Alors continuons. Et ainsi de suite sur mobile, nous cherchons la même chose que ce que nous avons fait. On peut centrer ça en bas. Il y a des liens là-bas. Et nous allons juste éclaircir cela et faire en sorte que ce soit bien pour que nous n'ayons pas besoin 201010 Zoom. Et puis à l'extérieur, nous voulons que ce soit 10 aussi. Allons maintenant l'ESA, le moteur était, et j'ai dit, Ok, donc maintenant nous avons une installation évolutive avec un appel à l'action ACE. Vous pouvez utiliser si vous n'avez pas beaucoup de liens sur votre site parce que vous voulez essayer de faire usage de l'espace, n'est-ce pas ? S' il s'agissait d'une partie standard de votre site Web, vous voulez vous assurer d'en tirer le meilleur parti lors de la création de votre site. Et laissez-moi passer aux méthodes de génération de plomb. Nous allons parler de la façon dont nous relions réellement ces formulaires dans ce que nous faisons là-bas. Hum, mais pour la plupart, c'est tout. Donc c'est juste que Pharaon fait. Alors remontons rapidement et vérifions juste et vous voir. Alors c'est un gâchis. La seule chose que je pense que ce désordre. Oui, donc les textes ici n'ont pas été changés pour Proxima Nova. Faisons ça. Dois-je les rendre audacieux ? C' est pour ça que je ne sais pas. Maintenant, nous pouvons les laisser normalement, heureux de ça. Et maintenant que nous avons fait ça, nous voulons faire un symbole, comme nous l'avons fait avec l'en-tête. Alors cliquez sur le Fisa, faites un clic droit sur la façade. Là. Trois symboles puis toutes les majuscules. Nous allons juste créer des visites et des profits. Juste comme ça. C'est juste l'avoir fait. Donc avec cela étant dit, la prochaine chose sur laquelle nous allons passer est en fait commencer à remplir une partie du contenu du site. Et juste avant de passer à cela, ce que vous devriez faire est de voir si vos pages à une section dans, puis Azure Fisa. D' accord. Section, officier. Section. Alors oui, c'est tout. Alors, on va se fissurer, d'accord. Super facile, super, super facile. Donc, comme je l'ai dit, avec la tête, pendant que vous traversez ça, si vous êtes coincé, je veux dire, il y avait un point là-dedans quand je traversais le premier de la j'ai fait trébucher et l'un des le juste Webflow à travers sur une balle de courbe à moi et il le fera parfois, parfois ce sera des problèmes et vous ne saurez pas nécessairement la réponse. Je peux vous assurer que toujours une raison logique est néanmoins très vraiment tout ce que vous pouvez réellement blâmer. Webflow loin émissaire. Am habituellement, il est juste que vous avez fait une erreur dans la façon dont vous avez utilisé la plate-forme et la façon dont vous configurez les choses et provoque juste une légère différence et de ce que vous pouvez vous attendre à se produire. Alors ouais, passons à chercher le reste du bateau du site. Nous nous rapprochons, progressons. Continuons. 16. Créer votre page d'accueil: Ok, donc c'est l'en-tête et la façon dont nous avons construit la tête et le Fisa et maintenant il a tendance à aller de l'avant et à arrêter les pages de courroie. Donc la première page, ce que nous allons juste rassembler le chemin est notre page d'accueil. Et c'est là que nous allons aborder certains de ces trucs de génération de plomb dans le genre de structure salariale de ces pages et ce que vous devriez être capable de penser. Et avant de commencer par quelques choses que je veux souligner. Vous pouvez être dans une situation où vous avez l' impression d'avoir beaucoup de contenu, c'est votre site Web. Et mon conseil à ce stade est de garder les choses courtes, douces et concises. Ce seraient mes meilleurs conseils. Et la raison de cela, en tant que gens, quand il a un site Web, ils vont là-bas pour l'intention particulière. Et d'habitude, ils vont chercher une information vraiment spécifique. Et vous voulez rendre aussi facile que possible pour la renommée que l'information. Et vous voulez décomposer les choses de manière à ce que les choses soient faciles à scanner plutôt que faciles à consommer, n'est-ce pas ? Comme dans le sens où vous ne voulez pas une quantité excessive de textes qui ont commencé dans la vague ou que quelqu'un cherche. Et c'est une chose courante que je vois sur beaucoup de sites Web. C' est juste ça. C'est juste trop de contenu, juste, juste une énorme quantité de contenu et il sature juste le champ de conception, le but du site, et aussi la marque. Donc c'est quelque chose à garder à l'esprit pendant que vous traversez ça. Gardez les choses courtes et douces aussi, je dirais. Mais aussi n'ayez pas peur ou ne vous retenez pas. Vous mettez les informations dans le site dont vous avez besoin pour ne pas exagérer. Donc, la première chose que nous devons faire pour cette page aussi, en fait pour toutes les pages que nous avons besoin d'avoir un tas d' emojis et vous n'importe quoi sur les dommages, vous pourriez penser à Chicago Stock ou Adobe Stock. Là, les deux paie le coût un pourcentage assez peu et ils sucent juste là. Ils ne sont pas les meilleurs. J'utilise habituellement Adobe Stock si j'essaie de télécharger des graphiques. Donc, c'est là que je reçois la plupart de mes graphismes à partir d'autres bons sites Web là-bas. Mais celui que je recommande en fait s'appelle Unsplash. C' est celui que je recommande si vous devez utiliser des images stock. Et c'est un bon point tel que quand il s'agit d'images, parce que peut utiliser vos propres images. Et si vous avez vos propres images, si vous avez accès ou le budget pour embaucher un photographe pour prendre de bonnes photos de votre marque ou de votre entreprise, votre entreprise locale, et investir dans celle-ci. Comme les gens veulent connaître vos entreprises, surtout si vous avez des locaux physiques et qu'ils veulent savoir à quoi cela ressemble et dire qu'ils veulent savoir ce que je dis, ils veulent connaître les gens qui dirigent les marques. Ils voulaient savoir sur les employés. Ils ne veulent pas voir les stocks tomber. Juste un moyen pour les marques ou les propriétaires d'entreprise de se cacher derrière le site Web. Donc je conseille de ne pas faire ça. Mais de toute façon, pour moins que je vais utiliser des photos de stock évidemment parce que je ne veux pas Jim. Alors nous allons taper dans la salle de gym. Et oui, un tas d'images qu'on peut choisir ici. Et l'une des choses que j'aime vraiment chez Unsplash, car toutes ces énergies proviennent de bandes-annonces ou de photographes indépendants, vous savez, mais n'ont pas été sélectionnées par Adobe Stock ou Shutterstock. Et c'est juste des gens qui aiment les petites allergies aux noix et qui disent, hé, vous savez, vous pouvez les utiliser gratuitement, ça va être du crédit. Donc ce qu'on va faire ici, c'est que je vais choisir probablement 10, 15, 20 énergies. On va continuer à revenir ici quand, quand on le doit. Je vais juste choisir ce n'est pas vraiment mauvais pour être honnête. Arrêtons et voyons ce qu'on a fait ? Toutes ces énergies sont utilisables. Alors, voilà . Public cinq de plus. Donc les bords sont importants, ils font vraiment la différence, mais le site en termes de design. Donc tu veux t'assurer que tu les arrêtes. C' est une bonne chose. Je peux y aller. Et laissez-moi voir si je tape un autre mots-clés. Laisse-nous et c'est un autre. Ce sont de bonnes. D' accord. Je pense que je vais probablement le faire à partir de maintenant pour être honnête. Laissez-moi revenir en arrière et nous allons télécharger ces images sur le site Web. Vous pouvez, si vous avez besoin d'aller évidemment dans comme Lightroom ou partout où vous êtes une application de retouche photo profonde est. Mais pour ça, je ne vais pas m'embêter, je n'en ressens pas le besoin. Alors continuons et téléchargeons des images, qui apparaîtront toutes ici dans une seconde. On y va. D' accord. Une autre chose que vous pouvez faire que je n'ai pas fait ici juste dans l'intérêt du temps. Mettons l'EMG à travers le compresseur. Je suis juste pour m'assurer qu'ils ne sont pas trop gros. Et le, et le, je vais boucher votre site parce que performance va être une chose vraiment importante. Et si vous êtes aux prises avec ça, vous êtes comme, oh, je ne sais pas quelle est la taille de l'énergie devrait être ou ce qui devrait être là pour Webflow vous le dira en fait. Donc, si vous allez dans les paramètres d'une image et laissez-moi juste déplacer cela sur cette façon. Vous pouvez voir qu'il dire ici que l'image est très grande et que nous ne allons pas être publié sur ce site sont vraiment essayer de faire et quelques leçons, donc il n'a pas d'importance. Mais je vais vous le dire, d'accord. Et si c'est en grande partie ce que je veux dire, c'est un site Web important. Tu n'as pas besoin que ça revienne. Tu ne veux pas que ce soit si grand. Votre site Web serait tout simplement lent, maladroit, et beaucoup de bon travail que vous avez fait sera redondant dans une certaine mesure. Bref, j'ai un tas d'images, alors allons-y et utilisons-les. Donc, on va à des boulons. L' en-tête n'aura pas un ouais, nous allons le retirer en haut de la section de la page, si nous l'appelons. Donc on a une section, on va y mettre un bloc qui va être un conteneur. Et ce que nous allons faire, nous allons ajouter une autre loi de div juste au cas où nous aurions aujourd'hui une autre adresse un peu folle. Et puis nous allons arrêter ça et le contenu et les sites. Donc on va mettre un cap. Prenons des photos X là-dedans, et on y trouve un bouton. Et ça va être le haut d'une page. Donc, ce que nous devons faire, c'est obtenir nos cours et ADA. Alors, cliquez sur la section. Et puis nous allons cliquer sur la section Basic, conteneur de base. Et puis nous aurons le bouton page un paragraphe. Donc ce qu'on va faire, c'est que ça semble un peu plus net. Et puis nous allons passer à avoir une génération de leads de chat et pourquoi le haut de cette page est si important. Alors, prenons juste une image ici. Je suis désolé, le reste plus tard. On va retourner ici. Peu importe pourquoi l'image, je suis, si je suis honnête, je peux choisir n'importe quoi. À la place. Nous voulions cela un peu plus sombre pour remercier Dieu, j' y avais quelque chose de pas tout à fait juste. Et puis nous allons créer une classe combo avec notre conteneur parce que nous voulons que ce soit tout à fait le cas si nous voulions être au-dessus d'une certaine taille. Donc je vais à Top Hat dire w en termes de jeu avec ça et c'est ce que tu veux faire. Tu veux jouer sur eux quand tu arriveras à ce point. Et vous ne allez pas nécessairement savoir ce que le meilleur haut comme un penser, environ six centaines par fois est un bon spectacle. Bonjour. Ouais, je peux aller avec ça. Et puis nous allons juste voir ce fond parce que ça n'a pas l'air trop beau. Oui. D'accord. Je vais sortir avec ça. Et puis nous voulons nous assurer que tout et les sites qui contiennent un sens. Donc ça va aller vasco. C' est un AINS qui est dans l'impasse. Et on va faire la même chose. Et puis tu voudras faire de l'argile. Vous voulez créer des classes de liste déroulante. Lorsque vous commencez à éditer comme la météo, le titre, un central ou non, parce que vous ne voulez pas faire de changement quelque part en elle. Tout gâche sur l'ensemble de votre site, moins la dernière chose que vous voulez. Donc traits. Etape centrale 1. En fait, une autre chose est de faire, nous devons faire une classe pour le changer en blanc. Donc, d'habitude, je mets juste faire blanc. Je vais juste utiliser tout à fait. Je veux dire, tu peux étiqueter tes cours comme tu veux. J' aime juste utiliser plus comme des commandes que des classifications juste parce que c'est plus facile quand je suis, je vais à ce sujet et certaines classes qui doivent être blanches micro. Donc, nous allons faire cela d'abord, car c'est le même que le paragraphe. Droit ? Donc encore, soma, alors on va juste frapper ce bouton tag. Maintenant, peut-on annuler chaque génération dans un bloc de deuxième étape ? Ce que nous voulons faire comme juste le texte ici est beaucoup trop sage et nous ne le voulons pas de cette façon. C' est parce que ça n'a pas l'air juste. Alors, allons tirer ça un peu et voir comment nous sommes allés. Oui. Le labo fonctionne pour moi. Oui. Et donc il y a quelques choses que vous pouvez faire ici, et nous allons juste ajouter une section ici juste pour préparer la prochaine que nous allons faire. Vous pouvez avoir la, vous pouvez avoir une sorte de ferme ici. Comme si ça dépendait vraiment de ce que tu essayes de faire, non ? Et ça dépend de ce que tu nous avais offert. Mais une norme sur la page d'accueil est juste avoir un bouton qui renvoie à votre page de contact. Vous pouvez faire beaucoup plus que ça si vous laissez vraiment vos traits, je dirais aller un peu sauvage. Et vous pouvez avoir, vous pouvez avoir un formulaire qui permet aux gens d'insérer le nom et l'e-mail comme celui que nous avons construit pour le Fisa. Ou vous pouvez l'avoir connecté à un formulaire de type. Vous pouvez l'avoir connecté à tout ce que vous voulez. Il y a tellement de potentiel avec ce que vous pouvez faire sur mon site Web personnel à partir des médias BYU, et je recommande généralement cela à certains des clients que nous travaillons avec ce téléphone de type d'utilisation. J' aime bien le type 1 est vraiment bon en tant que fonctionnel et est assez interactif pour les utilisateurs. Je vais te montrer si tu as un comptable. Et je ne pense pas qu'on va passer par ça, pas une police de type. Je pense que ce serait quelque chose pour une vidéo séparée, mais il n'y a aucun mal vous a montré la plate-forme et juste à quoi elle ressemble parce qu' il existe une très bonne méthode de génération de leads qui fonctionne assez bien pour nous. Mais nous n'avons pas beaucoup fait sur le marché et récemment, mais nous avons un tas de formes différentes ici. Et vous pouvez créer n'importe quel formulaire que vous pouvez penser moi et j peut le lier à votre site Web ou vous pouvez l'intégrer. Tu peux faire toutes sortes de super trucs avec ça. Et ce que je vais faire pour celui-là, car je vais juste mettre un champ e-mail. Ouais, et on va juste coller un champ email et donc on va se débarrasser de ce bouton. Et ce que je vais faire, c'est ce que je veux faire. Deux façons différentes. Je pourrais revenir à deux façons différentes. Voyons ce que nous obtenons. Ce dont nous avons besoin en tant que bloc de formulaire initialement. D' accord ? Et vous pouvez, comme je l'ai dit, vous pouvez, vous pouvez faire ce que vous voulez. Voici ce que je veux dire, ce que vous pouvez faire comme vous pouvez, vous pouvez lier ici à votre page de contact, par exemple. Et vous pouvez lier votre contact coller un formulaire de type. Vous pouvez prendre des informations ici, puis vous obtenez des personnes dont le nom et l'adresse e-mail est, ce qui est important, surtout si vous voulez mener Janvier. Donc, comme par exemple, vous pourriez avoir toutes les deux une offre ici. D'accord. Eh bien, les cloches sur l'offre et ce qu'on peut voir, j'en ai assez parti. ne sais pas si je veux changer cette image, je ne sais pas ce que je ressens à ce sujet. Peut-être. Je pensais juste qu'on pourrait juste dire, eh bien, ça n'a pas d'importance à ce stade. Oui. Mais je pense que le point que j'essayais vraiment de faire ici avec la page d'accueil est que cette rubrique de votre site, comme sur votre page d'accueil par exemple, qui est normalement que les répétitions vont venir si vous suivez un modèle et cap traditionnels. Et cette zone ici. Doit être en mesure de transmettre votre message et de dire à une passion pourquoi ils devraient s'inscrire à votre site Web. Vous vraiment méthodes de génération, rue, ou partout où vous êtes offert que vous avez besoin de justifier cela tout de suite, vous devez faire clairement que doit être concis et il doit être tout à fait direct. Alors, quel est votre facteur de différenciation clé en tant qu'accompagnement ? C' était une chose qui vous rend définitivement était la chose qui fait de vous Besso, pourquoi devrions-nous dire pas en ce moment sur cette ferme qui ont été construits en lieu et place de l'un des concurrents. Ce sont les choses que vous devez y penser lorsque vous construisez votre site parce que beaucoup gens votent viennent juste et ils se plieront tout de suite s'ils ne trouvent pas ce que nous cherchons, vous devez leur donner une raison de rester et engager. Et vous voulez qu'il soit aussi facile que possible pour eux de le faire, ce que nous essayons de construire ici. Donc, par exemple, j'ai quelques idées ici sur les raisons pour lesquelles je pense être utile. Et je pense que je veux tirer ça ici. Ok, un hasard là pour que vous puissiez voir là-dedans. Je vais souvent, je vais pour cela dépend. Nous pouvons imaginer votre travail, vous devez, mais parfois vous voulez déplacer le focus clé de l'image sur un site et avoir votre ferme de l'autre côté juste pour que nous ne soyons pas assis les uns sur les autres comme ils l'étaient. Donc maintenant je peux voir le muscle de l'œil dans cette image. J' essaie d'insinuer cette idée que tu vas devenir forte. Vous savez, que c'est un vrai exercice, que c'est une vraie condition physique, que c'est un travail important que vous allez faire à la salle de gym. Et puis évidemment ici avec le texte, j'essaie de dire « Regarde, inscrivez-vous, c'est notre classe. Et vous suggérez presque qu'en vous inscrivant, c'est à ça que vous pourriez ressembler, ce qui n'est pas directement venu ici pour le faire, mais vous pourriez faire l'argument. Alors jouons ça et voyons comment on va. Donc je ne veux plus que ça soit centré et je ne veux pas que ma tête soit centrée à 1 vers la gauche. Et puis nous allons construire notre ferme ici. Et puis on va construire une ferme ici. Et nous allons construire une offre et vous allez voir avec précision ce que je veux dire. Alors pensons à une offre. Eh bien, en fait, d'abord, prenons cette formule. Je pense que c'est la chose qui a préséance. Enfin, je pense que cela prend l'initiative en termes d'importance. Donc, créons une classe et disons simplement, disons juste en-tête. Et nos antécédents. Je vais faire quelque chose, ce beau gris qu'on utilise. Nous avons dit que nous allons utiliser le début. Alors qui devrais-je, ne devrais-je pas ? Oui, je crois que ça pourrait marcher. Voyons comment ça se passe. Je veux que ce soit des courbes. Vous ne voulez pas bouton de téléphone css que nous avons fait plus tôt pire ? Oui. En quelque sorte. Oui. Oui. D'accord. On peut travailler avec ça. Et puis je veux me débarrasser de ces champs comme avant. Et puis ce que nous allons faire est de répondre, je serai un pressé eux. Et vous pouvez avoir autant de champs que vous le souhaitez. Et là, vous voulez vous assurer qu'il fallait deux en ce qui concerne les fonds. Et puis nous voulons faire ces champs que nous regardons courbes. Et une chose que vous pourriez vouloir considérer une petite bordure sur ceux-ci, dont je ne suis pas sûr de ce que je ressens. Voyons comment on se passe. Ouais, d'accord. Ouais, on ne veut pas ou besoin de vraiment n'importe quel lambda dans la sélection, juste ça eux. Et ces choses que nous pouvons faire pour faire comme ce que nous allons faire, c'est quand nous approchons de la fin de l'audace, un vélo Google a analysé quelques interactions et je peux vous montrer comment ça marche. Mais pour l'instant on va juste laisser ça, ouais, on va le laisser comme ça. Et nous allons nous assurer d'utiliser les bonnes polices. Ok, et OK, maintenant on a la formule. Mettons que c'est le site pour une seconde. Et je vais mettre seulement aller faire allons-y juste pour les maisons d'hôtes. Bon, maintenant que nous avons ça et certains des textes en haut de la page quand nous faisons ça, ce que nous voulons comme nous voulons essayer. Et je veux dire, à moins qu'il n'y ait plus de marques et d'affaires WACC dans un travail de découverte que vous pourriez avoir à faire. Mais vous voulez vraiment obtenir ce titre et il devrait être votre offre de base et résumer. Cela devrait être que vous êtes là une ligne ou vous connaissez votre, votre proposition clé que vous présentez. Donc je vais juste, je vais juste mettre Shane que je vais mettre en fait devenir moins. D' accord. Maintenant que je mets ce texte, je veux dire, ce que vous pouvez voir ici, c'est que cette petite ligne, hé, n'est pas tout à fait juste, donc nous devons changer ça. Et ce qu'on va faire, c'est qu'on va changer son guide de style d'honneur parce qu'on a des cours de combo. Je ne veux pas vraiment que tout ça se gâte. Et comme vous pouvez le voir ici, parce que j'ai ajouté à l'arrière-plan de ce conteneur avec ajout d'une nouvelle classe est changé pour celui-ci aussi. Donc, nous voulons changer ça. Donc, nous voulons changer ce fond pour nous, évidemment l'image que nous avons ici. Ok, donc c'est, c'est bon. Il y a juste ça du conteneur et beaucoup moins. On va mettre. Maintenant, nous allons juste éditer la hauteur de la ligne. D'accord. Donc, la hauteur de la ligne, se déplaçant pas tout à fait 145125. Oui. En fait, tu ne fais pas, je vais remettre ça au conteneur de base. Oui. Et en votant là-dessus, on va juste devoir plier cette image. Je vais retourner ici. Reste toujours. Oui. D'accord. En ce moment, vous pouvez le voir maintenant que nous avons ajouté à tout le n et cette chaussure, ce changement à 12 encore, mais des profits morts. Maintenant, nous devons augmenter la taille, la hauteur de ce conteneur. Donc on va en faire sept cents. Pourtant. Heureux avec ça, n'est-ce pas ? Et là, nous allons juste faire un signe aujourd'hui. Inscrivez-vous dès aujourd'hui pour commencer. C' est en fait le crochet. Ravi de faire, tu sais quoi ? Je pense que je suis en fait juste prendre moins de nuit sexuelle parce que j'ai l' impression que souvent était moi partiellement de toute façon. J' ai toujours l'impression que si je me sens comme si je me forçais à ajouter plus de mots, alors je ne devrais probablement plus ajouter de veut parce que ce droit ici, il y a probablement assez ouais. Vasopressine formé plus intelligent avec je voulais mettre Wes Magnus. Oui. Ouais, transgressifs sont des omégas suspendus. Et puis ce que nous pouvons faire est au lieu de la structure que nous allons pour, nous pouvons le jeter ici et nous pouvons mettre parce qu'une chose que vous pouvez faire aussi bien quand vous avez le nom et l'e-mail d'une personne, vous pouvez commencer à les adapter et vendre les entonnoirs celui qu'il montre dans 10 dans leurs parcs sont fondamentalement les mêmes. Ils sont intéressés. Mais cela ne veut pas dire qu'ils ne peuvent pas acheter pour vous tout de suite, mais ça ne veut pas dire qu'ils ne peuvent pas le faire. Et sur votre page de contact, comme vous pouvez vous concentrer davantage sur la conduite des gens à acheter réellement un abonnement et d'autres choses. Mais de toute façon, continuons. Et ça ne nous dérange pas trop à propos de ce texte. Donc je vais juste en ardoise ici. Donc, tout va bien. Je veux dire, ce qu' on fait ici, c'est vraiment mieux. Ce monsieur a été vu les sauver pour rejoindre notre communauté. Et les termes de ça, je veux dire, je pense que si nous faisions vraiment ça correctement, je serais obligé de répondre, comme essayer de pousser la personne qui achète réellement son adhésion. Mais c'est plus comme un econ, un genre de chose et des temps de domination d'élite. Je n'ai pas de formulaire sur la page d'accueil je pense que c'est une bonne façon d'y arriver. Ou au moins se connecter, ou au moins avoir un bouton qui se connecte à une méthode formelle de génération de leads. Donc c'est quelque chose à penser. Et puis déplacez ces sections ici, que je garde d'habitude ça vraiment, vraiment simple. Comme si tu n'avais pas si compliqué ce pot. Et cela dépend de la personne que vous essayez d'aider et de travailler moins, mais pourquoi normalement faire comme obtenir vos cours et autofocus ? Section si basique. Ok, vos colonnes Container, vous n'avez pas à lire, vraiment les renommer. Maintenant que tu as ça en place, mettons-nous en D-block. Et dans ces deux colonnes, ce qu'on va faire, c'est qu'on va avoir une image. Ça n'a pas besoin d'être celle-là. Ça ne peut vraiment pas être ce que tu veux. Je ne suis pas vraiment si bien que ça, un qu'on va chercher ouais, je veux dire, ouais, ça peut marcher. Et puis ici, Titre 1, ne va pas faire ici comme ajouter des quantités excessives de textes. Je veux dire, il n'y a pas de raison que tu n'aies pas besoin de me voir écrire un peu détaché. Tu as juste besoin de comprendre la structure que je vais chercher. Laisse-moi rapidement nettoyer ça. Hum, et oui. Et puis sur le SAT nous voulons Px de 40. Ensuite, nous voulons nous assurer que la hauteur de chacune de ces sections est cohérente. Donc ce qu'on veut faire, c'est quelle que soit la taille la moins méchante. On regarde ici. Je ne vais pas télécharger l'image. Je vais faire le, je vais faire une image de fond ici parce que cela va réellement l'échelle correctement. Il mettra l'image à l'échelle correctement et je la garderai cohérente lorsque nous descendons les sections et elles resteront toutes la même taille, qui est finalement ce que nous recherchons ici. Allons-y pour celle-là. Et puis ce que je vais faire, c'est que je vais changer le site de la taille de ça. 500 est, mais on cherche des profits. Et on va faire la même chose avec un bloc de pas. Et à l'intérieur de cette div, nous voulons le rendre sensible à Vasco. Oui. D'accord. Et ici, c'est là que nous voulons utiliser notre H2. Comme je l'ai dit, vous n'en utilisez qu'un en haut de la page. Ne pas utiliser ça. Génial. Donc euh, désolé, entrez dans les sections inférieures. Ok. Ok, Alors maintenant, nommons rapidement ces blocages. Alors comment on l'appellera ? Je pense que ce qu'on va faire comme on l'appellera double colonne. Ouais, on va juste appeler ça n'a pas joué gentil. Ok, donc nous devons ajouter cette image contre l'O. et c'est le truc. Si vous vous réunissez pour les appeler, nous allons créer une autre classe appelée annonces. L'image. En fait, je ne veux pas faire comme ça. Je vais faire des allers et retours sur ça. Elle peut faire deux ou trois façons différentes. Je pense que je pourrais en fait faire est juste d'ajouter une chaîne vide et de m'assurer qu'elle couvre toutl' tout arrière-plan. Ouais, désolé. Pourtant, enfin, il y a juste d'ajouter rapidement l'image à nouveau. Si j'ai besoin d'ajouter un paquet de deuxième classe . Et maintenant ce qu'on va faire, c'est qu'on va dupliquer cette section. Et nous allons retourner ces colonnes ne sont pas. Très bien, donc on devient agréable à de belles sections juteuses là-bas que l'on peut parler de la salle de gym et de certaines des caractéristiques de celui-ci. Et puis généralement ce que je fais, comme je veux dire, c'est comme un design très simple à cet égard. Mais comme, aussi basique qu'il soit. Mais pourquoi normalement, c'est que j'irais. Et je voudrais ajouter comme, ce que vous appeleriez cela un énoncé de mission sont juste un type de texte empathique qui parle de ce que signifie la marque de l'eau qui cherche à ce que son principal désordre. Donc, stockons rapidement et quelque chose comme ça. Et puis j'aimerais que ce soit ouais, on peut le faire, on l'a fait, on peut le rendre rouge en fait, ce serait très intéressant de voir comment ça se passe. Droit ? Deviner certains sont lentement mais sûrement. Pourquoi faire, c'est que je pourrais prendre la tête et exciter ça. Donc ça a juste éclaté là-bas. Donc, si vous cherchez à construire une section comme celle-ci, vous pouvez juste suivre ce que je fais. J' aime ça comme ça. Et la fin, en fait, je pense que je pourrais le faire revenir. Ok, donc c'est quelque chose mis en évidence avec le bouton. Rappelez-vous que nous avons parlé, vous vous souvenez peut-être d'un mémo fait guide de style d'évasion. J'ai parlé. Pendant que nous traversons ou si nous avons besoin d'ajouter autre chose à dire, d'accord, nous pouvons, eh bien, c'est une de ces choses. Donc, si nous revenons à nos guides de style, nous pouvons dupliquer l'un de ces boutons, puis ajouter une classe de virgules. Ça dit la leçon. Et on peut faire ça blanc, d' accord, parce que c'est ce qu'on veut. Et nous pouvons faire l'interne, nous pouvons rendre ce gris que nous aimons. Et c'est tout. Alors on prend ce cours, on retourne à notre page d'accueil. Personne ne veut faire un sens de nous. Est-ce que c'est comme si je voudrais avoir cette section étant assez vous supplier comme vous voulez un bon rembourrage ici ? Vous en voulez probablement beaucoup plus. Ouais, quelque chose comme ça. Et puis vous voulez créer un peu faible d'une différenciation. Ou 11 plus d'espace entre le rembourrage du bouton de F. Kennedy. Vas-y comme ça. C' est probablement ce que nous avons fait. Et je viens de réaliser que je ne comptais pas pour que ça soit blanc, alors nous devons ramener ça à gris. D' accord. Donc je me sens bien à propos de ça. Je pense que ces autres travaux à faire là-dessus, je l'ai fait dans les coulisses. Des centaines, des centaines de zs probablement jamais eu. Et pourtant ces choses qui peuvent être ajoutées ici, ok, il y a beaucoup de façons différentes qu'il peut être ID puis la plupart de ces fonctionnalités, parce que l'objectif de ce site Web est seulement la génération. Je ne veux pas vraiment, je veux dire, je ne veux pas être trop lourd dans le côté design des choses, mais vous obtenez d'où je viens. Je veux dire, vraiment envie de faire ici est de construire des sections vraiment basiques. Et fondamentalement, c'est le m que vous pouvez utiliser. Cela peut ne pas ressembler à beaucoup, mais c'est tout simplement deviner le point. Et nous utilisons un schéma de couleurs fort, c'était un peu faire le travail pour nous. Donc c'est en fait ce que je vais utiliser. Je pense que je dois changer avez-vous besoin de changer cette image ? Donc ici, ici, vite. Ouais, d'accord. Oui. Et puis ce que vous voudrez aussi faire, c'est que nous devons faire ipx au-dessus du dessus, ce que nous avons maintenu jusqu'à présent, mais nous voulons nous assurer que cela soit maintenu aussi dans ces domaines. Donc voici un endroit où il est définitivement. Mais nous voulons nous assurer que tout le vol est là. Alors, déplacons le haut et à vous voir. Ok, donc ne veux pas faire ça. Et crée. Donc je vais appeler ça un côté non de celui-là est orienté vers la gauche. Très bien, donc dans l'ensemble, ça a l'air plutôt bien. Mais il y a encore des choses à faire avant de passer à la page suivante. Il y a quelques choses. Je ne le suis pas, je ne suis pas intéressé par ça. Je ne pense pas au meilleur. Donc, je ne suis pas désireux de la façon dont cette image se transforme en celle-ci, cette section. Donc, ce que je veux faire ici, je veux ajouter une section qui, eh bien, juste parler de certaines caractéristiques clés et avantages de toute la salle de gym elle-même. Alors jetons une autre section et oublions ce bruit derrière moi. C' est mon épagneul Springer. Fais une bonne chose. Donc c'est une autre section là-bas et on peut avoir dans une impasse. Et puis à l'intérieur de cela, nous allons ajouter des colonnes et des colonnes qui sont des grilles. Je pense. En fait, c'est une bonne occasion pour moi de vous montrer comment utiliser les grilles. Donc les grilles sont vraiment, vraiment bonnes quand vous obtenez différentes cartes et tables que vous vouliez ajouter vraiment ce que nous faisons ici. Donc, je comprends que vous ne savez peut-être pas vraiment ce que je suis ici, mais ce que nous voulons faire est d'ajouter les tuiles ici. Donc, ce seront trois cartes séparées, et ensuite nous voulons supprimer cette carte du bas. Donc faites un clic droit et supprimez la ligne Ok, donc maintenant on a une rangée de trois, ok, donc c'est ce qu'on veut. Et puis avec n'importe quelle ligne que je veux ajouter loquet, je veux juste ajouter un bloc à partir de cela. Et il veut rapidement s'assurer que ce sont toutes des gouttelettes de classe. Donc la section de base, la section de base, le conteneur de base. Et l'administrateur obtient la classe de crédit si vous voulez, mais ce n'est probablement pas essentiel. Et puis, évidemment, j'ai bloqué à l'intérieur et je vais juste appeler ce set. Je vais juste appeler ça les titres de service. Tu verras pourquoi dans une seconde. D' accord. D'accord. Donc pour moi, je suis genre, oui, ça a l'air bien. Je peux oui, on peut travailler avec nous. Et ce que je pourrais faire, c'est, bien, juste pendant que nous parlons de ça, je ne suis pas sûr à quel point l'oeil sur ces images et ces sections. Je ne suis pas aussi loin, dire Px de l'espace sites stables. Donc nous pourrions vouloir jeter un oeil à ce binaire. Continuons avec ça. Ici, nous avons les tuiles de service. Et puis ici, je vais ajouter un titre d'image. Ensuite, je vais vouloir paragraphe. Et enfin, bouton. Et c'est aussi une bonne occasion d'envoyer des gens à deux décimales sur votre site si vous le souhaitez. Et puis aussi je fais normalement ce que vous avez ici évidemment, mais j'ajoute habituellement le titre et le graphique circulaire au-dessus, juste pour que les gens sachent ce que c'est. Et généralement, j'inclus toujours un peu de tags juste au-dessus de cela. Un. Déplace-moi encore ici. Alors ils se dirigent. Et puis paragraphe doit s'assurer que ce sont n dire le conteneur de base. Ok, alors maintenant, allons-y mieux. Je me demande de penser, c'était ce bouton. Vous verrez comment tout se réunit en une seconde. Donc nous avons ce serré. Donc, tout d'abord, commençons par le haut. Et puis quelques textes, vous allez juste mettre les fonctionnalités clés et les avantages. Mettons du texte ici. Et je vais juste quitter l'automatisme logarithme et ici parce que quand vous savez ce que vous vous ajoutez, ok, tout le but ici est de vous montrer le design, pas de me regarder taper. Essayons donc de les mettre un peu plus. Otto, nous avons cette tolérance à la faute de classe et nous allons juste dire plus haut. Les textes sont comme un sous-titre. Et par là, je veux dire, vous appelez que la classe est ce que vous voulez. Ce sera H2. Et ce sera un paragraphe de base. Ok, super. Non, je veux faire ce que je ne sais pas si je veux changer peut-être pas la couleur de celui-ci, mais je veux changer quelque chose. Donc probablement celle-là. Et je veux me débarrasser de cette marge supérieure. Donc je vais juste mettre la marge supérieure, peut-être 10. Maintenant, il monte. Oui. Droit. Je vais centrer ça et, et la typographie. On va le faire, on va savoir qu'on ne va pas faire un boulon. Ou on ne devrait pas faire un sondage, pas savoir que le boulon ne le rendra pas audacieux. Mais nous allons le changer pour le rouge que nous aimons, qui est celui-ci ici. Et on va le faire en majuscules. Et nous allons répandre moins d'espacement jamais si légèrement mais probablement là-bas aussi. Et ce qu'on va faire est central ici. Probablement faire sur 10 px ici. Et je vais augmenter la marge juste pour que ce ne soit pas aussi large que ce S parce que ça ne ressemble pas à ça. Donc probablement comme un, peut-être deux Svante, voyons. Il semble que ce soit le bon endroit pour ça. Et puis nous voulons ajouter un peu de rembourrage. Ok, génial, Donc ça ressemble un peu à une autre, une sorte de différenciation entre cette section supérieure et ensuite les sections ici parce qu'ils vont juste être écrasés ensemble et ce n'était pas trop friands, si je dois le dire. Alors. Maintenant, nous avons fait cela, passons aux tuiles de service et donnons-leur une belle apparence. Donc on va devoir utiliser Canva. Et vous verrez pourquoi dans une seconde pour les dommages. Mais les politiques voient souvent comment nous pouvons les obtenir. Regarde. On va utiliser ce beau blanc alternatif qu'on a choisi. Et les arrière-plans pour ça vont ressembler. Donc je vais faire des chariots et des renflements. Et en termes de mise en page, nous voulons tout faire phrase. Et puis nous voulons aussi ajouter un peu moins d'un rembourrage de 20, 20. Juste comme ça. Ok, donc oui, je peux travailler avec ça, vais juste faire de ça un bouton de base, non ? Ok, ça va bien. Et puis ce qu'on va faire, c'est juste prendre ça et copier là, et ensuite, ok, maintenant on va avoir trois sections de serveurs, ce qui est bien. D' accord ? Et je vais vraiment tomber rapidement dans ce texte. Donc, nous allons aller pour ce que je pense les principales caractéristiques de service d'une salle de gym. Je veux dire, mettons le soutien de la barre X, groupe communautaire. Et puis nous mettrons des cours en ligne parce que pourquoi pas ? Et puis je vais laisser beaucoup d'applications. Mm-hm. Je vais prendre ce morceau ici parce qu'il y a trop de phrases à mon avis pour Phi. Donc, voici un petit conseil aussi. Lorsque vous faites ces types de sections. J' ai toujours trouvé que c'est aussi un cinq lignes généralement des sections de puissance assez. Et y dire par ça comme cinq voies, y compris le cap quand il a ensuite le sexe et tout ça. Certains sites Web doivent et la nécessité de ce texte supplémentaire. Mais pour la plupart, vous voulez essayer de garder un coup de feu. Et en retour à cela, comme le garder aussi court et concis type de chose. Vous ne voulez pas vraiment être mis dans beaucoup de texte. Vous voulez être, vous savez, vous voulez que ce soit facile pour les gens à consommer. Et c'est la clé. Donc disons, continuons avec moins. Alors, d'accord. Donc pour moi, ça ressemble un peu à l'ESA. Et nous allons changer le texte du bouton pour en savoir plus. Et on y va. D'accord, et on arrive quelque part ici. Maintenant, nous avons juste besoin de quelques images. Alors allons à Canvas. Nous allons créer une image de taille personnalisée, disons 300 par 300. La chose qui est probablement appropriée. Et puis nous cherchons juste comme des petits graphiques que nous pouvons utiliser. Donc, on va aller aux éléments. Et ce que je vais taper comme juste Gym, à moins que vous ce qu'on peut trouver. Ou la santé MOOC révision des sections. Cela peut être une classe, groupe communautaire. On va aller pour celle-là. Donc vraiment important ce qu'on là-bas. Et avoir un expert. Pouvons-nous juste vouloir dimensionner ces hauts et en faire la couleur que nous recherchons, est-ce pas ? Et faisons-les Coachella, qui sont les rats sur celui-là et celui-là. Et M veut les télécharger en PNG avec un fond transparent. Chris. Et puis je vais juste revenir ici et nous allons les télécharger. Maintenant, nous devons faire est le supplément. Et il y a deux banques sèches donc on veut les rendre plus petits. Et comme vous pouvez le voir ici, comme je rends l'image plus petite, droite est penchée sur le côté gauche. Non, tu vois, je fais ça. sont les pistes que vous avez couru ceci parce que c'est quelque chose que vous pourriez rencontrer assez rapidement. Donc, nous allons juste tailler rapidement les forêts et les gallons à endroit que nous sommes satisfaits. Leur ouais. D' accord. Ensuite, insérons une impasse ici, ici et ici. Et puis nous allons mettre l'image et sauver là. Et tu vas voir ce que je vais faire dans une seconde. Et puis on va changer le LEA et dire qu'ils parlent des capteurs. Juste comme ça. On va nommer ce terminal de classe. Nous l'appellerons le service interne à l'image. ça. Je vais l'appliquer à toutes nos sections. Bon, maintenant, ça a l'air bien, ça ne le fait pas. Donc, cela semble beaucoup mieux qu'avant. Et si nous venons juste dire ici, si vous le regardez d'un peu et nous pouvons voir comment nous allons tous ensemble, mais je suis assez heureux avec cette moyenne globale, je pense que ça semble plutôt bon pour juste un site de modèle, devrions -nous l'appeler ? Prenons ça et il y a encore une chose qu'on doit fermer, quelques autres choses. Nous devons revenir ici et je veux changer ces MG comme ils l'ont fait. C' est vraiment à vous de décider dans un sens, peut-être que nous pourrions changer ça et qu'ils pourraient ne pas être trop beaux. Alors voyons comment on va. Mais bien que probablement avoir à faire est de supprimer ces images de l'arrière-plan parce que je ne pense pas qu'il va jouer trop agréable. Donc j'enlève le rembourrage ici, donc je veux, oui, donc je veux rajouter ce modèle. Et je voulais m'éloigner d'ici, comme ça. Et la même chose ici. Je vais enlever le rembourrage, on veut le garder. Et comme vous pouvez le voir qui garde tout beau et fin de ligne. Maintenant regarde ça comme ça. Je me sens beaucoup mieux. Je le regarde de plus en plus loin sur le plus grand point de rupture parce que je peux voir que tout est plus que la longueur, ce que je pense que je préfère un peu mieux. Je pense que c'est vraiment une préférence personnelle. J' ai juste ouais. Je pense que je préfère ça et être dans Lane comme ça. Retournons et vérifions à nouveau. En fait, alors une partie de moi est aussi un peu comme ça. Laissons-le comme on l'avait fait. D' accord. Je veux dire, tu peux faire ce que tu veux. Si tu voulais un espace, tu peux voir ce que j'ai fait là-bas. Si vous ne le faites pas, vous pouvez le garder tel quel. Alors faisons ça. Et puis je veux juste vite et mettre quelques titres ici. Donc l'information importante. D' accord ? Donc, ça a l'air bien. Je suis content de ça. Je veux dire, vous pouvez ajouter plus de sections. Tu peux faire toutes sortes de choses précises. Mais pour moi, je veux dire, c'est une sorte de noyau ouais, je dirais, oui, je vois que ce sont des composants de base de ce que tu finiras probablement par faire. Vous voulez une section de titre juste pour les éléments que vous souhaitez ajouter. Si vous avez un site Web mendiant, vous voudrez une section de queue pour lier à d'autres endroits sur votre site Web. Et vous voulez que ces sections soient en mesure d'étendre un peu plus sur certains points sont certaines choses qui sont importantes dans votre entreprise. Et puis ici, je pense toujours que c'est bon d'ajouter cet énoncé de mission. Pourquoi est-ce que vous essayez d'atteindre était, ce qui a fait votre chef d'entreprise, pourquoi les gens devraient se soucier est que ce sont des points importants qui devraient être abordés le plus tôt possible lorsque quelqu'un visite votre site et qui est à c, C' est un bon endroit pour arrêter ça. Donc, maintenant, nous devons nous assurer que cela semble bon sur tout le point d'arrêt est que c'est la prochaine chose et vous devrez le faire avec chaque page indépendamment de laquelle. On va monter la balance et voir comment on va. Alors que nous sortons de VF et que nous avons l'air bien là-bas, ne voyez aucun problème. C'est comme ça que les enfants. Oui. Je pense qu'on est bons. Et je veux dire, genre, si vous voulez que votre site Web n' ait pas cet espace de part et d'autre au fur et à mesure que vous augmentez. Et puis vous devrez fondamentalement redessiner tout vos factures et sur chaque point d'arrêt. Et ce qu'il ne sera pas rentable à l'échelle, regardez bien. Mais je préfère quand vous gardez tout constamment moins de n 17. Créer la page à propos: Bon, donc maintenant nous avons fait notre page d'accueil et la prochaine chose que nous devons faire est de concevoir notre page à propos. Et j'espère que cela ne prendra pas aussi longtemps parce que nous avons mis en place certaines des structures de base dont nous avons besoin pour construire cette page sur la page d'accueil et vous verrez ce que je veux dire en une seconde. Mais la toute première chose que vous pouvez voir ici que je veux aborder, et vous voyez cela comme bleu. Et on est allé plus loin, pourquoi c'est ça ? Eh bien, c'est parce que nous sommes sur la page à propos. C'est celui qu'on édite. Et nous ne voulons pas que ce soit bleu parce que ce n'est pas conforme à notre marque, n'est-ce pas ? Donc nous voulons y aller et vous pouvez voir ici qu'il est dit courant, ce vert. Ici. Cela signifie que nous sommes actuellement sur cette page. Et ce que nous pouvons faire, c'est nous pouvons prendre notre belle rouge et nous pouvons changer ça pour eux. Donc maintenant, chaque fois que nous sommes sur une page particulière sera mis en évidence et les droits pour ces, ces pages à. Ce que je veux faire, c'est, comme je l'ai dit, que nous avons déjà défini la structure de base de ce que nous essayons d'accomplir. Donc, nous n'avons pas besoin d'aller de l'avant et de reconstruire avec un chapeau haut de gamme et tout ça. Tu ne veux pas faire ça à partir de zéro après l'avoir fait une fois, n'est-ce pas ? Cela prend beaucoup de temps que nous avons appris de la première vidéo. Ce qu'on veut faire, c'est aller sur la page d'accueil. Et nous pouvons prendre, nous pouvons prendre la structure que nous avons ici, mais nous allons vouloir changer un peu. Mais nous pouvons prendre cette section de base dont nous parlerons. Et nous pouvons l'enseigner. Coller entrer dans la section du corps et regarder là, nous l'avons. Mais nous ne voulons pas de ferme ici. Donc on va vouloir abandonner ça. Et cette impasse, je veux dire, maintenant nous ne voulons pas l'utiliser non plus. Donc on va aller utiliser le bloc là-bas. Ça va être les réseaux trophiques. Mais on va changer quelques choses. Mais nous allons avoir cette tête là-dedans et nous allons avoir un paragraphe en dessous. Et puis on aura un bouton en dessous. Et cela va faire un lien vers la page de contact. Vous pouvez donc utiliser ce format standard pour chaque page pour au moins pour le haut de la page de toute façon. Et c'est pour ça que je le faisais d'habitude, je veux dire, ça rend la vie plus facile à la fin de la journée. Et donc on a quelque chose qui se passe là-bas. Eh bien, imagé une Madonna et en fait pas de dommages est probablement bien. Ouais, c'est bon. Allons de l'avant avec le paragraphe. Et je vais juste changer la mise en page ici aussi, juste pour que tout aille bien. Et puis nous allons ajuster le rembourrage comme nous l'avons fait les pages précédentes. Juste comme ça. Et nous sommes prêts à y aller. C' est bon d'y aller. Et je voulais juste une partie de ce texte parce que je veux dire, il y a une autre chose, c'est aussi, comme je le disais tout à l'heure, par la taille d'un salon par section. Donc, nous pouvons voir un livre de cinq voies, y compris le titre dans le paragraphe, burger trois lignes et le descriptif par opposition à l'en-tête. Et c'est une section favorable. Mais pour l'en-tête, je ne devrais pas dire que nous avons dû tourner deux ou trois et pas 23. D' accord. Donc c'est juste quelque chose à garder à l'esprit. Maintenant, nous allons l'utiliser comme contact. Et comment je me sens pour ouais. Très bien. Je suppose que trop large pour moi. Comme si c'était trop blanc. Donc bien, je pense que j'ai fait de changer cette couche, le centre et ensuite je vais devoir, ok, c'est mieux. Oui, c'est au-dessus de M. Maintenant vous pouvez voir ici le contraste est correct, je peux lire ce texte n'est pas trop mauvais. C' est un peu invasif, mais pas au point où c'est comme exagérer complètement. Donc ce que je vais faire ici, laissez-moi juste aller, accord, alors maintenant que nous avons fait cette section, ce que je vais bien, et assurons juste rapidement que oui, ça ne s'échelonne pas, mais on y arrivera. Lisa. Nous allons juste mettre quelques sections vraiment basiques ici. Comme rien de fou, rien ne dessine de manière distribuée, rien de tel que ça. Et en fait, je vais faire quelque chose de vraiment, vraiment simple ici. c'est bien de faire les choses tout simplement parce que cela facilitera la tâche pour vous et votre impression dans un texte et d'autres choses. Et si vous concevez et est évidemment plus facile pour moi de factures ici, mais il est juste une mise en page simple. Alors allons-y et, et faisons-le. Donc, avec un bloc là-dedans et un autre. Et puis nous allons lancer un paragraphe de titre. Pas besoin d'un bouton. Et je veux dire, on a un bouton en haut. Tu ne veux pas ouais, tu ne veux pas en faire trop avec les boutons aussi. C' est une bonne chose à signaler et à garder à l'esprit. Et puis ici, nous voulons juste à nouveau, comme beaucoup de fois avant que nous voulons juste ajuster le rembourrage. Maintenant, cette section, vous pouvez être aussi longtemps qu'il en a besoin, je veux dire, si vous cherchez juste quelque chose de court et convaincant, vous pouvez soit le stocker dedans, vous pouvez ajouter ce que vous voulez. Mais ça va être la première section. Et je vais faire une nouvelle section en dessous. Je suis comme si ces pages d'information n'avaient pas à être excessives. Je veux dire, les gens Google ici comme ils cherchent juste à en apprendre plus à ce sujet, la plus mauvaise société dans l'ensemble là-bas. Et puis suivez la section de base. Je veux, je veux le rendre gris. Donc, quand une sorte de différenciation. Ok, donc vous pouvez voir qu'il y a une très, très légère différence entre les deux sections. Maintenant, à l'intérieur du blog dev, je vais ajouter deux colonnes. Ici. Juste au-dessus de ça. Je vais ajouter un titre. Et ce sera notre Meet the Team ayant été en fait au lieu de colonnes, je pense que je vais en fait rendre les agrégats et les marchandises sont généralement juste un peu plus facile, presque toujours. Donc je serai H2. Et nous allons ajouter deux tuiles très basiques ici. Appelle ça. Et puis je vais rendre ce fond un peu plus sombre aussi, pas trop, mais juste assez pour que le contraste jamais aussi légèrement. Juste comme ça. Encore une fois, nous allons faire les bordures et nous allons ajouter un peu de rembourrage et changer le calque. Encore une fois. On en fait des largeurs Vasco et juste comme ça. Et puis, comme nous l'avons fait auparavant, nous allons ajouter une valeur par défaut, faire glisser l'image et changer le calque qui bloque. Celui-ci sera h3. Et puis nous voulons un texte pour la profession, italique. Et puis je rendrai ça rouge pour que la profession change la marge. Dix. Et ça m'a l'air bien. Et puis pour l'herbe elle-même, ce sont, je veux dire, pour faire l'argument, Ce sont deux blancs, mais il peut être difficile de juger cela. Donc, en fait, ça pourrait aller bien. Je pense que ça pousserait ça. Oui, en fait, ça va. Donc je vais juste prendre cette copie, la coller là-dedans. Et c'est la section Meet the Team. Et sur Canva comme quand on est à et les MG. Je trouve toujours cela bon pour l'équipe preuve AOC est comme un pli circulaire. Donc sur Canvas. Si vous revenez à Canva et que vous venez de créer, vous pouvez ajouter un cadre. Pas là. Ils sont circulaires un. Tu peux aller aux fossiles. Photos de profil. John et Joe. Ok, je les télécharge avec un fond transparent. Maintenant, nous les avons là. Et nous voulions juste que la taille de ces indices soit beaucoup trop vague. Et ça va. Je veux dire, c'est là que je pense qu'ils devraient être un peu plus minces. Donc si je vais à l'herbe elle-même, en fait, pour ce qu'on fait ici. Ok, ça ira. Et puis en dessous de cela dans le même conteneur, nous voulons aller de l'avant et ajouter une autre grande section. Ok, et dernière section que vous devriez probablement regarder en ajoutant m, surtout si vous êtes une page Web, c'est juste assez long En fait. Ouais, je change ça de notre histoire pour conduire la santé et le bien-être. Ensuite, ici, vous pouvez aller aux couches et vous pouvez prendre cette couche de polygraphe de contenu principal plutôt. Tu peux faire ça comme un mendiant. Comme si vous voulez écrire une loi, si vous avez beaucoup à parler sur votre section About et que c'est un bon endroit pour le faire. Peut-être que vous avez des vidéos qui, et cette action utilisera quelque chose appelé un élément de texte riche, vous pouvez voir ici. Nous devons donc apporter quelques modifications à cela. Et nous allons faire ça et le guide de style parce que c'est le meilleur endroit pour le faire. Donc si on y va, donc les gars, on ne veut pas de page, on veut faire des guides et on veut vivre comme ça. Nous voulons changer le texte en Proxima Nova évidemment. Et tous ces orteils hâtifs et tout ça devraient être en ligne. Et on veut que ça soit cohérent avec l'autre page 2, donc on a Sophie, et on va le rendre gris. Rester graphique à secteurs. On veut arriver à 16 ans. C' est un 165. Et vous voyez un peu où je vais avec ça jusqu'à présent, vous êtes beaucoup moins que vous voulez passer et vous allez demander d'appliquer, euh, tous les principes que vous endettez pour vos rubriques et votre graphique à secteurs principal en centimètres et vous voulez les appliquer ici. Et la raison en est tout aussi principalement parce que c'est un bloc de texte riche, cela fonctionne un axe un peu différemment que certains des, certains des autres éléments. Donc vous voulez entrer et juste faire ces changements et utiliser ceci comme votre base, n'est-ce pas ? Gardez ceci sur vos guides de style et apportez les modifications que vous devez entendre. Et Azure sera en mesure de voir si je retourne à ma page Web, ils sont déjà appliqués. Et ce qui se passera, c'est que ces modifications ne s'appliqueront au calque que nous venons d'ajouter à la page about. Mais ce que nous allons faire, c'est nous prendre, nous allons le copier. On va retourner au bateau. On peut préparer ce qu'on a ici. Et nous pouvons ajouter une nouvelle section. Et vous pouvez voir que je n'ai pas fini d'éditer tout ça. Donc, ceux-ci sont, ils construisent sur si petit. Je pourrais singer à ce sujet et jouer avec nous toute la journée jusqu'à ce que j'ai l'impression que le texte riche est parfait. Mais ce que je vais choisir ici comme notre histoire, parce que c'est ce que vous utiliseriez une section 4. Et tu peux faire ce que tu veux ici avec ça. Et ce serait ma page web, n'est-ce pas ? Donc, permettre le maillage, puis conduit le but de l'entreprise, rencontrer l'équipe. Si vous avez plus de personnel, ajoutez plus de sections et les rendre plus minces. Et en ajoutant de plus en plus d'employés si vous les avez obtenus. Et puis parler de votre histoire faite que peut-être ajouter une vidéo YouTube si vous le pouvez. Et c'est tout. Tu n'as pas besoin de trop réfléchir. Ces pages, n'ont pas besoin d'être exhaustives. Ils ont juste à nous garder avec des informations sur la compagnie pour ceux qui cherchent, se sont battus. Mais la dernière chose que nous devons faire est que nous devons juste aller de l'avant et nous assurer que l'échelle est approximativement. Pour que nous puissions voir que c'est bien. Et ceux-ci sont parfaitement mis à l'échelle, ce qui est génial. Maintenant, revenons en arrière et nous voulons aller à la tablette. Donc, ça ne se met pas très bien à l'échelle. On voulait juste faire du rembourrage sur ça. Et je pense juste, je pense que je veux faire la même chose ici. D' accord. Similaire ici. Droit ? Et cela semble bien sur la tablette en dehors des conteneurs S. pot. Et je viens de réaliser que je n'ai pas le sens de ça. Et de toute façon, vous pouvez voir quel oméga, donc nous avons juste besoin de continuer à ajouter ces conteneurs. Celle-là, c'est bien. Et le contenu principal sera très bien aussi. Et tout d'un coup, ça a l'air bien. Alors passons à l'horizontale. Donc, ce conteneur ici est l'un qui cause certains des problèmes. Et nous voulons en fait, revenons juste en arrière et revérifions ça. C'est très bien. Alors j'en ai 77 là-bas. Et puis nous voulions réduire le rembourrage que nous avons ici parce que ça ne va pas paraître essayant quand nous arrivons à ce niveau. Et ça a l'air bien. Et ici ces grilles, nous allons vouloir la pile parce que ce sera beaucoup plus de textes. Alors ajoutez-en un ici et débarrassez-vous de celui-ci. Et encore une fois, beaucoup d'espace ici, mais ça a l'air bien. Toi, tu t'en tireras. Et encore une fois, notre section principale est la renommée. Et enfin, nous avons mobile. Ça a l'air bien. Ceux-ci ne le font pas clairement. Vérifions juste ça. Ils vont bien. Et ça a l'air bien là. Oui. Maintenant, nous n'en avons plus. Vérifions rapidement, vérifions et vous tirez tout de suite et poussez n. Laissez-moi juste vérifier la façon de conteneur ici. Oui. D'accord. Heureux avec ça. Oui. C'est la page à propos. C' est pour ça que je recommande. Ça n'a pas besoin d'être quelque chose de fou. Tu n'as pas à faire comme une stupide quantité de travail. Je veux dire, vous pouvez, et nous parlerons de certaines des choses que vous pouvez faire dans les vidéos ultérieures, ou peut-être dans un autre cours. Donc, si nous essayons d'être plus avancés, mais si vous cherchez juste quelque chose, en gros, ça a l'air propre, ça fait le travail. C'est pourquoi je recommande. Alors c'est tout. Passons à la construction d'une page de services. Et voyons ce qu'on peut faire avec ça. Ok, alors passons à ça maintenant. 18. Créer vos pages de services: Bon, alors maintenant que nous avons terminé notre page à propos, la page suivante que vous serez invité à créer en tant que page Socrates. Et pour vous-même, lorsque vous construisez votre page de services, vous pourriez avoir un tas de services. Vous voudrez peut-être allouer une page, le service. Tu peux juste juste une fois que j'aurai des blocs comme je vais te montrer ici. Et il y a un tas de choses différentes que vous pouvez faire. Donc, nous allons garder celle-là vraiment, vraiment simple. Nous allons donc prendre Hello de la page précédente comme nous l'avons fait avant. Nous allons frapper cette copie, il va les services, coller, prendre ainsi le haut. Changer l'image et en faire nos services. Et on peut mettre quelque chose ici. On peut maintenant nous laisser tranquilles. Absolument. Ok, donc on a ça. Et là, ce qu'on va faire, je veux juste ajouter ici probablement un accordéon. Donc, je veux avoir des informations pour les services par ce que la plupart de celui-ci à être caché. Et, euh, je ne veux pas rendre ça trop compliqué. Je voulais juste en arriver au point que les gens puissent voir ce que Magnus Jim a à offrir et nous pouvons le garder comme ça. Mais comme je l'ai dit, vous pouvez aller de l'avant et créer et centrer des pages pour chaque service. Et vous pouvez avoir une liste déroulante ici que les visuels tous les différents services. Alors allons de l'avant et construisons un Ricardien pour que nous puissions voir ce que nous avons obtenu la mise en page. Alors jetons un coup d'oeil à ça. Et je ne sais pas si j'ai une leçon pour l'instant. On n'a pas d'accordéon ou quoi que ce soit comme ça. Donc, nous allons devoir le construire à partir de zéro, ce qui est absolument bien. Donc, construisons juste une section. Donc, les éléments, tout ce qui n'est pas le conteneur, je veux le mien. Alors jetez une impasse ici, puis une autre. Et puis ici, quelque part, nous allons avoir la liste déroulante. Lâchez-les. On y va. Parfait. Donc on va devoir jouer un peu avec ça. Donc si on continue de regarder ici et de voir ce qu'on peut trouver. Très bien, et en dessous de cette section, ce que nous allons faire comme je veux ajouter un accordéon et en fait déjà avoir un préréglage pour cette page que je veux ajouter. Ensuite, je vais faire est que je vais l'ajouter à un projet séparé afin que vous puissiez juste le prendre si vous voulez l'utiliser. Mais aussi tout ce site web, je vais publier une copie Ethan. Tu peux en enlever tout ce que tu veux. Mais laissez-moi vous montrer rapidement ce que je vais faire. Donc je vais aller à mon flux sur un autre onglet. Évidemment, ça va m'emmener sur un site d'entreprise, mais c'est bon. Pas moins délibéré. Je n'essaie pas de réfléchir sur les services, mais on va venir ici. Ou en fait, je pense que j'en ai peut-être un à chercher ici, mais allons juste au tableau de bord à partir de ça. Non, en fait, oui, comme sur le site NVD, c'est pour ça que je voulais m'excuser. Alors revenons ici. Je vais devoir chasser un peu. Je sais, je sais quelque part ici. Valeurs tissulaires, éventuellement la page des valeurs. Oui. C' est la mise en page que je veux prendre et nous allons la changer et nous assurer que représente les couleurs de la marque. Mais nous allons prendre cette section, la copier. Et je pourrais penser à une page web. Vous pouvez simplement copier et coller entre les projets vraiment, vraiment facilement, comme ceux-ci. Vraiment jamais de problèmes. Alors traînons juste vers le haut. Ok, et maintenant on va juste vouloir entrer dans ces heures de micro. Maintenant, évidemment, ces principes accompagnent. Je vais aller au générateur Lorem Ipsum. Maintenant celui-là, probablement celui-là. Donc un. Et là, tout ce que je vais ajouter. Droit ? Alors ne le fais pas, alors prenons nos beaux rouges d'ici. Collez ça là-dedans. J' ai un long titre, mais pas vraiment si vite. Et là, je vais mettre de la pelouse et Epsilon juste là. Donc oui, comme si vous pouviez prendre ça des projets. Je vais à Lincoln sur Skillshare sur ce cours. Et vous pouvez copier n'importe lequel de ce que vous voulez. Vous pouvez accéder à l'ensemble du projet et il suffit de le prendre. Ok, je ne vais pas l'utiliser pour quoi que ce soit. Il va juste être mis là-dedans. Donc si tu as besoin de quoi que ce soit, je dessine ici et tu peux le prendre. Et tout cela est mis à l'échelle correctement et tout. Laisse-moi te montrer ce que je veux dire. Donc si je vais ici et juste voir, alors ça ressemblerait à quelque chose comme ça. J' ai raté quelque chose, mais tu peux les enlever. Vous ne pouviez en avoir que quatre. Vous pouvez les diviser en différentes sections. Vous pouvez les ajouter à notre drague. Tu peux faire ce que tu veux avec ça. Ils sont donc utiles, je pense. Et je l'aime beaucoup parce que c'est juste une liste déroulante et c'est vraiment simple. Et vous devez changer le calque de surbrillance. En fait, je le ferai avant de passer à autre chose. Je pense que c'est un bon moyen, surtout si vous avez beaucoup de services, mais vous ne voulez pas nécessairement ajouter des informations détaillées à leur sujet. Alternativement, si vous avez assez d'informations, mais que vous ne voulez pas qu'elles bouchent votre page. Avoir un menu déroulant comme celui-ci est bon de le déguiser et juste laisser les gens cliquer sur ce que l'un m et laissez-moi juste changer rapidement la couleur ici. Et c'est sur les animations. Je suis le sucre de session ici. Ok, alors on va changer ces couleurs palettes de couleurs, non ? C' est ce qu'on cherche. La neige a de bonnes chutes que nous pouvons utiliser. Et oui. Vous pouvez donc l'utiliser pour vos services. Vous pouvez utiliser définitivement. Tu peux faire ce que tu veux. Mais je pense que c'est un bon moyen de briser les choses d'une manière qui ne va pas boucher votre page ou la rendre trop lourde et peu flatteuse. Donc oui, c'est pourquoi je fais pour la page Web et cela devrait être à l'échelle. Eh bien, dans cette section ne joue pas bien, mais c'est bon. Je peux travailler avec ça. Je peux le faire maintenant pour qu'on puisse s'assurer que tout est de bonnes statistiques. Faisons ça et ça devrait être celui de Hofstede. Je pense. Ouais, ça a l'air bien. Donc, dans l'ensemble, Allons à l'aperçu. Oui. Grain. Donc maintenant, c'est en place. Oui. Alors que vous comme vous aussi. Et c'est tout. D'accord. Passons donc à la page de tarification. 19. Créer votre page de prix: D' accord. Maintenant que nous avons notre page Services fait et dépoussiéré, il est temps pour nous de passer à autre chose et d'obtenir le lieu et les pénalités. Donc, comme avant, nous allons prendre notre section d'en-tête de base. Et on va coller ça ici. On va juste mettre le contreventement. Et on le laissera comme beaucoup d'Epsom. Et nous allons changer cette image pour quelque chose d'un peu plus agréable. Ok, donc on va laisser ça là. Et puis, dans cette nouvelle section que nous avons, nous allons construire quelque chose de vraiment simple, ce que je recommande. Je veux dire, tu peux avoir des complications supplémentaires sur ton prix et ta page si tu veux, mais tu n'en auras probablement pas besoin. Et la plupart des cas avec des adhésions à la salle de gym, vous avez généralement comme des offres d'acier. Tu as comme une base, ce point d'entrée. Et peut-être que vous obtenez votre niveau supérieur pour les clients plus payants. Donc, et c'est ce qu'on va faire ici. Donc on va le faire. J' ai une section de base contenant un coup mort ici. Alors ce que je vais faire en jetant, je pense qu'on est bons. Oui, on va le faire avec des colonnes. On va utiliser une grille pour ça. On utilise des colonnes et on en aura trois. Et puis ces colonnes vont ajouter un bloc def et chacune, il y aura des couches très similaires ce que nous avons fait auparavant, mais ça va être légèrement différent. Et puis nous allons avoir un titre au-dessus des colonnes et n ici. Comment allons-nous faire ça ? On va le faire, j'ai besoin de penser que nous venons d'avoir un cours qu'il a fait en premier. Donc, nous allons faire la section de base, puis le conteneur de base. Et pour notre cap, nous allons être celui-là. Sensor contre va dire. Et je viens de réaliser que ce n'est pas H2, celui-là. Et ici, nous allons juste nommer ça la classe Blog. Paquets de prix. On va garder les choses très simples. Et largement, c'est à voir avec celui-ci parce que nous essayons vraiment de mettre l'accent. Je veux en fait utiliser le rouge est les arrière-plans et que je n'ai pas fait beaucoup moins, mais c'est juste parce que vous ne voulez pas l'utiliser trop. Vous ne voulez pas saturer l'utilisation de la couleur. Alors faisons ça autour de ça. Et puis obtenons un peu c'est comme ça que vous devez penser à la structure de cela. Donc on va mettre, laisse-moi réfléchir. On va d'abord avoir un élément de texte. Alors je vais avoir une tête. Et puis nous allons avoir une brève description. Donc un autre élément de texte. Et puis on en aura moins. Alors laissez-moi juste trouver liste décente de textes. D' accord, alors laissez-moi regarder une masse, mais nous allons polir afin de l'eau, comme avant 2020. Et en passant, vous pouvez maintenir la touche Maj enfoncée. Si vous voulez tout changer en un seul numéro à la fois. Alors celui-là, nous allons maintenant pas boulons. Pas besoin de boulons. On n'en avait pas besoin pour que je parte à 15 ans. Et puis je vais appeler ça Stacia, qui sera moins d'espace et 2, et je vais la rendre blanche. Une rubrique va évidemment être un H3. Et gardez-le à ça. Et on va juste le rendre blanc. Et on va juste dire 25. Ensuite, nous allons ajouter le descriptif. Donc on va prendre un peu, beaucoup d'Epsilon. Je peux juste prendre celui-là. Peut-être pas autant que ça. Donc peut-être juste une phrase. me semble bon et on va appeler ce paragraphe de base. Mettons un peu de blanc là-dedans. En fait, non, je n'ai pas besoin de connaître la classe ici. Et puis on va fêter des listes. C' est là qu'on va changer les choses aussi légèrement. Et je veux aussi réduire le module en haut de cette rubrique. Puis un N ici, moins nous allons juste faire l'ANOVA. On va le rendre blanc. On va faire un 16. Et puis nous allons ajouter un peu de rembourrage entre chacun moins de dix. Je pense. Je ne me sens pas très bien avec celle-là. Et nous allons ajouter un bouton en bas. On va juste dire une leçon de base. Et on va monter parce qu'on veut que ce soit blanc. Changeons la dernière dernièrement. Donc un des boutons pour être pleine largeur, juste comme ça. Et je vais mettre l'inscription. Je vais prendre ça et je vais juste copier et coller ça ici et là. Caché tout le Père maintenant appeler les livres aller. Je ne sais pas, 35, 45. Et c'est pourquoi je fais pour la page de prix, un très simple, vous ne voulez pas trop y penser. C' est donc les paquets vraiment basiques que nous pouvons utiliser. Et vous pourriez ajouter des choses à ce sujet, comme, au lieu de les avoir toutes de couleur égale comme ça. Ce que vous pourriez faire est que vous pourriez avoir ces sommets blancs et n sur le sommet en tant que droits. En fait, ça ne me dérange pas de le faire juste pour illustrer. Donc, vous le ferez, ça ressemblera à. Alors faisons ce blanc, qui va en fait juste légèrement gris. Pour que je puisse voir Edison et que je puisse faire le top. Et je peux le faire aller aussi loin que faire la texture ajoute. Je ne pense pas que ce soit approprié. Et puis je veux rendre ce gris. J' aime ça. Et puis parce qu'on fait un mur blanc, je veux faire ici c'est ajouter une boîte à ombre. Comme on l'a déjà fait beaucoup de fois. Et pour moi, si je suis content avec ça, copiez qu'il y a celui-là. Changeons les balises. Spécificateur de base. Oui. D' accord, et tu peux faire quelque chose comme ça. Épître un peu d'accent sur la dernière, et c'est celle que vous voulez que les gens choisissent. Vous pouvez ajouter les étiquettes les plus populaires. Vous pouvez faire beaucoup de choses ici, mais c'est pourquoi je recommande pour le prix et vous n'avez pas besoin de trop compliquer ou de le faire. Oui. Tu ne le compliques pas trop. Alors vérifions rapidement et voyons comment l'échelle, et je veux plus d'espace. Donc je vais bouger pas tout à fait 100, peut-être 60. Oui. Apportons maintenant le plus heureux avec ça. Allons-y tablette. Perdre un peu là-bas, mais pas tellement que je ressens ce que tu aimes ? C'est bon. Je pense. Ouais, c'est bon. Ce qu'on peut faire, c'est changer le schéma à 20. Cela aidera ci-dessous, mais, ok, Et voici ce que nous avons, donc nous avons la pile de colonnes que nous devrions nous attendre à elles, mais il n'y a pas assez d'espace, donc nous allons ajouter un peu d'espacement. Et c'est tout. Eh bien, c'est beaucoup mieux que ça. Voyons voir. Je vais regarder sur la grille mobile. Ça m'a l'air bien. Habituellement juste un espace ici, c'est Farsi et E boucles marchandises. D' accord ? Et c'est un prix et un prix. Donc ces pages arrivent bien et je me sens plutôt bien à leur sujet. Maintenant, il y a des parties que vous m'avez peut-être regardée faire ici et vous penseriez, ok, ces parties qui n'ont peut-être pas été guéries, je l'ai fait sur toutes les pages, par exemple, je n'ai pas été Lincoln par exemple, je n'ai pas été Lincoln et je n'avais pas prêté beaucoup d'attention aux titres sont de savoir s'ils sont catégorisés correctement. Et la raison de cela aussi. Je le fais toujours. J' essaie généralement d'obtenir la majeure partie de la conception, quel genre de chemin. Et puis j'ai quelques vérifications standard que je fais à la toute fin, que je vais faire une vidéo et vous montrer ce qu'il faut faire. Et parce que vous voulez vous assurer que votre site fonctionne de manière optimale, vous voulez vous assurer que tout est en place. Parfois, c'est un peu trop de faire ces vérifications pendant que vous traversez le processus de conception parce que ce n'est pas ce que vous êtes concentré sur le commerce et quelque chose qui est conçu. Eh bien. Donc, on va le faire en. Donc si tu l'as remarqué, si tu ne l'es pas, on va y revenir. Mais oui, c'est la page des prix. Et maintenant, nous avons la page Contact pour jeter un coup d'oeil. C' est celui qui est le prochain. Et puis on y est presque. Maintenant, permettez-moi de commencer à parler des structures de régénération et de la façon dont nous générons des leads avec nous. Alors passons à la suivante. 20. Créer votre page de contact: Bon, alors maintenant nous arrivons enfin à nous adresser à notre page de contact. Et comme les thèmes qui seraient en train de passer par ce cours. Je sais que nous nous sommes concentrés beaucoup sur le design et nous devinons que la génération fait partie du cours maintenant. Mais cela dépend du type de site Web que vous construisez. Tout d'abord, en termes de quoi vous voulez que votre page de contact ressemble, vous pouvez suivre une approche plus traditionnelle où la page de contact n'est qu'une police. Et je peux absolument vous montrer comment faire ça ici. Et vous pouvez également dire l'approche où vous construisez une ferme serrée et vous incorporez sur la page. Et c'est une façon plus interactive de collecter des leads, ce qui, à mon avis, est un peu plus engageante comme un peu plus innovante. Et à ceux-ci, il se connecte et forme serrée deux applications différentes est également beaucoup plus facile que peut-être juste un formulaire standard. Donc, il y a tellement de façons différentes que vous pouvez prendre cela et c'est tout ce qui était mieux pour vous. Et ce que je vais suggérer la façon dont je vais nous construire. Je vais aller de l'avant et construire ça avec une forme et un esprit serrés. Et cela dépend de ce que vous faites, mais c'est pourquoi je vous recommande de le faire si vous regardez ceci et vous êtes authentique et que la façon dont je mets cela en place et que je ne le serai pas ne sera probablement pas dans votre meilleur intérêt. Et la raison pour laquelle je dis que, comme vous pouvez continuer, vous pouvez dire non pour PT reste. Tu peux dire non pour l'équipe. Vous pouvez demander aux membres de le dire par le biais votre site Web et d'obtenir de l'argent sur eux avant même qu'ils n'aient pas le pied dans la salle de gym ou avant même que vous leur parliez. Et à moins que vous vendiez comme un genre de produits ou de services de haute technologie que vous avez besoin de parler à des gens et que vous devez passer par un processus de vente particulier avant qu'ils n'achètent réellement auprès de vous. Alors comme ça, peut-être un peu mieux. Encore une fois, si vous êtes juste un peu standard entreprise locale et que vous avez besoin de contacts de gens et puis, oui, la méthode de police de type est beaucoup Besso, gaspillée. Allez et laissez-moi revenir rapidement en arrière et je vais vous montrer taper sur nos ceintures sont très serrées forme. Je suis beaucoup moins. Je vais juste te montrer à quoi ça va ressembler et te montrer comment déjeuner, non ? Et je pense que c'est la façon la plus simple d'y arriver, non ? Et des rails de téléphone serrés de terre cher. Vous pouvez créer, vraiment s'engager dans des fermes avec elle et juste libérer il incorpore. Donc, créons un nouveau type 1. Et nous allons trouver leur propre thème. Et nous pourrions juste commencer à partir de blanc une chose parce que tout à partir de zéro. Très bien, et maintenant ces traces, je vais juste appeler cette inscription à Magnus Jan. Et quelle est la forme de type elle-même ? Vous devrez construire un thème. Tu dois juste faire du singe. Et je veux me débarrasser de cette image. D' accord ? Et je veux ajouter un écran de bienvenue. Ok, la première question ici, évidemment l'écran de bienvenue ici, question flush et on va juste, on va juste faire quelques questions ici. Nous n'avons pas besoin de prendre beaucoup de temps et sur cela, mais vous auriez votre écran de démarrage, vous avez votre première question que je recommande est aussi votre prénom, qui sont moins que l'adresse e-mail. Tu vas vouloir récupérer ça. Et à chaque instance. Si je peux le trouver, c'est Hayden. Un aller. Et vous pouvez ajouter d'autres questions que vous voulez ici, mais je vais juste y aller. Ensuite, vous voulez ajouter une fin. Vous pouvez voir qu'il y en a déjà un ici. D'accord ? Donc nous avons ça et je vais, je vais faire est de construire un thème. Donc, quand il s'agit de design, nous allons ajouter un nouveau thème. Les arrière-plans. Nous n'aurons pas d'image, mais nous aurons une couleur de fond et nous allons simplement utiliser notre grille. En ce qui concerne les textes. On va utiliser du blanc. Et avec le bouton, nous allons utiliser nos rouges, comme nous l'avons fait auparavant. Et c'est nous. Et les réponses vont aussi être, probablement, nous allons rester avec le blanc pour celui-là. Et ça devrait le faire. Voyons comment cela coule très rapidement. Donc, nous allons cliquer sur Démarrer. Oui, et nous allons juste vouloir jeter un coup d'oeil à la police aussi. Donc, nous n'utiliserons pas la police système, nous utiliserons UDL, pensez que vous aurez votre ANOVA. Nous utiliserons Matsuda utiliserait tout ce qu'on peut mettre la main sur. Ok, donc ça marche et on peut faire beaucoup de médiums probablement la meilleure option, euh, ok, et c'est une ceinture de ferme de type très basique pour ce site. Alors publions juste ça. Et ce qu'on va faire, c'est l'ajouter comme page de remplissage. Nous allons obtenir que le manteau va copier les codes. Et voici ce que nous allons faire, nous allons nous débarrasser de notre en-tête. On a cette section. Ensuite, nous allons ajouter un élément incorporé là. Collez le cool, puis enregistrez-le. Et c'est nous. Tu n'as rien à nous faire d'autre. Et quand nous publierons cela, nous serons en mesure de voir à quoi il ressemble et de se déplacer, capables de voir comment nous pouvons interagir avec elle. Mais c'est vraiment aussi loin que nous allons prendre pour le moment. Donc oui, je pense que je sais pourquoi je l'ai fait comme ça peut ne pas avoir de sens que vous ne pouvez pas voir l'offrant, ok, mais sur les prochaines leçons, je vais parler façon dont on tourne ça ou comment on améliore réellement la régénération aspect. Donc ça ne va pas expliquer le flux de ça. Et puis je vais faire quelques suggestions sur, oui, mais comment vous pouvez connecter ces différentes applications et comment vous pouvez en tirer le meilleur parti. Alors passons à cela et commençons avec le côté de la génération de plomb des choses. 21. La structure de génération d'instructions: Bon, maintenant que nous avons conçu toutes nos pages et nous avons encore un peu de travail pour faire le côté design des choses, mais pour la plupart, c'est fini. Mais ce que nous voulons faire maintenant, c'est parler de génération de plomb. Et cela va changer en fonction de ce qu'est votre entreprise. Et il y a tellement de façons différentes pour générer des leads et dimanche vos femmes pour répondre à ce que nous appelons ça une machine de vente, où nous pouvons collecter les pistes et nous pouvons faire beaucoup de bon travail. Ce site que nous avons mis en place, J'ai essayé de mettre en place une structure qui, je pense, va probablement être approprié pour la plupart des entreprises. Donc, tu arrives aux maths se passe. Le premier est l'endroit où vous pouvez collecter des adresses e-mail et des noms et la langue pour quelque chose pour une offre. Donc, ils offrent que nous utilisons ici est de dire de ne pas obtenir 10% de réduction sur votre première année. Donc, quand vous vous inscrivez à un abonnement pour obtenir 10% de rabais, la raison pour laquelle j'ai fait, j'aime cela parce qu'il y a une façon distincte que je ferais normalement. Ils sont censés aller et remplir. Je ne connais pas le site de Jim par exemple, parce que les mathématiques avec les deux méthodes que j'ai ici sont probablement les deux que n'importe quelle entreprise peut utiliser que vous pouvez simplement ajouter que vous pouvez adapter les fondements de la marche, mais ici, vous pouvez l'appliquer à votre. Et donc on a ça en haut. Et l'important à souligner ici, c'est que cela sera visible pour tous ceux qui visitent le site pour la première fois. Comme il vient à travers la page d'accueil il étant présenté par partiellement mais cette page un étant présenté, mais le but et l'énoncé de mission, mais comme dire aux gens ce que ce bijou peut vous aider à. Et puis en dessous, nous disons aux gens où si vous vous inscrivez ici, nous avons un appel à l'action beaucoup plus fort et c'est le but. Et encore une fois, présenté avec cela, avec avoir à faire n'importe quelle école et je clique sur n'importe quoi. Et c'est ce qui est important. Et puis en bas, on a un autre appel. C' est le même appel à l'action. C' est juste dans la première ligne et cela sera montré sur chaque page. Donc, plus quelqu'un pénètre dans la page lorsque la tête du fond à nouveau présenté avec une autre offre. Et c'est bon pour un tas de raisons. Je veux dire, la première est que ça vous donne quelque chose que les gens peuvent attacher au-delà des contacts de votre entreprise. Si vous êtes une marque basée sur les services pour une salle de gym, il y aurait plus de fonctionnalités de commerce électronique implique avant que nous n'écrivions cette route. Et la vérité est que si vous entrez vraiment profondément dans un type particulier de modèle d'affaires, vous trouverez que leurs fondations sont les méthodes de régénération resteront toujours les mêmes, mais ils nous font juste régal, mais ils font juste un peu fané de l'un de l'autre en pensant que c'est un bon endroit pour commencer à proposer une offre comme celle que nous avons ici. Et puis vous évidemment haut bon bouton de contact vers le haut. Et la page de contact ou consistait en un formulaire de type ou n'importe où une ferme que vous voulez utiliser. Et une chose que je n'ai pas fait sur la cassette de quand je construisais c'était vraiment un appel à l'action là un appel à l'action. Maintenant, obtenez 10 pour cent de rabais. Et ça pourrait être tout ce que tu veux. Et nous allons en parler ici. Donc, par exemple, je l'ai répertorié graphique ouvert ici. Je vais juste arrêter les densités. Mais pour l'offre des cantines de bureau, vous pouvez alors entrer votre email, vos campagnes e-mail ou le bureau et ce serait des bateaux. Et je vais juste étendre ça avec un lien. Pour acheter. Une adhésion. Sont alternativement, il serait difficile. Mais le représentant des ventes. Parce que si vous êtes cyberespace et que vous n'aurez pas de fonctionnalité de commerce électronique. Quelqu' un doit vous parler avant de pouvoir conclure un accord. Donc c'est quelque chose que vous voudrez peut-être considérer. Et vous pouvez prendre plusieurs e-mails, mais vous pouvez envoyer plusieurs, vous savez, vous pouvez créer une séquence automatisée entière. Évidemment, nous ne sommes pas, nous ne allons pas dans ce aujourd'hui, mais c'est ce que vous pouvez le faire, vous pouvez aller de l'avant et vous pouvez créer une séquence d'e-mail automatisée complète à une offre de vendre le peut-être et si vous lui avez demandé, mais parce que quelqu'un sera s'inscrivant dans le HUC assez fort, il y a un plus vieux va avoir le bureau et vous devrez peut-être le faire. Et puis quelle est la page de contact ? Il peut être juste un simple contact comme choisir une découverte de sélecteur de couleur appelé prix de demande de proposition d'écart afin que nous ayons le prix et à moins que Jim dise, mais il y a tellement de crochets différents que vous pouvez utiliser. Et oui, donc nous allons dire contact et ensuite le résultat a été que ce serait un gros appel. Donc oui, comme les nombreuses méthodes de génération certainement dont je pourrais parler ici. Et pour être honnête, ce serait un cours complètement séparé. Je pourrais continuer, mais c'est pour l'âme si longtemps. Mais beaucoup moins de site Web que nous regardons. Ce sont les deux différents avec golfeur leur offrirait un bureau et les retenir. Étaient souvent que mon bureau et choisir un abonnement ou liquide plus grand appel. Formulaire de contacts standard, où quelqu'un peut envahir un tas d'informations. Et puis de retour pour être connecté avec le représentant des ventes ou quelque chose comme ça. Et c'est la chose clé ici. C' est les principales choses sur lesquelles nous essayons de nous concentrer et sur les tendances. Et ce que nous devons faire comme la prochaine vidéo. Au contraire, nous allons relier ce que nous avons ici. Donc, ce que nous allons faire dans la prochaine vidéo comme connecter notre formulaire de type et aussi nos fermes ici et ici avec notre fournisseur de marketing par e-mail. Et je veux parler brièvement des différents types de fournisseurs de Roxanne maléfiques que vous pouvez utiliser. Et ils devraient considérer si vous n'en avez pas pour le moment. Donc, nous allons en parler dans la prochaine vidéo. 22. Relier vos formes de gree à un fournisseur de marketing par e-mail: Bon, maintenant que nous avons passé en revue les méthodes de génération d' allèles et que nous devons les connecter à notre fournisseur de marketing par e-mail. Donc, vous avez peut-être déjà un fournisseur de marketing par e-mail sont si vous ne le faites pas, vous allez devoir en choisir un. Et je vais vous montrer deux de mes préférés que je recommanderais aux débutants. L' un d'eux qu'on utilise en interne, je suis pour beaucoup de ce qu'on a fait et c'est ce que je vais te montrer. Donc le premier que nous avons en tant que Mailchimp, et ce n'est pas celui que nous utilisons, mais nous l'utilisions auparavant. Et la milice était vraiment, vraiment bon si vous êtes un débutant à Eva marketing est certainement le cas. Donc, pour les propriétaires de petites entreprises. Et puis les gens sont une nouvelle équipe et le marketing et le marketing en général. Donc, je recommande fortement d'évaluer avec eux. Et le processus de connexion de votre batterie Webflow avec motion sera très, très similaire au processus de connexion Webflow, mais convertissez kit, ce dont je vais parler ici. Mais ce sont les deux que je recommande. Mais vous pouvez partir et faire vos propres recherches parce qu'il y a tellement de fournisseurs de marketing par e-mail différents. Mailchimp est probablement le leader du marché et la loi respecte convertir kit comme moins connu, mais il est tout aussi bon que Mailchimp. Donc ce qu'on va faire, c'est ouvrir un nouvel onglet et passer par un chef d'orchestre. Nous avons effectivement changé de MailChimp ou subir il y a un mois, des mois, veut, veut aller. Alors connectons-nous. Donc, c'est convertir kit. Donnons une idée de ce que c'est. Et c'est les États-Unis, oui, c' est probablement celui que je recommande d'utiliser cela comme un aussi bon que je préfère beaucoup plus que le mouvement est juste beaucoup mieux à mon avis. Mais oui, la chose que nous allons faire ici, alors, premièrement, nous voulons connecter des fermes ou des forums de réduction sur, ici, en haut de notre page d'accueil. Sous Fisa. Nous voulons les relier avec la casquette de combat. Et puis nous voulons aussi connecter notre ferme type avec le Connecticut. Donc, le premier que je vais vous montrer est comment connecter votre formulaire de type avec coup de kickback. Et la façon dont tu vas le faire est d'utiliser une plate-forme appelée Zapier. Donc, vous pouvez voir ici il y a beaucoup de connexions différentes que vous pouvez faire avec différentes plates-formes sur forme serrée. Et ce qu'ils n'ont pas à utiliser Zapier ou un autre type de logiciel de configuration API. Donc, nous allons juste taper ici et voir si le kit de conversion arrive. Donc on peut voir qu'il n'y avait pas ici. Nous devrions aller de l'avant et utiliser Zapier pour se connecter à cela. Mais nous avons bien cherché à utiliser ici. Donc si vous ne savez pas de quoi je parle là-bas et qu'on va toujours utiliser , je vous montrerai le processus que vous devez suivre, alors ne faites pas quoi que ce soit. Mais ici, nous avons la forme de type et nous allons nous connecter à et nous devrions être bons d'y aller en seulement une seconde. Ok, la forme serrée a été authentifiée. Maintenant, nous devons obtenir l'authentification du Connecticut, ce qui devrait être relativement simple. Donc, il faut aller pour que vous puissiez aspirer tous les paramètres scolaires. Et tout SQL est une clé générale et moins API ici. En fait celle-là, la secrète. Prenons ça, copiez-le. Pour revenir ici, collez, puis cliquez sur Créer. Super, et ça a été un succès. Et ce que je veux faire ici en ce qui concerne les balises et autres choses, vous, ce que vous auriez à créer une balise et dire convertir kit que vous allez attacher. Les pistes viennent de ce formulaire à donc je vais juste choisir ouais, je vais juste choisir une seule étiquette. Et pourtant, nous pouvons mettre à jour les abonnés existants, mais nous n'avons pas à le faire. Ok, pour qu'on puisse choisir. Ce sont toutes les étiquettes que j'ai obtenu côté revenir. Peu importe lequel. Vous créez une balise spécifique au formulaire que vous avez dans votre page de contact. Donc, vous créez une balise disant des contacts et quelque chose comme ça. Et ce que nous allons utiliser. C' est celui-là que je n'ai pas thêta. Je n'ai pas ajouté de question à. Et puis vous allez faire correspondre ces questions avec le prénom et le nom de famille. Et puis, lorsque cette information est tirée dans convect, obtenez o être assigné aux bons endroits. Donc, nous allons cliquer sur Terminer. Et c'est tout. Donc, si je continuais à prendre forme sur le site Web qui était Belgo, nous n'avons pas encore publié. Et je serais en mesure de mettre mes informations dans et il apparaîtrait et reviendrait chaton, ce serait bon d'y aller. Maintenant que nous avons connecté la batterie de bandes avec convexe, nous allons retourner à Webflow. Et nous allons connecter ces fermes. Donc nous avons l'en-tête et le Fisa et nous allons les connecter avec Convect KitKat. Maintenant, nous allons le faire en utilisant une plate-forme appelée Zapier, qui a évidemment mentionné. Et cela va nous permettre de connecter Webflow. Wes, convertissez les kits via la configuration API et Zapier, cela le rend très, très facile à faire. Et en termes de ces formes, bien sûr va obtenir ces formes peuvent sembler indépendantes les unes des autres. Mais la façon dont nous allons les mettre en place de la même façon, nous allons le mettre en place de la même façon. Nous allons assigner la même balise et il sera traité comme la même chose. Et parce qu'en fin de compte ils le sont. Donc c'est ce qu'on va faire ensuite. Maintenant, c'est un peu plus complexe. Ça prendra un peu plus d'habileté. Mais je valais vraiment la peine de savoir comment faire. Et vous pourriez penser, pourquoi, pourquoi, je n'ai pas simplement intégré un formulaire sur mon site Web ? Parce que tu ne peux pas faire ça avec un retour ici. Vous pouvez créer une batterie de serveurs, puis vous pouvez simplement la coller sur le, sur votre site et vous pouvez collecter des informations de cette façon. La raison pour laquelle n'a pas aimé faire cela est parce que vous n' avez pas autant de contrôle sur l'apparence du formulaire. Et c'est généralement une chute pour quelqu'un comme moi qui se soucie de la façon du zinc parce que ce ne serait pas cohérent. Ça me collait comme un pouce douloureux et ça me rendait fou de dire le moins. Alors allons-y et faisons-le. Donc, je vais fermer tous ces onglets, principalement parce que nous sommes aussi un peu entrer dans la fin de ce projet. Donc, nous avons fait le type de formulaire comme autre moyen. Débarrassez-vous de tout ça. Donc Zapier comme une plate-forme que vous pouvez utiliser gratuitement, mais il y a aussi une version payante de celui-ci. Je conseillerais d'investir si vous finissez par faire partie plus compliquée avec elle. Donc je vais juste le dire ici. C' est l'une des plateformes que nous payons. Et cela rendra vraiment facile pour nous qui connecte Webflow avec convexe. Donc ce que je vais faire, je vais créer ça. Et ce processus sera le même indépendamment des États-Unis payer le gratuit. Et puis nous allons créer, nous allons créer un client. Alors maintenant que nous sommes ici et Zapier, ce processus serait le même d'ailleurs, peu importe si vous êtes sur un plan gratuit ou payant, et au moins il devrait l'être. Mais ce qu'on va faire, c'est cliquer sur le bouton Créer. Et puis nous allons parcourir la galerie. Nous verrons s'il y a des modèles ici pour les connecter Webflow avec convect kit. Parce qu'une grande chose en haut exactement c'est que vous pouvez rechercher l'application afin que vous êtes à la recherche ici. Et puis vous pouvez les connecter directement avec l'autre IPR. Donc, vous n'avez pas à faire beaucoup de singe à ce sujet peut vous engager tout au long du processus. Donc, nous allons d'abord taper Webflow là. Et puis nous allons taper dans le Connecticut. Et puis tu vas mettre un déclencheur. Donc F est une soumission de formulaire. C' est ce qui va déclencher cet événement. Ensuite, nous allons ajouter un abonné. Ensuite, nous allons ajouter un abonné à une séquence. C'est ce qu'on va faire. Et pourtant, on va aller de l'avant et créer ça. Et ce qu'on va faire ici, c'est juste cliquer sur le système d'exploitation invité. C' est bon, alors maintenant qu'on est là, on va cliquer sur Connects. Et vous ne pouvez pas parce que c'est un site Web séparé avec lequel nous travaillons. Vous pouvez donc voir tous les différents sites que j'ai ici. Et celui que je vais utiliser est évidemment Magnus, Jimmy ou Shi'a. Donc on va cliquer là. Je vais cliquer sur Autoriser l'application. Et c'est tout pour notre site web. Il pourrait ne pas le dire, mais c'est certainement le seul. Alors allons frapper la nuit. Donc c'est évidemment notre joyau ici. Maintenant, ce que nous allons vouloir faire avant d'aller avant et de cliquer ensuite, c'est que nous allons vouloir publier ou dire à ce stade, parce qu'un ordre pour Zapier, parce que pour que Zapier identifie les formulaires que nous veulent tirer des informations à partir de celui-ci doit être publié. Revenons à Webflow, on va monter ici. Et puis nous n'allons pas ajouter de domaine personnalisé à ce stade. Et c'est un processus totalement distinct dont nous parlerons à la fin. Parce que pour ajouter le domaine personnalisé et vous devez mettre à niveau vers un plan de site, ce que je ne vais pas faire ici. Mais pourquoi je vais le publier. Donc ce Webflow, le domaine de Hofstede. Alors faisons ça. Parce que cela identifie un projet est la même chose quel que soit le domaine sur lequel il se trouve. Et puis ce qu'on va faire pour s'assurer que le formulaire sera correctement enregistré. Nous allons juste rapidement et SAT ou de l'information, donc l'information finit donc donc enregistre soit comme une réponse. Ok, donc c'est un. Et là, nous allons faire la même chose. D' accord ? Alors maintenant Zapier devrait pouvoir extraire cette information que nous avons juste gâché quand nous cliquerons sur Suivant ici. Vous pouvez donc voir cela comme étant enregistré avec deux formulaires distincts. En fait, vous allez devoir créer 2s abs, vous allez devoir en créer un pour une ferme et une formule. Donc on va aller chercher le premier ici. Je vais cliquer sur Suivant. Et vous pouvez voir qu'il tire les données de Webflow. Et puis nous devons nous connecter et revenir. Bien. Et j'ai déjà connecté, donc cette partie passe pour moi. Mais ce que vous aurez à faire là est lorsque vous vous connectez et convertissez kit, j'imagine que obtenir votre secret, comme obtenir votre clé API secrète. Et puis vous allez devoir copier et coller ça ici quelque part. Maintenant, ça te demande un peu de séquences. Nous n'avons pas créé de séquence. Mais laisse-moi revenir en arrière et parler de Git et te montrer. Vous allez créer une séquence et des automatisations. Et encore une fois, convertir kit comme probablement tout un cours séparé en et de lui-même. Mais la façon dont nous prévoyons d'avoir des informations ou vous pouvez créer une très grande séquence. Mais c'était à ce moment que nous parlions des campagnes par e-mail. Mais vous voudriez aller aux séquences et commencer par là. Et c'est là que vous construiriez vos e-mails. Et puis ces e-mails peuvent être ajoutés sur une certaine automatisation. Mais quelles séquences ? C' est juste un ensemble d'e-mails qui reçoivent de l'encens et un moyen automatisé. Donc je ne vais pas utiliser tout ça pour le moment, mais on va retourner à Zapier et je vais juste recueillir que ça n'a pas vraiment d'importance pour moi, mais tu ne peux pas séquencer. Ensuite, vous cliquez sur Suivant. Donc nous pouvons voir ici quand nous regardons ceci qui est tiré à travers un nom, mais nous ne voulons pas vraiment celui-là non plus. Nous voulons écrire l'e-mail, nous voulons cartographier cela. Donc, nous allons juste cliquer sur Data emo. Et puis ici, nous allons aller prénom et nom. Et c'est ce que nous allons utiliser. Et voyons si ça marche ou non. Et puis on va aller de l'avant et cliquer sur Suivant. On va envoyer un test pour voir si ça marche. En gris est tiré à travers. Donc maintenant, nous avons créé, donc ce que nous voulons juste allumer ces, et c'est tout. Et puis vous allez vouloir répéter ce processus pour le deuxième formulaire. Et puis vous aurez vos pouces branchés pour défendre et l'information sera transmise correctement. Vous bien, un à passer un peu à un moment où votre loi de campagnes de courrier électronique. Et pour créer une séquence, utilisez cette nouvelle séquence, donnez-lui un nom. Genre. Alors. Ensuite, vous voulez vous donner une séquence, un nom. Et nous pouvons être tout ce que vous voulez vraiment dans votre entreprise. Assurez-vous simplement que c'est clair et qu'il est clair de quelle forme la séquence est liée. Alors, c'est ce que tu utiliseras dans ton Zach. Je vais juste créer un test juste pour vous montrer le processus très rapidement. Et puis c'est là que vous écrivez vos emails. Et vous pouvez ajouter plusieurs e-mails et ils se déclenchent tous de manière automatisée. Et vous déterminerez combien de temps après l'envoi de chaque e-mail, quand l'autre enverra. Et c'est vraiment aussi simple que ça. Vous pouvez passer un bon peu Taiwan vous à des e-mails en vous assurant qu'ils sont conçus correctement et le sable toutes les bonnes choses. Et puis, en fonction de votre création ou de votre service, si l'intention ici est d'utiliser le livre d'un appel que vous allez vouloir lier, vous allez vouloir envoyer un lien vers votre compteur, une plate-forme que vous pouvez utiliser pour cela comme appelé Calendly. Et c'est là. Et vous pouvez l'utiliser. Et quand il est vraiment, vraiment facile de créer un événement, il générera votre lien personnalisé. Vous n'avez pas à faire beaucoup de singe et environ. Il vous suffit d'obtenir Calibri les informations dont vous avez besoin. Et vous serez en mesure de lier cela dans vos e-mails pour les élèves un peu appelle les bébés pour les affaires, toujours dépendants de ce que vous faites. Donc vous pouvez vraiment prendre ça quelle que soit la direction que vous voulez. Ça n'a pas besoin d'être spécifique à ce dont j'ai parlé ici. Et c'est tout. À ce moment-là, vous aurez connecté, c'est vos fermes à convertir kit. Et ce sera une séquence automatisée de remplissage si vous configurez cela correctement, ce qui est vraiment, vraiment utile signifie que vous devrez aller envoyer manuellement des e-mails aux prospects et tout ce genre de choses. Donc oui, c'est vraiment maintenant qu'il y a deux autres choses à faire, liées au site et à évaluer. Donc je vais parler dans la prochaine vidéo. Et allons là-dessus maintenant. 23. Ajouter votre plan de site et vos paramètres: Donc, les dernières choses que nous devons passer ici, et c'est un aspect que nous n'avons pas abordé pendant que nous avons suivi ce cours en tant que workflows, paramètres de projet. Vous pouvez donc voir que vous avez un tas d'onglets différents avec un tas de paramètres. Je vais juste les parcourir rapidement pour vous et vous expliquer ce que sont chacun d'eux. Donc, dans les paramètres généraux, vous avez évidemment le nom sur le sous-domaine sur le site. Et vous pouvez l'ajouter à notre dossier si vous le souhaitez. Ensuite, vous pouvez également ajouter votre favicon et votre clip web. Alors je vous conseille de mettre votre logo là parce que les gens ne le sauront pas. Alors, en bas, vous avez votre fuseau horaire. Vous pouvez ajouter votre talon de connexion ligne, c'est utile. Vous pouvez vous débarrasser de l'image de marque du workflow dans le HTML, ce que vous voudrez probablement faire. Et puis ici, juste des statistiques vraiment et de l'hébergement. Vous voudrez donc connecter votre domaine personnalisé à la fin, lorsque vous êtes prêt à publier, vous voudrez ajouter un plan de site. Un plan d'essai peut être l'un ou l'autre de ces plans. Celui que je recommanderais est CMS. Mais vous pouvez utiliser basique si vous le souhaitez. Cms va juste vous donner des fonctionnalités supplémentaires et oh, probablement être un service d'hébergement légèrement meilleur. Alors oui, les isotopes. Donc, si vous avez des employés que vous voulez faire des modifications sur le site, mais vous ne voulez pas vraiment le désordre et le bateau avec un design. Vous pouvez les ajouter en tant que collaboratif. Donc, sur Connexion pour changer le texte MGS, des choses comme ça, ou créer de nouvelles pages et votre CMS. Je n'ai pas besoin de le faire. Pourquoi rebeller le SEO ? Nous n'avons donc pas encore configuré Google Analytics ou la console du site. Mais quand vous allez faire cela, pour faire n'importe lequel d'entre nous, vous devrez ajouter un plan de site. Vous devrez également vérifier votre site avec Google et sont des choses SQL impressionnantes que vous avez à faire, dont je parlerai dans une seconde. Et puis les fermes quand les e-mails de janvier sont ou si vous voulez savoir quand ces fermes, en termes d'obtention de notifications, vous venez de mettre toutes les informations ici et de suivre pour vous. Ensuite, nous avons des polices. Nous avons déjà abordé les polices, les connecter à Adobe et faire tout ça. Donc tu vas bien leurs sauvegardes. Si vous faites de grosses erreurs sur votre site ou si vous perdez des choses, vous pouvez collecter ou revenir à l'une des sauvegardes ici. La bonne chose à propos de Webflow est qu'il effectue automatiquement des sauvegardes. C' est donc un véritable avantage et des intégrations. Vous allez donc vouloir intégrer Google Analytics ici. Si vous, google a Google Maps, pixel Facebook aux deux plus importants ici sont pixel Facebook sur Google Analytics. Aussi important, vous les mettez en place. Et le troisième en tant que frais de recherche, nous voulons aussi obtenir cette auto à. Et puis nous avons un code personnalisé. Cela dépend de ce que vous voulez faire, quel est votre pixel Google Analytics et Facebook ? Vous pouvez ajouter le code personnalisé ici. Ou bien vous pouvez utiliser Google, ou bien vous pouvez utiliser Google Tag Manager, ce qui est également un excellent moyen de vendre ces choses. Mais ces sujets vraiment amusant pour le château, un peu d'optimisation de site Web, SEO. Et c'est tout. C' est ce que vous devez savoir et ici. Et cela va juste vous donner un aperçu des paramètres et des choses qu'ils ont à faire pour que le site soit prêt à être lancé. Donc avec cela étant dit, je veux juste faire une dernière vidéo que nous avons couverte lors des vérifications finales que je fais habituellement sur n'importe quel site que je construis. Alors oui, on va sauter là-dessus tout de suite. 24. Vérifications finales: Très bien, donc la dernière chose que vous voulez faire avant de prendre votre site Web en direct est juste quelques vérifications finales dessus. Donc les choses qu'on veut faire ici, on veut vérifier. On va vérifier la copie, s'assurer qu'il n'y a pas d'erreurs de grammaire. Nous voulons vérifier les liens sur tous les boutons et nous assurer que tous vont aux bons endroits. Et nous avons déjà vérifié la ferme. Donc c'est une chose hors du chemin. Et la dernière chose qu'on veut faire, c'est vérifier la tête et les structures. Et puis la chose qui nous aidera avec cela, comme nous en avons parlé auparavant, l'autre vérificateur Webflow est utile. Et une chose que nous n'avons pas touchée, c'est en fait mettre en évidence ici comme le manque de texte alt sur les images. C' est une autre chose que tu veux vraiment vérifier. Le texte Alt est très important pour le référencement. Donc, pour ajouter du texte alt, elle va juste à n'importe quelle image que vous regardez. Cliquez sur la petite icône en forme de roue dentée, puis vous y ajouterez votre texte alt, quel qu'il soit. Donc, pour une fin pour vérifier vos en-têtes, vous allez simplement dans les paramètres sur n'importe quel titre sur lequel vous cliquez et assurez-vous qu'il est marqué comme le bon. Faites-le pour l'ensemble du site. Et quand tu seras prêt à partir, tout ce que tu as à faire est de lancer. Donc, vous pouvez voir ici que ceux-ci n'ont pas été correctement liés. Donc je vais juste envoyer ces deux-là. Maintenant. Je vais les envoyer au contact. Et vous ferez cela si l'ensemble du site et assurez-vous que vous n'avez rien manqué. Et il est toujours préférable de le faire à la fin de n'importe quel projet puis Azure le traversant parce que vous vous pliez pour gâcher quelque chose, parce que vous vous concentrez sur tant de choses différentes à la fois. Donc autant de batailles à la fin. Et oui, je vais juste te montrer pour cette page, mais quand tu auras fait ça, tu seras bon d'aller chercher ce que ta femme dit. Et c'est l'une des dernières choses que je vous recommande d'écrire. Ça a été un plaisir d'enseigner ce cours. Et j'espère vous voir dans la prochaine. Alors merci. 25. Les prochaines étapes: Très bien, donc merci beaucoup d'avoir regardé ce cours. J' espère que vous en avez beaucoup gagné. Le coffre comme Webflow, comme une plate-forme incroyablement puissante est ce que nous utilisons en interne pour tout le travail que nous avons fait pour les clients. Je veux dire, c'est vraiment un changement de jeu quand il s'agit de design web. Et si vous voulez continuer à améliorer vos échelles d'hôte web, nous avons des cours intermédiaires et avancés sur l'académie ambiante. Si vous visitez nos ressources de site Web, vous serez en mesure de financer voir Academy. Je recommande fortement de vérifier qu'il a abordable. Tu peux faire partie d'un groupe avec d'autres personnes comme tu regardes les mêmes choses. Et c'est vraiment un changement de jeu pour les gens qui cherchent à développer, mais les compétences en marketing numérique dans l'ensemble. Mais de toute façon, merci beaucoup d'avoir regardé ce cours à nouveau. Et je verrai dans la prochaine.