Dans cette section sur le fonctionnement du Web, nous discuterons des bases de la conception de sites Web. Maintenant que vous savez comment fonctionne le développement full stack, c'est tout, du backend au frontend ou du front-end vers le back-end, de la création de sites Web utilisant HTML, feuilles de style en cascade et JavaScript à mes serveurs SQL, serveurs Apache, serveurs de fichiers ou réseaux de distribution de contenu, nous allons voir pourquoi et comment vous créez un site web. Pourquoi créez-vous un site web ? Eh bien, un site Web est fait pour promouvoir votre entreprise ou votre service, tout ce que vous voulez promouvoir professionnellement, ou une organisation, quelque chose que tu pourrais vouloir dire, hey, voici un site de mon chien. Quoi que tu veuilles faire, vous pouvez créer un site Web pour cela. Maintenant, lorsque nous créons des sites Web, nous devons considérer qu'il s'agit d'une interface utilisateur, tout comme votre smartphone dispose d'une interface, ou votre ordinateur a une interface dessus, le site Web n'est pas une interface pour vos clients ou vos amis ou ces utilisateurs. Bien sûr, il y a des sites de médias sociaux, qui sont pré-créés pour vous. Et tout ce que tu fais c'est mettre des photos dessus ou tapez des mots ici ou là. On va regarder les sites Web. Ce sont des choses que vous créez réellement. Et si vous le créez, vous devrez penser à l'échelle, à la typographie, le style visuel. Si vous voulez une grille, une hiérarchie, une navigation, la lisibilité du site et du flux. Alors d'abord, nous allons vérifier quelques sites qui vous aident à créer des sites, ce qui est plutôt sympa, mais nous ne regardons pas ce site en ce moment pour la façon dont il vous aide à créer un site, nous regardons cela comme la conception de l'interface utilisateur. Donc, la conception de l'interface utilisateur. Vous remarquerez tout en haut ce qu'ils ont décidé de faire est de mettre leurs produits, modèles et ressources tout en haut de la page. Tout ce dont vous avez besoin pour grandir en ligne, ils ont entrer votre email là, commencez. En en faisant la seule option sur cette page et le rendant très audacieux, ce qu'ils essaient de faire, c'est de vous faire mettre votre e-mail dans leur site Web afin qu'ils puissent vous suivre en tant que client potentiel. Et vous pouvez voir que ce site le fait très bien. Si nous cliquons sur un autre site, nous verrons que commencer est juste là tout au début de la page. Maintenant, lorsque vous choisissez de commencer, ça va te demander, Hé, allez-y et connectez-vous avec votre e-mail. Et un autre, démarrez votre site Web. Et puis par ici, Eh bien, quel genre voulez-vous commencer ? Allons-y et commençons l'un d'entre eux. Ainsi, vous pouvez voir que chacune de ces offres offre une certaine façon pour capter les informations et amener l'utilisateur plus profondément dans l'expérience. Maintenant, l'échelle du site. Dans ce cas, nous envisageons un site à l'échelle 1080p. Mon système tourne en 4K. Donc, ce site porno s'intègre vraiment très bien dans un coin. Je peux parcourir le site, et le flux est très naturel, très propre et très facile à lire. Donc, l'échelle est juste. La typographie, la façon dont ils mettent les mots à l'écran, la police qu'ils utilisent est très facile à lire. Et c'est quelque chose à garder en considération. Certaines personnes peuvent avoir des conditions différentes qui rendent plus difficile la lecture de certains types de textes. Ainsi, en utilisant un texte qui est le plus accessible pourrait être la bonne voie à suivre. Maintenant, si votre site est d'un style artistique particulier, alors peut-être que cela ne fonctionnera pas pour vous. Certains styles artistiques sont tout simplement difficiles à lire, donc c'est par conception. Mais lorsque vous créez votre site Web, assurez-vous que vous considérez la conception, le type de police que vous utilisez. Que voulez-vous que l'utilisateur voie, la toute première chose qu'ils ont frappée sur votre site ? Qu'est-ce que tu veux? Voulez-vous qu'ils voient un exemple, peut-être un lien de démarrage, et ou l'e-mail afin qu'ils puissent suivre. S'ils défilent vers le bas, que la plupart des gens ne font pas défiler très loin, puis pendant qu'ils défilent vers le bas, quel genre d'options verront-ils ? Aussi, quel genre de style voulez-vous? Une grille, une hiérarchie, une navigation. Dans ce cas, nous avons ce qui ressemble à une disposition en grille. Nous avons donc chacune des options bien ici. Nous sommes passés de notre grille, Eh bien, une partie de la grille passe à la navigation et à la hiérarchie. Ainsi, nous pourrions être en mesure de descendre de plus en plus profondément dans ces petites sections. Et ils combinent plusieurs méthodologies différentes dans le site. Excellente façon de faire les choses. Maintenant, si nous examinons la conception de l'interface utilisateur, rappelez-vous, l'échelle du texte et des images doit être adapté à l'appareil de votre utilisateur, qu'il s'agisse d'un appareil mobile, une tablette ou un téléphone ou un appareil de bureau, et ce périphérique de bureau peut être un moniteur de résolution inférieure. Donc, retiens-le bien. La typographie, les polices, comment vous organisez les polices, qui doit être facile à lire, aussi facile à lire que fonctionne pour vous. Et le style visuel, si vous souhaitez rester avec une grille, une approche hiérarchique, ou simplement fournir des navigations sur l'ensemble du site Web. Gardez cela à l'esprit et concevez votre site avec votre objectif à l'esprit.