Les termes de conception Web sont les principales choses qu’un homme d’affaires devrait connaître. La conception Web est le processus de création et d’organisation des aspects visuels et fonctionnels d’un site Web. Il comprend divers termes et concepts qui décrivent divers aspects de la conception et du développement de pages Web.
La conception Web existe depuis longtemps et ne perd pas de temps à développer un langage complexe rempli de jargon. Dès que vous ferez le moindre pas dans le monde de la conception Web, vous commencerez à entendre : « Quel CMS souhaitez-vous utiliser ? », « Le voulez-vous au-dessus ou en dessous de la ligne de flottaison ? », « Voulez-vous vous voulez une mise en page fixe ? ", "Quel hébergement web souhaitez-vous utiliser ? » et vous vous demandez ce que tout cela signifie. Nous savons qu'essayer de comprendre toutes les définitions et tous les termes clés de la conception Web peut s'avérer assez écrasant, surtout lorsqu'il s'agit de tout nouveau.
La conception Web couvre un large éventail de tâches, des développeurs Web qui écrivent du code aux concepteurs UI et UX qui travaillent sur les interfaces, en passant par les concepteurs Web qui s'occupent de l'apparence de votre site. De nombreuses personnes sont impliquées dans la conception de sites Web.
Apprendre ce que signifient quelques acronymes et jargons de conception Web peut rendre les choses beaucoup plus faciles pour votre concepteur et votre développeur, et peut également vous aider à comprendre comment fonctionne réellement votre propre site Web. Ainsi, que vous fassiez appel à de l'aide ou que vous le fassiez vous-même, connaître les termes les plus couramment utilisés et les plus déroutants dans la conception et le développement de sites Web peut s'avérer utile :
Définitions et termes de conception Web.
Accessibilité.
Disponibilité actuelle est d’une grande importance dans la conception de sites Web. Essentiellement, cela signifie dans quelle mesure votre site Web est accessible aux personnes, y compris aux personnes malentendantes ou visuelles. Il est important de garder cela à l’esprit avant et pendant la création de votre site Web. Jetez un œil à ces six étapes pour rendre votre conception Web accessible si vous ne savez pas par où commencer.
En dessous du pli (et au dessus du pli).
Au-dessous et au-dessus du pli se trouvent deux termes qui trouvent leur origine dans les journaux. Le « pli » est l’endroit où le journal est plié. Haut et Bas indiquent si les informations sont affichées dans la moitié supérieure ou inférieure du pli. Pour les pages Web, le « pli » est généralement défini comme le point auquel vous devez commencer à faire défiler, mais le principe est le même : les informations qui se trouvent en haut de la page (ATF) sont plus accessibles et visibles que les informations en bas. de la page (BTF). .
Élastique (mise en page). Élastique (mise en page). Termes de conception Web.
La mise en page élastique est une approche de conception de pages Web qui décrit les relations entre les éléments et leur position sur la page en termes de pourcentages plutôt qu'en termes d'espacement et de tailles spécifiquement conçus. Cela signifie que les pages Web deviennent plus adaptables - à la fois aux préférences définies par vos visiteurs en termes de taille Police de caractère et la distance qui les sépare, et d'optimiser la page pour une visualisation sur un smartphone ou une tablette.
De nos jours, les mises en page élastiques sont un élément clé des approches de conception réactive, mais avant la naissance de l'idée du design réactif, les mises en page élastiques constituaient un moyen simple de rendre les sites Web réactifs.
Ex.
Ex est une unité de mesure qui utilise un « x » minuscule en police comme mesure standard.
Largeur fixe (mise en page). Largeur fixe (mise en page). Définitions et termes de conception Web.
Une mise en page à largeur fixe est une méthode de conception de pages Web dans laquelle le concepteur spécifie la taille d'une page Web et l'emplacement exact des éléments qui y apparaîtront. Cela donne aux concepteurs beaucoup plus de contrôle sur la conception des pages Web qu'une mise en page élastique, mais rend les pages moins réactives. des tailles différentes écran.
Hexadécimal.
Les nombres hexadécimaux, également appelés nombres « hexadécimaux », sont un système numérique en base 16, ce qui signifie qu'ils utilisent 16 caractères pour définir une couleur. Les nombres hexadécimaux utilisent les chiffres de 0 à 9 et les lettres de A à F. Chaque couleur est identifiée par trois paires de nombres hexadécimaux. La première paire de chiffres ou de lettres fait référence à la teinte rouge, la deuxième paire à la teinte verte et la troisième paire à la teinte bleue.
Défilé interminable. Défilé interminable
Le défilement infini se produit lorsque le nouveau contenu se charge pendant que vous continuez à faire défiler. Cela crée un parchemin « sans fin » sans fin. Quelques exemples populaires sont les chronologies de Facebook, Pinterest ou Twitter.
Défilement parallaxe. Défilement parallaxe.
Cette méthode de défilement crée une impression de profondeur dans conception de site Web. Lorsqu'un utilisateur fait défiler, les éléments d'un site Web se trouvent à différentes distances et se déplacent à des vitesses différentes à mesure que l'utilisateur fait défiler. Cela crée l’illusion de profondeur et de distance sur un site Web plat.
Résolution. Autorisation. Définitions et termes de conception Web.
La résolution est le nombre de pixels affichés à l'écran. Il s'agit d'une méthode standard utilisée dans la conception Web pour déterminer taille images. La qualité de l'image est généralement décrite en pixels par pouce, un plus grand nombre de pixels donnant une image de meilleure qualité.
Adaptatif / adapté aux mobiles / optimisé pour les mobiles. Adaptatif / Adapté aux mobiles / Optimisé pour les mobiles
Depuis l’année dernière, plus de la moitié du trafic Web provient des smartphones. Cela signifie qu'il devient de plus en plus important qu'un site Web soit plus visible sur Internet. appareils mobiles, ainsi que sur les ordinateurs. Rendre les sites Web réactifs/adaptés aux mobiles/optimisés pour les mobiles signifie concevoir et développer un site Web qui s'adaptera à l'appareil ou à l'écran sur lequel il est consulté.
Convivialité. Facilité d'utilisation.
La convivialité est un concept de conception Web qui décrit à quel point votre site Web est simple pour les visiteurs pour lesquels il a été conçu. Idéalement, un visiteur pourra facilement utiliser votre site dès qu’il le rencontrera pour la première fois, avec un minimum d’obstacles, de frustration et de besoin de demander de l’aide. Comprendre les principes d'utilisabilité est une étape clé dans la création super site web.
UX (Recherche Utilisateur) / UI (Interface Utilisateur)
La conception UX et UI est un travail qui améliore l’expérience utilisateur. Il est important de connaître les différences entre UX et UI pour comprendre comment ils fonctionnent ensemble.
L'UX, ou recherche utilisateur, implique tous les aspects de l'expérience utilisateur avec un site Web, du début à la fin. Cible - améliorer la qualité interaction de l'utilisateur avec le site.
L'UI, interface utilisateur, se concentre sur les éléments visuels et interactifs d'un site Web, tels que les boutons, les icônes et la typographie. L’objectif est d’améliorer l’apparence et les fonctionnalités du site Web.
Anatomie d'un site frontend. Définitions et termes de conception Web.
-
Miette de pain. Chapelure.
Lorsque les pages Web montrent aux utilisateurs comment ils ont parcouru la page Web et comment y revenir Maison, cela se fait souvent à l'aide de fil d'Ariane. Ceci est généralement affiché sous la forme d'une série de catégories imbriquées, telles que Accueil > Catégorie > Année > Mois > Publication.
Icône de favori. Icône de favori.
Une favicon est une petite icône qui apparaît dans la barre d'onglets de votre navigateur. Ils mesurent généralement 16 × 16 pixels (ce qui est en fait très petit) et sont enregistrés sous forme d'images .ico, .gif ou .png. Vous pouvez utiliser presque n'importe quelle image comme icône à condition qu'elle soit de la bonne taille et enregistrée dans le bon format.
Point focal. Coordinateur.
Le centre d’une page Web est la partie de la page sur laquelle votre attention est attirée. Les concepteurs passeront beaucoup de temps à créer un point focal qui attire vraiment l'attention du spectateur, puis à mettre l'accent sur l'élément le plus important de la page. Cela garantit que le plus grand nombre de personnes possible le voient.
L'extrémité avant. L'extrémité avant.
Ce sont tous les éléments tels que les images, le texte, les pages que les gens verront lors de leur première visite sur votre site. Essentiellement, c’est avec cela que les gens interagiront et avec lesquels ils interagiront sur un site Web.
Icône de hamburger. Icône de hamburger.
L'icône hamburger fait référence à l'icône de menu que l'on trouve couramment dans les programmes ultérieurs. Il comporte trois bandes horizontales (d'où le « hamburger ») et cache le menu de navigation traditionnel derrière une seule icône.
Page de destination. Page de destination.
Il s'agit de la toute première page que verront les visiteurs de votre site. De nombreux sites Web utilisent une page de destination dédiée pour apprendre quelque chose du visiteur (comme le partage de son adresse e-mail ou d'une page spécifique à un produit). Le vôtre page de destination est l’une des pages les plus importantes de votre site Web et vous devriez consacrer beaucoup de temps à l’optimiser.
La navigation. La navigation.
La navigation est le système utilisé pour se déplacer entre les éléments de votre page Web et constitue l'un des éléments les plus importants de toute page Web. C'est pourquoi il est si important de connaître les principes clés de la navigation sur un site Web. Le plus un exemple brillant Les navigations sont des menus qui apparaissent sur la plupart des pages Web. Mais faites également très attention à la façon dont les pages sont organisées et aux liens entre elles. Ils peuvent également rendre la navigation sur une page Web beaucoup plus facile pour les visiteurs.
Anatomie d'un backend de site Web. Définitions et termes de conception Web.
-
Fin arrière. Fin arrière.
Il s'agit de la partie de votre système qui gère efficacement votre site, mais qui est cachée aux visiteurs. Il existe de nombreux composants back-end différents, mais ils contiennent généralement tous les mêmes éléments : les applications, la structure de l'information et votre CMS.
Un système de gestion de contenu est un système interne outil pour gérer le contenu de votre site Web, ajout d'utilisateurs, gestion des commentaires et éventuellement bien plus encore. Si vous avez déjà utilisé WordPress pour créer un site Web, vous avez utilisé un CMS. Un CMS facilite grandement la conception et la création d’une page Web car il cache une grande partie du code brut qui alimente le site Web.
Commerce électronique. Commerce électronique.
Commerce électronique signifie « commerce électronique ». tout comme « e-mail » signifie « courrier électronique ». Généralement, vous ajoutez une boutique à votre site Web commerce électronique, qui gérera les descriptions de produits, les achats et ventes, ainsi que les données clients.
HTTP/HTTPS
C'est un système qui gère la communication entre les navigateurs, les serveurs et les applications Web. Il définit la manière dont les données doivent être conditionnées et envoyées.
HTTPS est une extension de HTTP qui permet d'établir des connexions via SSL (Secure Socket Layer). Il s'agit d'un moyen beaucoup plus sécurisé de partager des données en ligne. De nombreux navigateurs Web modernes vous avertiront si un site Web utilise le protocole HTTP standard plutôt que HTTPS.
En tant que propriétaire de site Web, vous pouvez acheter les certificats SSL nécessaires pour utiliser HTTPS auprès de différents fournisseurs. Une fois ajouté, il rendra votre site plus sécurisé et renforcera la confiance avec vos clients.
Brancher. Conditions de conception Web
Un petit programme qui s'installe au-dessus du site principal et offre une sécurité supplémentaire. Les plugins sont disponibles pour les plateformes CMS les plus populaires et peuvent être utilisés pour de nombreuses fonctions différentes, de l'automatisation des articles de blog à la gestion des leads.
Modèle. Échantillon.
Les modèles sont utilisés dans la conception Web de la même manière qu’ils le sont pour les documents et les images : afin de garantir une conception cohérente sur de nombreuses pages différentes. La plupart des plates-formes CMS vous fourniront un ensemble de modèles pour votre site Web qui contribueront à garantir la cohérence de vos pages et de la conception de celles-ci.
Conditions techniques pour Internet. Définitions et termes de conception Web.
-
Texte d'ancrage. Texte d'ancrage.
Le texte d’ancrage est une phrase ou plusieurs mots contenant un lien hypertexte. Utiliser le bon texte d’ancrage peut faire une énorme différence dans le classement de votre page dans les moteurs de recherche.
Lien retour. Lien retour.
Ce sont des liens vers votre site à partir d'autres sites. Lorsqu'un autre site crée un lien vers le vôtre, par exemple pour diriger ses lecteurs vers une ressource, vous recevez un backlink. Les backlinks sont très importants lorsqu'il s'agit d'augmenter votre classement dans les recherches, car plusieurs backlinks provenant de sites de confiance augmenteront la visibilité de votre site.
Bande passante. Bande passante.
La bande passante est un terme utilisé dans de nombreux contextes différents, mais il désigne essentiellement la quantité de données envoyées ou reçues au cours d'une période donnée. Il peut être utilisé, par exemple, pour décrire votre vitesse Internet, où elle est généralement indiquée en kilobits par seconde (kbps). Cependant, il est parfois utilisé pour décrire la quantité de données que vous pouvez utiliser par mois dans le cadre de votre forfait d'hébergement Web.
Cache. Espèces.
Un cache est un ensemble de données stockées dans un navigateur Web. Cela signifie que la prochaine fois que l'utilisateur visitera le site, la page se chargera plus rapidement car elle est chargée depuis la mémoire locale.
Conditions de conception de sites Web DNS
DNS signifie Service de Nom de Domaine. Il s'agit du système par lequel votre navigateur Web trouve des pages Web. Lorsque vous azbyka.com.ua , votre navigateur recherche une « table DNS » qui convertit cette adresse conviviale en une adresse conviviale pour les ordinateurs (c'est-à-dire composée de chiffres). Le système DNS garde la trace de l'emplacement de toutes les pages Web du monde afin que votre navigateur puisse les trouver.
Nom de domaine
C'est le nom de votre site. Vous pouvez acheter des domaines auprès de nombreuses entreprises. Ils ne peuvent pas contenir plus de 63 caractères. Par exemple, https://azbyka.com.ua/est notre nom de domaine.
Ftp
FTP signifie File Transfer Protocol et est un système permettant de transférer des fichiers et des données du stockage local (par exemple, sur votre ordinateur) vers votre serveur Web. Pour utiliser FTP, vous devez télécharger un petit programme appelé client FTP.
Lien permanent. Lien permanent
Un lien permanent qui vous permet de fournir une adresse qui pointera toujours vers un article ou une page de blog spécifique, quelle que soit la façon dont vous modifiez la structure de votre site autour de celui-ci. Ceci est très utile si vous utilisez des articles de blog pour augmenter le trafic vers votre site, car vous n'avez pas besoin de modifier manuellement des dizaines (ou des centaines) de liens si vous décidez de les modifier. conception de votre site internet ou changez votre nom de domaine.
URL
Une adresse indiquant où une page spécifique ou une autre ressource peut être trouvée.
Hébergement Web. Définitions et termes de conception Web.
Un hébergement Web est une société qui gère les serveurs qui stockent votre site web. Comme nous l’expliquons dans notre article sur l’hébergement Web, les hébergeurs Web peuvent varier considérablement dans le niveau de services qu’ils proposent. Un bon hébergeur sera en mesure de vous assurer que votre site sera disponible 99,9 % du temps et vous fournira également les outils nécessaires pour le maintenir sécurisé et efficace.
serveur Web
Un serveur Web est l'ordinateur sur lequel votre page Web est réellement stockée. Il se trouve très probablement sur une installation de serveur appartenant à votre hébergeur Web, bien qu'il soit également possible d'exécuter vos propres serveurs.
Terminologie du développement Web. Définitions et termes de conception Web.
CSS
CSS signifie Cascading Style Sheets et, avec HTML, ces feuilles constituent la partie la plus fondamentale de toute page Web. Il y a dix ans, le formatage des pages Web, comme la taille des titres ou la présence de bordures sur les images, était déterminé dans le code HTML lui-même. Cela signifiait que changer le formatage demandait beaucoup de travail le processus de transmission de chaque élément pages et changements de code.
Avec CSS, tout est beaucoup plus simple. Le style d'une page est contenu dans un (ou plusieurs) fichiers CSS qui déterminent l'apparence des titres, la façon dont les images sont affichées et de nombreux autres éléments. Ils indiquent au navigateur comment afficher le site Web. Ainsi, le format de sites Web entiers peut être modifié en changeant un seul morceau de code.
DHTML
DHTML signifie Dynamic HyperText Markup Language. C'est un terme désignant un langage qui combine plusieurs langages de conception Web (HTML, JavaScript et CSS) en un seul super langage pour le développement Web. C’est généralement ce que les développeurs Web modernes utilisent pour créer un site Web pour vous.
Type de document. Définitions et termes de conception Web.
En HTML, un type de document est une description du type de HTML et de la version utilisés sur une page Web. Il est utilisé par les navigateurs pour vérifier l'intégrité de la page et peut provoquer des erreurs de sécurité s'il est incorrect.
Em. EM. Conditions de conception Web
Em est utilisé pour décrire la taille d'une police par rapport à la police « parent » utilisée sur la page. 1Em signifie que la police (ou parfois d'autres éléments) a la même taille que son élément parent, 2em signifie qu'elle est deux fois plus grande, et ainsi de suite.
Style intégré. Style intégré. Conditions de conception Web
Bien que CSS (voir ci-dessus) puisse être utilisé pour décrire le format de pages entières à la fois, il suffit parfois de modifier le style sur une seule page. C'est à ce moment qu'un style en ligne est utilisé. Un style en ligne est un morceau de code CSS écrit dans l'en-tête d'une page Web qui affecte uniquement les éléments de cette page, et non l'ensemble de votre site Web.
Famille/style/poids de police. Famille/style/épaisseur de police
Les concepteurs et développeurs Web ne travaillent souvent pas avec certaines polices, car les différents navigateurs n'utilisent pas toujours les mêmes polices. C'est pourquoi, dans un document CSS, vous verrez que la police utilisée est définie comme une famille de polices (un groupe de polices pouvant être utilisées) plutôt qu'une seule individuellement. Parallèlement à cette définition, le document CSS définira également le style de police (italique, souligné, etc.) et l'épaisseur (gras, clair, etc.).
HTML. Définitions et termes de conception Web.
Le langage de balisage hypertexte est la base d'Internet. Toutes les pages Web sont écrites, au moins dans une certaine mesure, en HTML, conçu pour être aussi simple à écrire que possible.
Métadonnées.
Les métadonnées sont les données contenues dans l'en-tête des pages Web. Ces données sont disponibles dans votre navigateur, mais ne sont pas affichées dans le cadre de la page Web que vous consultez. Vous devrez consulter le code source pour y accéder.
Open source. Open source. Conditions de conception Web
Les logiciels open source sont pris en charge par l'utilisateur et peuvent être librement utilisés et modifiés. Cela contraste avec les logiciels propriétaires, qui appartiennent et sont gérés par une entreprise spécifique. La plupart des développeurs Web utilisent au moins parfois des logiciels open source, car non seulement ils sont moins chers, mais ils peuvent également être plus sécurisés. De nos jours, la plupart des développeurs Web minimisent les failles de sécurité en utilisant des conteneurs écrits dans des langages open source.
Mise en scène. Mise en scène. Définitions et termes de conception Web.
Web de mise en scèneсайта est le processus consistant à en créer une copie presque finale, puis à la tester avant de déployer la version live du site. La plupart des développeurs Web « mettent en scène » un site Web avant de le publier pour s'assurer que tout fonctionne correctement. Et souvent, les modifications majeures apportées à un site Web se produisent sur le site intermédiaire plutôt que sur le site en ligne.
Valide. Valide.
Dans la conception Web, les pages Web valides sont celles qui ne contiennent pas d'erreurs. En pratique, cela signifie des pages Web qui respectent les normes définies dans les spécifications HTML publiées par le W3C, la communauté qui définit les normes pour le développement Web.
XML. Conditions de conception Web
XML signifie Extensible Markup Language. XML est un élément fondamental de la conception Web car il agit comme un « métalangage » qui traduit les éléments d'un langage dans un autre. Cela signifie que les pages Web peuvent être créées en utilisant de nombreux langages différents, qui communiquent tous via XML.
Dernière chose…
Bien sûr, vous n’avez pas besoin de connaître toutes ces définitions et termes de conception Web pour commencer. développement de sites Web - soit de manière autonome, soit avec de l'aide. En fin de compte, la conception Web est un processus d’apprentissage, et les meilleures conceptions sont des œuvres d’art reproductibles qui s’améliorent continuellement à mesure que vous apprenez de nouvelles choses.
Cependant, il peut être très utile d'avoir un guide dans le monde parfois complexe de la conception Web, surtout lorsque l'on débute. Nos concepteurs Web professionnels vous aideront à vous lancer dans le monde passionnant de la conception Web.
Laissez Un Commentaire
Vous devez être connecté.e pour poster un commentaire.