Les bases de HTML et CSS

Plan
Description
Formateur
Avis

Introduction générale
Introduction générale 00:03:59

Introduction à HTML et CSS
HTML et CSS 00:06:26
Où écrire le code HTML et CSS ?00:08:31S'ABONNER
QCMS'ABONNER

Les bases de HTML
Structure d’une page HTML00:10:08S'ABONNER
Les titres et les paragraphes00:09:17S'ABONNER
Les espaces et retours à la ligne00:06:58S'ABONNER
Le niveau d’importance00:08:15S'ABONNER
Les listes00:07:48S'ABONNER
Les liens00:10:57S'ABONNER
La sémantique et les éléments structurants00:10:18S'ABONNER
QCMS'ABONNER

Les bases de CSS
Sélecteurs et propriétés00:09:50S'ABONNER
Commentaires et indentation00:07:32S'ABONNER
Les attributs class et id00:09:52S'ABONNER
Les éléments div et span00:08:23S'ABONNER
Ordre d’application des règles CSS00:09:23S'ABONNER
Notations complètes et raccourcies00:09:39S'ABONNER
QCMS'ABONNER

Mise en forme du texte avec CSS
Les font-family00:10:07S'ABONNER
La police00:12:01S'ABONNER
Les propriétés de texte00:09:11S'ABONNER
La taille des interlignes et des espaces00:05:17S'ABONNER
La couleur et l'opacité00:11:21S'ABONNER
QCMS'ABONNER

Le modèle des boites
Le modèle des boites00:07:22S'ABONNER
Largeur et hauteur00:08:52S'ABONNER
Les marges internes00:08:36S'ABONNER
Les marges externes00:07:38S'ABONNER
Les bordures00:09:04S'ABONNER
QCMS'ABONNER

Positionnement et affichage
La propriété display00:08:35S'ABONNER
La propriété position00:13:00S'ABONNER
La propriété float00:09:10S'ABONNER
QCMS'ABONNER

Les tableaux en HTML
Créer des tableaux00:05:16S'ABONNER
Structurer un tableau00:10:32S'ABONNER
Mettre en forme un tableau avec CSS00:12:46S'ABONNER
QCMS'ABONNER

Insertion de médias en HTML
Insérer des images00:12:29S'ABONNER
Insérer un audio00:09:10S'ABONNER
Insérer des vidéos 00:07:44S'ABONNER
L’élément iframe00:11:14S'ABONNER
QCMS'ABONNER

Plus de personnalisation avec CSS
Manipuler le fond00:12:02S'ABONNER
Créer du dégradé00:08:21S'ABONNER
Ajouter de l'ombre00:08:52S'ABONNER
Créer des transitions00:11:05S'ABONNER
Créer des animations00:10:18S'ABONNER
Créer des transformations00:08:37S'ABONNER
QCMS'ABONNER

Les sélecteurs complexes en CSS
Les sélecteurs d’attributs00:08:11S'ABONNER
Les pseudo-classes00:08:35S'ABONNER
Les pseudo-éléments00:06:02S'ABONNER
QCMS'ABONNER

Les formulaires HTML
Présentation des formulaires 00:09:31S'ABONNER
Plus sur les formulaires00:11:23S'ABONNER
QCMS'ABONNER

Le modèle des boites flexibles
Introduction au modèle des boites flexibles00:07:48S'ABONNER
Gérer l’alignement00:08:05S'ABONNER
QCMS'ABONNER

Responsive design en CSS
Introduction au responsive design00:05:09S'ABONNER
La balise meta viewport00:06:15S'ABONNER
Utiliser les media queries00:09:15S'ABONNER
QCMS'ABONNER

Création d'un blog
Partie 100:10:59S'ABONNER
Partie 200:10:10S'ABONNER
Partie 300:10:18S'ABONNER
Partie 400:14:17S'ABONNER

Conclusion générale
Conclusion générale00:08:17S'ABONNER

Description de la formation

Êtes-vous intéressé à savoir comment un site Web est construit ? Avez-vous entendu parler du HTML, mais vous ne savez pas ce que c'est ? Avez-vous toujours souhaité savoir comment changer l'apparence et le style d'un site Web ? Si vous avez répondu "Oui !" à l'une de ces questions, alors cette formation est pour vous !

Est-ce que vous vous rendez compte que la seule fonctionnalité d'une application Web avec laquelle l'utilisateur interagit directement est via la page Web ? Implémentez-la mal et, pour l'utilisateur, le côté serveur devient inutile ! L'utilisateur d'aujourd'hui attend beaucoup de la page Web : elle doit se charger rapidement, exposer le service souhaité et être confortable à consulter sur tous les appareils : des ordinateurs de bureau, aux tablettes jusqu’aux téléphones portables. Dans cette formation, nous apprendrons les outils de base que chaque codeur de page Web doit connaître. Nous allons commencer à zéro en apprenant comment mettre en œuvre des pages Web modernes avec HTML et CSS. Nous passerons ensuite à l'apprentissage du codage de nos pages de manière à ce que ses composants se réorganisent et se redimensionnent automatiquement en fonction de la taille de l'écran de l'utilisateur. Vous pourrez coder une page Web qui sera aussi utile sur un téléphone mobile que sur un ordinateur de bureau.

Objectifs (Ce que vous apprendrez)