Programmation Web

Le web est la plus grande bibliothèque du monde située sur un réseau mondial. Cette bibliothèque est composée de documents de différents types: images, textes, vidéos, etc. Il se base principalement sur le langage HTML mais il est mis en forme plus agréable à l’aide du langage de style CSS. Le web est dynamisé par le langage JavaScript.

Dans ce cours, on va introduire le web, le langage de balisage HTML5 et le langage de style CSS3. Ce cours est destiné à tous ceux qui veulent développer des sites simples et modernes. Chaque chapitre contient une série d’exercices.

Web

1. Introduction au Web
   1. Les composants du Web
   2. Le fonctionnement du Web

HTML

1. HTML
   1. Les versions du langage HTML
   2. Les éléments HTML
      1. Anatomie d’un élément HTML
      2. Imbriquer des éléments
      3. Les balises orphelines
      4. Les attributs
   3. Le document HTML
   4. Les balises principales
      1. Baliser le texte
         1. Les titres
         2. Les paragraphes
         3. Les listes
         4. Listes de descriptions
      2. Les images
      3. Les liens
      4. Les balises textes en ligne (inline)
         1. Mise en forme de texte
         2. Importance Logique
         3. Abréviation et Citation
         4. Insertion du code
      5. Les balises universelles
   5. Balises structurantes
      1. Structure d’une page Web d’un article
      2. Application

1. Tableaux
   1. Les balises de Tableau
   2. Structure Tableau Avancée
   3. Remarques

1. Formulaire
   1. Création d’un formulaire
   2. Éléments d’un formulaire
      1. Champ de texte simple
      2. Mot de passe
      3. Nombre
      4. Zone de texte
      5. Étiquette / label
      6. Case à cocher
      7. Groupe radio
      8. Bouton d’envoi
      9. Bouton de réinitialisation
      10. Liste à choix multiple
      11. Fichier
      12. Dates / Temps
      13. Couleur
      14. Zone de recherche
      15. Champ email
      16. Champ URL
      17. Champ Téléphone
   3. Les attributs du formulaire
      1. name
      2. type
      3. value
      4. autocomplete
      5. autofocus
      6. placeholder
      7. max, min, step
      8. maxlength, minlength
      9. checked, selected
      10. required
      11. pattern
      12. disabled, readonly
   4. Application
      1. Premier formulaire
      2. Deuxième formulaire
   5. Remarque

1. Multimédia et Intégration
   1. Les Vidéos
   2. Les audios
   3. Les images vectorielles
   4. Intégration de contenu externe
      1. Intégration des pages Web
      2. Intégrer des autres ressources
   5. Remarque

1. Complément HTML5
   1. Vérificateur lexico-graphique, syntaxique et sémantique

CSS

1. Introduction CSS
   1. Les versions du langage CSS
   2. Principes de base
   3. Les sélecteurs CSS
      1. Sélecteurs de base
      2. Sélecteurs imbriqués
   4. Les unités CSS
      1. Unités relatives
      2. Les pixels
   5. Les couleurs CSS
      1. Par leur nom
      2. Code héxadécimal
      3. Rouge, Vert, Bleu
      4. RGBA
      5. Teinte, saturation, luminosité (HSL)
      6. HSLA
      7. Définir la couleur du texte
      8. Définir la couleur de fond

1. Style de texte
   1. Taille de texte
   2. Polices
   3. Epaisseur du texte
   4. Style de l’écriture: de la fonte
   5. Alignement du texte
   6. Majuscule
   7. Décoration
   8. Indentation
   9. Espacement

1. Style des boites "boxe"
   1. Le modèle de boîte
   2. Les types de boîte
   3. Bordure
   4. Couleur et image de fond

1. Mise en forme des tableaux
   1. Bordure du tableau
   2. Couleur des cellules
   3. Mise en Forme de d’en-tête et du pied
   4. Les légendes “captions”

1. Mise en forme des formulaires
   1. Mise en forme de fieldset
   2. Mise en page du formulaire
   3. Bouton d’envoi
   4. Validation de contenu

1. CSS Avancé
   1. Effets Graphiques
   2. Effets de transition
   3. Effets d’animation

Référencement

1. Référencement
   1. Terminologie
   2. Importance du référencement Web
   3. Les techniques de référencement naturelles
      1. Le contenu de la page Web
      2. Le titre de la page
      3. L’URL de la page
      4. Le corps de la page
      5. Les balises
         1. Les différents types de balises méta
         2. Exemples de balises méta name
         3. copyright
         4. description
         5. generator
         6. keywords
         7. robots
      6. Liens hypertextes
      7. L’Attribut alt de l’image
   4. Le fichier robots.txt
      1. Présentation de robots.txt
      2. Structure du fichier robots.txt
      3. sitemap.xml et robots.txt
   5. Les logiciels de mesure d’audience
      1. Google Analytics
      2. Matomo (Piwik)

Annexe

1. Bibliographie
   1. Sites en ligne
   2. Livres
   3. Outils de développement

1. À Propos