Qu'est-ce que la conception web ?

Name: Qu'est-ce que la conception web ?
Author: Matthew Brown

Ce chapitre présente la conception Web adaptative et réactive ainsi que les principes de base de la préparation d'un site Web pour les moteurs de recherche.

Preview the first lesson free — get full access to all 3 lessons.

Demander une démo Se connecter

Cours : à la demande

Bonjour, alors que nous commençons, nous verrons la différence entre conception de sites Web réactifs et adaptatifs, ainsi que la conception de sites Web qui sont prêts pour les moteurs de recherche et optimisés. Dans cette leçon, nous explorerons le concept de conception de sites Web réactifs. Concepteurs et développeurs de sites Web, ont un énorme défi avec toutes les différentes manières dont les gens peut accéder aux informations. À partir d'ordinateurs avec de grands écrans aux petits appareils IOT portables, les concepteurs doivent tenir compte de toutes ces variations. Concepteurs et développeurs de sites Web vous avez le choix entre deux cadres : conception réactive ou conception adaptative. Nous allons d'abord explorer l'exemple du responsive design, ainsi que passer en revue les avantages et les inconvénients de ce type de conception. Si nous regardons le site Web de Knowledge City dans un navigateur normal, nous pouvons voir que tous les éléments du site Web sont bien positionnés. Maintenant, si je change la taille du navigateur, le contenu se déplacera dynamiquement pour s'aligner sur la nouvelle taille du navigateur. Il s'agit d'une conception Web réactive. Avec la nature omniprésente des appareils mobiles, les concepteurs doivent tenir compte d'une variété de tailles d'écran. Les sites Web réactifs affichent du contenu Web en fonction de l'espace de navigation disponible. Sur les appareils mobiles, cela se produit automatiquement. Le site vérifie l'espace disponible et restitue le contenu en conséquence. Cela permet une expérience transparente pour l'utilisateur final, leur permettant de profiter au maximum de votre site comme ils le voudraient. Maintenant, regardons le même site Web à l'aide d'un plug-in de simulateur d'appareil mobile pour Google Chrome et comment il sera rendu en fonction de l'espace disponible du navigateur. Je vais choisir le simulateur iPhone 11. Au fur et à mesure que nous nous déplaçons sur le site, les composants sont dimensionnés selon les dimensions disponibles du navigateur. Nous pouvons voir que le site s'affiche correctement, en fonction de la taille de l'appareil. Si nous choisissons un autre appareil mobile, comme un iPad Air 4, nous pouvons voir que le site s'ajuste à nouveau pour tenir compte de l'espace de navigateur disponible. Et au fur et à mesure que nous parcourons le site, tous les éléments sont affichés de manière appropriée. Avec une conception Web réactive, la hiérarchie visuelle doit être maintenue sur tous les appareils. C'est la disposition des éléments pour montrer leur ordre d'importance. Par exemple, les en-têtes, les images et les liens sont tous au même endroit, quel que soit l'appareil utilisé. Certains avantages de l'utilisation de ce type de conception de sites Web sont : la facilité de conception, le temps de mise en œuvre est nettement inférieur, et c'est la méthode préférée pour la création de site aujourd'hui. Certains des inconvénients : vous avez moins de contrôle sur le design en termes de taille d'écran, et des vitesses de téléchargement variables selon les appareils peut avoir un impact sur votre conception car les appareils mobiles peuvent télécharger plus lentement. Merci d'avoir regardé. Restez à l'écoute pour la prochaine leçon où nous explorerons la conception Web adaptative.

Débutant Fournisseur : Matthew Brown 3 leçons · 12m en Arabe, Allemand, Anglais, Espagnol, Français, Portugais, Chinese

Description du cours

Ce chapitre présente la conception Web adaptative et réactive ainsi que les principes de base de la préparation d'un site Web pour les moteurs de recherche.

Ce que vous allez apprendre

Comprendre le web design adaptatif
Comprendre le web design responsif
Découvrir ce qui rend un site web prêt pour les moteurs de recherche
Distinguer les approches de conception adaptative et responsive

Points clés à retenir

Ce chapitre présente à la fois le web design adaptatif et le web design responsif.
Il couvre les bases de ce qui rend un site web prêt pour les moteurs de recherche.
Les leçons abordent le web design responsif, le web design adaptatif et le design prêt pour les moteurs de recherche.
Le chapitre développe des compétences en conception adaptative, en HTML responsif, en conception web responsive et en architecture de site web.

Foire aux questions

Que couvre ce chapitre ?

Il présente le web design adaptatif et responsif ainsi que les bases de ce qui rend un site web prêt pour les moteurs de recherche.

Quelles leçons sont incluses ?

Le chapitre comprend des leçons sur le web design responsif, le web design adaptatif et le design prêt pour les moteurs de recherche.

Quelles compétences vais-je acquérir ?

Vous développerez des compétences en conception adaptative, format de conception web, HTML responsif, conception web responsive, conception web et architecture de site web.

Quels sont les objectifs d'apprentissage ?

Les objectifs d'apprentissage sont de comprendre la conception adaptative et de comprendre la conception responsive.