Formation HTML / CSS

Naissance et Historique du HTML

Découvrir l'environnement et les bases

1. Un simple éditeur de texte
2. Les entêtes HEAD
3. Le corps BODY

Comprendre le fonctionnement du HTML

1. Syntaxe et structure des balises
2. Les principales balises et leur rôle
3. Le principe d'imbrication
4. Les attributs de balises HTML
5. Le HTML et le XHTML
6. Le fonctionnement des navigateurs
7. La nomenclature, les règles, le W3C

Créer une première page HTML

1. Structure de base
2. Message "hello world"
3. Afficher un lien A
4. Afficher une image IMG
5. Afficher un tableau TABLE

Savoir renseigner la zone HEAD

1. Le DOCTYPE
2. Titre de page
3. Attributs d'encodage
4. Principe et historique des METAS
5. Les balises METAS fondamentales
6. Les balises METAS avancées

Savoir utiliser un éditeur de code

1. Les différents types d'éditeurs
2. Les modes d'affichage et aperçus
3. Les modes de coloration de code
4. Découverte des balises et attributs

Connaître les balises textuelles

1. Les balises de titres et paragraphe
2. Sauts de ligne, tabulations et espaces
3. Les listes
4. Les caractères spéciaux
5. Les attributs de police et taille
6. Mise en gras et italique

Maîtriser la structure des URLs

1. Définition du nom de domaine
2. Principe et fonctionnement des DNS
3. Les protocoles HTTP et HTTPS
4. URLs internes et externes
5. URLs absolues et relatives

Maîtriser les liens hypertextes

1. Liens absolus et relatifs
2. Target, ancres, liens externes
3. Réaliser un menu de navigation
4. Lien hypertexte pour envoi d'email
5. Liens hypertextes sur images et boutons

Maîtriser les images et médias

1. Les formats d'images du web : gif, jpg, png
2. Taille, positionnement
3. Principe des images vectorielles
4. Principe de l'IFRAME
5. Insertion de vidéos et plugins externes

Savoir créer un formulaire

1. Découverte des types de champs
2. La balise FORM et ses attributs
3. Envoyer les informations par mail
4. Principe de l'échange client serveur
5. Principe du traitement serveur
6. Principe des méthodes GET et POST

Découvrir les styles CSS

1. Principes et fonctionnement des styles CSS
2. Utilisation de l'attribut style
3. Découverte des propriétés de styles
4. Couleurs, polices, tailles
5. Positions, dimensions, background
6. Principe de l'héritage

Savoir appeler des styles CSS

1. Principe et fonctionnement des sélecteurs
2. Sélecteurs de balises
3. Sélecteurs par id et par classe
4. Création de code CSS dans le fichier HTML
5. Création de feuille de style CSS externe

Mettre en forme des conteneurs DIV et SPAN

1. Le principe de l'intégration par box DIV
2. Le conteneur SPAN
3. Le principe de flux, DISPLAY
4. La propriété FLOAT
5. Les différentes références POSITION
6. Liens relationnels entre calques
7. Le positionnement de type RELATIVE
8. Le dimensionnement en pourcentages
9. Le principe de l'intégration en Grid Layout