Vidéo: Créer un site en HTML (1/5) - "3 minutes pour coder" 2025
Par Richard Wagner
Sauf Vous êtes un concepteur Web professionnel, vous pourriez être un peu incertain - et peut-être même un peu intimidé en découvrant - où commencer à créer votre site Web. Que vous utilisiez un éditeur en ligne (WordPress ou Squarespace) ou une application logicielle de création de sites Web (Adobe Dreamweaver ou Microsoft Expression Web), utilisez cette feuille de triche pour créer un site Web fantastique.
Conseils pour la conception d'un bon site Web
Parce que le Web est un support visuel, la conception de votre site Web est aussi importante que le contenu que vous proposez. Suivez ces conseils afin que vos visiteurs ne quittent pas votre site rapidement:
-
N'encombrez pas votre site. Faites bon usage du remplissage, des marges et des espaces.
-
Veillez à ne pas submerger vos visiteurs sur votre page d'accueil. Limitez le contenu à un minimum, en orientant les utilisateurs vers d'autres parties de votre site pour obtenir des informations supplémentaires.
-
N'utilisez pas un méli-mélo d'idées de design. Trouvez un style que vous aimez et soyez cohérent sur votre site.
-
La symétrie extrême est un bâillement. Utilisez la règle des tiers. Quand une image ou une page est divisée en tiers verticalement et horizontalement et que les objets sont positionnés sur ces lignes, l'image est simplement plus agréable à l'œil.
-
Ne pas oublier le visiteur. Vous ne concevez pas le site pour vous-même, mais pour les personnes qui y viennent.
-
Ne laissez pas le contenu de votre site devenir obsolète. Mettez-le à jour régulièrement pour le maintenir en vie.
Conception de votre site pour les utilisateurs mobiles
Grâce à la puissance des smartphones et de leurs navigateurs mobiles entièrement fonctionnels, les visiteurs mobiles s'attendent à une expérience de navigation satisfaisante. Vous devez prendre en compte l'utilisateur mobile dans votre conception et déterminer le niveau de support que vous souhaitez lui apporter:
-
Compatibilité de base: Le premier niveau de prise en charge consiste simplement à vérifier que votre site Web est visible et utilisable à l'intérieur d'un appareil mobile. Si votre site Web utilise un formatage CSS standard et des structures HTML ou s'il est construit à l'aide d'outils en ligne populaires (WordPress, Posterous), votre site Web est probablement déjà configuré pour prendre en charge les navigateurs de smartphones.
-
Mobile friendly: Le deuxième niveau d'activation mobile consiste à vous assurer que votre site Web est facile à naviguer sur un petit écran. L'un des moyens les plus importants pour rendre votre site mobile est de structurer les pages en colonnes. Les colonnes empêchent les utilisateurs d'être forcés de lire de larges portions de texte qui les font défiler vers la gauche et vers la droite pour lire chaque ligne d'une page Web.
-
Style mobile: Un troisième niveau de support, plus riche et plus profond, que vous pouvez offrir aux utilisateurs mobiles consiste à intégrer un style spécifiquement destiné aux appareils mobiles.
-
Site compagnon: Il peut y avoir des cas particuliers dans lesquels vous devez aller au-delà de la structure de la page et du style. Dans ce cas, un dernier niveau de support consiste à concevoir et à structurer un site à partir d'une base optimisée pour les appareils mobiles.
Si vous offrez une version mobile, laissez toujours aux utilisateurs la liberté de choisir entre les versions mobile et normale de votre site Web. Bien que vous puissiez utiliser par défaut la feuille de style mobile pour vos utilisateurs mobiles, fournissez la fonctionnalité sur chaque page pour afficher le site normalement.
Utilisation de feuilles de style en cascade, ou CSS
C ascading S tyle S heets (CSS) est un langage de style qui vous permet de créer Un site Web plus attrayant et bien conçu, qui facilite grandement la gestion et l'organisation. Voici trois raisons fondamentales pour lesquelles CSS est utile lors de la conception de votre site Web:
-
CSS vous donne un meilleur contrôle sur la conception de votre page. CSS possède de nombreux paramètres de mise en forme que le HTML, en lui-même, ne fournit pas. En conséquence, vous pouvez avoir un plus grand contrôle sur l'aspect de votre page Web en utilisant CSS que d'utiliser simplement du HTML normal.
-
CSS vous permet de séparer le contenu de votre site des instructions de formatage. Le document HTML devient donc l'endroit où vous travaillez avec du contenu, et la feuille de style CSS vous sert à définir vos styles.
-
CSS vous permet de gérer les styles sur votre site dans un emplacement central. Bien que vous puissiez définir des styles CSS à l'intérieur d'une même page Web, sa puissance réelle devient évidente lorsque vous utilisez une feuille de style CSS distincte à laquelle chaque page de votre site Web peut accéder. Lorsque vous configurez votre site de cette manière, vous pouvez facilement donner à votre site un aspect cohérent. Vous pouvez également effectuer des modifications globales à partir d'un seul emplacement.
