Qu'est ce que vous allez apprendre?

.

suivez à la lettre ce plas du cours

Voici un plan du cours structuré pour maîtriser les base du HTML sur SPCK editor car il permet de coder directement sur mobile avec des foctionnalités proches d'un vrai éditeur sur ordinateur (auto-complétion, gestion de fichiers, prévisualisations)

1: Mise en avec route Spck Editor

avant d'écrir du code, il te faut préparer ton environnement de trail

  1. installation et interface: Découverte de l'explorateur de fichiers et du bouton "Play" (prévisualisation)
  2. Création du premier projet: Comment créer un dossier et un fichier nommé imperativement (index.html).
  3. Le clavier de codage: Utilisations de la barre d'outils au-dessus du clavier pour les synmboles <,> et /.

2: La structure fondamentale

Apprendre que tout site web repose sur un "Squelette" invisible mais obligatoire.

  1. le Doctype: <!DOCTYPE html>
  2. Les balises parentes: <html>,<heade> (les infos invisibles) et <body>
  3. Le titre de l'onglet: la balise <title>

3: Organiser le texte

Apprendre à donner à son contenu.

  1. Les titres: Hiérarchie de <h1> à <h6>
  2. Les paragraphes: <p>
  3. Le formatage simple: Mettre en gras (<strong>) ou en italique <(em)>.
  4. Les sauts de ligne: Différence <p> et <br>

4: Les listes et l'Organisation

  1. Listes en puces: <ul> et <li>
  2. Listes ordonnées: <ol> et <li>
  3. Imbrication: Créer Des sous-menus simples.

5:   Attributs et liens

    Comprendre que les balises peuvent avoir des Options supplémentaires.

  1. Les liens hypertextes: la balise <a>
  2. Listes ordonnées: <ol> et <li> avec l'attribut href.
  3. Ancre interne: Faire un lien vers une autre partie de la page

6:   Insertion d'images

    Comprendre comment fonctionne la balise <img> t'aidera à mieux la placer

  1. La balise <img>: Utilisation des Attributs src(source) et alt (description)
  2. Gestion des fichiers dans Spck: Apprendre à importer une image dans le dossier du projet pour qu'elle s'affiche correcctement.

7:   Les Tableaux et Formulaires (Introduction)

  1. Tableaux : <table>, <tr> (ligne) et <td> (cellule).
  2. Formulaires: Découverte de <input> pour les zones de text et <button>

 Pour quoi Utiliser Spck Editor?

  1. Mode Hors-ligne: vous pouvez apprendre et coder n'importe où.
  2. Console JS intégrée: Utile si vous passez plus tard au JavaScript.
  3. Git intégré: Pour Sauvegarder votre travail comme un Pro plus tard
Passer à l'introduction-->