L’apprentissage du HTML et du CSS est difficile, mais il ne doit pas nécessairement l’être. Dans ce cours je vais vous guider dans tout, à partir de la sélection d’un bon éditeur de texte (ce qui est étonnamment important) pour créer des pages Web à part entière et de qualité professionnelle à partir de rien. … Lire la suite
Le HTML définit le contenu de chaque page Web sur Internet. En «marquant» votre contenu brut avec des balises HTML, vous indiquez aux navigateurs Web comment vous souhaitez que différentes parties de votre contenu soient affichées. La création d’un document HTML avec un contenu correctement balisé est la première étape du développement d’une page Web. … Lire la suite
Le chapitre précédent couvrait certains éléments HTML très importants, mais nous ne faisions que traiter une seule page Web. Les liens et les images sont fondamentalement différents de ces éléments dans la mesure où ils traitent des ressources externes. Les liens pointent l’utilisateur vers un document HTML différent, et les images proviennent d’un autre endroit … Lire la suite
Les premiers chapitres de ce cours ont porté exclusivement sur le HTML. Maintenant, il est temps de faire des choses avec des feuilles de style en cascade (Cascading Style Sheet CSS). Vous pouvez penser à CSS comme un language définissant le «design» d’une page Web. Il détermine des choses comme la taille de la police, … Lire la suite
Le chapitre précédent a introduit les propriétés de formatage de texte de CSS, mais ce n’était qu’un aspect de la stylisation d’une page Web. Définir la mise en page d’une page Web est une chose complètement différente. C’est le sujet de ce chapitre. Le «modèle de boîte CSS» est un ensemble de règles qui définissent … Lire la suite
Dans le chapitre Liens et images , nous avons appris comment connecter un document HTML à d’autres fichiers de notre projet. Les « sélecteurs CSS » sont similaires, mais au lieu de naviguer entre des fichiers entiers, ils permettent de mapper une seule règle CSS à un élément HTML spécifique. Cela permet de personnaliser sélectivement des éléments individuels tout en ignorant les autres. À … Lire la suite
Au cours des derniers chapitres, nous avons appris à manipuler la taille des boîtes et l’espace autour d’elles, mais la plupart du temps, nous étions coincés avec le flux vertical par défaut de la page. Les éléments de bloc apparaissent toujours verticalement l’un après l’autre, ce qui nous limite à une disposition à une seule colonne. Les «Floats» … Lire la suite
Le mode de mise en page « Flexible Box » ou « Flexbox » offre une alternative aux flotteurs pour définir l’apparence globale d’une page Web. Alors que les flotteurs ne nous permettent que de positionner horizontalement nos boîtes, Flexbox nous donne un contrôle total sur l’alignement, la direction, l’ordre et la taille de nos boîtes. Le web est en train … Lire la suite
Le « Positionnement statique » est le flux normal de la page avec laquelle nous avons travaillé jusqu’ici. Le modèle de boîte CSS, les float et les mises en page avec flexbox fonctionnent tous dans ce flux «statique», mais ce n’est pas le seul schéma de positionnement disponible en CSS. Les trois autres types de positionnement sont le positionnement «relatif», le positionnement … Lire la suite
Le “Responsive design” se réfère à l’idée que votre site Web devrait s’afficher aussi bien dans tous les systèmes, qu’il s’agisse de moniteurs grand écran ou de téléphones portables. C’est une approche de la conception et du développement web qui élimine la distinction entre la version mobile de votre site Web et son homologue de … Lire la suite