Le site Valeur Web utilise des cookies pour vous offrir une expérience utilisateur optimum.

Si vous continuez à consulter ce site sans changer les réglages de votre navigateur, alors nous considérons que vous acceptez l'utilisation des cookie

Accélérez votre développement...
Valeur Web - 121 Chemin des Clos 42450 SURY LE COMTAL - 09.60.01.36.21

Type de formation :  Formations WEB

Nom formation :  Formation HTML5 & feuilles de style (CSS)

Durée formation :  2 jours

Profil stagiaire :  Toute personne souhaitant acquérir les vraies bases de la création Web et surtout toute personne souhaitant être vraiment autonome pour mettre à jour des contenus.

Objectifs formation :  Pouvoir intervenir efficacement pour éditer/modifier le code HTML de pages web et modifier la mise en forme grâce aux feuilles de style

Prérequis formation :  Excellente maîtrise des bases informatiques (Windows 10) et pratique régulière d’internet.

images/visuels-formations/illustration-formation-hml5-css3t

Des bases indispensables et faciles à acquérir...

  • Programme de formation détaillé


    • La syntaxe HTML5
    • Balises et attributs : la structure
    • Régles de codage HTML
    • Les caractères spéciaux
    • Charsets utf-8 ou 8859-1
    • Les problèmes de compatibilité
    • La mise en forme du texte
    • Gras, souligné, italique
    • Les attributs de caractères: taille de police, police en HTML
    • Les attributs de paragraphe
    • Les listes (listes simples, listes imbriquées)
    • Les niveaux de titre (H1,H2..)
    • Le texte préformaté
    • Les liens hypertexte
    • Syntaxe
    • Liens absolus, liens relatifs
    • Liens vers une adresse Web (URL)
    • Utilisation des ancres
    • Les tableaux
    • Une histoire de lignes et de cellules
    • Titre du tableau
    • Largeur, marges internes/ externes
    • Fusion de cellules et fractionnement de cellules
    • Les formats d’image
    • Insertion d’une image
    • Image support d’un lien
    • Les formulaires
    • Les différents types de champ (texte, ligne multiples,
    • cases à cocher, liste déroulante)
    • Récupération des données
    • CSS
    • Mieux utiliser et comprendre les feuilles de style
    • Le principe d’une mise en forme «factorisée»
    • La syntaxe
    • Les sélecteurs CSS (id,classes,balises, sélecteurs combinés))
    • Le principe des cascades et de l’héritage
    • Les régles de style
    • Les principales propriétés de style et valeurs
    • Centrer avec les styles
    • Principes et utilisation d’un grid css
    • Travaux pratiques
    • Mise en page et habillage d’un squelette HTML à
    • l’aide d’une feuille de style
  • Ressources
    Adresse  Descriptif
    https://www.w3schools.com/css/default.asp Une véritable bible avec tous les exemples nécessaires et la possibilité de tester la syntaxe CSS. En anglais.... Vous saurez tout sur les feuilles de style.
    https://www.w3schools.com/html/default.asp Idem mais pour le HTML5 : une ressource très importante

  • CSS in depht

    Auteur : Keith J Grant
    Editions : Manning
    En anglais, mais un ouvrage vraiment indispensable. Un des meilleurs ouvrages jamais écrit sur les feuilles de style... A dévorer uniquement lorsque les bases sont déjà acquises


Avis du formateur

Dès que l'on parle code, beaucoup froncent les sourcils. Ils ont tort. Il s'agit juste de langages de structuration et de mise en forme, pas de langage de programmation complexes. Acquérir ces bases est absolument indispensable si l'on souhaite intervenir sur un site Web de façon vraiment autonome. Ce sont les vraies fondations...

Télécharger le programme

Programme formation

Méthode pédagogique

Une priorité claire est donnée aux travaux pratiques (TP) pour mieux comprendre les syntaxes HTML et CSS. Un support de cours complet , qui reprend les exposés théoriques ainsi que l'ensemble des exercices réalisés vous est remis en fin de formation.

Eligible CPF

Non

Certification TOSA

Non

Contrôle progression

Nous procédons à une évaluation de vos connaissances sur  HTML5 et CSS3 en début et fin de formation.

Logiciels employés

Notepad++

Villes formation

Lyon | Saint-etienne | Roanne | Clermont-Ferrand | Thiers |Vichy

Mots clefs

Doctype | Feuilles de styles en cascade | Squelette HTML | Sélecteurs CSS