SlideShare une entreprise Scribd logo
Une formation
Carl BRISON
Formation
HTML et CSS
Le Niveau Avancé
Cursus Développeur Front : HTML & CSS
Une formation
Introduction
1. Manipuler les textes avec CSS
2. Manipuler les images avec CSS
3. Manipuler les boîtes avec CSS
4. Les types de positionnement en CSS
5. Sélecteurs CSS avancés
6. Une favicon pour son site web
7. Les formulaires avancés
8. Les médias queries
9. Réaliser un menu burger en HTML et CSS
10. Animer des éléments HTML
11. Annexe
12. Création de notre premier site web
Conclusion
Plan de la formation
Une formation
Public concerné
Toute personne désireuse d’apprendre
à concevoir un site internet
Etudiants débutants en développement web
Une formation
Connaissances requises
Avoir des bases en HTML et CSS
Ces bases sont fournies dans le tuto intitulé
HTML et CSS, le Guide du Débutant
Alphorm.com Formation HTML et CSS : Le Niveau Avancé
Présentation du projet
de la formation
Une formation
Carl BRISON
Passer un mot
en majuscule et/ou minuscule
Une formation
Carl BRISON
Indenter un paragraphe
Une formation
Carl BRISON
Créer une ombre à un texte
Une formation
Carl BRISON
Modifier l'espace
entre les lignes
Une formation
Carl BRISON
Modifier l'espace
entre les lettres
Une formation
Carl BRISON
Modifier l'espace
entre les mots
Une formation
Carl BRISON
Créer une image ovale
Une formation
Carl BRISON
Créer une image ronde
Une formation
Carl BRISON
Rendre n'importe quelle
image parfaitement ronde
Une formation
Carl BRISON
Définir des ombres
à une boîte Div
Une formation
Carl BRISON
La propriété : float
Une formation
Carl BRISON
La propriété : clear
Une formation
Carl BRISON
La propriété : overflow
Une formation
Carl BRISON
Le positionnement absolu
Une formation
Carl BRISON
Le positionnement relatif
Une formation
Carl BRISON
Superposition des contenus
Une formation
Carl BRISON
La propriété z-index
Une formation
Carl BRISON
Le positionnement fixe
Une formation
Carl BRISON
Le positionnement statique
Une formation
Carl BRISON
Rappel des sélecteurs appris
Une formation
Carl BRISON
Le sélecteur descendant
Une formation
Carl BRISON
La pseudo-classe active
Une formation
Carl BRISON
La pseudo-classe only-child
Une formation
Carl BRISON
La pseudo-classe checked
Une formation
Carl BRISON
La pseudo-classe not()
Une formation
Carl BRISON
Le sélecteur suivant
Une formation
Carl BRISON
Le sélecteur enfant
Une formation
Carl BRISON
Le sélecteur suivant général
Une formation
Carl BRISON
Le sélecteur d'attribut
Une formation
Carl BRISON
Le sélecteur d'attribut
spécifique
Une formation
Carl BRISON
Le sélecteur d'attribut
de recherche
Une formation
Carl BRISON
Pourquoi une favicon ?
Une formation
Carl BRISON
L'image favicon
Une formation
Carl BRISON
Le code HTML
Une formation
Carl BRISON
Définir l'ordre des tabulations
Une formation
Carl BRISON
Désactiver une zone
Une formation
Carl BRISON
Le champ de type TEL
Une formation
Carl BRISON
Le champ de type SEARCH
Une formation
Carl BRISON
Le champ de type COLOR
Une formation
Carl BRISON
Le champ de type RANGE
Une formation
Carl BRISON
Le champ de type hidden
Une formation
Carl BRISON
Le champ de type reset
Une formation
Carl BRISON
Supprimer le liseret bleu
Une formation
Carl BRISON
Création de formulaire:
Formulaire 1 : Le HTML
Une formation
Carl BRISON
Une formation
Carl BRISON
Création de formulaire:
Formulaire 1 : Le CSS
Une formation
Carl BRISON
Création de formulaire:
Formulaire 2 : Le HTML
Une formation
Carl BRISON
Création de formulaire:
Formulaire 2 : Le CSS
Personnaliser un checkbox
Une formation
Carl BRISON
Présentation
des media queries
Une formation
Carl BRISON
Exemple d'utilisation
des media queries
Une formation
Carl BRISON
Astuce d'utilisation
des media queries
Une formation
Carl BRISON
Desktop first ou Mobile first
Une formation
Carl BRISON
Mise en place
des bases du menu
Une formation
Carl BRISON
Préparatif du menu burger
Une formation
Carl BRISON
Mise en place
des media queries
Une formation
Carl BRISON
Afficher / Cacher
le menu
Une formation
Carl BRISON
Mise en fonction
du menu
Une formation
Carl BRISON
Finalisation du travail
Une formation
Carl BRISON
Créer une animation
Une formation
Carl BRISON
Les options
Une formation
Carl BRISON
Le nom de domaine
Une formation
Carl BRISON
L'hébergeur
Une formation
Carl BRISON
Le client FTP
Une formation
Carl BRISON
La maquette du site
Une formation
Carl BRISON
Le plan du site
Une formation
Carl BRISON
Médias et fichiers du site
Une formation
Carl BRISON
Mise en place
d'un fichier maquette
Une formation
Carl BRISON
Mise en forme
des balises structurantes HTML 5
Une formation
Carl BRISON
Mise en forme
de la zone Nav
Une formation
Carl BRISON
Mise en place des icônes
du menu burger
Une formation
Carl BRISON
Création
du menu burger
Une formation
Carl BRISON
Mise en forme
de la zone Section
Une formation
Carl BRISON
Mise en place
de la zone Résumé
Une formation
Carl BRISON
Arrondir des images
rectangulaires
Une formation
Carl BRISON
Mise en forme
de la zone Résumé
Une formation
Carl BRISON
Adaptation responsive
Une formation
Carl BRISON
Mise en forme
de la zone Footer
Une formation
Carl BRISON
Mise en place des métas
du fichier index
Une formation
Carl BRISON
Création du fichier versailles
Une formation
Carl BRISON
Mise en place
de la zone Article
Une formation
Carl BRISON
Mise en forme
du titre de niveau 1
Une formation
Carl BRISON
Mise en forme
de la zone Article
Une formation
Carl BRISON
Adaptation responsive
de la zone Article
Une formation
Carl BRISON
Mise en place des métas
du fichier versailles
Une formation
Carl BRISON
Création du fichier chambord
Une formation
Carl BRISON
Création d'un état « on »
des liens de la Nav
Une formation
Carl BRISON
Mise en place
d'une animation des zones
Une formation
Carl BRISON
Une formation
Carl BRISON
Conclusion
HTML et CSS
Le Niveau Avancé
Une formation
Manipulation des textes, images et boîtes acquise
Les différents types de positionnement acquis
Les sélecteurs CSS avancés acquis
Les formulaires avancés acquis
Les médias queries acquis
La notion de création de site web acquise
Bilan
Cursus Développeur Front : HTML & CSS
Alphorm.com Formation HTML et CSS : Le Niveau Avancé

Contenu connexe

PDF
Alphorm.com Formation HTML et CSS : Le Guide du Débutant
PDF
Alphorm.com Formation Grid et FlexBox : Maîtriser le couple parfait
PDF
Alphorm.com Formation FlexBox : Rendre les pages flexibles
PDF
Alphorm.com Formatio CSS Grid : Maîtriser le Responsiven
PDF
Alphorm.com Formation CSS : Niveau Perfectionnement
PDF
Alphorm.com Formation CSS : Niveau Avancé
PDF
Alphorm.com Formation CSS : Ateliers Complets de Base
PDF
Alphorm.com Formation PHP 8 : Les Contrôles et Les Fonctions
Alphorm.com Formation HTML et CSS : Le Guide du Débutant
Alphorm.com Formation Grid et FlexBox : Maîtriser le couple parfait
Alphorm.com Formation FlexBox : Rendre les pages flexibles
Alphorm.com Formatio CSS Grid : Maîtriser le Responsiven
Alphorm.com Formation CSS : Niveau Perfectionnement
Alphorm.com Formation CSS : Niveau Avancé
Alphorm.com Formation CSS : Ateliers Complets de Base
Alphorm.com Formation PHP 8 : Les Contrôles et Les Fonctions

Tendances (6)

PDF
Alphorm.com Formation PHP 8 : Gestion Des Données Utilisateur
PDF
Alphorm.com Formation PHP 8 : Les Premiers Pas en PHP
PDF
Alphorm.com Formation CSS : Ateliers Complets Avancés
PDF
Alphorm.com Formation PHP 8 : Gestion des Bases de Données
PDF
Alphorm.com Formation PHP 8 : Gestion des Sessions
PDF
Alphorm.com Formation Visual Studio Code et Emmet : Coder plus vite
Alphorm.com Formation PHP 8 : Gestion Des Données Utilisateur
Alphorm.com Formation PHP 8 : Les Premiers Pas en PHP
Alphorm.com Formation CSS : Ateliers Complets Avancés
Alphorm.com Formation PHP 8 : Gestion des Bases de Données
Alphorm.com Formation PHP 8 : Gestion des Sessions
Alphorm.com Formation Visual Studio Code et Emmet : Coder plus vite
Publicité

Plus de Alphorm (20)

PDF
Alphorm.com Formation Microsoft 365 (MS-500) : Administrateur Sécurité - Prot...
PDF
Alphorm.com Formation Google Sheets : Créer un Tableau de Bord Collaboratif a...
PDF
Alphorm.com Formation CCNP ENCOR 350-401 (6of8) : Sécurité
PDF
Alphorm.com Formation Vue JS 3 : Créer une application de A à Z
PDF
Alphorm.com Formation Blockchain : Maîtriser la Conception d'Architectures
PDF
Alphorm.com Formation Sage : Gestion Commerciale
PDF
Alphorm.com Formation PHP 8 (2/6) : L'héritage en orienté objet
PDF
Alphorm.com Formation Excel 2019 : Concevoir un Tableau de Bord Interactif
PDF
Alphorm.com Formation Maya 3D : Créer un Design d'intérieur au Style Isométrique
PDF
Alphorm.com Formation VMware vSphere 7 : La Mise à Niveau
PDF
Alphorm.com Formation Apprendre les bonnes pratiques de CSS avec BEM : OOCSS ...
PDF
Alphorm.com Formation Unity : Monétiser votre jeu 3D sur les plateformes Mobiles
PDF
Alphorm.com Formation PHP 8 : Les bases de la POO
PDF
Alphorm.com Formation Power BI : Transformation de Données avec DAX et Power ...
PDF
Alphorm.com Formation Techniques de Blue Teaming : L'Essentiel pour l'Analyst...
PDF
Alphorm.com Formation Améliorer le développement avec CSS-in-JS _ Styled Comp...
PDF
Alphorm.com Formation Unity (6/7) : Maitriser l'Intelligence Artificielle de ...
PDF
Alphorm.com Formation Architecture Microservices : Jenkins et SpringBoot
PDF
Alphorm.com Formation Active Directory 2022 : Multi Sites et Services
PDF
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Alphorm.com Formation Microsoft 365 (MS-500) : Administrateur Sécurité - Prot...
Alphorm.com Formation Google Sheets : Créer un Tableau de Bord Collaboratif a...
Alphorm.com Formation CCNP ENCOR 350-401 (6of8) : Sécurité
Alphorm.com Formation Vue JS 3 : Créer une application de A à Z
Alphorm.com Formation Blockchain : Maîtriser la Conception d'Architectures
Alphorm.com Formation Sage : Gestion Commerciale
Alphorm.com Formation PHP 8 (2/6) : L'héritage en orienté objet
Alphorm.com Formation Excel 2019 : Concevoir un Tableau de Bord Interactif
Alphorm.com Formation Maya 3D : Créer un Design d'intérieur au Style Isométrique
Alphorm.com Formation VMware vSphere 7 : La Mise à Niveau
Alphorm.com Formation Apprendre les bonnes pratiques de CSS avec BEM : OOCSS ...
Alphorm.com Formation Unity : Monétiser votre jeu 3D sur les plateformes Mobiles
Alphorm.com Formation PHP 8 : Les bases de la POO
Alphorm.com Formation Power BI : Transformation de Données avec DAX et Power ...
Alphorm.com Formation Techniques de Blue Teaming : L'Essentiel pour l'Analyst...
Alphorm.com Formation Améliorer le développement avec CSS-in-JS _ Styled Comp...
Alphorm.com Formation Unity (6/7) : Maitriser l'Intelligence Artificielle de ...
Alphorm.com Formation Architecture Microservices : Jenkins et SpringBoot
Alphorm.com Formation Active Directory 2022 : Multi Sites et Services
Alphorm.com Formation Vue JS 3 : Exploiter la Composition API
Publicité

Alphorm.com Formation HTML et CSS : Le Niveau Avancé