Terminologie Du Site Web : Quel Jargon Devez-Vous Connaître?

On a l’impression que des boffins de conception embêtants créent une terminologie de site Web juste pour nous confondre. Frontal. Back-end. Conception. Développer. Pourquoi ne pas simplifier les choses ?

Si vous envisagez de créer ou de redessiner un site Web, vous avez besoin de cet article. Tout d’abord, regardons la différence entre la conception Web et le développement Web. Autrement connu sous le nom de front-end et back-end.

Quelle est la différence Entre la Terminologie de Conception Web et de développement Web?

Les concepteurs Web sont les plus créatifs des deux, s’occupant des visuels et de la mise en page du site Web. Vous voulez une certaine couleur là-bas? Un texte plus grand ici? Ils vont le trier.

Il est courant qu’ils aient des antécédents en design graphique et en art, alors ils sauront comment rendre les choses jolies!

Le travail d’un développeur web est différent, il construira le cœur du site Web. Ils se concentrent sur les aspects techniques et s’assurent que tout fonctionne. Cela implique la saisie de code dans les sites Web pour des performances optimales. Ils sont logiques et ont tendance à avoir des antécédents en informatique ou en programmation.

Par exemple, l’extérieur d’une voiture est agréable visuellement, alors que le moteur est conçu pour la maniabilité.

Pour simplifier les choses, nous allons diviser le guide en terminologie de site Web de concepteur et de développeur. Accrochez-vous à votre Hertz, c’est parti !

Terminologie du site Web concepteur

Contenu

Il ne sert à rien d’avoir un site Web époustouflant si votre contenu est partout. Où vont vos coordonnées ? Les visuels sont-ils au bon endroit ? Et les espaces blancs ? Personne ne veut avoir mal à la tête lorsqu’il visite votre site. Obtenir ces aspects correctement rendra le voyage de vos visiteurs plus agréable et augmentera vos chances d’apparaître dans les moteurs de recherche.

Regardez cet exemple de Lyft, il n’y a pas beaucoup de contenu là-bas, mais c’est ce qui le fait fonctionner. Il y a un simple appel à l’action au centre de la page, accompagné d’une jolie animation. Il n’y a aucune chance que vous veniez sur ce site et que vous ignoriez quel est l’objectif du contenu.

Accessibilité

Cet aspect de la conception est souvent négligé par de nombreux concepteurs de sites Web, mais devrait faire partie de vos bases de conception Web. C’est l’accessibilité de votre site Web pour les personnes handicapées.

Des guides pour personnes handicapées, une copie simple et des icônes plus grandes les aident à naviguer sur le site. Ces fonctions sont populaires auprès des organisations de santé. Voici un exemple de la lutte pour la vue, qui ont un ajusteur de police en haut à droite de la page d’accueil.

CSS (Feuilles de style en cascade)

CSS est un langage de feuille de style utilisé pour décrire la mise en page du code HTML. En termes plus simples, HTML est le langage du texte et CSS est le langage de conception de page. CSS économise beaucoup de travail pour les développeurs Web car il les aide à formater leur code HTML en différentes mises en page et styles.

Disposition statique

Ce type de disposition est plus facile à concevoir mais n’est pas aussi flexible pour l’utilisateur. Si une page a la même largeur pour chaque visiteur, elle peut être imprévisible sur différents appareils. La plupart des entreprises sont passées au design réactif avec l’essor du mobile, mais vous pouvez trouver des entreprises qui l’utilisent.

Favicon

Un favicon est une image qui apparaît à côté de votre nom de domaine dans la barre d’adresse du navigateur. C’est une bonne idée de poursuivre votre logo ou quelque chose qui se rapporte à votre entreprise. Besoin d’inspiration ? Jetez un oeil à certains de ces designs de logo cool!

Point focal

Où voulez-vous que l’œil se concentre? Un logo ? Un produit ? Si votre site Web est trop encombré ou si vous ne savez pas où vous voulez que l’utilisateur aille, il pourrait partir. Amazon utilise la bannière supérieure comme point focal, mais toutes les entreprises ne peuvent pas jouer sur des événements saisonniers pour générer des affaires, alors réfléchissez à ce qui vous distingue.

HTML (Langage de balisage Hypertexte)

Parlez-vous ordinateur? Heureusement, les concepteurs le font. Ils entrent des codes dans un fichier texte, le navigateur le lit et le traduit sous forme digestible. Un éventail de compétences en typographie, en conception et en programmation informatique sont nécessaires pour le codage HTML.

Résolution

Terme utilisé pour le nombre de pixels dans les éléments verticaux et horizontaux d’un écran. Bien que beaucoup croient que c’est la longueur et la largeur.

Mise en page réactive

Les mises en page réactives sont adaptables et changent en fonction de l’appareil utilisateur. Ils optimisent la page pour adapter autant de contenu que possible. Cette mise en page est un élément de base des bases de la conception Web.

Guide de style

Lors de la conception d’un site Web, il est important d’avoir un style cohérent. Trop de couleurs ou de formes peuvent dérouter l’utilisateur, il est donc important d’avoir un mélange complémentaire. Jetez un œil au guide de style de Spotiy, quelque chose d’aussi léger qu’un égarement de logo peut mettre leur image de marque en danger.

UX Design

Comment se sent l’utilisateur lorsqu’il visite votre site Web? Si c’est pratique et facile à utiliser, ils seront plus susceptibles de rester sur le site. S’il y a beaucoup de liens brisés, ils se sentiront déçus. Il est essentiel d’entrer dans l’état d’esprit de l’utilisateur et de comprendre ses problèmes.

Interface utilisateur graphique

Apple fabrique des appareils adaptés aux jeunes enfants. Regardez l’écran d’accueil mobile avec toutes les applications et tous les menus. Les interfaces graphiques doivent être simples et faciles à naviguer, ce qui est dû à une conception intelligente.

Conception axée sur la croissance

La conception axée sur la croissance est la pratique consistant à créer un site Web avec des bases de conception Web simples. Le concepteur ajoutera des fonctionnalités plus complexes à mesure qu’il construira le site Web. Cela signifie que quels que soient les problèmes, ils sont protégés par des bases solides. On ne mettrait pas le toit d’une maison sans avoir d’abord posé les fondations. Vous pouvez ensuite mettre à jour le site régulièrement, en vous assurant qu’il est toujours à jour.

Terminologie du site Web du développeur

AJAX (JavaScript et XML asynchrones)

AJAX utilise divers outils de programmation pour envoyer et récupérer des données sans avoir à actualiser une page Web. Si votre page d’accueil Facebook est affichée dans un navigateur, elle continuera à être rafraîchie pour vous fournir des mises à jour. Voici un exemple de code AJAX.

Les sites Web back-end

ne sont pas superficiels; il y a beaucoup de processus internes que l’utilisateur ne peut pas voir. Le back-end de votre site Web est l’endroit où vous mettez à jour le logiciel, publiez des blogs dans votre CMS et téléchargez de nouveaux produits. C’est le support de WordPress..

Bad Neighbourhood

Un bad neighbourhood est un groupe de sites Web dont la réputation et les classements de recherche sont médiocres. Vous ne voudriez pas vivre dans un mauvais quartier, et votre site Web non plus. Placer votre site Web dans des quartiers voyous réduira vos chances d’apparaître dans un moteur de recherche. Obtenez le meilleur forfait d’hébergement; vous ne voulez pas de punition pour le comportement méchant de vos voisins!

Bande passante

Votre vidéo est mise en mémoire tampon. Pourquoi?! La bande passante est le niveau de trafic et de données pouvant transiter par votre site. Les grandes entreprises ont besoin de plus de bande passante car elles obtiennent un trafic et des passages de données plus élevés. La bande passante varie, il est donc important d’obtenir le bon montant pour votre entreprise.

Cache

Un cache est l’espace de stockage temporaire d’un périphérique et améliore les performances de l’application. Lorsque vous visitez une page Web, votre navigateur conserve un enregistrement des pages que vous visitez, en stockant les fichiers dans le cache. Cela signifie que le navigateur n’a pas à les relire, ce qui fait gagner du temps.

Cookies

Les cookies sont de petits fichiers texte contenant des informations de base sur les sites Web que vous visitez. Les cookies aident les serveurs Web à déterminer leurs préférences en regardant les types de sites que vous visitez ou ce que vous mettez dans votre panier.

Il y a eu beaucoup de presse négative sur les cookies ces dernières années car il y a des problèmes de confidentialité. Jetez un œil à cette connexion d’Amazon, l’activation de la connexion automatique signifiera que l’entreprise laisse un cookie de suivi sur votre navigateur afin que vous n’ayez pas à vous connecter.

Base de données

Comme vous pouvez vous y attendre, une base de données est un hub de stockage de données. Lorsque les navigateurs naviguent sur votre site Web, ils entrent des requêtes de recherche ou des informations personnelles. Votre base de données stocke ces informations.

Si vous avez une entreprise de vêtements en ligne, les colonnes de votre base de données peuvent lire:

• tshirt_size
• tshirt_colour
• tshirt_price

Voici un exemple d’une base de données anonyme.

Hébergement

Les hôtes Web nous donnent le pouvoir de publier des pages Web sur Internet. Ils utilisent des ordinateurs serveurs pour connecter votre site Web à Internet. Lorsque quelqu’un clique sur la page de votre site Web, la page envoie une demande au serveur et elle se charge.

JavaScript

JV est un langage de programmation dynamique compact et flexible. Il y a des tonnes de fonctionnalités supplémentaires avec JavaScript. Vous pouvez saisir des carrousels, des images 3D et des flux vidéo sur votre site Web.

PHP (Préprocesseur hypertexte)

PHP est un langage de programmation côté serveur utilisé pour développer des sites Web fluides et se connecter à des bases de données. Par exemple, vous pouvez avoir un bouton de connexion sur votre site Web avec une adresse e-mail et une boîte de mot de passe ci-dessus. Lorsque vous entrez et envoyez ces informations, le PHP les enverra à une base de données et vérifiera qu’elles sont correctes.

Regardez cet exemple de code, voyez comment il gère une demande entrante ? C’est PHP.

Python

Python est un framework de développement web qui existe depuis les années 1980.Il est connu pour sa facilité d’utilisation et sa lisibilité. Les débutants utilisent souvent Python comme tremplin vers d’autres outils de développement. En plus de cela, c’est gratuit!

Serveurs

Les serveurs font beaucoup de travail, ce sont des ordinateurs après une boîte d’épinards. Ils stockent d’énormes quantités de données, telles que des feuilles CSS, et se connectent à d’autres serveurs via des connexions Internet. Les serveurs Web stockent des informations Web telles que des URL, lorsqu’un navigateur demande une page, il communique avec le serveur.

Et c’est la différence entre la conception de mariage et le développement web. Vous êtes maintenant qualifié pour la terminologie du site Web waffle à votre guise!