Langages HTML5 | CSS3

Contenu

Public

Programme

HTML5

1. Principes et Syntaxe

  • HTML/CSS
  • Le DOM (Document Object Model)
  • Introduction à la sémantique
  • Entête de page («head») et Corps de document («body»)
  • Créer une page web avec un éditeur de texte
  • Les balises et leurs attributs, la norme W3C
  • Balises de mise en page

2. Sémantique

  • Balises - structurer un document
  • Organiser et donner du sens au contenu
  • Attribut rôle (ARIA, pour les lecteurs vocaux)

3. Web Forms

  • Syntaxe des différents champs
  • Texte multi-lignes et boutons
  • Les listes de choix, les cases à cocher
  • Utilisation d’un «label» pour l’accessibilité
  • La valeur sémantique du tableau
  • Séparation et organisation des lignes et cellules

4. Référencement naturel. Microdata.

  • Microdata. Principe et syntaxe.
  • Alignement, distribution et comportement responsive des blocs

5. Balises Médias (vidéo, son, image, canvas)

  • Compatibilité navigateurs
  • Balise vidéo et balise audio
  • Géolocalisation: concept et fonctionnement, traceur GPS
  • API Canvas et format SVG

CSS3

1. Les Sélecteurs

  • D'éléments
  • Avec les attributs id, class
  • Pseudo-selecteurs

2. Mise en forme des contenus

  • Intégration de polices exotiques
  • Formatage texte

3. Postitionnement des Blocs

  • Marges internes et externes
  • Largeur et hauteur
  • Alignement avec la propriété float
  • Gestion du flux
  • Superposition de blocs (absolute et relative)

4. Module FLEXBOX

  • Alignement horizontal et vertical
  • Distribution des blocs
  • Comportement responsive des blocs

5. Responsive Design

  • Les médias queries
  • Intégrer un menu mobile
  • Images adaptatives

6. Effets CSS3

  • Ombres portées, transparence, bords
  • Transitions et transformations

Prochaines dates

du 14.10.2019 au 01.11.2019

Écolage

CHF 1800.-