Formation Webmaster Avancé : HTML5/CSS3/RWD

icon public

Public : Webmasters

icon horloge

Durée : 3 jour(s)

Syllabus de la formation Webmaster Avancé : HTML5/CSS3/RWD

Pré-requis : Avoir de bonnes connaissances HTML et CSS

Objectifs : Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à  faire des sites multiplateforme : smartphone, tablette,.... - Générer un flux RSS - Découvrir XML, Ajax et jQuery

Sanction : Attestation de fin de stage mentionnant le résultat des acquis

Taux de retour à l’emploi : Aucune donnée disponible

Référence : SIT1246-F

Taux de satisfaction : 4,63 / 5

Accessibilité : Nos formations sont accessibles aux personnes en situation de handicap

À partir de

875,00 € HT / jour

1 300,00 €HT

1 250,00 € HT

Pour 10 heures utilisables pendant 12 mois

1 625,00 € HT

Tarif plein:

  • Paiement à 60 jours
  • Report possible à J-3
  • 3 tickets d'assistance

1 300,00 € HT

Tarif remisé :

Contacter Dawan

Programme de Formation Webmaster Avancé : HTML5/CSS3/RWD

Introduction

Historique : Evolution du HTML et de CSS
Le HTML5 : Présentation des problèmatiques actuelles
Exemples d’applications en HTML 5 et CSS3
Apercu d’outils de développement comme Visual Studio
 

HTML5

Structurer une page en HTML5 :
Les balises sémantiques : header, article, aside…
Création d’un conteneur de disposition
Les nouveaux attributs utilisés par les moteurs de recherche

Atelier pratique : Architecture d’une page en HTML5
 

Gestion des médias en HTML 5

Les balises audio et video
La balise Canvas : Utilisation de l’API Canvas.
Graphiques interactifs avec SVG

Atelier pratique : Création de graphiques interactifs
 

CSS 3

Application de styles aux propriétés de zone HTML 5
Les sélecteurs : Référencement balise et attributs, Héritage, les préfixes, !important, l’architecture objet, les pseudo-classes et les pseudo-éléments.
Apparence: Taille, bordures, contours, background, image arriere-plan, dégradés,ombres, détourage,
transparence, dimensionnement, marges…
Problèmatiques de positionnement, les différents modes de positionnement., affichage, masquage
Disposition en colonnes. Flottements, exclusions.

Atelier pratique : Création d’une page d’articles de presse
 

Application de styles aux propriétés de texte HTML 5

Format, couleur, ombre portée…
Intégration de polices : @font-face
Alignement, indentation du texte, justification, césure.

Atelier pratique : Mise en page d’un article
 

Les transitions et les transfomations en CSS3

Transformation d’objets en 2D et 3D
Animations d’objets avec les transitions CSS
Adaptation de l’interface en fonction des médias utilisés

Atelier pratique : Animation de la page web
 

Le Responsive Web Design

Présentation du Responsive Web Design : objectifs, alternatives...
Le modèle flexible
Les media queries
Disposition utilisant les régions, le regroupement et l’imbrication
Les grilles fixes et fluides
Compression d'images, sprites, Data URI
API Network Information JavaScript pour Responsive

Atelier pratique : Adaptation de la page web aux multiples formats ( tablettes, smartphone…)
 

Les principales API de HTML 5

Les API de stockages : LocalStorage, SessionStorage, IndexedDB
La géolocalisation
Offline web application

Passage de la certification (si prévue dans le financement)

 

Ce cours permet de découvrir les fonctionnalités apportées par le HTML5, le CSS3, les règles de bonne pratique du Responsive Web Design, ainsi que les principales API HTML5.

  • Un support et les exercices du cours pour chaque stagiaire
  • Un formateur expert ayant suivi une formation à la pédagogie
  • Boissons offertes pendant les pauses en inter-entreprises
  • Salles lumineuses et locaux facilement accessibles
  • Méthodologie basée sur l'Active Learning : 75% de pratique minimum
  • Matériel pour les formations présentielles informatiques : un PC par participant
  • Positionnement à l'entrée et à la sortie de la formation
  • Certification CPF quand formation éligible
  • Nos formations sont accessibles aux personnes en situation de handicap :
    Si vous êtes en situation de handicap, nous sommes en mesure de vous accueillir, n'hésitez pas à nous contacter à referenthandicap@dawan.fr, nous étudierons ensemble vos besoins.

Suite de parcours et formations associées

Pour suivre une session à distance depuis l'un de nos centres, contactez-nous.

Lieu Date Remisé Actions
Bordeaux Du 17/06/2024 au 19/06/2024 Oui S'inscrire
Bordeaux Du 23/09/2024 au 25/09/2024 Oui S'inscrire
Bruxelles Du 08/07/2024 au 10/07/2024 S'inscrire
Bruxelles Du 07/10/2024 au 09/10/2024 S'inscrire
Distance Du 08/07/2024 au 10/07/2024 Oui S'inscrire
Distance Du 21/10/2024 au 23/10/2024 Oui S'inscrire
Genève Du 08/07/2024 au 10/07/2024 S'inscrire
Genève Du 21/10/2024 au 23/10/2024 S'inscrire
Lille Du 17/06/2024 au 19/06/2024 Oui S'inscrire
Lille Du 23/09/2024 au 25/09/2024 Oui S'inscrire
Luxembourg Du 08/07/2024 au 10/07/2024 S'inscrire
Luxembourg Du 07/10/2024 au 09/10/2024 S'inscrire
Lyon Du 24/06/2024 au 26/06/2024 Oui S'inscrire
Lyon Du 30/09/2024 au 02/10/2024 Oui S'inscrire
Marseille Du 24/06/2024 au 26/06/2024 Oui S'inscrire
Marseille Du 30/09/2024 au 02/10/2024 Oui S'inscrire
Montpellier Du 17/06/2024 au 19/06/2024 Oui S'inscrire
Montpellier Du 23/09/2024 au 25/09/2024 Oui S'inscrire
Nantes Du 08/07/2024 au 10/07/2024 Oui S'inscrire
Nantes Du 07/10/2024 au 09/10/2024 Oui S'inscrire
Nice Du 24/06/2024 au 26/06/2024 Oui S'inscrire
Nice Du 30/09/2024 au 02/10/2024 Oui S'inscrire
Paris Du 17/06/2024 au 19/06/2024 Oui S'inscrire
Paris Du 23/09/2024 au 25/09/2024 Oui S'inscrire
Rennes Du 08/07/2024 au 10/07/2024 Oui S'inscrire
Rennes Du 07/10/2024 au 09/10/2024 Oui S'inscrire
Strasbourg Du 08/07/2024 au 10/07/2024 Oui S'inscrire
Strasbourg Du 07/10/2024 au 09/10/2024 Oui S'inscrire
Toulouse Du 17/06/2024 au 19/06/2024 Oui S'inscrire
Toulouse Du 23/09/2024 au 25/09/2024 Oui S'inscrire

Nos centres de formation

  • Bordeaux

    Nos locaux sont accessibles

    Bât Ravezies - 2e étage 250 avenue Emile Counord

    33300 Bordeaux

    Liaison directe de la gare Bordeaux Saint-Jean via le tram C

  • Bruxelles

    Rue de la Loi, 23

    1040 Bruxelles

  • Distance

    32 Boulevard Vincent Gâche

    44000 Nantes

  • Genève

    c/o CCI France Suisse Route de Jussy 35 Case postale 6298

    CH-1211 Thônex - Genève

  • Lille

    Nos locaux sont accessibles

    46 rue des Canonniers - 2è étage

    59800 Lille

    Proche des deux gares

  • Luxembourg

    5 Rue Goethe

    L-1637 Luxembourg

  • Lyon

    Nos locaux sont accessibles

    62 rue de Bonnel - 1er étage Ascenseur à droite de l'entrée

    69003 Lyon

  • Marseille

    Nos locaux sont accessibles

    38/40 rue de la République Escalier A, 1er étage

    13001 Marseille

    A proximité du vieux port

  • Montpellier

    Nos locaux sont accessibles

    26 Allée de Mycènes Le Thèbes, Bât. A, 3è étage

    34000 Montpellier

    Quartier Antigone

  • Nantes

    Nos locaux sont accessibles

    32 Boulevard Vincent Gâche

    44200 Nantes

  • Nice

    Nos locaux sont accessibles

    455 promenade des Anglais Bât Arenice, 7è étage

    06200 Nice

  • Paris

    Nos locaux sont accessibles

    11 rue Antoine Bourdelle

    75015 Paris

    dans le 15e arrondissement

  • Rennes

    Nos locaux sont accessibles

    3 place du Général Giraud

    35000 Rennes

  • Strasbourg

    Nos locaux sont accessibles

    4 rue de Sarrelouis - 4è étage

    67000 Strasbourg

  • Toulouse

    Nos locaux sont accessibles

    1 place Occitane Bât. Le Sully - 4è étage

    31000 Toulouse

    Proche de Jean-Jaurès et du Capitole