Gestion de l'offre de formation et de la candidature en Nouvelle-Aquitaine
Webmaster Intermédiaire : HTML5/CSS3 + Responsive Web Design (RWD) (sans certification)
DAWAN
Le + de cette formation
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
Objectif Général
Perfectionnement, élargissement des compétences
Objectif
Découvrir le potentiel des nouvelles normes HTML5/CSS3 - Apprendre à faire des sites multiplateforme : smartphone, tablette,....
Type
Formation non conventionnée
Financeur
FINANCEMENT INDIVIDUEL
Référence
Sans objet
Organisme responsable et contact
DAWAN
NomGAYE Fatoumata Tél.09.72.37.73.73 Mailcarif-aquitaine@dawan.frDispositif
Non conventionnée / sans dispositif
Mesure
Non conventionnée / sans dispositif
Référence organisme
Sans objet
Conditions d'accès réglementaires
Sans objet
Prérequis pédagogiques
Sans objet
Publics visés
- Demandeur d'emploi
- Jeune de moins de 26 ans
- Personne handicapée
- Salarié(e)
- Actif(ve) non salarié(e)
Parcours de formation personnalisable ?
Oui
Niveau d'entrée requis
Sans niveau spécifique
Sélection
- Dossier
Accessible en contrat de professionnalisation ?
Non
Modalités d'enseignement (contacter l'organisme)
- Cours à distance (FOAD)
Validation de la formation
- Attestation de fin de formation
Programme
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
Suite de parcours possible
Sans objet
| Numéro Carif | Dates de formation | Ville | Organisme de formation | CPF | Info | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 00396380Publiée le 30/10/2023 | du 01/01/2024 au 31/12/2025 Entrée / sortie permanente | Bordeaux (33) | DAWAN | Non éligible |
 
| ||||||
| |||||||||||
| Numéro Carif | Dates de formation | Ville | Organisme de formation | CPF | Info | ||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| 00253528Publiée le 18/10/2021 | du 15/10/2021 au 31/12/2023 | Pessac (33) | DAWAN | Non éligible |
| ||||||
| |||||||||||
Informations sur l'éligibilité au Compte Personnel de Formation (CPF)
Si vous n'avez pas encore ouvert votre compte personnel de formation suivez ce lien
Retrouvez sur le portail national toute l'information pour vous guider
*Pour vous accompagner dans la démarche, prenez contact avec un conseiller en
évolution professionnelle (CEP) plus d'infos
: ouverture de la formation à la candidature à venir
: publié ce jour et ouvert demain pour garantir un accès à la candidature simultanée entre les réseaux de prescripteurs
: ouvert à la candidature
: fermé à la candidature (date limite d'inscription dépassée et/ou plafond des candidatures autorisées atteint)
: formation terminée
