HTML5 & CSS3

Formation certifiante - Code CPF 83 841 - 3 jours (21 heures)

Formations en présentiel

Formations Blended - Learning

Formations E-learning Tutoré

Présentiel

Blended - Learning

E-learning tutoré

Accueil  >  Les métiers du numérique  >  Développement Web  >  HTML5  & CSS3

A l'issue de la formation, les stagiaires seront capables de :

  • Coder des sites Web à l’aide de nouvelles balises et fonctionnalités HTML5
  • Créer des formulaires web HTML5
  • Ajouter du contenu multimédia convivial et sans utiliser des plugins
  • Utilisez l’élément Canvas pour générer dynamiquement des formes complètes avec remplissages, couleurs, traits, dégradés, et plus
  • Combiner les puissantes fonctionnalités de style et d’animation de CSS3 pour améliorer la présentation de vos pages web
  • Améliorer l’interactivité de votre site avec les fonctions glisser /déposer de HTML5

La formation HTML5 & CSS3 est accessible à toute personne ayant une bonne maîtriser de l’informatique et d’internet en tant qu’utilisateur.

Des exercices, des études de cas, des QCM et des tours de table permettent au formateur d’évaluer l’atteinte des objectifs ainsi que la progression du stagiaire à différents moments de la formation.
La validation de toutes les compétences requises est obligatoire pour l’obtention d’un BADGE ou d’un Certificat. L'obtention du Certificat est validé par la réalisation et la présentation d'un projet devant un jury.

  • Toute personne ayant des connaissances basiques en WEB et souhaitant maîtriser le développement d’application WEB avec du PHP orienté Objet et Symfony
  • Graphiste, intégrateur WEB, designer, Webmaster ou référenceur WEB souhaitant avoir une double compétence et souhaitant exploiter une base de données MySQL pour rendre une application WEB plus dynamique
  • Informaticiens et concepteurs souhaitant maîtriser les techniques pour développer des sites WEB riches et interactif
  • Toute personne souhaitant élargir ses compétences sur les missions liées à la fonction de développement WEB

PROGRAMME DE FORMATION

HTML5 & CSS3

Comment fait-on pour créer des sites web ?

  • Le fonctionnement des sites web
  • HTML et CSS : deux langages pour créer un site web
  • L’éditeur de texte
  • Les navigateurs

Votre première page web en HTML

  • Créer une page web avec l’éditeur
  • Les balises et leurs attributs
  • Structure de base d’une page HTML5
  • Les commentaires

Organiser son texte

  • Les paragraphes
  • Les titres
  • La mise en valeur
  • Les listes

Créer des liens

  • Un lien vers un autre site
  • Un lien vers une autre page de son site
  • Un lien vers une ancre
  • Cas pratiques d’utilisation des liens

Les images

  • Les différents formats d’images
  • Insérer une image
  • Les figures

Atelier et cas pratique

Mettre en place le CSS

  • La petite histoire du CSS
  • Petit rappel : à quoi sert CSS ?
  • CSS : des débuts difficiles
  • CSS : la prise en charge des navigateurs
  • Où écrit-on le CSS ?
  • Quelle méthode choisir ?
  • Des commentaires dans du CSS

Formatage du texte

  • La taille
  • La police
  • Italique, gras, souligné…
  • L’alignement
  • Les flottants

La couleur et le fond

  • Couleur du texte
  • Couleur de fond
  • Le CSS et l’héritage
  • Images de fond
  • La transparence

Les bordures et les ombres

  • Bordures standard
  • Bordures arrondies
  • Les ombres

Création d’apparences dynamiques

  • Au survol
  • Au clic et lors de la sélection
  • Lorsque le lien a déjà été consulté

Structurer sa page

  • Les balises structurantes de HTML5
  • Exemple concret d’utilisation des balises

Le modèle des boîtes

  • Les balises de type block et inline
  • Les dimensions
  • Les marges

La mise en page avec Flexbox

  • Un conteneur, des éléments
  • Alignez-les !
  • Répartir plusieurs lignes
  • Encore plus flex : faire grossir ou maigrir les éléments

Quelques autres techniques de mise en page

  • Le positionnement flottant
  • Transformez vos éléments avec display
  • Le positionnement inline-block
  • Les positionnements absolu, fixe et relatif

Les tableaux

  • Un tableau simple
  • Un tableau structuré

Les formulaires

  • Créer un formulaire
  • Les zones de saisie basiques
  • Les zones de saisie enrichies
  • Les éléments d’options
  • Finaliser et envoyer le formulaire

La vidéo et l’audio

  • Les formats audio et vidéo
  • Insertion d’un élément audio
  • Insertion d’une vidéo

Atelier et cas pratique

Allez plus loin

Développez vos compétences

Financement avec le CPF via

le site MonCompteFormation

POUR TOUTE DEMANDE DE RENSEIGNEMENT OU DE DEVIS