Langage HTML pour utilisateur WordPress : pack Personnaliser – site avancé

Langage HTML pour utilisateur WordPress

Offre de lancement à seulement 17€ TTC

(après on passe à 47€ TTC)

Le pack Personnaliser – site avancé inclus tous les guides suivants consacrés aux bases du langage HTML :

1. Ma 1ère page HTML : Hello World (Télécharger)

Ce document te présente le code de base pour créer ta première page en langage HTML en utilisant Bloc-Note sous Windows et TextEdit sous iOS et te conseille d’autres éditeurs de texte pour un usage plus poussé. Un indispensable pour débuter !

2. Langage HTML : 51 balises pour débutant

Ce guide est une sorte de pense-bête de la syntaxe HTML pour t’accompagner au quotidien.

3. Comprendre les couleurs en HTML

Les couleurs ? On peut vivre sans les explications mais pourquoi s’en priver quand c’est finalement simple, pratique et ne s’applique pas seulement au langage HTML.

4. Langage HTML : style.css pour débutant

Les Cascading Style Sheets ou CSS est un nom barbare pour un concept simple qui est une composante essentielle de la syntaxe HTML. Ce n’est pas compliqué, encore faut-il avoir reçu l’explication. Une fois que tu as compris, tu sais ce tu fais et tu est plus à même de trouver des informations complémentaires sur le net.

5. Les caractères spéciaux en langage HTML

Compilation de plus 300 codes HTML pour afficher des caractères spéciaux et symboles dans tes emails et sites web.

6. Créer des cadres en langage HTML

Grâce aux cadres, tu donnes du relief à tes écrits pour mettre en avant certaines informations et maintenir l’attention de tes lecteurs. Dans ce guide, tu trouves des exemples à copier/coller et des explications pour créer tes propres cadres.

7. Les tableaux en langage HTML

Créer des tableaux qui présentent bien c’est juste essentiel. Ici, tu découvres des modèles à copier/coller accompagnés d’explications pour que tu puisses créer tes propres variations.

Qui suis-je ?

Table des matières : 51 balises pour débutant

Chapitre 1 – Ajouter des liens hypertextes (pages 1 à 4)

  • La syntaxe de base
  • Ouvrir dans un nouvel onglet
  • Les options automatiques de WordPress
  • Ajouter un lien vers une adresse email
  • Donner un titre aux liens hypertextes
  • Ajouter un bouton
  • Ajouter une ancre

Chapitre 2 – Insérer des images (pages 5 à 7)

  • La syntaxe de base
  • Définir la hauteur et la largeur d’affichage de ton image
  • Ajouter un lien à cliquer sur une image
  • Enlever la couleur autour d’une image à cliquer
  • Ajouter un titre et une description à une image

Chapitre 3 – Mise en forme du texte (pages 8 à 17)

  • Ajouter des commentaires
  • Ajouter des titres
  • Passer à la ligne
  • Ajouter un espace
  • Ajouter un lien « Lire la suite »
  • Ajouter des citations
  • Créer des paragraphes
  • Les balises <div> et <span>
  • Mettre en gras
  • Mettre en italique
  • Souligner
  • Barrer
  • Surligner
  • Enlever toutes les lignes
  • Ajouter une couleur à l’arrière d’un texte
  • Ajouter une ombre portée
  • Mettre un texte en indice (subscript en anglais)
  • Mettre un texte en exposant (superscript en anglais)
  • Mettre un texte en minuscule (lowercase en anglais)
  • Mettre un texte en majuscule (uppercase en anglais)
  • Changer la taille des caractères
  • Changer la police de caractères
  • Aligner à gauche
  • Centrer
  • Aligner à droite
  • Justifier un texte
  • Créer un espace en début de ligne
  • Changer de couleurs
  • Tracer une ligne
  • Changer la distance entre les lignes
  • Changer l’espace entre les lettres
  • Changer l’espace entre les mots
  • Remarque

Chapitre 4 – Créer des puces (pages 18 à 21)

  • Utiliser des ronds
  • Utiliser des numéros
    • Numérotation arabe
    • Majuscule
    • Minuscule
    • Chiffres romains majuscules
    • Chiffres romains minuscules
  • Utiliser des images
    • … au cas par cas
    • … généraliser : fichier .css + .html
  • Utiliser des caractères spéciaux

Chapitre 5 – Insérer du code (page 22 à 23)

  • Insérer un bloc  de code
  • Insérer quelques termes d’un programme dans un paragraphe
  • Insérer des caractères propres au langage HTML

Table des matières : comprendre les couleurs en HTML

Chapitre 1 – Les palettes de couleurs existantes

  • La palette de couleurs de Microsoft

Comprendre les couleurs en HTML

  • Première palette de couleurs chez Apple

Comprendre les couleurs en HTML

  • Deuxième palette de couleurs chez Apple

Comprendre les couleurs en HTML

Chapitre 2 – Exploiter ces palettes de couleurs

  • Comment fonctionnent les couleurs
  • Passer de valeurs hexadécimales à des valeurs décimales et inversement
  • Choisir tes couleurs

Table des matières : style.css pour débutant

Chapitre 1 – Illustration avec <h2>

  • Ajouter les options dans le corps du programme
  • Ajouter les options dans l’en-tête du programme
  • Ajouter les options dans un autre fichier

Chapitre 2 – Et avec <a href=…>

  • Ajouter les options dans l’en-tête du programme
  • Ajouter les options dans un autre fichier

Chapitre 3 – Illustration avec <div>

  • Ajouter les options dans le corps du programme
  • Ajouter les options dans l’en-tête du programme
  • Ajouter les options dans un autre fichier

Chapitre 4 – WordPress

  • Où trouver un fichier style.css ?
  • Modifier le fichier style.css
  • Y a-t-il un autre endroit où modifier mon fichier style.css

Table des matières : les caractères spéciaux en HTML

Chapitre 1 – Les caractères

  • Ponctuation…
  • Lettres de l’alphabet
  • Mathématiques
  • Protection

Chapitre 2 – Les symboles

  • Flèches
  • Puces

Chapitre 3 – Les smiley et autres symboles

  • Positif
  • Détente
  • Négatif
  • Oui / Non
  • Famille / Gens
  • Temps
  • Météo
  • Poste
  • Musique / Audio
  • Hi-fi
  • Photo / Vidéo
  • Shopping
  • Mixe

Table des matières : créer des cadres en langage HTML

Chapitre 1 – La balise <div>

  • L’option style dans une balise <div>
  • Le texte
  • Espace entre le texte et le bord du cadre : le padding
  • Les bords du cadre
  • La couleur de fond
  • L’espace à l’extérieur du cadre : la marge

Chapitre 2 – Définir des cadres types

Chapitre 3 – Quelques questions

Chapitre 4 – Des exemples à tester

Créer des cadres en langage HTML

Table des matières : les tableaux en HTML

Chapitre 1 – Construction de ton premier tableau (pages 1 à 12)

  • La structure de base des tableaux
  • Remarque sur les styles
  • Visualiser les contours
  • Enlever l’espace entre les cellules
  • Fusionner des cellules
  • Personnaliser l’alignement du texte
  • Personnaliser le titre du tableau
  • Ajouter des espaces entre le texte et le bord des cellules
  • Quelques options supplémentaires
  • Une option pour les malvoyants
  • Centrer le tableau (horizontalement et verticalement)
  • Fixer la largeur du tableau
  • Fixer la hauteur des cellules

Cours HTML introduction : créer des tableaux exemples

Chapitre 2 – Variations autour du même tableau (pages 13 à 21)

  • Arrondir les angles du cadre
  • Mettre le titre du tableau en dessous
  • Ajouter « deux » traits horizontaux
  • Ajouter d’autres traits horizontaux
  • Ajouter des traits verticaux
  • Ajouter d’autres traits verticaux
  • Créer des lignes brisées
  • Un tableau sans cadre extérieur

Cours HTML introduction : créer des tableaux exemples

Cours HTML introduction : créer des tableaux exemples

Cours HTML introduction : créer des tableaux exemples

Cours HTML introduction : créer des tableaux exemples

Cours HTML introduction : créer des tableaux exemples

Chapitre 3 – Un exemple détaillé (pages 22 à 28)

  • L’en-tête du programme
    • L’en-tête du programme : zoom sur table
    • L’en-tête du programme : zoom sur caption
    • L’en-tête du programme : zoom sur thead
    • L’en-tête du programme : zoom sur tbody
    • L’en-tête du programme : zoom sur tfoot
    • L’en-tête du programme : zoom sur les liens hypertextes
  • Le corps du programme

Cours HTML introduction : créer des tableaux exemples

Témoignages