Vous avez le projet de concevoir un site internet ? Vous avez discuté avec des webdesigners et obtenus quelques devis mais de nombreux termes utilisés restent un mystère pour vous ? Comme dans tout secteur technique, la conception web est truffée de mots et d’expressions bien spécifiques et il peut être difficile de s’y retrouver.C’est pourquoi il est important de connaître le vocabulaire des éléments qui composent un site web et du processus de construction de celui-ci. Une fois la terminologie des sites web maîtrisée, vous serez en mesure de parler en toute confiance au webdesigner en charge de créer le site web de vos rêves !L’authentification à deux facteurs nécessite un deuxième mot de passe à usage unique sur votre téléphone.Il s’agit essentiellement de la capacité d’un site web à être utilisé par les personnes handicapées, notamment les visiteurs malvoyants utilisant des lecteurs d’écran, les visiteurs malentendants n’utilisant pas de son, les daltoniens ou les personnes souffrant d’autres handicaps. Un site web peu accessible sera fondamentalement impossible à utiliser par les personnes handicapées. L’accessibilité est particulièrement importante pour les sites fournissant des informations aux personnes handicapées (sites de santé, sites gouvernementaux, etc.), mais c’est un aspect important à prendre en compte lors de la conception de tout site.Sections que l’utilisateur peut développer et réduire pour afficher ou masquer le contenu.Ajax signifie “Asynchronous JavaScript and XML”. AJAX est généralement utilisé pour créer des applications web dynamiques et permet la récupération asynchrone de données sans avoir à recharger la page sur laquelle se trouve le visiteur. Le JavaScript d’une page donnée gère la plupart des fonctions de base de l’application, ce qui la fait fonctionner davantage comme un programme de bureau que comme une application web.L’amélioration progressive est une stratégie de conception de sites web qui utilise les technologies en plusieurs couches afin de permettre à chacun d’accéder au contenu et aux fonctionnalités de base d’une page web, à l’aide de n’importe quel navigateur ou connexion internet, tout en offrant à ceux qui disposent d’une meilleure bande passante ou d’un logiciel de navigation plus avancé une version améliorée de la page.Le texte d’ancre est le texte qu’un lien utilise pour faire référence à votre site. Cela peut faire une grande différence dans les résultats du moteur de recherche de votre site. Voir aussi : Backlink.Une API est une liste de choses qu’une entité vous permet de faire lorsque vous interagissez avec elle. Les boutons d’un distributeur automatique sont une forme physique d’une API. Ils déterminent ce que vous pouvez et ne pouvez pas faire avec le distributeur. Les API sont utilisées pour intégrer un site web avec un autre site ou un logiciel externe. Il peut s’agir d’alimenter un CRM comme Salesforce avec les demandes de renseignements reçues par le biais d’un site web, ou de transmettre l’état d’une commande à un site web à partir d’une application de gestion des stocks par exemple.Un appel à l’action est un élément visuel demandant aux utilisateurs de réaliser une action. Vous trouverez aussi les initiales CTA pour Call-to-Action en anglais. Les appels à l’action courants peuvent demander aux utilisateurs de s’abonner à une lettre d’information, de faire un don, de prendre contact via un formulaire ou de télécharger du matériel éducatif spécifique. D’autres exemples d’appels à l’action sont : “Acheter maintenant”, “Appelez-nous aujourd’hui”, “Commander maintenant”, “Commencez un essai gratuit”, etc.Un terme qui combine “automatiquement” et “magiquement”. En général, il se réfère à un processus technique complexe qui est caché aux utilisateurs, de sorte que quelque chose semble presque fonctionner par magie. Si vous y réfléchissez, de nombreuses technologies modernes basées sur internet pourraient être classées comme “automagiques”.ARIA est l’acronyme d’Accessible Rich Internet Application (application Internet riche accessible) et renvoie à l’idée que les applications Web sont utilisées par toute une série de personnes ayant des besoins différents en matière de technologies d’assistance et de mise en page.Le terme ARIA est généralement utilisé pour décrire les technologies employées pour combler l’écart entre les besoins de l’utilisateur et un site Web ou une application Web.Par conséquent, il peut faire référence à des logiciels de lecture d’écran, à des approches de mise en page structurelle et à des méthodologies de conception telles que la conception d’interface axée sur l’utilisateur, dans le but d’accroître l’accessibilité du contenu et des fonctionnalités. Le W3C parraine une grande partie des travaux réalisés dans ce domaine.L’architecture de l’information (IA) est un terme générique utilisé pour décrire la disposition sémantique du contenu et des informations sur un site web. Elle fait référence à l’organisation de l’information, en indiquant quelles pages vont où dans la structure d’un site Web, quel contenu est contenu dans chaque page et comment chacune d’entre elles interagit avec les autres pages du site.En tant que domaine, l’IA vise à faciliter au maximum la recherche d’informations par les utilisateurs, dans le but d’augmenter la conversion, les revenus et/ou la satisfaction des utilisateurs.Le back-end d’un site web est la partie cachée aux visiteurs réguliers du site. Le back-end comprend généralement la structure de l’information, les applications et le CMS qui contrôle le contenu du site.Les backlinks sont des liens d’autres sites vers le vôtre. Ils sont parfois aussi appelés “trackbacks” (surtout sur les blogs). La traduction française est “lien retour” mais le terme anglais backlink est plus communément utilisé. Les backlinks ont un impact énorme sur le classement de votre site dans les moteurs de recherche. De nombreux backlinks provenant de sites de haut niveau peuvent améliorer considérablement vos résultats dans les moteurs de recherche, surtout si ces liens utilisent des mots-clés dans leur texte d’ancrage.Le balisage sémantique est une approche du codage HTML dans laquelle les balises de balisage utilisées pour décrire le contenu fournissent également des métadonnées pertinentes sur le contenu lui-même. Le balisage sémantique de base fait référence à l’utilisation d’éléments tels que les balises d’en-tête et de paragraphe, mais le balisage sémantique est également utilisé pour fournir un contexte beaucoup plus utile aux pages web dans le but de rendre le web dans son ensemble plus sémantique. Par exemple, un élément d’information pertinent pour le contenu principal d’une page, mais qui n’est pas directement le sujet de la page, peut être marqué comme étant un <aside>.
Balise
Une balise est un ensemble de caractères de balisage utilisés autour d’un élément pour indiquer son début et sa fin. Les balises peuvent également inclure du code HTML ou autre pour spécifier l’aspect ou le comportement de l’élément sur la page.
Balise HTML
Également appelée élément HTML, une balise HTML est un bout de code qui décrit le formatage d’une partie particulière de la page web sur laquelle elle se trouve. Les balises typiques spécifient des choses comme les titres, les paragraphes, les liens et une variété d’autres éléments.
Balise Méta
Une balise méta est une balise HTML utilisée pour inclure des métadonnées dans l’en-tête de votre page Web.
Bannière
Les bannières se trouvent généralement sur les pages importantes, comme la page d’accueil, et se trouvent immédiatement sous l’en-tête. Elles sont souvent associées au message marketing principal d’une entreprise ou à une fonctionnalité importante du site. L’utilisation des bannières a été excessivement répandue dans le domaine de la conception de sites web, sans que l’on sache vraiment si elles améliorent les performances du site ou l’expérience de l’utilisateur.
Barre de recherche
Une barre de recherche est généralement située dans le coin supérieur droit de l’en-tête du site web. Elle est généralement signalée par le mot “Recherche” dans un champ de formulaire, ou comprend une sorte d’icône de loupe. Les utilisateurs peuvent y taper un mot ou une expression sur lesquels ils souhaitent obtenir plus d’informations, puis être dirigés vers une page de résultats énumérant les pages du site web qui peuvent contenir du contenu connexe. Cette fonctionnalité est utile pour les visiteurs du site qui savent exactement quelles informations ils recherchent mais ne veulent pas parcourir votre navigation.
Barre latérale
Une barre latérale peut être un élément très diversifié d’un site Web et apparaît généralement sur la majorité des pages internes d’un site. Une barre latérale est utilisée pour accueillir des informations importantes qu’une organisation ne veut pas perdre dans le corps du texte. Il est essentiel que cet espace soit utilisé à bon escient. S’il devient trop encombré, il est de moins en moins efficace.
Dans une barre latérale, vous pouvez trouver une navigation supplémentaire, des appels à l’action pertinents, des événements à venir, ou même simplement des éléments supplémentaires de contenu mis en évidence.
Base de données
Comme on peut s’y attendre, une base de données est un centre de stockage des données. Lorsque les internautes naviguent sur votre site web, ils saisissent des requêtes de recherche ou des informations personnelles. Votre base de données stocke ces informations.
Boutons radio
Les boutons radio sont un type de champs de saisie qui ne permettent de sélectionner qu’un seul élément d’une liste.
Branches
Une version de quelque chose sur GIT qui est différente de la version la plus récente.
Cache
Les fichiers en cache sont ceux qui sont enregistrés ou copiés par un navigateur web afin que la prochaine fois que l’utilisateur visite le site, la page se charge plus rapidement.
Cases à cocher
Les cases à cocher sont un type de champs de saisie qui permet aux utilisateurs de sélectionner plusieurs éléments d’une liste.
CDN – Content Delivery Network
Un CDN est une solution d’hébergement tierce, généralement pour les images, les médias et les scripts tiers, servis plus rapidement/séparément du site principal. Il est utilisé pour accélérer les sites ou stocker de grandes quantités d’images.
Champs de saisie
Type d’élément HTML qu’un utilisateur peut utiliser pour saisir des informations ou faire une sélection. Les types de champs comprennent les champs de texte, les zones de texte, les cases à cocher et les listes radio.
Checkout
Le processus en plusieurs étapes de la réalisation d’un achat ou d’une commande.
Côté Client
Les scripts côté client sont exécutés dans le navigateur de l’internaute, et non sur un serveur web (comme dans le cas des scripts côté serveur). Les scripts côté client sont généralement plus rapides à utiliser, même si leur chargement initial peut être plus long.
Côté Serveur
Le terme “côté serveur” désigne les scripts exécutés sur un serveur web, par opposition au navigateur de l’utilisateur.
Le script côté serveur est un terme générique pour décrire les langages utilisés pour programmer cette manipulation de données côté serveur. Les langages de script tels que PHP et ASP.NET offrent aux développeurs web un moyen simple de créer une logique commerciale sophistiquée capable d’interagir avec une base de données, d’effectuer des opérations de données complexes et de renvoyer des informations au navigateur.
Les scripts côté serveur prennent souvent un peu plus de temps à s’exécuter qu’un script côté client, car chaque page doit être rechargée lorsqu’une action est effectuée. Cependant, le traitement étant effectué au niveau du serveur, le navigateur web de l’utilisateur n’a pas à travailler aussi dur, ce qui améliore les performances apparentes, du point de vue de l’utilisateur.
CMS – Sytème de gestion de contenu
Également connu sous le nom de CMS, le système de gestion de contenu est un outil dorsal de gestion du contenu d’un site qui sépare ledit contenu de la conception et de la fonctionnalité du site. L’utilisation d’un CMS facilite généralement la modification de la conception ou de la fonction d’un site indépendamment de son contenu. Il est également plus facile d’ajouter du contenu au site pour les personnes qui ne sont pas des concepteurs. Parmi les CMS populaires, on peut citer WordPress pour les sites vitrines et blogs et Prestashop ou Magento pour les sites e-commerce.
Codage en dur
Le codage en dur consiste à écrire des choses dans un code qui ne peut être modifié de l’extérieur. C’est généralement une mauvaise pratique car cela signifie que toute modification doit être effectuée par les développeurs. Une meilleure solution est de pouvoir définir des informations dans une base de données qui peuvent être modifiées en dehors du code, par exemple via un CMS.
Code déprécié
Le code déprécié est un code qui n’est plus inclus dans les spécifications du langage. Cela se produit généralement parce qu’il est remplacé par des alternatives plus accessibles ou plus efficaces.
Code propre
Un code écrit aussi proprement et efficacement que possible, sans répétitions inutiles. Un code propre peut facilement être utilisé pour créer des fonctionnalités supplémentaires et contribue à la rapidité de chargement d’un site pour les utilisateurs.
Commentaire
En termes de conception web, un commentaire est un élément d’information contenu dans les fichiers HTML ou XHTML d’un site qui est ignoré par le navigateur. Les commentaires sont utilisés pour identifier les différentes parties du fichier et comme notes de référence. Un bon commentaire facilite grandement la tâche du concepteur (qu’il s’agisse du concepteur original ou d’un autre) lorsqu’il s’agit d’apporter des modifications au site, car il permet de savoir clairement quelles parties du code remplissent quelles fonctions. Il existe différents formats de commentaires pour différents langages de programmation et de balisage.
Compilation
Une compilation transforme un code dans un format lisible par l’homme en quelque chose de plus utile pour une machine. Elle peut prendre beaucoup de temps et de traitement.
Configuration du serveur
La configuration d’un serveur est l’ensemble des règles qu’il suit pour traiter les demandes.
Conception axée sur la croissance
La conception axée sur la croissance est une pratique qui consiste à construire un site avec des bases simples de conception web. Le concepteur ajoutera des fonctionnalités plus complexes au fur et à mesure de la construction du site. Cela signifie que, quels que soient les problèmes rencontrés, ils sont protégés par des fondations solides. Vous pouvez ensuite mettre à jour le site régulièrement, afin qu’il soit toujours d’actualité.
Contenu
L’ensemble du texte, des images et des vidéos d’une page web ou d’un site donné.
Contrôle de version
Système permettant de créer des mises à jour de sites web en petits fragments, qui peuvent être fusionnés, collaborés, facilement annulés ou commutés. Il permet une mise à jour plus sûre d’un site web, car les erreurs peuvent être facilement corrigées.
Conversion
Une conversion est la réalisation réussie d’une action souhaitée sur un site web, comme l’achat d’un produit, l’envoi d’une demande de renseignements, l’inscription à la newsletter, etc.
Cookies
Les cookies sont de petits fichiers texte qui contiennent des informations de base sur les sites web que vous visitez. Les cookies aident les serveurs web à déterminer les préférences en examinant les types de sites que vous visitez ou ce que vous mettez dans votre panier.
Ces dernières années, les cookies ont fait l’objet de beaucoup de publicité négative en raison des problèmes de confidentialité qu’ils posent. Regardez cette connexion d’Amazon. En activant la connexion automatique, l’entreprise laisse un cookie de suivi sur votre navigateur pour que vous n’ayez pas à vous connecter.
C-Panel
Un moyen facile de modifier certains paramètres de configuration du serveur. Il y aura un login.
CRM – Customer Relation Management
CRM signifie Gestion de la Relation Client. Les entreprises utilisent souvent des CRM en interne pour faciliter le fonctionnement de leur activité. Les sites web doivent souvent s’intégrer aux CRM.
CRO – conversion rate optimization
L’optimisation du taux de conversion est le processus consistant à apporter des modifications à un site web afin d’augmenter son taux de conversion.
CSP
Il s’agit d’une simple liste blanche d’URL qu’une page web est autorisée à charger. Il s’agit d’une fonction de sécurité visant à atténuer l’effet que peut avoir un code malveillant sur un site. Le code malveillant ne peut pas envoyer des données vers une URL qui ne figure pas sur la liste blanche.
CSS – feuilles de style en cascade
Également appelées simplement CSS, les feuilles de style en cascade sont utilisées pour définir l’aspect et la convivialité d’un site web en dehors du ou des fichiers HTML du site. Ces dernières années, les feuilles de style en cascade ont remplacé les tableaux et les autres méthodes basées sur le langage HTML pour le formatage et la présentation des sites Web. Les avantages de l’utilisation de CSS sont nombreux, mais les plus importants sont la simplification des fichiers HTML d’un site (ce qui peut améliorer le classement des moteurs de recherche) et la possibilité de changer complètement le style d’un site en modifiant un seul fichier, sans avoir à modifier le contenu.
Défilement infini
Le défilement infini est actuellement une façon très tendance de présenter un site. Plutôt que de charger des pages séparées pour afficher le contenu, tout le contenu de la page est chargé dans une seule page qui défile pour montrer différentes zones de contenu.
Le principe est le suivant : lorsque l’utilisateur fait défiler une page vers la fin du contenu, un nouveau contenu est chargé et ajouté au bas de la page, créant ainsi un défilement “infini”. Parmi les exemples populaires, on peut citer la vue chronologique de Facebook.
Dégradation élégante
La dégradation élégante fait référence à la capacité d’un site web à faire en sorte que les éléments qui peuvent tirer parti des capacités des navigateurs les plus récents soient réalisés de manière à permettre aux utilisateurs de navigateurs plus anciens de continuer à visualiser le site d’une manière qui permette au moins d’accéder au contenu de base. Il s’agit également de s’assurer que si une petite partie de votre site ne fonctionne pas dans le navigateur de quelqu’un, cela ne casse pas tout le site pour cette personne. L’approche complémentaire est l’amélioration progressive.
Design UX
Comment l’utilisateur se sent-il lorsqu’il visite votre site web ? S’il est pratique et facile à utiliser, il sera plus enclin à rester sur le site. S’il y a beaucoup de liens cassés, il sera déçu. Il est essentiel de se mettre dans la peau de l’utilisateur et d’être à l’écoute de ses problèmes.
DHTML
DHTML signifie “Dynamic HyperText Markup Language”. Le DHTML fusionne le XHTML (ou tout autre langage de balisage), le DOM, le JavaScript (ou d’autres scripts) et le CSS (ou d’autres langages de définition de présentation) pour créer un contenu web interactif.
DNS
DNS signifie Domain Name Service (ou Domain Name System ou Domain Name Server). En gros, c’est le système qui convertit les adresses IP en noms de domaine. Les serveurs DNS reçoivent l’adresse IP de votre serveur web lorsque vous leur attribuez votre nom de domaine. Lorsque quelqu’un tape votre nom de domaine dans son navigateur web, les serveurs DNS traduisent le nom de domaine en adresse IP et dirigent le navigateur vers le bon serveur web.
Doctype
La déclaration doctype spécifie la version de HTML utilisée dans un document. Elle a un effet direct sur la validation de votre HTML.
DOM
DOM signifie Document Object Model. Il s’agit d’une convention indépendante du langage et multiplateforme pour représenter les objets dans les documents XML, XHTML et HTML. Les règles pour interagir avec et programmer le DOM sont spécifiées dans l’API DOM.
Domaine
Le domaine est le nom par lequel un site web est identifié. Le domaine est associé à une adresse IP. Les domaines peuvent être achetés avec n’importe quelle combinaison de lettres, de traits d’union (-) et de chiffres (mais ils ne peuvent pas commencer par un trait d’union). Selon l’extension (.com, .net, .org, etc.), un domaine peut comporter jusqu’à 63 caractères.
DPI et PPI
Les points par pouce et les pixels par pouce indiquent la résolution (le degré de détail d’une image/impression/écran). L’impression traditionnelle se fait à 300 dpi, alors que les écrans étaient traditionnellement à 72ppi. Les écrans modernes sont beaucoup plus détaillés que 72 ppi, mais les images destinées à être utilisées en ligne doivent généralement être enregistrées à 72 ou 150 ppi.
DTD
DTD signifie “Document Type Definition”. DTD est l’un des nombreux langages de schéma SGML et XML. Elle fournit une liste d’attributs, de commentaires, d’éléments, d’entités et de notes dans un document, ainsi que leurs relations mutuelles.
E-commerce
Abréviation de commerce électronique. C’est l’achat et la vente de biens en ligne, par le biais de sites web. Les produits vendus par le biais du commerce électronique peuvent être des produits physiques qui nécessitent une expédition, ou des produits numériques livrés électroniquement.
Élément
En XML, un élément est la brique centrale de tout document. Les éléments individuels peuvent contenir du texte, d’autres éléments ou les deux.
Élément fixe
Élément dont la position est fixée de façon permanente par rapport à la fenêtre du navigateur, comme une image d’arrière-plan qui ne sort pas du cadre ou un bouton de chat en direct (qui est souvent fixé en bas à droite du cadre du navigateur).
Em
Em est une unité de mesure permettant de dimensionner les polices et autres éléments d’une page web par rapport à l’élément parent de l’élément. Une police 1em est égale à la taille de point de la police déjà définie dans l’élément parent ; 2em correspond au double de la taille actuelle tandis que 0.5em correspond à la moitié de la taille actuelle.
En-tête
L’en-tête d’un site internet se trouve en haut de chaque page du site. L’en-tête a généralement la même apparence d’une page à l’autre et contient le logo et le système de navigation d’une organisation, créant ainsi un point central pour se rendre ailleurs sur le site web.
Enregistrement A
Les enregistrements A font correspondre un nom de domaine à une adresse IP de serveur. Ils indiquent au service DNS quand envoyer votre requête.
Espacement des lettres
L’espace entre les lettres, contrôlé par le CSS. La valeur ‘0’ est la valeur standard, tout ce qui est inférieur à cette valeur rapproche les lettres, les valeurs positives augmentent l’espacement.
Espace insécable
Un espace insécable est un caractère d’espace blanc qui n’est pas condensé par le HTML. Sa fonction principale est de maintenir ouvertes les cellules d’un tableau ou d’ajouter de l’espace entre les mots ou au début des paragraphes si une indentation est souhaitée.
État de survol
L’état de survol est la légère animation qui se déclenche lorsqu’un utilisateur passe son curseur sur un lien. Cela permet de s’assurer que les visiteurs du site savent ce sur quoi ils peuvent ou ne peuvent pas cliquer sur l’ensemble du site. Un état de survol peut être aussi simple qu’un bouton qui change de couleur ou aussi complexe que des éléments de conception qui se déplacent ou s’effacent.
État sélectionné
Un état sélectionné se trouve généralement dans une liste de liens de navigation pour montrer quel lien est sélectionné à ce moment-là. C’est un excellent moyen de montrer à l’utilisateur où il se trouve sur le site. Par exemple, si un visiteur du site se trouve sur la page Contact, le lien “Contactez-nous” dans l’en-tête aura une sorte d’état sélectionné activé. Le texte peut être en gras, souligné, d’une couleur différente ou tout cela à la fois.
Ex
Ex est une mesure de la hauteur ou de la taille d’une police par rapport à la hauteur d’un “x” minuscule dans cette famille de polices.
Extension ou Module
Une extension est un bout de code tiers qui étend les capacités d’un site web. Elle est le plus souvent utilisée en conjonction avec un CMS ou une plateforme de blog. Les extensions sont un moyen d’étendre les fonctionnalités d’un site web sans avoir à refaire le codage de base du site. Les extensions peuvent également désigner des morceaux de logiciels tiers installés dans un programme informatique pour en augmenter les fonctionnalités.
Famille de Polices
La famille de polices est une désignation de groupe permettant de définir les polices de caractères utilisées dans les documents CSS. La balise de famille de polices énumère généralement plusieurs polices à utiliser et se termine généralement par la catégorie de police générique telle que ‘serif’ ou ‘sans-serif’.
Favicon
Les favicons sont de minuscules icônes personnalisables. Elles font généralement 16×16 pixels, bien que certaines fassent 32×32 pixels, et sont affichées dans la barre d’adresse de la plupart des navigateurs à côté de l’adresse web. Elles ont une profondeur de couleur de 8 ou 24 bits et sont enregistrées dans les formats de fichier .ico, .gif ou .png.
Fenêtres d’affichage
Il s’agit du cadre dans lequel l’utilisateur visualise une page. Il peut s’agir de la fenêtre Safari sur votre téléphone ou de la fenêtre de chrome sur votre ordinateur. De nos jours, les fenêtres d’affichage peuvent avoir presque toutes les tailles.
Feuille de style externe
Il s’agit d’un document CSS écrit dans un document externe distinct. Le plus grand avantage de l’utilisation d’une feuille de style externe est qu’elle peut être liée à plusieurs fichiers HTML/XHTML, ce qui signifie que les modifications apportées à la feuille de style auront un effet sur toutes les pages qui lui sont liées sans devoir modifier chaque page individuellement.
Fil d’Ariane
Le fil d’Ariane est un élément de navigation qui apparaît généralement en haut d’une page web et qui vous indique les pages et sous-pages qui précèdent la page sur laquelle vous vous trouvez. Par exemple, sur un blog, le fil d’Ariane peut ressembler à quelque chose comme : Accueil > Catégorie > Article. Il s’agit d’un moyen supplémentaire mais facultatif de permettre aux utilisateurs de comprendre où ils se trouvent sur votre site.
Formulaire
Un élément permettant de saisir les données des utilisateurs, composé de différents types de champs de saisie et d’un moyen pour l’utilisateur de soumettre ses données.
Framework CSS
Un framework CSS est une collection de fichiers CSS utilisés comme point de départ pour créer un site web XHTML et CSS rapidement et sans effort. Ils contiennent généralement des styles CSS pour la typographie et la mise en page.
Front-End
Le front-end est fondamentalement l’opposé du back-end. Il s’agit de tous les composants d’un site web qu’un visiteur du site peut voir (pages, images, contenu, etc.). Plus précisément, il s’agit de l’interface que les visiteurs utilisent pour accéder au contenu du site. On l’appelle aussi parfois l’interface utilisateur.
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 coup d’œil au guide de style de Spotiy. Un détail aussi insignifiant qu’un mauvais placement de logo peut mettre en péril l’image de marque.
Hauteur de ligne
Attribut CSS qui définit l’espace entre les lignes de texte.
Hébergement
Les hébergeurs nous donnent la possibilité de publier des pages web sur l’internet. Ils utilisent des ordinateurs serveurs pour connecter votre site web à internet. Lorsque quelqu’un clique sur la page de votre site, celle-ci envoie une requête au serveur et se charge.
Héritage
En CSS, les éléments qui n’ont pas de style prédéfini adoptent le style de leur élément parent dans l’arbre du document.
Hexadecimal
Également appelés “hex”, les nombres hex sont un système de numérotation en base 16 utilisé pour définir les couleurs en ligne. Les nombres hexadécimaux comprennent les chiffres 0-9 et les lettres A-F. Les nombres hexadécimaux sont écrits en trois ensembles de paires hexadécimales. Les couleurs d’écran étant RVB (rouge, vert, bleu), la première paire définit la teinte rouge, la deuxième la teinte verte et la troisième la teinte bleue.
Hiérarchie visuelle
Ce terme n’est pas limité à la conception de sites web, mais il est de plus en plus utilisé pour désigner la conception et la mise en page d’une page web, c’est pourquoi il a été ajouté à notre liste des principaux termes. En termes simples, la hiérarchie visuelle fait référence à la disposition des éléments de conception sur une page de sorte que les éléments les plus importants semblent avoir plus d’importance.
Cette mise en valeur est normalement obtenue par l’utilisation de la taille, de la couleur, de la police et d’effets spéciaux tels que les ombres portées. La hiérarchie visuelle est souvent une décision consciente résultant d’un processus d’architecture de l’information.
Hit
Contrairement à la croyance populaire, un hit ne représente pas un seul visiteur sur un site web. Un hit est en fait une requête pour un seul fichier de votre serveur web. Cela signifie qu’une page peut en fait générer plusieurs hits, car chaque page comporte généralement plusieurs fichiers (un fichier html ou un autre fichier de base, un fichier css, plusieurs images, etc.) et chacun d’eux est demandé au serveur lorsque la page est chargée. Certains spécialistes du marketing aiment citer les hits aux consommateurs non avertis, car ce chiffre donne l’impression que leur site reçoit beaucoup plus de trafic qu’il n’en reçoit réellement.
.htaccess
Le fichier .htaccess est le fichier de configuration par défaut au niveau du répertoire sur les serveurs Apache. Ils sont également connus sous le nom de “fichiers de configuration distribués”. Les directives de configuration contenues dans le fichier .htaccess s’appliquent au répertoire dans lequel le fichier est placé ainsi qu’à tous ses sous-répertoires. Le fichier .htaccess permet de spécifier des éléments tels que l’autorisation et l’authentification, la réécriture d’URL, le contrôle du cache et les réponses d’erreur personnalisées.
HTML
HTML, qui signifie HyperText Markup Language, est le langage du web.
En termes simples, le HTML permet au concepteur de sites web d’indiquer à votre navigateur web comment traiter un élément de contenu particulier. Le langage HTML contient un certain nombre de balises différentes qui permettent au concepteur de donner une signification sémantique à son contenu, de sorte que les paragraphes sont identifiés comme du texte, tandis que les images sont importées comme des images, etc. Il peut également être utilisé pour déterminer comment ce contenu est affiché.
HTTP
HTTP signifie HyperText Transfer Protocol. HTTP est un ensemble de règles permettant de transférer des requêtes hypertextes entre un navigateur et un serveur web.
HTTPS
Similaire à HTTP, HTTPS signifie HyperText Transfer Protocol over SSL (Secure Socket Layer) ou, alternativement, HyperText Transfer Protocol Secure. Comme HTTP, il s’agit d’un ensemble de règles pour le transfert de requêtes hypertextes entre les navigateurs et les serveurs, mais cette fois-ci, il s’effectue via une connexion sécurisée et cryptée.
Hyperlien ou lien hypertexte
Un hyperlien est un lien d’une page web vers une autre, soit sur le même site, soit sur un autre. Il s’agit généralement de texte ou d’images, et ils sont mis en évidence d’une manière ou d’une autre. Le texte est souvent souligné ou mis dans une couleur ou un poids de police différent. L’inclusion de liens hypertextes est la partie “hyper” de “hypertexte”.
Hypertexte
L’hypertexte est tout texte informatisé qui comprend des hyperliens. L’hypertexte peut également inclure des dispositifs de présentation comme des tableaux ou des images, en plus du texte brut et des liens.
iframe
Abréviation de Inline Frame. Un iframe est utilisé pour afficher une partie d’une page ou d’un site différent sur une page donnée, qui n’est pas une page frameset. C’est comme une fenêtre que l’on peut placer dans une page, et dans cette fenêtre, on montre une autre page ou une partie d’une autre page. Par exemple, on peut utiliser un iframe pour intégrer une vidéo Youtube sur une page de son site.
Image cliquable
Une image cliquable (ou image map) est utilisée en XHTML pour permettre à différentes parties d’une image de devenir des éléments cliquables différents et peut également permettre à certaines parties de l’image de ne pas avoir d’élément cliquable.
Image libre de droit
Image qui peut être achetée pour être utilisée en ligne ou hors ligne.
Imbrication
L’imbrication consiste à placer un élément HTML à l’intérieur d’un autre élément. Lorsque cela est fait, les éléments doivent être fermés dans l’ordre inverse de celui dans lequel ils ont été ouverts.
Inspecter
Cliquez avec le bouton droit de la souris sur un site Web et cliquez sur “inspecter”. Cela vous permet, entre autres, de voir la page HTML et CSS, ce qui est très utile pour le débogage, etc. Vous pouvez également cliquer sur l’icône de l’appareil pour voir à quoi ressemble le site web sur différents appareils.
Interface Utilisateur Graphique
Également désignée par son acronyme : GUI. Une interface utilisateur graphique utilise un périphérique d’entrée, comme la souris, et des représentations visuelles de la manière dont l’utilisateur peut interagir avec une application web. En d’autres termes, il s’agit de tous les éléments frontaux que vous voyez sur une application web. Son but est de vous permettre d’interagir avec une application web sans avoir à saisir de code.
InVision
Cette application sert à partager les conceptions en interne et avec les clients. Elle se synchronise avec Sketch et permet aux clients de laisser des commentaires. Elle permet également au développeur d’extraire des actifs tels que des icônes et des images.
IP
Comme un numéro de téléphone, un numéro unique pour une connexion internet. Les serveurs ont des adresses IP et les réseaux locaux aussi. L’IP de mon site est “164.132.235.17”, la plupart des IP sont “v4” et ressemblent à cela, à un moment donné nous passerons aux IP “v6” qui ressemblent à cela : “2003:0zb4:93a2:0000:0000:9a8f:0320:7984”. La plupart des sites web ont tendance à avoir une seule IP.
JavaScript
JavaScript est un langage de script qui permet aux concepteurs de créer des interactions sur une page Web.
Historiquement, JavaScript était principalement utilisé pour la validation des formulaires, et fournissait ces ennuyeuses boîtes d’alerte qui apparaissaient lorsque vous oubliiez d’entrer votre numéro de téléphone dans le champ téléphone. Aujourd’hui, JavaScript a de nombreuses autres utilisations viables, notamment des effets visuels spéciaux ou la possibilité de charger un nouveau contenu sans avoir à recharger la page entière.
Il est important de noter que, malgré son nom, JavaScript n’a aucun rapport avec le langage de programmation Java.
LAMP
LAMP signifie Linux, Apache, MySQL et PHP (ou parfois Perl ou Python), et fait référence aux spécifications d’un serveur web, définissant le système d’exploitation, le serveur Web, la base de données et le langage de script, dans cet ordre. L’un des avantages des configurations LAMP est que les logiciels utilisés sont tous gratuits et open source.
Langage de Balisage
Il s’agit du codage appliqué à un document texte pour le transformer en un document HTML, XML ou autre langage de balisage.
Largeur de bande
La bande passante peut faire référence à deux choses différentes : le taux auquel les données peuvent être transférées ou la quantité totale de données autorisées à être transférées à partir d’un hébergeur pendant un mois donné (ou autre terme du service d’hébergement) avant que des frais de dépassement ne soient appliqués. Elle est généralement exprimée en termes de bits par seconde (bps), de kilobits par seconde (kbs) ou d’autres mesures métriques. Les connexions internet à faible bande passante, comme l’accès commuté, signifient que les données se chargent plus lentement que les connexions à large bande passante, comme le câble ou la fibre.
Largeur fixe
Une mise en page à largeur fixe a une largeur fixe (généralement définie en pixels) fixée par le concepteur. La largeur reste la même quelle que soit la résolution de l’écran, la taille du moniteur ou la taille de la fenêtre du navigateur. Elle permet d’apporter des ajustements minimes à une conception qui restera cohérente d’un navigateur à l’autre. Avec ce type de mise en page, les concepteurs ont davantage de contrôle sur la façon dont un site apparaîtra sur les différentes plates-formes.
Lecteurs d’écran
Les lecteurs d’écran sont des appareils électroniques utilisés par les aveugles et les malvoyants pour les aider à utiliser un ordinateur et à naviguer sur l’internet.
Licence d’utilisation des images
Les droits d’auteur signifient que nous ne pouvons pas utiliser légalement des images qui ne nous appartiennent pas. Vous ne pouvez donc pas utiliser sur votre site une image trouvée lors d’une recherche d’images sur Google. La licence Creative Commons est un système légal de licence qui dicte quelles images peuvent/ne peuvent pas être utilisées.
Lien
Les liens permettent aux utilisateurs d’un site web de passer d’une page web à une autre. Ils peuvent se présenter sous la forme de texte ou d’une image. Les liens textuels sont généralement mis en évidence d’une manière ou d’une autre, en utilisant la couleur pour faire ressortir les mots d’une copie statique ou en donnant l’impression que le texte se trouve dans un bouton. Les images peuvent être mises en évidence par une sorte de superposition de couleurs, de mots ou de symboles pour montrer qu’elles sont cliquables. Tous les liens, quelle que soit la façon dont ils sont représentés visuellement, doivent avoir un état de survol pour indiquer qu’ils sont cliquables à des fins d’accessibilité.
Lightbox
Une lightbox est un élément qui s’ouvre en haut d’une page Web et qui consiste généralement à assombrir la page inférieure par une superposition de gris ou de noir transparent, avec un panneau supérieur qui affiche le contenu. Pensez à la façon dont les galeries d’images s’affichent sur Facebook.
Magento
Un CMS basé sur PHP et conçu pour les sites de commerce électronique. Il est extrêmement puissant en termes de fonctionnalités mais peut être difficile à utiliser.
Marge
Marge est l’attribut CSS qui contrôle la quantité d’espacement à l’extérieur d’un élément.
Méga menu
À l’instar d’un menu déroulant, un méga-menu apparaît lorsqu’un utilisateur passe sur un élément de navigation principal. Mais au lieu d’une simple liste de pages enfant, les visiteurs peuvent voir une carte de toutes les pages enfant et petit-enfant de cette section. Les méga-menus comprennent aussi souvent des éléments de conception supplémentaires, comme des icônes ou une fonction d’appel à l’action. Ce type de menu est idéal pour les organisations qui ont beaucoup de contenu détaillé à partager sur leurs programmes et services.
Menu déroulant
Les menus déroulants se révèlent lorsqu’un utilisateur survole un élément de navigation principal, sous la forme d’une liste de pages enfant. Les menus déroulants aident l’utilisateur à plonger plus profondément dans le contenu du site web pour trouver des pages organisées de manière stratégique.
Métadonnées
Les métadonnées sont les données contenues dans l’en-tête qui offrent des informations sur la page web sur laquelle se trouve un visiteur. Les informations contenues dans les métadonnées ne sont pas visibles sur la page web, sauf dans le code source. Les métadonnées sont contenues dans des balises méta.
Migration de bases de données
Les bases de données sont généralement éditées par les utilisateurs, mais il arrive qu’un programmeur doive les restructurer ou les modifier dans le cadre d’une tâche. Au lieu de prendre des notes sur les modifications à apporter et de les effectuer soigneusement à la main, il est possible de coder les modifications dans un programme spécial qui ne s’exécute qu’une fois, appelé migration.
Mise en page
La mise en page décrit la structure de la page.
Mise en page élastique
Une mise en page élastique est une mise en page qui utilise des pourcentages et des ems pour les largeurs, associés à un style de largeur maximale pour permettre à la mise en page du site de s’étirer lorsque la taille des polices est modifiée. Son nom vient de sa capacité à s’adapter à la largeur du navigateur et aux préférences du lecteur en matière de polices.
Mise en page liquide
Une mise en page liquide est une mise en page basée sur des pourcentages de la taille de la fenêtre du navigateur. La mise en page du site change en fonction de la largeur du navigateur, même si le visiteur change la taille de son navigateur pendant qu’il consulte la page. Les mises en page liquides tirent pleinement parti de la largeur du navigateur d’une personne, optimisant ainsi la quantité de contenu que vous pouvez afficher à l’écran en une seule fois.
Mise en page statique
Ce type de mise en page 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 responsive design avec l’essor du mobile, mais vous trouverez peut-être quelques entreprises qui l’utilisent encore.
Modèle ou Thème
Un modèle (template en anglais) est un fichier utilisé pour créer un design cohérent sur un site web. Les modèles sont souvent utilisés en conjonction avec un CMS et contiennent à la fois des informations structurelles sur la façon dont un site doit être configuré, mais aussi des informations stylistiques sur l’apparence du site.
Navigateur
Le navigateur fait référence au programme utilisé par le visiteur d’un site pour visualiser le site internet. Les exemples incluent Safari, Firefox, Google Chrome, Opera et Internet Explorer.
Navigation
La navigation fait référence au système qui permet aux visiteurs d’un site web de se déplacer sur ce site. On pense le plus souvent à la navigation en termes de menus, mais les liens à l’intérieur des pages, les fils d’Ariane, les liens connexes, la pagination et tout autre lien permettant à un visiteur de se déplacer d’une page à l’autre font partie de la navigation.
Navigation bas de page
La navigation en bas du pied de page contient généralement les liens vers les pages les moins importantes, commercialement parlant, mais obligatoires légalement comme les conditions générales d’utilisation, la politique de confidentialité, etc.
Navigation primaire
Tous les sites web doivent comporter une navigation primaire ou principale. Il s’agit généralement d’une liste de liens importants situés en haut de la page, avec des titres qui aident les utilisateurs à déterminer où ils veulent aller. La navigation principale présente les pages mères d’un site web, qui sont généralement des sujets généraux menant les utilisateurs à des pages filles connexes, plus détaillées.
Navigation secondaire
La navigation secondaire se trouve généralement dans l’en-tête du site web, au-dessus de la navigation principale. Alors que la navigation primaire est considérée comme la navigation principale, la navigation secondaire peut inclure des éléments utiles pour les utilisateurs que vous souhaitez mettre en évidence. Souvent, vous trouverez des éléments d’action tels que Connexion, Mon Compte ou Panier.
Normes web
Les normes sont des spécifications recommandées par le World Wide Web Consortium pour normaliser la conception des sites web. L’objectif principal des normes Web est de faciliter la tâche des concepteurs et de ceux qui créent les navigateurs Web afin de créer des sites qui apparaîtront cohérents sur toutes les plateformes.
Open Source
Le terme “open source” désigne le code source d’un programme informatique mis à la disposition du grand public. Les logiciels open source comprennent à la fois les applications web et les applications de bureau. Les programmes open source sont généralement gratuits ou très peu coûteux et sont développés par des équipes de personnes, parfois composées principalement de bénévoles.
Page d’accueil
La page d’accueil est essentiellement la couverture de votre site Web. Il s’agit généralement de la page la plus unique de votre site, qui donne aux visiteurs une idée immédiate de votre organisation. La page d’accueil les guide également vers d’autres informations importantes dans les pages internes de votre site.
Page de destination – Landing Page
Une page de destination est la page sur laquelle un visiteur entre pour la première fois sur un site web. Souvent, une page de destination spéciale est créée pour susciter une action spécifique de la part du nouveau visiteur, généralement dans le cadre d’une campagne de publicité ou de marketing.
Page Vue
Une page vue est une demande de document de page web entière d’un serveur par le navigateur d’un visiteur. En d’autres termes, pour chaque page vue sur votre site, quelqu’un ou un moteur de recherche a regardé cette page.
Page web
Une page web est un document unique, généralement écrit en HTML/XHTML, destiné à être visualisé dans un navigateur web. Dans de nombreux cas, les pages web comprennent également d’autres codages et programmations tels que PHP, Ruby on Rails ou ASP. Les sites web sont généralement construits à partir de plusieurs pages web reliées entre elles.
Pagination
La pagination est l’utilisation des numéros de page pour naviguer dans les pages d’articles de blog ou du catalogue produits.
Panier
La page où les utilisateurs peuvent voir tous les articles qu’ils ont sélectionnés pour achat.
Parallaxe
La parallaxe est l’effet observé lorsque les éléments proches de votre point de vue semblent se déplacer plus rapidement que les éléments plus éloignés. Cet effet est particulièrement visible depuis une voiture en mouvement, où les arbres proches du véhicule semblent passer plus rapidement, tandis que les montagnes au loin semblent se déplacer plus lentement.
Sur le Web, ce même effet est utilisé pour créer un sentiment de profondeur dans les conceptions de sites, en fournissant souvent un mouvement en réponse au défilement de l’utilisateur.
Passerelle de paiement
C’est une passerelle numérique entre un site internet et le tiers utilisé pour traiter les paiements. Cette passerelle permet une communication sécurisée entre les deux pour échanger des informations transactionnelles.
Permalien
permalien est l’abréviation de “lien permanent”. Généralement utilisé uniquement sur les blogs, un permalien est un lien qui est l’adresse web permanente d’un article de blog donné.
PHP
PHP pour Hypertext Preprocessor 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 électronique et une case de mot de passe au-dessus. Lorsque vous saisissez et envoyez ces informations, le PHP les envoie à une base de données et vérifie qu’elles sont correctes.
Pied de page
Le pied de page est la zone inférieure d’une page web, constituée de liens vers des pages internes, notamment des informations juridiques, des informations sur les droits d’auteur, etc. Comme l’en-tête, le pied de page reste le même d’une page à l’autre. Le pied de page est généralement une section très structurée du site qui sert de dernière occasion de transmettre diverses informations aux visiteurs de votre site.
Plan du site
Représentation schématique de toutes les sections et pages d’un site internet, qui indique l’emplacement des pages et les structures de navigation.
Poids de la police de caractère
Le poids de la police fait référence à l’épaisseur ou à la finesse (gras ou léger) d’une police de caractère.
Point focal
Le point focal d’un site web est l’endroit de la page Web vers lequel l’œil est naturellement attiré. Il peut s’agir d’une image, d’une bannière, de texte, de contenu Flash ou de tout autre élément. Vous devez vous assurer que ce qui sert de point focal est la partie la plus importante de votre site.
Où voulez-vous que l’œil se concentre ? Un logo ? Un produit ? Si votre site est trop encombré ou si vous ne savez pas où vous voulez que l’utilisateur aille, il risque de partir. Amazon utilise la bannière supérieure comme point focal, mais toutes les entreprises ne peuvent pas jouer sur les événements saisonniers pour générer des affaires, alors réfléchissez à ce qui vous distingue.
Points de rupture
Les points de rupture sont les tailles spécifiques d’une fenêtre d’affichage, au-delà desquelles la structure, la disposition ou le contenu d’un site sont modifiés afin d’optimiser l’expérience de l’utilisateur. Ils sont définis par les requêtes multimédias CSS et un site responsive typique comporte plusieurs points de rupture. Les points de rupture normaux ont tendance à suivre les résolutions standard des appareils, c’est-à-dire 320, 375, 550, 768, 1024, 1200 pixels de largeur.
ProcessWire
Un CMS moderne, open-source et piloté par API, idéal pour les sites Web qui ne nécessitent pas de fonctionnalités de commerce électronique. C’est un CMS pour tout type de site vitrine. Il est très facile à utiliser et intuitif pour les administrateurs.
Propriété
La propriété est un terme CSS qui équivaut à peu près à une balise HTML. Les propriétés sont ce qui définit comment un style doit apparaître sur une page Web donnée.
Pseudo-élément
Un pseudo-élément est un élément utilisé pour ajouter un effet spécial à certains sélecteurs.
Pseudo-classe
Comme les pseudo-éléments, les pseudo-classes sont utilisées pour ajouter des effets spéciaux à certains sélecteurs CSS.
Python
Python est un cadre 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 outre, il est gratuit.
Recherche
Fonction standard d’un site web consistant en un champ de texte et un bouton de recherche. Les recherches plus avancées comprennent des champs supplémentaires.
Remplissage
Attribut CSS qui contrôle la quantité d’espacement autour de l’intérieur d’un élément.
Requêtes multimédias
Les requêtes média sont utilisées en CSS pour vérifier des éléments tels que la largeur et la hauteur du navigateur, afin de modifier le CSS d’une page en fonction de sa taille. C’est la base du Responsive Website Design.
Résolution
Désigne le nombre physique de pixels affichés sur un écran, par exemple 1280×1024. Contrairement à l’impression, la résolution d’affichage ne fait pas référence au nombre de pixels ou de points par pouce sur un écran d’ordinateur, car celui-ci peut être modifié en changeant la résolution de l’écran. Cependant, la résolution d’une image est souvent exprimée en termes de pixels par pouce, bien que cela ait très peu d’effet sur la façon dont l’image est affichée à l’écran.
Responsive design
Vous ne pouvez pas ne pas avoir entendu parler du concept de responsive design. Depuis plusieurs années, c’est un véritable mot à la mode sur le web, et il ne montre aucun signe de relâchement.
En termes simples, un design responsive (réactif) est un design qui s’adapte à l’appareil de l’utilisateur et idéalement au contexte de l’utilisateur, afin d’afficher le contenu requis de la manière la plus appropriée et accessible, quel que soit le type d’appareil connecté au web utilisé pour le visualiser. Dans la pratique, cela signifie qu’une page web se re-paginera au fur et à mesure que la taille de l’écran diminue ou augmente, s’affichant en plusieurs colonnes lorsqu’elle est visualisée sur un ordinateur de bureau, mais en une seule colonne lorsqu’elle est visualisée sur un smartphone.
Ainsi, les utilisateurs n’ont pas besoin de zoomer sur un téléphone pour lire un site correctement. Cela signifie généralement que le texte du site change de taille, que les pages sont plus étroites et que les menus changent de disposition afin de s’adapter aux petits écrans.
RGPD
Le “Règlement Général sur la Protection des Données » est un ensemble de lois sur la confidentialité des données qui sont entrées en vigueur en 2018, dictant la façon dont les entreprises stockent, partagent, acquièrent et éliminent les données des clients. Cela signifie qu’il faut demander directement des autorisations pour certaines activités lors de la capture des données des utilisateurs.
RSS – Really Simple Syndication
Le RSS est un format XML standardisé qui permet de syndiquer du contenu d’un site à un autre. Il est le plus souvent utilisé sur les blogs. Le RSS permet également aux visiteurs de s’abonner à un blog ou à un autre site et de recevoir des mises à jour via un lecteur de flux.
SaaS – logiciel en tant que service
À ne pas confondre avec le SASS, SaaS est l’acronyme de Software as a Service. En termes simples, il s’agit de tout service qui fournit une plate-forme logicielle, fournie à partir ou via le nuage.
Les dernières versions de Microsoft Office en ligne, Google Docs et Photoshop Express sont des exemples populaires de SaaS en action.
Chacun de ces services offre à l’utilisateur une expérience similaire à celle d’un ordinateur de bureau, mais ils sont fournis directement à partir du web sans qu’il soit nécessaire d’installer un logiciel supplémentaire sur l’ordinateur de l’utilisateur.
Schema
En général, un schéma est un document XML utilisé à la place d’une DTD pour décrire d’autres documents XML.
Script
Un script désigne généralement une partie du code d’une page HTML qui rend la page plus dynamique et interactive. Les scripts peuvent être écrits dans une variété de langages, y compris JavaScript.
Section
Les sections sont des éléments sur une page qui ne sont pas l’en-tête, le pied de page ou la bannière. Elles font généralement la largeur de la page et contiennent plus d’un élément, par exemple une boîte avec du texte et un bouton à l’intérieur.
Sélecteur
En CSS, le sélecteur est l’élément auquel un style sera appliqué.
Serveur web
Un serveur web est un ordinateur sur lequel sont installés des logiciels et des capacités de mise en réseau qui lui permettent d’héberger des sites et des pages web et de les mettre à la disposition d’internautes situés ailleurs. Ils stockent d’énormes quantités de données, comme des feuilles CSS, et se connectent à d’autres serveurs via des connexions internet. Les serveurs web stockent des informations web comme les URL et lorsqu’un navigateur demande une page, il communique avec le serveur. Il existe plusieurs configurations différentes qui peuvent être utilisées pour un serveur web, y compris la configuration LAMP mentionnée précédemment.
Session
Une session est un enregistrement de l’activité actuelle d’un ordinateur connecté à un site web. La session est généralement identifiée par une longue chaîne de caractères. Grâce à cette chaîne, le site web peut garder la trace de votre identité entre les requêtes, sans avoir à vous connecter chaque fois que vous allez sur une page différente.
SGML
SGML signifie “Standard Generalized Markup Language”. Il s’agit d’un langage de balisage utilisé pour définir la structure d’un document. Le SGML n’est pas souvent mentionné, mais c’est le langage de balisage qui sert de base au XML et au HTML.
Site vitrine
Ce terme est utilisé pour décrire un site web sans fonctionnalité complexe, qui sert de brochure en ligne pour une entreprise. Ces sites ont généralement des pages telles que Services, Actualités, Contactez-nous, et n’ont pas de fonctionnalité de commerce électronique.
Sitemap XML
Fichier texte sur un site Web qui répertorie toutes les pages de ce site afin d’aider les moteurs de recherche à trouver et à indexer l’ensemble du site.
Sketch
Sketch une application de design très utile pour la conception de sites.
SOAP
SOAP signifie “Simple Object Access Protocol”. Il s’agit d’un protocole basé sur XML qui échange des informations sur internet pour permettre à une application sur un site d’accéder à une application ou à une base de données sur un autre site.
Sous-domaine
Projet.gregorychartier.fr est un domaine secondaire qui n’a pas besoin d’être acheté car il est un enfant du domaine principal. Il peut être utilisé pour héberger un site web totalement différent du domaine principal. Mais pour des raisons de référencement, il sera considéré par Google comme un site totalement différent, et ne bénéficiera donc pas de l’autorité de domaine du domaine principal.
Sous-répertoire
Un répertoire qui se trouve à l’intérieur d’un autre répertoire, en termes de web, cela signifie une section du site qui vit à l’intérieur du domaine racine, comme par exemple gregorychartier.fr/en.
Sous la ligne de flottaison
Ce terme est issu de l’époque de l’édition de journaux. En termes de journaux, “sous la ligne de flottaison” signifie que le contenu se trouve dans la moitié inférieure de la page (sous le pli physique du papier). Dans le domaine de la conception de sites Web, “sous la ligne de flottaison” fait référence au contenu qui se trouve généralement en dessous du point le plus bas visible par un visiteur du site web dans son navigateur. En d’autres termes, les visiteurs doivent faire défiler la page pour voir le contenu.
Spécification
Une spécification est un document qui offre une définition explicite et des exigences pour un service ou une technologie web et inclut généralement la manière dont la technologie est censée être utilisée, ainsi que les balises, les éléments et les dépendances.
SSL – Secure Sockets Layer
SSL est un moyen de crypter les informations transmises sur un réseau afin que les autres ne puissent pas les voir. Un site Web a besoin d’un certificat SSL pour pouvoir utiliser le protocole SSL. Le petit cadenas que vous voyez dans la barre d’adresse de votre navigateur indique qu’un site utilise SSL et est donc sécurisé.
Style de police de caractère
En CSS, le style de police fait uniquement référence au fait qu’une police soit italique ou non.
Style en ligne
Éléments dont le CSS est écrit directement autour de l’élément qu’il affecte, au lieu d’être dans une feuille de style séparée ou un style d’en-tête.
Style intégré
Un style intégré est un style CSS écrit dans l’en-tête d’un document XHTML. Il n’affecte que les éléments de cette page, et non l’ensemble du site comme le fait un fichier CSS distinct. Les styles d’une feuille de style intégrée remplacent les styles du fichier CSS lié.
Taux de conversion
Le taux de conversion est le nombre de conversions réussies exprimé en pourcentage du nombre total de visiteurs au cours de la même période. Par exemple, si votre site a reçu 1000 visiteurs la semaine dernière et que vous avez reçu 15 demandes de renseignements, votre taux de conversion est de 1,5 % ((15/1000)*100).
Taux de rebond
Le taux de rebond d’un site Web est le pourcentage de personnes qui quittent le site à partir de la même page que celle où elles sont entrées, sans cliquer sur d’autres pages. Ce taux peut être un bon indicateur de la qualité de la navigation d’un site Web, ainsi qu’un indicateur de la qualité du contenu du site (un taux de rebond très élevé n’est de bon augure pour aucune de ces deux choses).
Test A/B
Le test A/B est une méthodologie permettant d’essayer différentes façons d’obtenir le même résultat final, dans le but d’établir, par l’expérimentation, quelle solution est la plus efficace.
En règle générale, les tests A/B sont utilisés pour tester différentes mises en page de pages Web, en vérifiant combien d’utilisateurs se convertissent en clients payants en utilisant les autres mises en page.
En poursuivant un processus itératif de prototypage, d’évaluation et d’adaptation, le test A/B peut permettre une augmentation significative du taux de conversion de certaines pages. C’est un outil utile à utiliser : une meilleure conversion signifie un meilleur bilan !
Toggle
Un toggle est un contrôle d’interface utilisateur qui possède deux états mutuellement exclusifs, tels que ON et OFF. La conception et la fonctionnalité de ce contrôle sont basées sur un interrupteur qui permet aux utilisateurs d’activer ou de désactiver des fonctionnalités.
Tramage
Dans le format GIF et certains autres formats d’image, une palette de couleurs limitée est utilisée pour chaque image. De ce fait, toutes les couleurs d’une image ne sont pas présentées. Le tramage est utilisé pour se rapprocher de ces couleurs en combinant des pixels de différentes couleurs côte à côte.
TTFB – Time to first byte
Il s’agit du temps écoulé entre l’envoi de la requête par le navigateur et la réponse du serveur. Ce temps n’inclut pas le temps nécessaire au navigateur pour charger la page.
TTL – Time to Live
C’est le temps qu’il faut à votre navigateur pour commencer à afficher un nouveau résultat lorsque le DNS est modifié, par exemple lorsqu’un domaine web est dirigé vers un nouveau serveur. Cela entre en jeu lors d’un changement de fournisseur d’hébergement ou du lancement d’un nouveau site web.
Types de fichiers d’image
Les JPG et les PNG sont les types d’images les plus utilisés en ligne. Les PNG ont l’avantage de supporter les pixels transparents et de ne pas perdre en qualité, alors que les JPG ne supportent pas la transparence.
UI – interface utilisateur
C’est ce que l’utilisateur voit et avec quoi il interagit. Dans le domaine du web, cela signifie généralement tous les aspects d’un site web que l’utilisateur peut voir.
URL
URL signifie “Uniform Resource Locator”. L’URL d’un site est son adresse, l’élément qui spécifie où il peut être trouvé sur internet.
Utilisabilité
L’utilisabilité est la facilité avec laquelle un utilisateur peut utiliser un site. Il s’agit d’une échelle, et non d’un élément binaire. Il s’agit d’une notion très large, qui couvre la taille et le contraste des textes, la rédaction et le traitement fonctionnel, comme la façon dont les erreurs sont traitées dans un formulaire.
UX – expérience de l’utilisateur
Il s’agit de l’expérience vécue par l’utilisateur lorsqu’il accède au site web et l’utilise. Il s’agit donc de la facilité et de l’agrément d’utilisation d’un site web.
Valide
Les pages web valides sont celles qui ne renvoient aucune erreur en fonction du type de HTML/XHTML spécifié dans la déclaration doctype au début du fichier. En d’autres termes, le code utilisé sur la page est conforme aux spécifications de cette version de HTML/XHTML. Ceci peut être vérifié par différents services de validation, le plus souvent celui du W3C.
Vecteur
Les JPG, PNG et GIF sont des fichiers matriciels, c’est-à-dire qu’ils sont composés de pixels et perdent de leur qualité lorsqu’ils sont agrandis (ils deviennent flous). Les fichiers vectoriels (svg, ai, pdf) ne sont pas composés de pixels et peuvent être redimensionnés à l’infini sans perte de qualité, mais ils ne peuvent pas contenir d’informations détaillées sur les couleurs, comme une photo. Les types de fichiers vectoriels sont le plus souvent utilisés en ligne pour les icônes et les logos.
Vitesse de chargement
La vitesse à laquelle une page web s’affiche dans le navigateur.
VPN – Virtual Private Network
Un VPN est un réseau créé pour préserver la confidentialité des informations pour les personnes extérieures au réseau. C’est un moyen d’accéder à des services cachés et de crypter des informations sur des réseaux publics.
WAF – Web Application Firewall
Un WAF inspecte le trafic arrivant sur votre site web pour s’assurer qu’il ne contient rien de malveillant.
Wireframe
Une représentation en ligne et en boîte d’une page Web, qui sert d’enregistrement ou de plan pour le contenu et la fonctionnalité qui existeront sur une page donnée.
WordPress
Le CMS le plus répandu au monde. C’est un excellent CMS polyvalent, idéal pour la publication de base, facile à utiliser et très adaptable en termes d’ajout de fonctionnalités telles que le commerce électronique. C’est aussi le plus ciblé par les acteurs malveillants…
XHTML
XHTML signifie “Extensible Hypertext Markup Language”. Fondamentalement, le XHTML est du HTML 4.0 qui a été réécrit pour se conformer aux règles XML.
XML – Langage de balisage extensible
XML est le sigle pour “Extensible Markup Language”. Le XML est un langage de balisage utilisé pour écrire des langages de balisage personnalisés. En d’autres termes, le XML décrit comment écrire de nouveaux langages. Il est parfois appelé “méta-langage” pour cette raison. Il sert également de syntaxe de base permettant à différents types d’ordinateurs et d’applications de partager des informations sans devoir passer par de multiples couches de conversion.
Pour conclure sur le vocabulaire webdesign
La création d’un site web peut être une tâche intimidante. Choisir un partenaire pour la conception du site web et décider de la manière dont vous souhaitez présenter votre organisation sur le web n’est pas une mince affaire. J’espère qu’avec cette liste de vocabulaire webdesign, vous vous sentirez plus à l’aise dans vos discussions avec des partenaires potentiels. Moi-même développeur web avec plus de 10 ans d’expérience, je serais ravi de vous accompagner dans votre projet de conception de site internet. N’hésitez pas à me contacter dés aujourd’hui pour en discuter.
sdasdasd
Error: El post actual no se encuentra en el array de posts.