47,00 au lieu de 62,00

Tuto Bundle : Débuter en HTML et en CSS avec HTML, CSS bundle -24%

47,00 au lieu de 62,00

  • Une formation vidéo de 6h10m
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Bundle : Débuter en HTML et en CSS

ajouter ce cours aux favoris retirer ce cours des favoris

Ce bundle est destiné aux personnes souhaitant se lancer dans la grande aventure du développement d'un site Internet !

Dans ce cours en ligne, nous allons apprendre les bases de la construction d'un site web.
Pour cela, nous allons apprendre les langages de programmation suivants :

Ces deux langages sont plutôt simples à apprendre, il suffit surtout de bien comprendre leur fonctionnement.
Le HTML ainsi que le CSS ne sont pas des langages de programmation.

Le rôle du langage HTML est de structurer une page web, alors que le rôle du langage CSS est de mettre en forme cette même page web (par exemple, en lui donnant de la couleur, une taille de police, etc...)

A la fin de ce bundle, vous aurez acquis les bases nécessaires pour aller plus loin, beaucoup plus loin dans le développement d'un site web !

Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Un QCM vous sera proposé en fin de formation et vous permettra de valider les connaissances théoriques acquises pendant la formation.


Tuto composant ce bundle :

  • A la découverte du langage HTML (voir la fiche produit)


    • Introduction

      • Présentation du HTML gratuit00:02:43
      • Structure d'une balise HTML gratuit00:02:31
      • Famille de balises HTML 00:02:56
      • Documentation 00:02:54
      • Imbrication des balises HTML 00:04:07
      • Structure de base d'une page web 00:08:09

    • Editeur de code

      • Editeur de texte 00:05:24
      • Notre première page web 00:05:25

    • La partie entête

      • Les metas 00:04:45
      • La langue de la page web 00:01:09

    • La partie body

      • Balises usuelles 1/2 00:04:00
      • Balises usuelles 2/2 00:03:26
      • Les listes 00:02:25
      • Liste dans liste 00:02:37
      • Les caractères spéciaux 00:04:32
      • Séparation horizontale 00:00:57

    • Les liens

      • Mise en place de liens simples 00:07:30
      • Mise en place de liens hiérarchiques 1/2 00:06:50
      • Mise en place de liens hiérarchiques 2/2 00:04:43
      • Mise en place de liens externes 00:03:01
      • Mise en place de liens ancres 1/2 00:03:42
      • Mise en place de liens ancres 2/2 00:02:07

    • Les images

      • Insérer une image 00:06:02
      • Les différentes extensions 00:04:07
      • Gestion de la taille des images 00:03:50

    • Les tableaux

      • Création d'un tableau 00:06:13
      • Fusion de colonnes 00:03:32
      • Fusion de lignes 00:01:59

    • Les balises sémantiques

      • Balise générique de type block 00:06:04
      • Balise générique de type inline 00:02:45
      • Balises HTML5 00:05:03

    • Les formulaires

      • Les bases 00:06:40
      • Options de champs de formulaire 00:02:16
      • Lier un label à un champ de formulaire 00:01:49
      • Autre type de champ de formulaire 1/3 00:03:57
      • Autre type de champ de formulaire 2/3 00:03:12
      • Autre type de champ de formulaire 3/3 00:01:34
      • Les boutons radios 1/2 00:05:15
      • Les boutons radios 2/2 00:01:07
      • Les cases à cocher 00:03:27
      • Validation d'un formulaire 00:01:49
      • Rendre un champ obligatoire 00:01:42
      • Vérification du type de champ 00:02:20
      • Pour aller plus loin 00:01:58

    • Conclusion

      • Conclusion 00:04:51
  • A la découverte du langage CSS : Théorie (voir la fiche produit)


    • Introduction

      • Présentation du CSS gratuit00:01:38
      • Notre premier CSS gratuit00:04:40
      • Où écrit-on du CSS ? 00:04:15

    • Les sélecteurs

      • Sélecteur unique 00:04:07
      • Sélecteur partagé 00:02:10
      • Hiérarchie 1/3 00:01:51
      • Hiérarchie 2/3 00:02:19
      • Hiérarchie 3/3 00:02:41
      • Cibler un élément enfant 00:02:08
      • La pseudo classe hover 00:06:50
      • Premier et dernier enfant 00:01:32
      • La pseudo classe nth-child 00:02:05
      • Paire et impaire 00:01:00
      • Pour aller plus loin avec les sélecteurs 00:00:52

    • Les boîtes DIV et les balises structurantes HTML5

      • La largeur 00:08:13
      • La hauteur 1/2 00:04:38
      • La hauteur 2/2 00:02:59
      • Les marges externes 00:03:57
      • Les marges internes 00:02:46
      • Alignement interne 00:02:19
      • Les bordures 1/2 00:02:06
      • Les bordures 2/2 00:02:40

    • Manipuler le BODY

      • Changer la couleur de fond gratuit00:02:34
      • Marges par défaut du navigateur 00:02:31
      • Image de fond 1/2 00:02:46
      • Image de fond 2/2 00:03:09
      • Police par défaut 00:06:07

    • Les couleurs

      • Hexadécimal 00:05:56
      • Les valeurs RGB 00:03:32

    • Le positionnement des boîtes

      • Positionnement absolu 1/2 00:05:04
      • Positionnement absolu 2/2 00:02:51
      • Positionnement fixe 1/2 00:02:14
      • Positionnement fixe 2/2 00:01:36
      • Pour aller plus loin 00:00:49
      • Positionnement relatif 00:05:24
      • Conclusion 00:01:34
      • Les float 00:04:22

    • Conclusion

      • Conclusion 00:02:17
  • A la découverte du langage CSS : Pratique (voir la fiche produit)

      • Mise en place du code HTML de base gratuit00:08:02
      • Mise en place du code CSS de base gratuit00:04:33
      • Mise en place de la structure finale du site gratuit00:05:04
      • Mise en place du HEADER côté HTML 00:04:22
      • Mise en place de commentaires 00:02:39
      • Mise en place du HEADER côté CSS 00:06:47
      • Mise en place de la NAV côté HTML 00:05:36
      • Mise en place de la NAV côté CSS 00:12:52
      • Valeurs par défaut 00:03:01
      • Mise en place de l'ARTICLE côté HTML 00:02:58
      • Mise en place de l'ARTICLE côté CSS 1/3 00:02:48
      • Mise en place de l'ARTICLE côté CSS 2/3 00:07:37
      • Mise en place de l'ARTICLE côté CSS 3/3 00:07:16
      • Mise en place du FOOTER 00:05:06
      • Conclusion 00:04:07

Formateur : Carl Brison

Carl Brison a publié 233 tutoriels et obtenu une note moyenne de 4,9/5 sur 15 536 tutoriels vendus. Carl Brison est un formateur certifié tuto.com. Voir les autres formations de Carl Brison

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    HTML
  • Quel est le niveau requis pour suivre ce tuto ?
    débutant
Parcours Developpeur Front End
accédez à plus de 1356 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données