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

- 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
- Si vous êtes en situation de handicap, envoyez un mail à referenthandicap@dawan.fr
Suite de parcours et formations associées
- Formation jQuery - 2 jour(s)
- Formation Webmaster Intermédiaire : HTML5/CSS3 + Responsive Web Design (RWD) - 5 jour(s)
- Formation Accessibilité Web - 1 jour(s)
- Formation Bootstrap : Sites Web adaptatifs - 2 jour(s)
- Formation Webmaster Intermédiaire : HTML5/CSS3 - 3 jour(s)
- Formation Webmaster Intermédiaire : Responsive Web Design (RWD) - 2 jour(s)
- Formation Webmaster Intermédiaire : jQuery, Bootstrap, Accessibilité - 5 jour(s)
Blocs de compétences
Ce cours ne fait pas partie d'un bloc de compétences
- 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 :
- 236252 - Cliquez sur une date pour monter votre dossier CPF ou contactez-nous au 09.72.37.73.73.
- Demandeurs d'emploi :
- Financement CPF possible, contactez-nous au 09.72.37.73.73
- Note de satisfaction des participants :
- 4,75/5
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
Passage de la certification (si prévue dans le financement)
Passage de la certification (si prévue dans le financement).
Dates à Bordeaux
Dates à Bruxelles
Du 01/03/2021 au 05/03/2021
Du 19/04/2021 au 23/04/2021
Du 07/06/2021 au 11/06/2021
Du 26/07/2021 au 30/07/2021
Du 06/09/2021 au 10/09/2021
Du 18/10/2021 au 22/10/2021
Du 13/12/2021 au 17/12/2021
Dates à Distance
Du 26/04/2021 au 30/04/2021
Du 14/06/2021 au 18/06/2021
Du 02/08/2021 au 06/08/2021
Du 13/09/2021 au 17/09/2021
Du 25/10/2021 au 29/10/2021
Du 20/12/2021 au 24/12/2021
Dates à Geneve
Du 22/03/2021 au 26/03/2021
Du 17/05/2021 au 21/05/2021
Du 28/06/2021 au 02/07/2021
Du 16/08/2021 au 20/08/2021
Du 27/09/2021 au 01/10/2021
Du 22/11/2021 au 26/11/2021
Dates à Lille
Dates à Luxembourg
Du 15/03/2021 au 19/03/2021
Du 03/05/2021 au 07/05/2021
Du 21/06/2021 au 25/06/2021
Du 09/08/2021 au 13/08/2021
Du 20/09/2021 au 24/09/2021
Du 15/11/2021 au 19/11/2021
Dates à Lyon
Dates à Marseille
Dates à Montpellier
Dates à Nantes
Dates à Nice
Dates à Paris
Dates à Rennes
Dates à Strasbourg
-
Bordeaux
DAWAN
4 Av Eugène et Marc Dulout
33600 Pessac -
Bruxelles
DAWAN
4 rue de la Presse
1000 Bruxelles -
Geneve
DAWAN
Route de Chêne 5
Case postale 6298
CH-121 Geneve 6 -
Lille
DAWAN
1 rue Esquermoise
3ème étage
59800 Lille -
Luxembourg
DAWAN
5 Rue Goethe
L-1637 Luxembourg -
Lyon
62 rue de Bonnel
1er étage
69003 Lyon -
Marseille
DAWAN
23 rue de la République
Etage 2
13002 Marseille -
Montpellier
Le Thèbes BâtA Étage3
26 Allée de Mycènes
34000 Montpellier -
Nantes
DAWAN
32 Boulevard Vincent Gâche
44000 Nantes -
Nantes 2
DAWAN
12 Rue Gaëtan Rondeau
44200 Nantes -
Nice
12 Quai Papacino
06000 Nice -
Paris
DAWAN
11 rue Antoine Bourdelle
75015 Paris -
Rennes
DAWAN
81 Mail François Mitterrand
35000 Rennes -
Strasbourg
DAWAN
37, rue du Fossé des Treize
67000 Strasbourg -
Toulouse
DAWAN
1 place Occitane
Immeuble Le Sully Etage 6
31000 TOULOUSE
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.