Vous avez envie de créer votre site Internet ? Vous ne savez pas par où commencer ? Vous avez peur que cela soit trop compliqué ?
Je viens de réaliser cette formation complète sur l'apprentissage simple et rapide des langages HTML5 et CSS3 !
Cette formation s'adresse aux débutants, à celles et ceux qui souhaitent apprendre à réaliser un site Internet.
Cette formation est très complète et elle est extrêmement abordable pour qui n'a jamais touché au HTML ou au CSS.
Au programme de cette formation HTML5 & CSS3 complète :
- Plus de 10h de formation en vidéo avec des cours structurés qui vont vous permettre d'évoluer à votre rythme.
- Un TP que nous réaliserons ensemble. Nous verrons comment l'aborder de manière professionnelle. Nous réaliserons un site Internet 100% responsive (notre site pourra s'afficher aussi bien sur un écran d'ordinateur, que sur une tablette ou un téléphone).
- Les fichiers sources du TP sont téléchargeables.
- Un QCM complet pour valider vos compétences.
Je reste disponible pour répondre à vos questions dans le salon d'entraide du cours.
Le programme complet de cette formation est disponible sur la table des matières, juste en bas !
Table des matières de cette formation HTML, CSS (durée : 13h09m)
-
Mes premiers pas en HTML et en CSS
- Introduction au HTML et au CSS 00:05:24
- Ecrire et interpréter du HTML et du CSS 00:05:08
- Un peu de vocabulaire 00:13:15
- Structure de base d'une page HTML 00:06:11
- L'imbrication des balises 00:06:57
- Enregistrer et ouvrir un fichier HTML 00:04:39
-
Mes premiers codes en HTML
- Les balises de titre 00:10:16
- Les balises de paragraphe 00:02:51
- Les caractères accentués 00:07:35
- Les commentaires 00:05:14
- Faisons une petite pause ! 00:03:37
- Après la pause, faisons un break ! 00:02:38
- Créer un espace insécable 00:03:51
- Saut de ligne et espace en une fois 00:02:53
- Le formatage en HTML 00:06:12
- Les listes ordonnées et non ordonnées 00:05:26
- Un petit exercice avec les listes 00:10:15
- Les listes imbriquées 00:08:33
- Quelques balises en + 00:04:23
-
Le HTML avancé
- La première page 00:05:22
- Les liens internes 00:14:59
- Les liens externes 00:08:25
- Les ancres nommées 00:09:45
- Les autres types de lien 00:03:35
- Les images 00:11:51
- Faisons une petite pause ! 00:04:33
-
Mes premiers codes en CSS
- Introduction au CSS 00:09:18
- Les commentaires 00:03:15
- Le sélecteur élément 00:03:17
- Le sélecteur class 00:05:27
- Le sélecteur id 00:03:22
- Faisons une petite pause ! 00:03:06
- L'héritage 00:02:53
- L'ordre de priorité des styles 00:05:36
-
Le HTML et le CSS avancés
- Introduction 00:01:24
- Block et inline 00:06:25
- La balise DIV 00:04:37
- La balise SPAN 00:02:45
-
Les boîtes
- Introduction 00:00:58
- La largeur 00:11:43
- La hauteur 00:03:25
- Les bordures 00:14:44
- Les marges intérieures 00:07:20
- Les marges extérieures 00:13:44
- Faisons une petite pause ! 00:08:14
- Les ombres 00:05:48
- Le positionnement : static 00:03:31
- Le positionnement : relative 00:03:53
- Le positionnement : fixed 00:05:53
- Le positionnement : absolute 00:07:40
- L'ordre d'affichage des éléments 00:06:38
- La propriété : float 00:06:07
- La propriété : clear 00:04:34
- La propriété : overflow 00:04:36
-
Les couleurs
- Le RGB et le RGBa 00:06:31
- Le mode hexadécimal 00:07:18
- Les dégradés 00:03:57
-
Image de fond d'écran
- Déclarer une image de fond 00:02:25
- Taille et répétition de l'image 00:04:45
- Gérer la position de l'image 00:04:24
- Plusieurs images de fond 00:03:08
-
Les tableaux
- Tableau simple 00:06:04
- Un peu de style à notre tableau 00:04:09
- Entête et légende 00:04:11
- Un peu plus de style 00:03:55
- Définir des zones 00:04:35
- Encore un peu plus de style 00:02:59
- Fusion des cellules 00:03:10
-
Les textes
- La police 00:08:46
- @import de police 00:02:16
- La taille 00:05:58
- Ecrire en italique 00:01:48
- Définir l'épaisseur 00:02:44
- Définir la couleur 00:02:27
- Alignement du texte 00:02:27
- Majuscule, minuscule 00:01:53
- Un peu de déco ! 00:04:39
- Indenter du texte 00:01:13
- Les ombres 00:02:23
- Modifier l'espace entre les lignes 00:01:17
- Modifier l'espace entre les lettres 00:01:06
- Modifier l'espace entre les mots 00:00:54
-
Les formulaires
- Introduction 00:01:16
- Les bases 00:16:29
- Les différents input 00:07:41
- Les boutons radio 00:08:20
- Les cases à cocher 00:05:13
- Le menu déroulant 00:07:00
- Une valeur dans le input 00:02:57
- Rendre un champ obligatoire 00:01:45
- Définir des zones 00:04:02
-
Le CSS expert
- Le sélecteur universel 00:04:04
- Même style pour plusieurs sélecteurs 00:01:41
- Cibler un sélecteur 00:01:55
- Le sélecteur suivant 00:02:13
- Le sélecteur enfant 00:02:09
- Cibler un attribut 00:03:21
- Les pseudo classes 00:06:02
- Les pseudo éléments 00:06:57
- Les transitions 00:04:31
- Les animations 00:04:52
- Le display 00:08:46
-
Les médias
- L'image 00:12:02
- L'audio 00:06:53
- La vidéo 00:05:51
- La balise FIGURE 00:02:50
-
Les metas
- Introduction 00:02:53
- Description 00:02:23
- Mots clés 00:02:23
-
Le final
- Les balises structurantes 00:04:28
- Zoom sur les balises structurantes 00:14:41
- Le meta viewport 00:03:57
- Présentation des media queries 00:05:19
- Exemple d'utilisation des media queries 00:07:32
-
Annexe
- Les navigateurs 00:04:27
- Le nom de domaine 00:01:42
- L'hébergeur 00:01:17
- Le client FTP 00:03:54
-
Travaux Pratique : le TP
- Présentation du TP 00:06:30
- Elaboration du plan 00:07:49
- Mise en place du fichier HTML 00:11:12
- Mise en place du fichier CSS 00:06:55
- Création du Header (1/2) 00:08:34
- Création du Header (2/2) 00:08:09
- Création de la navigation (1/3) 00:11:11
- Création de la navigation (2/3) 00:08:33
- Création de la navigation (3/3) 00:14:38
- Création du footer 00:03:56
- Création de la section 1 (1/2) 00:06:01
- Création de la section 1 (2/2) 00:18:50
- Section et transition 00:04:34
- Création de la section 2 (1/3) 00:07:04
- Création de la section 2 (2/3) 00:03:37
- Création de la section 2 (3/3) 00:21:58
- Création de la section 3 00:01:49
- On finalise et c'est terminé ! 00:11:42
- Pour conclure cette formation 00:07:22
- Fichiers sourcestélécharger
- QCMaccéder
- Certificat
Formateur : Carl Brison
-
Quel plaisir de faire ce tuto. Je vous remercie pour la qualité des explications. J'ai aimé Simon & Garfunkel miss… L'astuce du menu hamburger était excellente. Le TP avec les bestioles (🤣) était très bien lui aussi. Je recommande à 100 % ce tutoriel. Mission accomplie, next ... Merci beaucoup M. Brison.
-
Super tutoriel réalisé avec clarté par Mr Brison. Ce tuto est limpide et Monsieur Brison parle à une vitesse parfaite pour nous laisser le temps de le réaliser. Très clair dans ses explications. J'ai pu apprendre beaucoup grace à lui. Reste à savoir si je serai capable de réaliser un site aussi sympa que celui là, seule face à mon ordinateur et ne content que sur moi-même...
-
Génial le choix du fichier audio :-)
-
Avec quelles versions de logiciels ce tuto est-il compatible ?HTML 5, CSS 3
-
Quel est le niveau requis pour suivre ce tuto ?débutant
-
Que contient le fichier source ?
Tous les élements nécessaires à la réalisation du TP de cette formation !
-
Bonjour,
cette formation me serait'elle utile dans le cadre d'un site responsive sous wordpress? Et si oui pourquoi?
MerciBonjour,
WordPress est un CMS.
Donc je pense que nous parlons de 2 choses bien différentes !
Il y a les utilisateurs de CMS et il y a les informaticiens ou les personnes qui font eux-mêmes leur développement. -
Bonjour,
je compte me réorienter dans ma vie professionnel, je souhaite devenir consultant SEO, mais avant cela je me doit d'apprendre les bases du langages html et css, alors j'avais penser a ce cours complet que vous proposez, mais j'ai vu aussi que vous faites des formations sur le codage "codeur débutant" , je voulais savoir si ce formation était en partie presente dans html css ou bien est ce une autre partie indépendante et complementaire ? et est ce utile pour mon objectif?
merci pour votre réponse, je suis pret a commencer
axelBonjour Axel,
Si vous avez en effet besoin de connaître le HTML et le CSS pour votre activité future, effectivement cette formation répond à cette attente.
Vous parlez de codage : sachez que HTML et CSS ne sont pas des langages de programmation.
HTML est un langage structurant et CSS est un langage de mise en forme.
Que l'on veuille faire du SEO ou bien de la programmation orientée web, les langages HTML et CSS sont nécessaires à connaître.
Enfin, cette formation est orientée HTML5 et CSS3, les dernières versions disponibles à ce jour.
En espérant avoir répondu à votre demande.
Carl.
note moyenne
avis laissés