Cette formation aborde l’utilisation du langage HTML dans le contexte du métier de développeur Web. Elle est fortement orientée sur la pratique et présente de nombreux exemples aux participants. Cette formation concerne également le langage de style CSS. L’objectif de cette formation destinée à de futurs développeurs Web est de leur présenter les outils permettant d’assurer une présentation homogène des pages d’un site Web. La formation vise à la maîtrise de tous les concepts de CSS.
Compétences visées
Maîtriser les formats des documents
Maîtriser les balises
Mettre en forme des listes sur une page
Structurer un document HTML
Utiliser les styles de paragraphes
Utiliser les hyperliens
Mettre en forme des listes imbriquées
Utiliser une feuille de style
Créer une feuille de style
Maîtriser les unités de mesure
Appliquer les ordres de priorité sur les feuilles de style
Mettre en page avec des blocs
Utiliser les styles textuels
Mettre en page des formulaires
Mettre en page des tableaux
Gérer l’utilisation des images et leur redimensionnement
Mettre en place un design responsive
Utiliser différents mode d’affichage
Gérer les débordements
Respecter les contraintes ergonomiques
Gérer les menus en fonction de la taille de l’écran
Leçons
-
Le format HTML
-
Les différents types de format
-
Les formats texte, image et vidéo
-
Principes du protocole
-
Les différents types de requêtes
-
Strcuture type d’une page HTML
-
Format des commandes
-
Exemples de messages
-
Les balises principales
-
L’instruction !DOCTYPE
-
Les balises BDO, INS et DEL
-
La balise META
-
La reconnaissance par les moteurs de recherche
-
Les entêtes de paragraphes
-
Les sauts de paragraphes
-
Formatage des textes
-
Les balises DIV et SPAN
-
Le formatage des textes par les balises
-
Les séparateurs graphiques
-
Les liens hypertexte
-
Les autres types de liens
-
Les listes à puce
-
Les listes numérotées
-
Les listes de définition
-
Les listes de menu et répertoire
-
Les listes imbriquées
-
Définir une table
-
Balises de définition de tables et leurs attributs
-
Mise en page avec la balise DIV
-
Les styles physiques
-
Les caractères accentués
-
Les styles logiques
-
Les modifications de fontes
-
Les balises FONT
-
Mise en page des tables
-
Mise en page basée sur les DIV
-
L’insertion d’images
-
Les formats d’images
-
La balise IMG
-
Les balises OBJECT et PARAM
-
Le fond d’écran
-
Les images background
-
Définition d’une image réactive
-
Les coordonnées
-
Imagemap
-
Définition
-
Utilisation
-
Création
-
Les balises de multifenêtrage : frame et frameset
-
La balise noframes
-
Définition d'un formulaire
-
La balise INPUT
-
La balise SELECT
-
La balise TEXTAREA
-
La balise BUTTON
-
La balise FIELDSET
-
Les avantages des feuilles de style
-
Les différentes versions de CSS
-
Le support par les navigateurs
-
Le stockage des feuilles de style
-
Les sélecteurs
-
L'ordre de priorité
-
Les propriétés
-
Les unités de mesure
-
Les couleurs
-
Les balises de bloc vs en ligne
-
Tailles
-
Positionnement
-
Les marges
-
Fonds et bordures
-
Le contenu (déroulement / scrolling)
-
Cas particulier des tableaux
-
Modification des fontes
-
Alignement du texte
-
Cas particulier des liens
-
Les effets visuels
-
Listes et menus horizontaux et verticaux
-
De contenu (img) vs d'apparence (background)
-
Redimensionnement
-
Rollover
-
Liens et images
-
Design des contrôles
-
Mise en forme
