Les balises meta sont des éléments clés pour améliorer le référencement et l’expérience utilisateur de votre site web, découvrez dans cet article comment les utiliser efficacement.
Catégorie : Codes Web
Retrouvez ici un ensemble d’articles traitants des différentes notions abordées en cours pour la réalisation de sites web. Les outils, les techniques, les syntaxes, le vocabulaires… tout ce que vous avez toujours voulu savoir sur le code sans jamais avoir osé le demander.
Mettre en forme un tableau HTML
En HTML, les tableaux disposent de propriétés CSS dédiées pour les personnaliser et les mettre en forme.
Ajoutez des tableaux à vos pages HTML
Au début de l’ère du web, les intégrateurs utilisaient les tableaux HTML pour structurer toutes les pages. Avec l’arrivée de la séparation du contenu et de la présentation en HTML, cette pratique a été abandonnée. Aujourd’hui, nous utilisons toujours les tableaux, mais uniquement pour structurer des données tabulaires.
Voici quelques astuces qui vous permettrons de mieux maitriser l’aspect graphique de vos formulaires.
Intégrer un formulaire HTML
Les formulaires sont des interfaces par lesquelles l’internaute pourra transmettre des données au site. Qu’il s’agisse d’une requête de recherche, d’un envois de demande de contact, d’un paiement en ligne, les formulaires sont bien souvent la raison d’être du site.
La propriété CSS transform
Incliner un élément, simuler des effets de perspectives, faire une translation,… Toutes ces manipulations sont rendus possibles par une seule règle : transform !
Les animations CSS
Aujourd’hui, de nombreux sites web se dotent d’animations pour se démarquer et améliorer l’expérience utilisateur. Les bases de l’animation CSS sont d’une grande simplicité. Du simple effet de survol à l’animation de mise en place des contenus, l’animation vous permettra de dynamiser, moderniser et « humaniser » vos interfaces graphiques.
Bilan Intégration #1
Bilan des 2 premières phases dédiées aux codes HTML et CSS. À réaliser sur une durée de 3h30.
Intégrer une page responsive
Passons maintenant à un exercice un peu plus complet en intégrant une page responsive.
Les sélecteurs CSS indispensables
Vous connaissez les sélecteurs de base et pensez que c’est déjà bien suffisant ? Sachez qu’il existe un certains nombre de sélecteurs qui, bien maitrisés, vous permettrons d’alléger votre code et vous simplifierons grandement la tache lors de la création de vos règles CSS. En voici quelques uns…
Ajustements et masques CSS
Le travail autour des images pour un site web est un aspect constitutif du référencement. Mais quelles sont les possibilités de manipulations des images offertes par CSS ?
Le responsive design
Le responsive design, ou site web adaptatif en français, est un concept de composition de page défini en 2010 par Ethan Marcotte. Il permet de concevoir des sites web en adaptant leur mise en page et leur ergonomie à la majorité des terminaux de lecture et aux modalités de connexion.











