CATALOGUE Code & Data Formation XHTML/CSS Apprendre XHTML & CSS

Création de la Page d'Accueil de A à Z

Retour à la formation
Chapitre 7 Leçon 2
Précédent
Suivant

Résume de configuration initiale et de la mise en page en utilisant le langage HTML et le CSS.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous commencerons par créer le premier contenu en copiant le code HTML de la page d'accueil. Nous allons travailler sur ce fichier pour intégrer des titres, des paragraphes et des listes de liens. Nous introduirons également l'élément blockquote pour afficher des citations.

Nous apprendrons à utiliser l'outil Skeletor pour générer une page XHTML 1.0 strict valide, ainsi qu'à lier une feuille de style externe nommée global.css. Nous illustrerons comment donner un style initial au contenu et centrer celui-ci à l'aide des marges automatiques en CSS.

Ensuite, nous ajusterons la largeur du conteneur global pour inclure des ombres portées et utiliserons des techniques avancées de centrage et de mise en page de texte. Enfin, nous ajouterons une image de fond et ajusterons la typographie de manière adéquate.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Créer une page d'accueil en HTML.
  • Apprendre à lier des feuilles de style externes avec CSS.
  • Centrer du contenu sur une page web de manière efficace.
  • Utiliser des marges et des paddings pour styliser le contenu.

Prérequis pour cette leçon

Avant de suivre cette vidéo, il est recommandé d'avoir :

  • Des connaissances de base en HTML et CSS.
  • Un éditeur de texte pour écrire du code.
  • Un navigateur web pour visualiser les résultats.

Métiers concernés

Ces compétences peuvent être appliquées aux métiers suivants :

  • Développeur web front-end.
  • Intégrateur web.
  • Designer web.

Alternatives et ressources

Les alternatives aux outils et techniques présentés incluent :

  • Utiliser un autre générateur XHTML comme HTML5 Boilerplate.
  • Utiliser des éditeurs de code différents tels que Visual Studio Code ou Sublime Text.
  • Prendre en main des préprocesseurs CSS comme Sass ou Less.

Questions & Réponses

L'élément HTML utilisé pour annoncer une citation est
.
Utiliser des valeurs en pourcentage pour la taille du texte est préférable pour l'accessibilité, car cela permet au texte de se redimensionner correctement dans tous les navigateurs.
Pour centrer un contenu horizontalement en CSS, on utilise les marges automatiques, par exemple : margin-left: auto; margin-right: auto.