Le lexique du webdesign

Written by Anne Manaud

01/09/2023

Tu aimerais avoir ton site web.
Mais tu n’es pas pro et tu ne comprends rien au jargon technique.

Qu’est-ce que ton nom de domaine ? C’est quoi un hébergeur. Pourquoi mon webdesigner me demande un favicon ?
Le lexique du webdesign que je te fournis ici va t’aider à te sentir moins perdue.
Tu pourras enfin comprendre les tenants et les aboutissants de la création d’un site web.

épingle pinterest du lexique du webdesign

Le lexique du webdesign

 

Arborescence
L’arborescence d’un site est le schéma organisationnel des pages du site. C’est un plan pour appréhender sa construction.

arboressence d'un site pour le lexique du webdesign

Brief
Cahier des charges de la personne qui commande le site.
Un brief complet comporte les objectifs du site, ses contraintes et ses spécificités.

 

Charte graphique
Élément essentiel pour construire un site cohérent, la charte graphique comprend les éléments visuels qui structurent et composent ton image, ton univers : ton logo, tes typographies, tes couleurs, tes visuels.

 

Domaine
Le nom de domaine est le nom de ton site. Tu dois l’acheter. Le prix varie selon l’extension : .fr, .com, .eu etc.

 

En-tête
Appelée également header, l’en -tête d’un site est la partie haute et fixe présente sur chaque page d’un site. Elle comprend généralement le logo et le menu.

exemple de favicon

Favicon
Il s’agit d’une petite icône qui personnifie ton site en s’affiche dans la barre de favoris et les onglets.

Hébergeur
Un hébergeur web est un service qui fournit l’espace sur lequel est stocké ton site web.
Sans hébergement, pas de site. Tu es donc obligée d’en choisir un et de lui payer l’hébergement.
Personnellement, je travaille avec Hostinger.

 

Jpg ou jpeg
Abréviation de Joint Photographic Expert Group, c’est un format de compression d’image. Largement utilisé sur le net, il compresse l’image originelle pour obtenir un fichier moins lourd. Ce qui n’est pas négligeable pour un site web.

 

Ligne de flottaison
C’est la ligne imaginaire qui définit la partie visible d’un contenu sur un écran.
Au-delà de cette ligne, il faut scroller pour que le reste du contenu s’affiche.
Les informations les plus importantes doivent donc se trouver au-dessus de cette ligne.

 

Maquette
La maquette d’un site est une modélisation pour donner un aperçu du rendu final du site.

 

modèle de maquette de site web

 

Navigation
C’est la facilité (ou pas) que l’on a à se déplacer sur ton site.
Elle inclue le menu, les liens entre les pages, la vitesse de chargement.

 

Pixel
C’est l’unité de mesure des images sur le net. Son abréviation est px.
Il définit la qualité d’une image. Une image pixellisée est de mauvaise qualité.

 

Résolution
La résolution est la qualité et le rendu visuel d’un élément informatique.
Une image nette, de bonne qualité a une bonne résolution.

 

Responsive
C’est le fait d’adapter un design à tous les usages : tablette, smartphone ou ordi.

 

Sitemap
Ce plan de site est un fichier au format XML utilisé pour indiquer aux moteurs de recherche la structure d’un site et la hiérarchie de ses pages.

 

Template
Gabarit modifiable pour construire l’aspect graphique d’un site.

 

URL
Uniform Resource Locator. L’URL est le nom et la localisation d’une page ou d’un fichier web.

 

Widget
Il s’agit d’une extension intégrée à un site ou une application pour donner une information supplémentaire spécifique.
Ils sont personnalisables et faits pour capter l’attention ce qui les rend très utiles.
Cela peut être une carte pour se géolocaliser en temps réel sur une appli, un compte à rebours ou un flux Instagram sur un site.

 

 

Exemple de template de site web
Elemenetor pour WordPress à acheter sur le site de Liw Studio

$
exemple de template de site web par Zoé Spirit

 

 

modèle de wireframe

Wireframe
Représentation schématique d’une fonctionnalité ou du contenu d’un site avant que celui-ci ne soit effectué.
Contrairement à la maquette qui présente le rendu graphique, le wireframe modélise la structure du site.

Cela pourrait t’intéresser

Bref…

J’espère que ce lexique du webdesign te sera utile.
Si tu as d’autres termes qui te semblent incompréhensibles, n’hésite pas à les mettre en commentaire que j’actualise cet article.

illustration businessgirl ordi anne manaud webdesigner

Ça va t’intéresser :

5 étapes pour sécuriser son site WordPress

5 étapes pour sécuriser son site WordPress

Sécuriser son site WordPress est essentiel pour protéger tes données et celles de tes utilisateurs contre les piratages et les cyberattaques. Idéal pour instaurer la confiance de tes visiteurs en préservant ton e-réputation.

lire plus

0 commentaires

Laisse un commentaire