Formation HTML et CSS

Pour expliquer à l’ordinateur ce que vous voulez faire, il va falloir utiliser un langage qu’il comprend. Et c’est là que les choses se corsent, parce qu’il va falloir apprendre deux langages ! Le langage HTML (HyperText Markup Language) dont le rôle est de gérer et d’organiser le contenu. C’est donc en HTML que vous écrirez ce qui doit être affiché sur la page : du texte, des liens, des images…  Le langage CSS (Cascading Style Sheets, aussi appelées Feuilles de style) sert à gérer l’apparence de la page web (agencement, positionnement, décoration, couleurs, taille du texte…). 

Présentation

• Différences entre HTML et XHTML
• Structure d’un document : en-tête et corps
• Syntaxe : éléments et attributs
• Documents valides
• Modes strict et quirks, pages compatibles
• Codage des caractères

Eléments de base

• Mises en forme simples : éléments inline, bloc, physique, logique
• Gestion des couleurs : modèle RGB, palettes de couleurs
• Hyperliens : liens entre documents, fenêtres et frames
• Listes
• Tableaux
• Propriétés globales

Tableaux flottants

• Légendes
• Lignes et cellules
• Groupes de cellules

Eléments DIV et SPAN

Structuration de pages avec les tableaux et les éléments DIV

Formulaires

• Propriétés générales
• Les différents éléments de formulaires
• Organisation des champs

Gestion des images

• Les différents formats
• Insertion dans un document
• Liens de type image
• Images réactives

Frames

• Frameset
• Frames internes (iframe)

Feuilles de styles CSS

• Attributs, feuilles de styles internes et externes
• Différences et incompatibilités entre les navigateurs
• Feuille de style externe, interne à une page
• Style spécifique à un élément
• Syntaxe : sélecteurs, règles et propriétés
• Les différents sélecteurs : Nom d’éléments, id, classe, attribut
• Pseudo-éléments sur liens
• Polices : Famille, taille, style, casse et graisse
• Le modèle de boîte : Marges, bordure, remplissage, dimensions
• Les valeurs de mesures

Différences et incompatibilités entre les navigateurs