Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Deviens maître de ton contenu web grâce au HTML
Rating: 4.6 out of 5(79 ratings)
1,493 students
Created byThomas Giraud
Last updated 11/2021
French

What you'll learn

  • Comprendre comment fonctionne un navigateur web ;
  • Comprendre comment fonctionne un site web et son contenu ;
  • Comprendre la dernière version du langage HTML dans son intégralité ;
  • Manier un éditeur de texte ;
  • Écrire tes propres lignes de code HTML ;
  • Structurer n'importe quel fichier HTML pour construire des pages web propres et optimisées ;
  • Et bien plus encore !

Course content

3 sections13 lectures1h 7m total length
  • Bienvenue dans ce cours !2:28
  • À quoi sert un éditeur de texte - Découverte de SublimeText3:15

    Les raccourcis clavier sur SublimeText (Cmd sera remplacé par Ctrl sur Windows) :

    • Ecrire <html + tab : Vous permet d’avoir la structure d’un document HTML automatiquement

    • Ecrire seulement «</» : Votre balise sera automatiquement fermée

    • Cmd + Z = Revenir en arrière

    • Cmd + Shift + Z = Aller en avant

    • Cmd + O = Ouvrir un nouveau fichier

    • Cmd + A = Sélectionner tout le contenu

    • Cmd + X = Couper (Supprimer + Copier)

    • Cmd + C = Copier

    • Cmd + V = Coller

    • Cmd + Tab = Naviguer entre les applications sans toucher la souris. Sur windows : Touche windows + tab

    • Maintenir «Cmd» et cliquer à plusieurs endroits vous permettra de multiplier votre curseur.

    • Cmd + F : Rechercher un mot ou une phrase pour naviguer plus rapidement

    • Tous les raccourcis clavier ici : https://www.shortcutfoo.com/app/dojos/sublime-text-3-win/cheatsheet

    Lexique :

    • Extension : En informatique, une extension de nom de fichier est un suffixe de nom de fichier fait pour identifier son format. Ainsi, on dira qu'un fichier nommé exemple.txt a l'extension .txt.

    • En local : Ou sur votre machine, sur votre Wi-Fi. Les réseaux locaux reposent sur une infrastructure de communications généralement filaires qui relie des équipements informatiques et qui permet le partage des ressources communes dans un périmètre limité à quelques centaines de mètres.

    • Un dossier et un fichier : Un dossier est une sorte de classeur dans lequel on range divers fichiers. Un fichier, c'est un ensemble de données considérées comme étant une unité. Il peut être de tout type : un document en traitement de texte, un logiciel, une image, une chanson ... Chaque fichier porte un nom suivi d'une "extension".

  • Comment fonctionnent les Navigateurs ?2:51

    Les raccourcis claviers sur Google Chrome :

    • Cmd + T = Ouvrir un nouvel onglet

    • Cmd + Shift + T = Ouvrir le dernier onglet fermé (Peut sauver des vies)

    • Cmd + W = Quitter l’onglet

    • Cmd + N = Ouvrir une fenêtre

    • Cmd + Shift + N = Ouvrir une fenêtre de navigation privée

    • Ctrl + Tab = Naviguer entre les onglets

    • Ctrl + Shift + Tab = Naviguer entre les onglets dans l’autre sens

    • Cmd + L = Accéder à la barre d’adresse

    • Cmd + A = Sélectionner tout le contenu

    • Cmd + X = Couper (Supprimer + Copier)

    • Cmd + C = Copier

    • Cmd + V = Coller

    • Tous les raccourcis clavier ici : https://support.google.com/chrome/answer/157179?hl=fr

  • En quoi consiste le HTML - À la découverte des fameuses Balises !2:49

    Lexique :

    • Balise HTML : Une balise HTML est un élément de base du système de codage HTML utilisé, en grande partie, pour la création d'une page Web. Ce sont les balises HTML qui permettent de hiérarchiser et de structurer le contenu d'une page Web grâce à une mise en forme particulière.

    • Attribut de balise : Un attribut est une instruction contenue à l'intérieur d'une Balise et dont le but est de fournir une information supplémentaire sur la manière dont cette Balise doit être interprétée.

    • Indentation : Procédé typologique consistant à décaler l'alignement d'un paragraphe par rapport aux autres dans un texte.

  • Structure d'un fichier html3:57

    fichier index.html :

    <!DOCTYPE html>

    <html>

        <head>

    <title>FullStack HTML</title>

        </head>

        <body>

        </body>

    </html>

Requirements

  • Une dose de motivation ;
  • Une envie d'apprendre et se former ;
  • Un ordinateur ;
  • Une tasse de café ;

Description

Tu utilises des sites web tous les jours, pourquoi ne pas passer de l'autre côté ?

Apprendre le HTML c'est la base pour devenir un vrai créateur sur le Web.

Le HTML est un outil puissant, utile et facile à apprendre. Il te donnera des bases solides afin de contrôler ton contenu sur le web, peu importe le site que tu utilises !

N'importe quel site web contient du HTML. Le comprendre c'est comprendre comment ils sont tous structurés.

Apprendre le HTML c'est casser les barrières du web, ne plus être limité sur des CMS comme Wordpress et pouvoir structurer des pages web de manière réfléchie et efficace.

En commençant par l'installation du meilleur éditeur de code du marché, ce cours te fera découvrir les balises HTML, les attributs, les éléments et la manière de les utiliser.

Le but c'est que : Grâce à ces compétences HTML acquises, tu puisses te lancer dans l'apprentissage d'autres langages de développement web qui te permettront de devenir un développeur web à succès.

Si tu veux vraiment apprendre le HTML, ce cours complet te permettra de développer tes compétences plus rapidement à la manière FullStack !

Who this course is for:

  • Tu veux apprendre et coder en HTML ;
  • Tu n'as aucune connaissance en HTML ;
  • Tu as mal compris certains concepts propres au HTML ;
  • Tu veux améliorer tes compétences en HTML et couvrir toutes les notions.