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…). Objectifs de la formation HTML et CSS : Cette formation HTML et CSS permet d'acquérir les principes de base du HTML et un aperçu des différentes technologies utilisées dans la construction des sites web et des applications intranet.Programme de la formation HTML et CSS : 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