Formation : Introduction à l'écriture de pages html et css

1. Objectifs

A l'issue de ce stage, les stagiaires seront en mesure de :

  • Créer et organiser une page html
  • Définir les différents éléments d'une page (titres, paragraphes, tableaux, listes, etc.)
  • Maitriser la syntaxe des feuilles de style CSS
  • Modifier l'apparence d'un document grâce aux CSS
  • Placer les éléments sur une page grâce aux CSS

Pour appréhender au mieux les notions de placement des éléments sur une page html grâce aux CSS, il est conseillé de travailler sur ce point en dehors de la formation. Des exercices permettront aux stagiaires de s'exercer.

2. Présentation

Les langages html et css sont la base du développement des sites web.

L'HyperText Markup Language, généralement abrégé HTML, est le format de données conçu pour représenter les pages web. Ce langage sert à définir le contenu d'un site (le texte qu'il contient, les images ou autres médias) et à typer chaqun des éléments (paragraphe, titre, image, etc.)

Les feuilles de style en cascade, généralement appelées CSS de l'anglais Cascading Style Sheets, forment un langage informatique qui décrit la présentation des documents HTML et XML. Les CSS permettent donc de décrire l'aspect que prennent les pages html (couleur, positionnement, marges, bordures, etc.)

3. Participants et prérequis

Cette formation s'adresse aux développeurs web débutants n'ayant pas ou peu de notion de développement en html css. Le niveau de détail sera adapté en fonction du niveau des participants

Aucun pré-requis n'est nécéssaire.

4. Programme

Partie 1 : définir le contenu d'une page

  1. Les bases du HTML
    1. Les balises et leurs attributs.
    2. Le HTML et le XHTML.
    3. Les navigateurs, les règles importantes à respecter.
  2. Gestion de l'entête de la page
    1. Identifier une page, définir un en-tête, un titre.
    2. Insérer des commentaires, spécifier la langue.
    3. Insérer des caractères spéciaux.
  3. Typer les éléments de la page
    1. Définir un paragraphe, un titre
    2. Listes à puces et numérotées.
    3. Définir la navigation et les liens hypertextes
    4. Créer des listes, des tableaux
  4. La gestion des formulaires
  5. Organiser une page avec les balises html5

Partie 2 : définir l'aspect d'une page

  1. Les bases du css
    1. La syntaxe
    2. Les sélécteurs
    3. Les couleurs
  2. Modifier l'aspect des élements d'une page
    1. Couleur d'arriere plan.
    2. Police, aspect du texte
    3. Marges
    4. Bordures
  3. Placer les composants