HTML/CSS3

Avec cette formation langage web HTML/CSS3 vous comprendrez l'importance de HTML5 et CSS3. Activ'recrutement et formation met à votre disposition ses compétences et son expérience pour le déroulement des formations sur Le mans, Angers, Paris, Laval, Aix en provence, Marseille, Montpellier, Lille.

Cette formation vous intéresse ?

N'hesitez pas à nous contacter au 02.43.20.35.48 ou
par mail ici

Objectifs

A l'issue de cette formation vous serez capable de :

  • Comprendre l'importance du HTML5 et CSS3
  • Savoir créer des pages web simples.
Public

Cette formation s'adresse à tous publics.

 

 

Durée et lieu

Durée : 3 jours (21h)

Villes:

  • Le Mans
  • Angers
  • Laval
  • Paris
  • Aix en provence
  • Marseille
  • Montpellier
  • Lille

 

 

Programme

Définition et orientations d'HTML5

  • histoire d'HTML et CSS
  • Aperçu des nouveaux standards HTML 5 et CSS3

 

Définition des pages web et des navigateurs

  • Séparation du contenu (code HTML 5) et de la mise en forme (feuille de style CSS)
  • Utilisation des requêtes multimédias
  • La compatibilité des navigateurs et le futur de HTML 5

 

Définition des parties de la page par des sections

  • Les balises et les parties de la page HTML 5 : section, article, aside, nav, etc...
  • Sous-sections HTML 5 : header, hgroup> , footer

Simplification des contenus multimédias (audio, vidéo, animations)

  • Logiciel de lecture intégré au navigateur
  • Balises simplifiées audio et video
  • Insertion simplifiée de contenus Flash
  • Les Formats vidéos : Theora, H264 et WebM (codec VP8 )

Définition des éléments graphiques

  • Canvas et le dessin de graphiques sur une page web
  • SVG (Scalable Vector Graphics) et la création de graphiques interactifs

Les nouveaux sélecteurs CSS3

  • Puissance des sélecteurs
  • Cibler des balises au sein du même parent
  • Cibler les balises en fonction de leurs attributs
  • Les nouvelles pseudo classes

Les bordures des blocs

  • Création et réglage des coins arrondis
  • Utilisation d'images
  • Les ombres et effets d'ombres

Le fond des blocs

  • Spécifier la taille
  • Définir son positionnement
  • Sélection de plusieurs fonds

Le texte

  • Ombres et effets d'ombres
  • Coupures et mises à la ligne
  • Justifier et aligner le texte
  • Utilisation de polices personnalisées

Transformations, transitions et animations

  • Les effets 2D
  • Les effets 3D
  • Les animations simples et multiples

Multicolonnage automatique

  • Nombre et largeur des colonnes
  • Trait de séparation des colonnes
  • Espacement entre les colonnes
  • Equilibrage des colonnes