TUTO Apprendre HTML5 & CSS3 rapidement et facilement sur Tuto.com

Apprendre HTML5 & CSS3 rapidement et facilement

Problème de lecture

Cette vidéo ne semble pas disponible

00:00

00:00

Sous-titres non disponibles

Un cours de

48,99€

4,9

13h09

Débutant

QCM

Certificat de compétences

Fichiers sources

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

Présentation
Contenu

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours

Chapitre 1

Chapitre 2

Chapitre 3

Chapitre 4

Chapitre 5

Chapitre 6

Chapitre 7

Plan détaillé du cours

Chapitre 1 : Mes premiers pas en HTML et en CSS

41m34

Leçon 1Introduction au HTML et au CSS

Leçon 2Ecrire et interpréter du HTML et du CSS

Leçon 3Un peu de vocabulaire

Leçon 4Structure de base d'une page HTML

Leçon 5L'imbrication des balises

Leçon 6Enregistrer et ouvrir un fichier HTML

Chapitre 2 : Mes premiers codes en HTML

1h13

Leçon 1Les balises de titre

Leçon 2Les balises de paragraphe

Leçon 3Les caractères accentués

Leçon 4Les commentaires

Leçon 5Faisons une petite pause !

Leçon 6Après la pause, faisons un break !

Leçon 7Créer un espace insécable

Leçon 8Saut de ligne et espace en une fois

Leçon 9Le formatage en HTML

Leçon 10Les listes ordonnées et non ordonnées

Leçon 11Un petit exercice avec les listes

Leçon 12Les listes imbriquées

Leçon 13Quelques balises en +

Chapitre 3 : Le HTML avancé

58m30

Leçon 1La première page

Leçon 2Les liens internes

Leçon 3Les liens externes

Leçon 4Les ancres nommées

Leçon 5Les autres types de lien

Leçon 6Les images

Leçon 7Faisons une petite pause !

Chapitre 4 : Mes premiers codes en CSS

36m14

Leçon 1Introduction au CSS

Leçon 2Les commentaires

Leçon 3Le sélecteur élément

Leçon 4Le sélecteur class

Leçon 5Le sélecteur id

Leçon 6Faisons une petite pause !

Leçon 7L'héritage

Leçon 8L'ordre de priorité des styles

Chapitre 5 : Le HTML et le CSS avancés

15m11

Leçon 1Introduction

Leçon 2Block et inline

Leçon 3La balise DIV

Leçon 4La balise SPAN

Chapitre 6 : Les boîtes

1h48

Leçon 1Introduction

Leçon 2La largeur

Leçon 3La hauteur

Leçon 4Les bordures

Leçon 5Les marges intérieures

Leçon 6Les marges extérieures

Leçon 7Faisons une petite pause !

Leçon 8Les ombres

Leçon 9Le positionnement : static

Leçon 10Le positionnement : relative

Leçon 11Le positionnement : fixed

Leçon 12Le positionnement : absolute

Leçon 13L'ordre d'affichage des éléments

Leçon 14La propriété : float

Leçon 15La propriété : clear

Leçon 16La propriété : overflow

Chapitre 7 : Les couleurs

17m46

Leçon 1Le RGB et le RGBa

Leçon 2Le mode hexadécimal

Leçon 3Les dégradés

Chapitre 8 : Image de fond d'écran

14m42

Leçon 1Déclarer une image de fond

Leçon 2Taille et répétition de l'image

Leçon 3Gérer la position de l'image

Leçon 4Plusieurs images de fond

Chapitre 9 : Les tableaux

29m03

Leçon 1Tableau simple

Leçon 2Un peu de style à notre tableau

Leçon 3Entête et légende

Leçon 4Un peu plus de style

Leçon 5Définir des zones

Leçon 6Encore un peu plus de style

Leçon 7Fusion des cellules

Chapitre 10 : Les textes

39m51

Leçon 1La police

Leçon 2@import de police

Leçon 3La taille

Leçon 4Ecrire en italique

Leçon 5Définir l'épaisseur

Leçon 6Définir la couleur

Leçon 7Alignement du texte

Leçon 8Majuscule, minuscule

Leçon 9Un peu de déco !

Leçon 10Indenter du texte

Leçon 11Les ombres

Leçon 12Modifier l'espace entre les lignes

Leçon 13Modifier l'espace entre les lettres

Leçon 14Modifier l'espace entre les mots

Chapitre 11 : Les formulaires

54m43

Leçon 1Introduction

Leçon 2Les bases

Leçon 3Les différents input

Leçon 4Les boutons radio

Leçon 5Les cases à cocher

Leçon 6Le menu déroulant

Leçon 7Une valeur dans le input

Leçon 8Rendre un champ obligatoire

Leçon 9Définir des zones

Chapitre 12 : Le CSS expert

46m31

Leçon 1Le sélecteur universel

Leçon 2Même style pour plusieurs sélecteurs

Leçon 3Cibler un sélecteur

Leçon 4Le sélecteur suivant

Leçon 5Le sélecteur enfant

Leçon 6Cibler un attribut

Leçon 7Les pseudo classes

Leçon 8Les pseudo éléments

Leçon 9Les transitions

Leçon 10Les animations

Leçon 11Le display

Chapitre 13 : Les médias

27m36

Leçon 1L'image

Leçon 2L'audio

Leçon 3La vidéo

Leçon 4La balise FIGURE

Chapitre 14 : Les metas

07m39

Leçon 1Introduction

Leçon 2Description

Leçon 3Mots clés

Chapitre 15 : Le final

35m57

Leçon 1Les balises structurantes

Leçon 2Zoom sur les balises structurantes

Leçon 3Le meta viewport

Leçon 4Présentation des media queries

Leçon 5Exemple d'utilisation des media queries

Chapitre 16 : Annexe

11m20

Leçon 1Les navigateurs

Leçon 2Le nom de domaine

Leçon 3L'hébergeur

Leçon 4Le client FTP

Chapitre 17 : Travaux Pratique : le TP

2h50

Leçon 1Présentation du TP

Leçon 2Elaboration du plan

Leçon 3Mise en place du fichier HTML

Leçon 4Mise en place du fichier CSS

Leçon 5Création du Header (1/2)

Leçon 6Création du Header (2/2)

Leçon 7Création de la navigation (1/3)

Leçon 8Création de la navigation (2/3)

Leçon 9Création de la navigation (3/3)

Leçon 10Création du footer

Leçon 11Création de la section 1 (1/2)

Leçon 12Création de la section 1 (2/2)

Leçon 13Section et transition

Leçon 14Création de la section 2 (1/3)

Leçon 15Création de la section 2 (2/3)

Leçon 16Création de la section 2 (3/3)

Leçon 17Création de la section 3

Leçon 18On finalise et c'est terminé !

Leçon 19Pour conclure cette formation

Aperçus

Avis des apprenants

Détail des avis

820

Apprenants

30

Commentaires

4,9/5

Note moyenne

5/5

26

4/5

4

3/5

0

2/5

0

1/5

0

Jean-Philippe Mouzet

Publié le 21/06/2024

Après avoir acquis de bonnes bases et des effets sympathiques, il va falloir se lancer pour mettre cela en pratique sur un site personnel. Cela permettra de revoir ce qui a été vu et de se confronter à la réalité ;-) Merci Carl pour cette formation

Carl Brison

Merci beaucoup pour votre commentaire très gentil

Valérie Caruana

Publié le 28/05/2024

Super approche progressive pédagogique. Merci beaucoup!

Carl Brison

Merci beaucoup pour votre commentaire très gentil ;-)

Romain Detemmerman

Publié le 05/05/2024

Tres bien............

Formateur

5

Voir ses cours

Prérequis

,

Débutant

Accessibilité

Sous-titres non disponibles

Ressources téléchargeables

Fichiers sources (175.32 Ko)

Catégories

Programmation HTML Formation

Cours publié le 23/10/2017
Langue : Français
ID : 92041

Vos questions sur le cours

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? Merci

Bonjour, 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 axel

Bonjour 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.