HTML & CSS

Environnement : PC (Windows 10/8/7/Vista, Linux) ou Macintosh (Mac OS X).

Version : HTML 5 – CSS3

Pré-requis: Utiliser l’outil informatique de manière régulière.

Objectifs : Connaitre les bases du langage HTML pour concevoir des modèles de pages Web statiques. Exploiter la puissance des feuilles de style pour créer des sites Web conformes aux standards du Web.

PLAN DE COURS Formation HTML CSS

1 Présentation

  • Le contexte historique
  • Un langage de balises
  • Document HTML minimum

2 Le texte et sa présentation

  • Le texte simple
  • Les titres
  • Les paragraphes de texte
  • Le contrôle de passage à la ligne
  • Le formatage du texte
  • L’alignement
  • La taille, la couleur et la police
  • Les caractères spéciaux
  • Les marges de la fenêtre
  • Les listes

3 Les tableaux

  • Les cellules des tableaux
  • La fusion des cellules
  • Forcer la hauteur et la largeur
  • Les en-tête et légende de tableau
  • Les nouvelles présentations de bordures
  • Diviser un tableau en groupes de colonnes
  • Diviser un tableau en groupes de lignes

4 Liens

  • La balise de liens
  • Liens vers une autre page
  • Liens à l’intérieur d’une page
  • Liens vers un autre site Web
  • Liens vers une adresse électronique
  • Liens pour télécharger un fichier
  • Les target
  • Liens et les feuilles de style

5 Les images et arrière-plans

  • Les couleurs en Html
  • Insertion d’une image
  • L’espace autour d’une image
  • Alignement d’une image
  • Insertion d’une couleur d’arrière-plan
  • Insertion d’image d’arrière-plan
  • Insertion d’un lien sur une image
  • Les images réactives

6 Les cadres

  • Définir une page de cadres élémentaire
  • Créer un cadre avec des colonnes
  • Créer un cadre avec des lignes
  • Créer un cadre avec des colonnes et des lignes
  • Définir les attributs des cadres
  • Créer des liens entre les cadres
  • Les cadres en ligne ou la balise iframe
  • Choisir entre les cadres ou les tableaux

7 Les formulaires

  • La déclaration de formulaire
  • La zone de texte à une seule ligne
  • La zone de texte à plusieurs lignes
  • Le menu déroulant
  • Les boutons de choix unique (radio
  • Les boutons de choix multiples (checkbox)
  • Le bouton d’envoi
  • Le bouton d’annulation
  • Le bouton de commande
  • Les formulaires cachés (hidden)
  • Les formulaires de transfert de fichier
  • Les formulaires de mot de passe
  • L’organisation des éléments d’un formulaire
  • Les formulaires et les feuilles de style

8 L’en-tête d’un document HTML

  • Le DOCTYPE
  • Les balises indispensables
  • Les balises utiles
  • Les balises éventuelles

9 Images réactives

  • Le concept d’images à zones réactives
  • Les balises expliquées
  • Les logiciels disponibles

10 Le HTML et le multimédia

  • Insérer un fond sonore
  • Insérer un fichier son
  • Insérer un fichier vidéo
  • Insérer une animation Flash

11 Le XHTML

  • Le XHTML et le XML
  • Les nouvelles règles de syntaxe
  • Le DOCTYPE ou DTD
  • Le document XHTML type
  • Comparaison d’un fichier HTML et XHTML
  • La validation du document

12 Les feuilles de style

  • La syntaxe d’un élément de style
  • Les feuilles de style internes
  • Les feuilles de style externes
  • L’application d’un style dans une page Html
  • Les éléments class et id
  • Les unités de mesures
  • La codification des couleurs
  • Les feuilles de style
  • Les grands classiques des feuilles de style

13 Déclaration des CSS

  • Dans l’en-tête du fichier HTML
  • Déclaration au plus près des balises
  • Liaison avec feuille externe
  • Importation d’une feuille de style externe

14 Propriétés exploitables

  • Arrière-plan
  • Bordures
  • Couleur
  • Positionnement flottant
  • Polices enrichies
  • Listes

15 Eléments avancés de mises en page

  • Balises span et div
  • Notion de classe
  • Notion d’identifiant
  • Classes universelles
  • Pseudo-classes
  • L’héritage
  • Positionner des éléments

16 Mise en page sans tableau

  • Techniques d’alignement
  • Cadre aux bords arrondis
  • Création de cellules étirables
  • Adapter un site aux résolutions d’écran

17 Gestion des images

  • Créer une image réactive en CSS
  • Preload
  • Rollover
  • Menus déroulants en CSS

18 Hébergement

  • Choix d’un hébergeur
  • Transfert FTP

19 Référencer un site Web

  • Optimiser les pages pour le référencement
  • Choix de mots clés
  • Les balises META
  • Méthodes

Durée : 7 jours (35 heures).

Tarif :

  • 1 stagiaire : 1750 €
  • 2 stagiaires : 1280 € / personne
  • 3 stagiaires : 940 € / personne
  • 4 stagiaires : 780 € / personne
  • de 5 à 8 stagiaires : 620 € / personne
  • Nombre maximum de stagiaires par groupe : 8

 

 

Les commentaires sont fermés.