Formation Webmaster Intermédiaire : HTML5/CSS3 + Responsive Web Design (RWD)

Formation éligible au CPF, contactez-nous au 09.72.37.73.73 pour en savoir plus

Votre devis en 3 clics

  • 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
  • Evaluation de fin de formation : Certification CPF ou mise en situation notée par le formateur
Durée :
5 jours
Public :
Tous
Pré-requis :
Notions fondamentales en création de sites Web, HTML et CSS
Objectifs :
Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,....
Sanction :
Attestation de fin de stage mentionnant le résultat des acquis
Référence :
SIT653-F
Code CPF :
Nous contacter

Demandeurs d'emploi :
Financement CPF possible, contactez-nous au 09.72.37.73.73
Téléchargez le PDF

Introduction

Histoire du HTML
Versions

Structure d'un document

Les bases d'un document HTML
Le Doctype
Les balises html, head, body
Les commentaires
Structures des balises et des attributs
Différences entre les balises inline et block

Les balises de contenu

Les titres (h1, h2, h3, etc)
Les paragraphes
Mise en gras et en italique
Les liens hypertexte
Les listes (ordonnées et non ordonnées)
Les tableaux

Atelier : Structurer une page html

Les Médias 

Les images et format d'image
Les attributs essentiels (src, alt, etc)
Intégrer des sons et des vidéos
Autres médias

Atelier : Intégrer plusieurs médias sur une page html

Le CSS

Présentation et définition
Attacher une css à une page html
Les sélecteurs (balise, id, class)
Les pseudo-classes
Les propriétés et valeurs
Les commentaires

Atelier : Attacher une feuille css à une page html

Les propriétés

Les propriétés de texte (police, taille, alignement)
Les couleurs hexadecimale, rgb, rgba et nommées
Les propriétés d'arrière plan
Les marges intérieurs et extérieur (margin, padding)
Les bordures
Les dimensions
Les listes

Atelier : Styliser une page existante

Le positionnement de bloc

Positionnement absolu ou relatif
Bloc flottant et fixe
Les blocs flexibles
Les grilles

Atelier : Positionner différents blocs sur une page

Les Formulaires 

Les balises de formulaire
Les attributs action et method
Les différents champs de formulaire
Les différentes formes du champs input
Les attributs pour les champs de formulaire (placeholder, required, etc)
Valider un formulaire

Atelier : Créer un formulaire d'inscription

Les animations

Les animations et transitions
Durée des animations
Les fonctions de transition
Les Keyframes

Atelier : Créer une animation

Autres propriétés CSS3

Les transformations
Les ombres de texte et de bloc
Les bordures arrondies
Les colonnes
La propriété box-sizing

Construire un site web adaptatif

Responsive Web Design (RWD) : définition, composantes
Contraintes ergonomiques et fonctionnelles
Viewport : notion, meta, valeurs
Unités relatives (%, em) vs. absolues (px)

Créer une grille d'affichage flexible

Tailles d'écran, résolution optimale
Modes portrait et paysage
Expression des tailles en pourcentage (%), em
Tailles minimales, maximales
Blocs, approche contenu/contenant
Principe des box, layout avec CSS3
Taille des fonts : fixer une base pour les tailles, conversions em
Eviter les débordements

Atelier : Multiples exemples de grilles flexibles

Utiliser des médias flexibles

Images flexibles : images de fond, adaptation HTML5
Marges et espaces flexibles
Vidéos adaptées
Support des propriétés CSS par les anciens navigateurs

Atelier : Eviter le débordements d'images/vidéos

Ecrire des CSS3 Media Queries

Adaptation de l'affichage en fonction de la résolution
Types de médias
Choix des règles conditionnelles : orientation, device-width
Medias queries internes, externes
Gestion des menus et sliders

Atelier : Création de site responsive pure css avec des media-queries

Frameworks RWD

Panorama des frameworks existants
Bootstrap
960 grid
Optimisation des ressources graphiques

Atelier : Construction d'un site adaptatif avec Bootstrap

CopyrightDepot Dawan
Dates à Bordeaux

Du 27/01/2020 au 31/01/2020

Du 02/03/2020 au 06/03/2020

Du 06/04/2020 au 10/04/2020

Du 08/06/2020 au 12/06/2020

Du 20/07/2020 au 24/07/2020

Du 24/08/2020 au 28/08/2020

Du 28/09/2020 au 02/10/2020

Du 02/11/2020 au 06/11/2020

Du 14/12/2020 au 18/12/2020

Dates à Bruxelles

Du 20/01/2020 au 24/01/2020

Du 24/02/2020 au 28/02/2020

Du 30/03/2020 au 03/04/2020

Du 01/06/2020 au 05/06/2020

Du 06/07/2020 au 10/07/2020

Du 17/08/2020 au 21/08/2020

Du 21/09/2020 au 25/09/2020

Du 26/10/2020 au 30/10/2020

Du 07/12/2020 au 11/12/2020

Dates à Geneve

Du 09/12/2019 au 13/12/2019

Du 06/01/2020 au 10/01/2020

Du 10/02/2020 au 14/02/2020

Du 16/03/2020 au 20/03/2020

Du 11/05/2020 au 15/05/2020

Du 22/06/2020 au 26/06/2020

Du 03/08/2020 au 07/08/2020

Du 07/09/2020 au 11/09/2020

Du 12/10/2020 au 16/10/2020

Du 23/11/2020 au 27/11/2020

Dates à Lille

Du 20/01/2020 au 24/01/2020

Du 24/02/2020 au 28/02/2020

Du 30/03/2020 au 03/04/2020

Du 01/06/2020 au 05/06/2020

Du 06/07/2020 au 10/07/2020

Du 17/08/2020 au 21/08/2020

Du 21/09/2020 au 25/09/2020

Du 26/10/2020 au 30/10/2020

Du 07/12/2020 au 11/12/2020

Dates à Luxembourg

Du 03/02/2020 au 07/02/2020

Du 09/03/2020 au 13/03/2020

Du 20/04/2020 au 24/04/2020

Du 15/06/2020 au 19/06/2020

Du 27/07/2020 au 31/07/2020

Du 31/08/2020 au 04/09/2020

Du 05/10/2020 au 09/10/2020

Du 16/11/2020 au 20/11/2020

Dates à Lyon

Du 09/12/2019 au 13/12/2019

Du 06/01/2020 au 10/01/2020

Du 10/02/2020 au 14/02/2020

Du 16/03/2020 au 20/03/2020

Du 11/05/2020 au 15/05/2020

Du 22/06/2020 au 26/06/2020

Du 03/08/2020 au 07/08/2020

Du 07/09/2020 au 11/09/2020

Du 12/10/2020 au 16/10/2020

Du 23/11/2020 au 27/11/2020

Dates à Marseille

Du 09/12/2019 au 13/12/2019

Du 06/01/2020 au 10/01/2020

Du 10/02/2020 au 14/02/2020

Du 16/03/2020 au 20/03/2020

Du 11/05/2020 au 15/05/2020

Du 22/06/2020 au 26/06/2020

Du 03/08/2020 au 07/08/2020

Du 07/09/2020 au 11/09/2020

Du 12/10/2020 au 16/10/2020

Du 23/11/2020 au 27/11/2020

Dates à Montpellier

Du 27/01/2020 au 31/01/2020

Du 02/03/2020 au 06/03/2020

Du 06/04/2020 au 10/04/2020

Du 08/06/2020 au 12/06/2020

Du 20/07/2020 au 24/07/2020

Du 24/08/2020 au 28/08/2020

Du 28/09/2020 au 02/10/2020

Du 02/11/2020 au 06/11/2020

Du 14/12/2020 au 18/12/2020

Dates à Nantes

Du 27/01/2020 au 31/01/2020

Du 02/03/2020 au 06/03/2020

Du 06/04/2020 au 10/04/2020

Du 08/06/2020 au 12/06/2020

Du 20/07/2020 au 24/07/2020

Du 24/08/2020 au 28/08/2020

Du 28/09/2020 au 02/10/2020

Du 02/11/2020 au 06/11/2020

Du 14/12/2020 au 18/12/2020

Dates à Nice

Du 09/12/2019 au 13/12/2019

Du 06/01/2020 au 10/01/2020

Du 10/02/2020 au 14/02/2020

Du 16/03/2020 au 20/03/2020

Du 11/05/2020 au 15/05/2020

Du 22/06/2020 au 26/06/2020

Du 03/08/2020 au 07/08/2020

Du 07/09/2020 au 11/09/2020

Du 12/10/2020 au 16/10/2020

Du 23/11/2020 au 27/11/2020

Dates à Paris

Du 09/03/2020 au 13/03/2020

Du 20/04/2020 au 24/04/2020

Du 15/06/2020 au 19/06/2020

Du 27/07/2020 au 31/07/2020

Du 31/08/2020 au 04/09/2020

Du 05/10/2020 au 09/10/2020

Du 16/11/2020 au 20/11/2020

Dates à Rennes

Du 27/01/2020 au 31/01/2020

Du 02/03/2020 au 06/03/2020

Du 06/04/2020 au 10/04/2020

Du 08/06/2020 au 12/06/2020

Du 20/07/2020 au 24/07/2020

Du 24/08/2020 au 28/08/2020

Du 28/09/2020 au 02/10/2020

Du 02/11/2020 au 06/11/2020

Du 14/12/2020 au 18/12/2020

Dates à Strasbourg

Du 03/02/2020 au 07/02/2020

Du 09/03/2020 au 13/03/2020

Du 20/04/2020 au 24/04/2020

Du 15/06/2020 au 19/06/2020

Du 27/07/2020 au 31/07/2020

Du 31/08/2020 au 04/09/2020

Du 05/10/2020 au 09/10/2020

Du 16/11/2020 au 20/11/2020

Dates à Toulouse

Du 27/01/2020 au 31/01/2020

Du 02/03/2020 au 06/03/2020

Du 06/04/2020 au 10/04/2020

Du 08/06/2020 au 12/06/2020

Du 20/07/2020 au 24/07/2020

Du 24/08/2020 au 28/08/2020

Du 28/09/2020 au 02/10/2020

Du 02/11/2020 au 06/11/2020

Du 14/12/2020 au 18/12/2020

Transmettre l’envie d'apprendre, de comprendre, de progresser, de partager : c'est ce qui nous motive chaque jour pour améliorer sans cesse l'entreprise, le travail de nos équipes et la satisfaction de nos clients.
C'est pour cela que nous mettons tout en œuvre pour vous accueillir dans le meilleur des cadres, avec les meilleurs contenus, les meilleurs formateurs, des supports constamment renouvelés et une démarche commerciale résolument innovante.

GAGNER EN QUALITE

Depuis 2000, nous progressons continuellement pour faire évoluer notre catalogue, nos cours, nos supports, notre accueil et notre pédagogie. Nous sommes certifiés OPQF depuis la rentrée 2012 et poursuivons notre démarche qualité en formant constamment nos intervenants aux nouvelles techniques pédagogiques et aux évolutions technologiques.

DEVELOPPER NOTRE EQUIPE DE FORMATEURS INTERNES

Nous avons développé une équipe de professionnels de la pédagogie qui interviennent pour notre propre compte ainsi qu'en sous-traitance pour la plupart de nos confrères. Nous bénéficions ainsi d'une très riche expérience de l'enseignement en nous confrontant constamment à la quasi-globalité des contenus et outils pédagogiques du marché de la formation professionnelle.

ASSURER UNE REACTIVITE COMMERCIALE

Notre équipe de commerciaux est parfaitement formée aux nouvelles technologies et saura répondre à tous les besoins en moins de 48h. Disponibilité, programme, coût : vous aurez une réponse appropriée, claire et vraiment rapide.

CREER DES SUPPORTS INNOVANTS

Nous veillons à ce que nos clients soient parfaitement satisfaits des supports que nous offrons. Aussi, nous avons développé des produits internes très efficaces que nous mixons avec les meilleurs supports du marché. A cela s'ajoute un tutorat mail pendant 30 jours pour que chaque stagiaire puisse poser toutes les questions qui lui viennent après le cours.

SOIGNER L'ACCUEIL DE NOS CLIENTS

Nous mettons un point d'honneur à ce que nos clients soient parfaitement accueillis quand ils viennent chez nous : prise en charge dès leur arrivée, boissons et viennoiseries aux pauses, repas avec les autres stagiaires et formateurs, questions/réponses après les cours. Nos formations représentent une étape de progression et de réflexion dans la carrière de nos clients et nous souhaitons qu'elle se fasse dans les meilleures conditions.

DISPOSER D'UN ENVIRONNEMENT PRIVILEGIE

Nous vous accueillons dans des salles parfaitement adaptées à l'apprentissage : des machines très puissantes pour les formations gourmandes en ressources, des salles lumineuses et climatisées, des locaux faciles d'accès en centre ville et à proximité immédiate des gares etc. Tout a été pensé pour votre confort !

PARTAGER NOTRE SENS DU SERVICE

Nous voulons continuer à vous apporter le meilleur service au meilleur coût. Sollicitez Dawan pour vos besoins de formations et vous découvrirez un organisme réellement désireux de participer à la réussite des projets de ses clients.

formation

Datadock

Dawan bénéficie du soutien du FRED

TOSA
logo OPQF
logo FFP