HTML/CSS, les bases du langage internet

SUR-MESURE : LE PROGRAMME EST ADAPTABLE À VOTRE DEMANDE.
DEVIS

Programme (2 à 5 Jours) | Tarif selon la durée

DEVIS
Créer des pages web statiques en HTML/ XHTML avec un éditeur basique (Notepad ++) et les mettre en forme avec du CSS
Toute personne désirant créer un site web statique en HTML / XHTML et CSS
Une connaissance du monde de l’internet ( navigation, recherche) est souhaitée pour cette formation.

Le matériel et les logiciels

  • Ressources nécessaires, quel éditeur choisir ?

Editeur html css

  • Weaverslave, Notepad ++

Structure de base d’un document html

  • La balise html, la balise head, la balise body

Les métadonnées, 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 ?

Ma première page Web

  • Utiliser des tableaux ou des div ?

Les tableaux (balise 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

La balise 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 images de fond, les principaux attributs

Les médias

  • Insertion d’animations flash (swf) et de videos (flv)

Mise en forme avec les styles css

  • Créer une feuille de style CSS, attacher une feuille de style à un document
  • Créer des règles (Classe, balise), appliquer les styles aux éléments

Les modèles (templates)

  • Créer un modèle, créer une région répétée, créer une page basée sur un modèle

Les formulaires

  • La balise form, champ de texte, zone de texte, liste déroulante
  • Case à cocher, boutons radio, bouton envoyer, rétablir

Valider le code source

  • Valider votre code xhtml, valider vos feuilles de style CSS