Web design - les fondamentaux
HTML 5 / CSS 3 – Perfectionnement
Objectif
Comprendre le positionnement des éléments dans une page
Modifier dynamiquement l'apparence d'une page par rapport au périphérique de consultation
Utiliser les transformations et animations
Des connaissances en HTML et CSS sont nécessaires
Moyens pédagogiques
Réflexion de groupe et apports théoriques du formateur
Travail d'échange avec les participants sous forme de réunion-discussion
Utilisation de cas concrets issus de l'expérience professionnelle
Validation des acquis par des questionnaires, des tests d'évaluation, des mises en situation et des jeux pédagogiques.
Remise d'un support de cours.
Moyens techniques
Pour les formations nécessitant un ordinateur, un PC est mis à disposition de chaque participant.
Modalités d'évaluation
Feuille de présence signée en demi-journée,
Evaluation des acquis tout au long de la formation,
Questionnaire de satisfaction,
Attestation de stage à chaque apprenant,
Positionnement préalable oral ou écrit,
Evaluation formative tout au long de la formation,
Evaluation sommative faite par le formateur ou à l'aide des certifications disponibles
Modalités distance
A l’aide d’un logiciel (Teams, Zoom…), d’un micro et d’une caméra les apprenants interagissent et communiquent entre eux et avec le formateur.
Sessions organisées en inter comme en intra entreprise.
L’accès à l’environnement d’apprentissage ainsi qu’aux preuves de suivi et d’assiduité (émargement, évaluation) est assuré.
Pour toute question avant et pendant le parcours, assistance technique à disposition au 04 67 13 45 45.
Profil formateur
Nos formateur sont des experts dans leurs domaines d'intervention
Leur expérience de terrain et leurs qualités pédagogiques constituent un gage de qualité.
Accessibilité
Les personnes en situation d'handicap sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités de suivre la formation.
Pour tout renseignement, notre référent handicap reste à votre disposition : mteyssedou@ait.fr
Toute personne désirant créer des sites Internet
Compte personnel de formation
La formation n'est pas compatible avec le Compte personnel de formation
Sessions inter-entreprises
La formation n'est pas compatible avec l’organisation en session inter-entreprises
Programme de la formation
HTML - Rappels sur la structuration d'une page
- Balises span et div
- Les sections logiques d'une page
- Les balises block et inline
- Propriété CSS display
- Définir la largeur, la hauteur et l'alignement
- Définir les bordures
- Définir les marges externes et internes
CSS - Les sélecteurs et les pseudos-classes évoluées
- Rappels sur les sélecteurs courants
- Rappels sur les pseudos-classes courantes
- Les pseudos-classes évoluées
- CSS pour réaliser un compteur
- CSS pour créer du contenu
CSS - Les média-queries
- Les propriétés d'affichage
- Propriété CSS visibylity
- La fonction calc() et la propriété min – max
Mise en pratique - Ecriture d'une page qui s'adapte automatiquement
Positionnement des éléments
- Les positions absolues, relatives et fixes
- Les éléments flottants
- Utilisation de top, bottom, left, right
Gérer les scrollers dans ma structure
- Propriété CSS overflow
- Mettre en place un effet parallaxe dans une page
Mise en pratique - Utilisation d'un effet parallaxe
CSS - Transformation
- Gérer la position x et y
- Modifier la taille proportionnellement
- Rotation
- Déformation
Mise en pratique - Mise en page polaroid
CSS - Transition
- Les propriétés visées par la transition
- La durée et le délai de déclenchement
CSS - Animation
- Définir une animation
- Appliquer une animation