Concepteur Designer UI
HTML & CSS
Objectifs
Un concepteur designer UI doit avoir des compétences en HTML et CSS pour pouvoir établir un prototype réalisable et intégrer et/ou modifier un site.
Ce module apporte les connaissances fondamentales en HTML et CSS pour bâtir une interface statique et adaptable.
HTML & CSS
Objectifs
Un concepteur designer UI doit avoir des compétences en HTML et CSS pour pouvoir établir un prototype réalisable et intégrer et/ou modifier un site.
Ce module apporte les connaissances fondamentales en HTML et CSS pour bâtir une interface statique et adaptable.
Programme
1. Découverte et installation de l’environnement
- Découverte des langages Web
- Quels projets sont réalisables?
- Qu’est ce qu’un éditeur de code?
- Comment faire son choix?
- Choisir son navigateur de test
2. HTML
- Qu’est ce que le HTML ?
- Comment commencer un projet ?
- Qu’est ce qu’une balise ?
- Qu’est ce qu’un attribut ?
- Structure de base d’une page HTML
- Mettre des commentaires pour soigner son travail
- Ajouter des titres
- Mettre en valeur certains éléments
- Créer des listes
- Créer une nouvelle page web, relier des pages existantes
- Les attributs spécifiques aux liens
- Lien d’envoi d’email & de téléchargement de document
- Gestion des images, les attributs spécifiques aux images, les figures
- Créer des formulaires
- Initiation aux événements
- Les balises structurantes
- Versionner son code avec git
4. BOOTSTRAP
- Première page avec Bootstrap
- Les grilles Bootstrap
- Les tableaux
- Classes contextuelles Bootstrap et font-awesome
- Les Cards Bootstrap
3. CSS
- Où écrire notre code CSS ?
- Les commentaires au sein d’une feuille de style
- Les types de sélecteur: classe & ID
- Les sélecteurs avancés
- Modification de texte
- Modifier le fond d’un élément
- Jouer avec la transparence
- Ajouter des bordures: Css 3 bords arrondis, ombres
- CSS 3: Transformations, transitions et animations.
- Les bases du responsive design
- Positionnement des blocs avec flex
- Les blocs flottants
- Les grilles en CSS
