Formation HTML Nord

Le matériel et les logiciels

• Ressources nécessaires
• Quel éditeur choisir ?

Éditeur HTML (Freeware)

• Weaverslave
• Notepad ++

Éditeur CSS (Freeware)

• Top Style lite

Structure de base d'un document HTML

• La balise HTML
• La balise HEAD
• La balise BODY

Les meta informations / la balise HEAD

• DOCTYPE
• Les balises TITLE, META, KEYWORD, DESCRIPTION, REFRESH ...
• Quelles sont les balises utiles pour le référencement de votre site web ?

Mettre en forme du texte

• Le formatage du texte
• Les entêtes
• La police, taille, couleur, gras, italique, souligné, centré
• Les listes ordonnées, les listes à puce
• Les espaces insécables, les sauts de ligne ...
• Les paragraphes

Ma première page web

• Utiliser des tableaux ou des calques
• Que choisir ?

Les tableaux (TABLE)

• Insertions de tableaux
• Insertion de lignes et colonnes
• Fusionner, fractionner des lignes et colonnes
• Les principaux attributs
• Développer votre site avec des tableaux

Les calques (DIV)

• Insérer la balise DIV
• Positionner la balise DIV
• Mettre en forme la balise DIV
• Développer un site en utilisant la balise DIV

Les liens hypertexte

• Création de lien hypertexte sur du texte
• Vers un fichier local, vers une page web, vers un serveur ftp
• Création de lien vers messagerie (mailto)
• Création de lien hypertexte sur des images
• Les principaux attributs

Les images

• Insertion d'images
• Les formats d'images du web
• Les contraintes liées aux images
• Les images de fond
• Les principaux attributs

Les médias

• Insertion de flash

Mise en forme avec les feuilles de styles CSS

• Création d'une feuille de style CSS
• Lier une feuille de style
• Régles CSS à l'intérieur du document
• ou dans une feuille de style externe
• Créer une régle CSS
• Les types de sélecteur
  • Classe, ID, Balise, composé
• Les héritages de classe
• Les différentes catégories
  • Type, arriére plan, bloc, boîte, bordure, liste, postionnement, extensions
• Modifier une régle

Les cadres (Obsolète)

• Insertion de cadres
• Gestion de frames
• Les problèmes liés aux frames

Les formulaires

• La balise form
• Champ de texte
• Zone de texte
• Liste déroulante
• Case à cocher
• Boutons radio
• Bouton envoyer, rétablir

Valider votre code source

• Valider votre code XHTML
• Valider vos feuilles de style CSS

Annexes

• Les caractères spéciaux
• Les couleurs du web