logo-s StartiVia


S’inscrire à la formation

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

A l’issue de la formation HTML CSS Perfectionnement, diverses compétences vous seront transmises, notamment :

  • 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 est destinée à toute personnes souhaitant maîtriser le langage web HTML/CSS.

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

--Télécharger Formation Développement Web HTML CSS Perfectionnement en PDF --