HTML / CSS
Perfectionnement
Le HTML/CSS sont des langages de programmation Web conçus pour représenter les pages Web. Grâce au HTML vous pourrez structurer sémantiquement vos pages et inclure des images, textes, liens, formulaires… Le CSS vous permettra de mettre en forme, d’habiller, de peindre vos pages.
Les objectifs de la formation
A l’issue de la formation HTML / CSS perfectionnement, diverses compétences vous seront transmises
Améliorer sa culture sur les langages Web
Ecrire, interpréter, maîtriser l’HTML5 / CSS3
Connaitre les balises HTML5 et attribut CSS3
Les pré-requis
Connaître la micro-informatique, la bureautique, être à l’aise avec Internet.
Avoir suivi la formation HTML CSS Initiation.
Public concerné
Cette formation HTML/CSS perfectionnement est destinée à toute personnes souhaitant maîtriser le langage web HTML/CSS.
Durée
2 à 5 jours
Tarifs
300 € / Jour
Modalités
En centre de formation, en entreprise ou à distance
Contenu de la formation
L’environnement Web
- Internet, le Web et son fonctionnement
- Distinguer les principaux navigateurs : Google Chrome, Mozilla Firefox, Opera, Safari, Internet Explorer
- L’importance du référencement
- Connaitre les principaux : Google, Yahoo, Bing
- Les sites vitrines / sites de ventes en ligne
Rappel des fondamentaux
- Inventaire des différents langages existants (Php, JavaScript, MySQL…)
- Choisir un type de développement pour un type de site
- Changements, interprétations de chaque navigateur
- Les normes W3C
- Notions de référencement interne
- La structure des documents html : head, body…
- Les balises obsolètes
- Les nouvelles balises
Les éléments audio et vidéo
- Les différents formats audio et vidéo
- Insertion d’éléments audio et vidéo
Les formulaires HTML5
- Eléments de formulaire HTML 5
- Concevoir et utiliser un formulaire HTML 5
- Les zones de saisie basiques (texte, mot de passe, bouton)
- Les zones de saisie enrichies (email, url, numéro)
- Les éléments d’options (les cases à cocher)
- Finaliser et envoyer le formulaire
Structurer et positionnement de sa page
- Les balises structurantes de HTML5 : header, footer, nav…
- Compatibilité avec IE
- Les balises de type block et inline
- Les dimensions (pourcentage, pixel…)
- Les marges (margin, padding)
- Le positionnement flottant (float)
- Transformez ses éléments grâce à « display »
- Cas particulier, le « inline-block »
- Le positionnement absolu, fixe et relatif
Apparences dynamiques, les pseudo-formats
- Au survol de la souris
- Lors d’une sélection et au clic
- Lorsque le lien a déjà été consulté
Éléments particuliers du CSS
- Bordures standards
- La nouveauté des bordures arrondies
- Définir une ombre sur un élément
- Faire appel à une police exotique
- Solution de mise en page adaptative avec les media queries
Découvrez les nouveautés du CSS 3
- Les transformations
- Les transitions
- Les animations
Allez plus loin
- Comprendre à quoi sert le JavaScript
- Site mobile
- Sites Web dynamiques grâce au PHP et CMS
Toutes nos formation se font en contrôle continu, suivi d’une évaluation finale des compétences acquises au cours de la formation.