M104 - Développement de sites web statiques

Le W3C est un organisme international à but non lucratif dont la mission est de définir les standards techniques liés au web pour assurer l'accessibilité, l'interopérabilité et la pérennité des documents Web.

Un navigateur Web récupère le code d'une page web à partir d'un serveur, l'interprète et le restitue sous forme de page web graphique pour l'affichage. Il interprète également l'adresse d'un site web et gère les requêtes client / serveur, facilitant ainsi le développement et le test des pages Web.

VS Code propose une présentation sophistiquée du code, une auto-complétion du code source, un ensemble d’extensions et la détection du langage de programmation par l'extension du fichier.

<p>Les balises obligatoires pour une page web sont <code>&lt;html&gt;</code>, <code>&lt;head&gt;</code> et <code>&lt;body&gt;</code>.</p> Signup and view all the answers

<p>Les balises <code>&lt;meta&gt;</code> fournissent des informations descriptives sur le document HTML, telles que l'encodage du contenu, la description, les mots-clés et l'auteur.</p> Signup and view all the answers

<p>Une balise est un élément de texte encadrée par les caractères inférieur (&lt;) et supérieur (&gt;) qui représente un élément du code HTML et sert à définir un objet, une mise en forme, etc.</p> Signup and view all the answers

<p>Un élément de type 'bloc' occupe une ligne entière tandis qu'un élément de type 'inline' se positionne à côté d'autres éléments sur la même ligne.</p> Signup and view all the answers

<p>Pour valider le code HTML, vous pouvez utiliser le W3C Validator à l'adresse : <a href="http://validator.w3.org/">http://validator.w3.org/</a></p> Signup and view all the answers

<p>L'encapsulation des balises signifie que chaque balise doit être correctement imbriquée dans une autre balise, créant ainsi une structure hiérarchique et logique.</p> Signup and view all the answers

<p>La transformation CSS 2D permet de modifier la position, la taille, la rotation et l'inclinaison des éléments HTML sans affecter le flux normal de la page.</p> Signup and view all the answers

<p>La propriété <code>transition</code> permet de modifier les valeurs des propriétés CSS sur une durée donnée, créant ainsi un effet de passage progressif d'un état à un autre. La propriété <code>transformation</code> permet de modifier la position, la taille, la rotation et l'inclinaison des éléments sans affecter leur position dans le flux normal de la page.</p> Signup and view all the answers

<p>La règle <code>@keyframes</code> permet de créer une animation CSS qui définit plusieurs étapes d'animation, chaque étape représentée par un pourcentage et ses propriétés CSS associées.</p> Signup and view all the answers

<p>Le Responsive Web Design vise à rendre un site Web adaptable à tous les appareils, quel que soit la taille de l'écran, en utilisant HTML et CSS pour redimensionner, masquer, réduire, agrandir ou déplacer le contenu.</p> Signup and view all the answers

<p>Une Media Query est une règle CSS qui permet de définir différentes règles de style en fonction des caractéristiques de l'appareil, telles que la taille de l'écran, l'orientation, la résolution, etc.</p> Signup and view all the answers

<p>Le système de grille Bootstrap est basé sur un système de 12 colonnes et est conçu pour créer des mises en page réactives et adaptables aux différents appareils.</p> Signup and view all the answers