Apprendre à coder sur pierre-giraud.com

DES COURS COMPLETS ET GRATUITS POUR TOUS

SOMMAIRE

Introduction

  1. Présentation du cours
  2. HTML/CSS - Introduction
  3. HTML/CSS - Définitions et rôles
  4. HTML/CSS - Versions
  5. HTML/CSS - Travail en local
  6. HTML/CSS - L'éditeur de texte

Les bases en HTML

  1. HTML - Eléments, balises, attributs
  2. HTML - Structure
  3. HTML - Affichage
  4. HTML - Indentation et comentaires
  5. HTML - Titres et paragraphes
  6. HTML - Espaces et retours à la ligne
  7. HTML - Strong, em et mark
  8. HTML - Listes
  9. HTML - Liens internes et externes
  10. HTML - Autres types de liens
  11. HTML - Images
  12. HTML - Validation
  13. Test n°1

Les bases en CSS

  1. CSS - Sélecteurs, propriétés
  2. CSS - Emplacement
  3. CSS - Commentaires
  4. CSS - Sélecteurs simples
  5. HTML/CSS - Id et class
  6. CSS - L'héritage
  7. HTML/CSS - Block vs inline
  8. HTML/CSS - Div et span
  9. Test n°2

Mise en forme de textes

  1. CSS - Font-family
  2. CSS - Propriétés "font-"
  3. CSS - Couleur et opacité
  4. CSS - Propriétés "text-"
  5. CSS - Les espaces
  6. Test n°3

Le modèle des boîtes

  1. CSS - Le modèle des boîtes
  2. CSS - Dimensions
  3. CSS - Bordures
  4. CSS - Marges
  5. CSS - Ombres
  6. CSS - Affichage
  7. CSS - Positionnement
  8. CSS - Flottement
  9. CSS - Alignement
  10. Test n°4

Gestion du fond

  1. CSS - Couleur de fond
  2. CSS - Image(s) de fond
  3. CSS - Dégradés linéaires
  4. CSS - Dégradés radiaux
  5. Test n°5

Les tableaux

  1. HTML/CSS - Créer un tableau simple
  2. HTML - Structurer son tableau
  3. HTML - Améliorer un tableau
  4. Test n°6

Image, audio, vidéo

  1. HTML/CSS - Les images
  2. HTML - L'audio
  3. HTML - La vidéo
  4. HTML - Intégration et sémantique
  5. Test n°7

CSS avancé

  1. CSS - Long hand vs short hand
  2. CSS - Sélecteurs avancés
  3. CSS - Pseudo classes
  4. CSS - Pseudo éléments
  5. CSS - Sprites
  6. CSS - Transitions
  7. CSS - Animations
  8. Test n°8

Formulaires HTML

  1. HTML - Présentation des formulaires
  2. HTML - Créer un formulaire simple
  3. HTML - Les types d'input et les listes
  4. HTML - Les attributs des formulaires
  5. HTML/CSS - Organiser et mettre en forme un formulaire
  6. Test n°9

Responsive design

  1. HTML/CSS - Introduction au responsive
  2. HTML - Le viewport
  3. CSS - Les media queries
  4. Test n°10

Création d'un site perso (cv)

  1. Présentation de l'exercice
  2. Création des parties "fixes" du site
  3. Création de la page accueil.html
  4. Création des autres pages du site
  5. Conclusion de l'exercice et du cours

PRESENTATION DES FORMULAIRES

Les formulaires en HTML

Les formulaires vont nous permettre de recueillir des données envoyées par nos utilisateurs.

Nous allons par exemple utiliser des formulaires HTML pour créer des formulaires d’inscription, des formulaires de contact, etc.

Création et traitement d’un formulaire

Vous devez bien comprendre que nous touchons, avec les formulaires, aux limites du HTML.

En effet, le HTML va nous permettre de créer notre formulaire sans problème. Cependant, nous n’allons ni pouvoir traiter les données envoyées par les utilisateurs, ni pouvoir les stocker.

Pour effectuer ces opérations, nous allons avoir besoin de connaître de nouveaux langages informatiques qui vont traiter les informations envoyées côté serveur, comme le PHP par exemple et pouvoir enregistrer les données efficacement comme c’est le cas du système de gestion de bases de données MySQL, entre autres.

Comme l’apprentissage de ces langages n’est pas l’objet de ce cours, nous nous contenterons dans les parties suivantes de créer notre formulaire en HTML, tout simplement, sans se préoccuper du traitement et de l’enregistrement des données.

Mise en garde : les données utilisateurs

Si vous ne connaissez que le HTML et le CSS pour le moment, cette mise en garde va peut être vous paraître abstraite. Cependant, je préfère la faire dès maintenant car elle vous sera très précieuse si vous continuez l’apprentissage de la programmation par la suite.

Lorsque l’on crée des formulaires, on va demander aux utilisateurs de nous envoyer des données.

Vous devez TOUJOURS vous méfier des données envoyées par l’utilisateur et sécuriser vos formulaires avant d’effectuer toute autre opération sur ces données.

En effet, même s’ils sont peu nombreux, soyez sûr qu’un jour ou l’autre un utilisateur malveillant essaiera de profiter d’un formulaire pour envoyer des données non souhaitées et tenter de faire buguer votre site ou encore de récupérer des informations sensibles.

Une nouvelle fois, nous n’allons pas pouvoir sécuriser nos formulaires en HTML, nous aurons besoin de l’aide d’autres langages comme le PHP pour faire cela.

Cependant, retenez bien cette mise en garde si vous devez un jour demander des données à vos utilisateurs.

Chapitre précédent

Chapitre suivant