Formation HTML CSS Lorraine Nord Pas De Calais

Formation HTML CSS

Vous avez choisi un thème sous Wordpress ou un template sous Joomla, vous avez écrit vos articles ou vos pages mais le  rendu final ne correspond pas tout à fait à ce que vous souhaitez ?  Vous souhaitez  jouer sur la couleur ou le positionnement de certains éléments.

L'écriture d'un article ou d'une page se fait, généralement, avec l'aide d'un éditeur de texte au style du logiciel de bureautique Word.

Le but de la formation est d'apprendre à éditer du contenu en code HTML et d'y ajouter des classes CSS. Ces classes CSS sont ajoutées dans un fichier de style CSS lié au thème ou au template. De cette façon, vous aurez une bien plus grande maîtrise de l'apparence de votre contenu et une simplification pour les modifications ultérieures.

Programme de la formation HTML CSS

Le langage HTML et le langage CSS

  • Structure HTML d'une page web
  • les balises essentielles
  • les types d'éléments blocs et inline
  • choisir un éditeur de code
  • comment écrire des pages avec l'éditeur et les faire apparaître dans le navigateur internet
  • savoir comment s'écrit une URL pour créer un lien vers une page
  • apprendre à localiser le HTML dans une page avec le navigateur web
  • comprendre comment agit le CSS sur la page HTML
  • les propriétés et sélecteurs CSS
  • savoir où placer le code CSS
  • créer un fichier de style CSS et le lier au code HTML
  • comment écrire des règles en CSS avec l'éditeur de code
  • apprendre à localiser le CSS dans une page avec le navigateur web

Application du code HTML et CSS dans Wordpress ou Joomla

  • édition avec l'éditeur de texte du CMS Wordpress ou Joomla
  • passer en mode HTML sous l'éditeur de texte
  • modifier le code HTML dans l'éditeur de texte
  • le fichier de style du thème ou du template
  • créer un fichier de style personnalisé
  • ajouter des classes CSS aux articles ou pages
  • écrire de nouvelles règles et surcharger les règles du thème ou template
  • ajouter des effets à vos pages grâce aux pseudo-classes en CSS