HTML/XHTML/CSS

A l'issue de cette formation vous serez capable de :

• de créer des pages web statiques en HTML/ XHTML avec un éditeur basique et les mettre en forme avec du CSS.

Cette formation s'adresse à tous publics.

Durée : 3 jours (21h)

Villes:

• Le Mans
• Angers
• Laval
• Paris
• Aix en provence
• Marseille
• Montpellier
• Lille

Le matériel et les logiciels

•  Ressources nécessaires
•  Quel éditeur choisir ?
•  Notepad ++, Netbeans, Eclipse
•  Les navigateurs

Structure de base d'un document HTML

•  La balise HTML
•  Définition de l'encodage
•  La balise HEAD
•  Les métas informations
•  Les balises utiles pour le référencement
•  La balise BODY

Mettre en forme du texte

•  Le formatage du texte
•  Les balises d'entêtes
•  Les listes non ordonnées
•  Les listes ordonnées
•  Les listes de définition
•  Les abréviations
•  Les espaces insécables, les sauts de ligne ...
•  Les caractères accentués
•  Les paragraphes
•  L'alignement des éléments

Les tableaux

•  Insertions de tableaux
•  Insertion de lignes et colonnes
•  Fusionner des lignes et colonnes
•  Fractionner des lignes et colonnes
•  Remplissage avec une couleur
•  Mise en forme avancée avec des tableaux
•  Les principaux attributs des tableaux

 
Les images

•  Les formats d'images du web
•  Les contraintes liées aux images
•  Insertion d'images
•  Les liens hypertexte sur une image
•  Les principaux attributs d'une image

Les liens hypertexte

•  Création de lien hypertexte sur du texte
•  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 sur un lien hypertexte

Les médias

•  Insertion de flash
•  Insertion de vidéo Flash
•  Insertion de vidéo YouTube

Les formulaires

•  La balise form
•  Les champs de texte
•  Les zones de texte
•  Les listes déroulantes
•  Les boutons radio
•  Les cases à cocher
•  Les boutons envoyer et rétablir

HTML avancé

•  Insertion de code JavaScript.
•  Gestion des couleurs web
•  Caractères spéciaux

Norme actuelle et tendance du CSS

•  CSS 2
•  CSS 3
•  Compatibilité dans les navigateurs

Mise en forme à l'aide de CSS

•  Principes des styles
•  Créer des règles de style
•  Comment structurer le CSS ?

Ou placer votre code CSS ?

•  Dans une feuille de style externe
•  Dans un document
•  Dans un style intégré
•  Avantages et inconvénients des différentes méthodes

La syntaxe

•  Les sélecteurs de style
•  Les balises
•  Les classes
•  Les identificateurs
•  Les sélecteurs d'éléments imbriqués (Héritage)
•  Les pseudo-éléments : les liens CSS, les lettrines

Les propriétés CSS

•  La gestion du texte, polices, couleur, taille, graissage ...
•  Les arrière-plans
•  Les blocs
•  Les boites
•  Les bordures
•  Les listes
•  Le positionnement

Appliquer un style CSS à un élément

•  Sur quelle balise HTML ?
•  Avec une classe
•  Avec une id
•  Avec la balise span

Cas pratiques

•  Colonnes en CSS
•  Eléments flottants
•  Mise en forme de menu Jquery en CSS