Outils graphiques / Web création Outils graphiques / Web création
Référence formation : 2-IN-HTML - Durée : 4 jours

Cliquez sur l'image ci-contre ou sur le lien ci-dessous
pour télécharger notre programme de formation professionnelle au format PDF
(nécessite © Acrobat Reader)

Objectifs

  • Créer des pages Web en utilisant le langage HTML XHTML
  • Séparer la structure et la mise en forme par la mise en place de règles CSS

Pré-requis

  • Utilisateurs désirant créer des sites Internet
  • Une bonne connaissance d'Internet et de l'environnement Windows est nécessaire

Plan de cours

Notions de base

  • Les balises HTML et structure d'un fichier HTML
  • Langue
  • Gestion des caractères accentués
  • Titre
  • Les Meta datas
  • Installation et configuration d’un éditeur de code

Balises HTML

  • H1 à H6
  • Insérer une ligne de séparation
  • Les sauts de ligne et de paragraphe
  • Balises structurelles d’une page (header, main, footer …)

Mise en forme : CSS

  • Utilisation du CSS, localisation des règles
  • Les types de sélecteur et création d'une règle CSS
  • Mise en forme des caractères
  • Différences entre les balises de type Inline ou Block
  • Marges internes et externes
  • Positionnement relatif et absolu des éléments
  • Positionner les éléments grâce aux Flexbox
  • Medias Queries

Les listes

  • Les listes à puces, numérotées et personnalisation
  • Les listes imbriquées

Framework Responsive

  • Définition et utilité d’un Framework (Bootstrap)
  • Comprendre le système de grille, de ligne, de colonne dans une mise en page fluide
  • Insertion de composants et personnalisation (Diaporama, Barre de Navigation …)

Les tableaux

  • La création d'un tableau simple
  • Les alignements, les fusions de cellules
  • Tableaux, bordures et titres de tableau

Les liens hypertextes

  • Les types de lien, les liens Web et les liens vers des signets
  • Les liens de messagerie
  • Les liens sur une image

Images, sons et vidéos

  • Les formats d'image, l'insertion d'une image
  • Rendre une image Responsive
  • L'insertion de son et d'une vidéo

Les formulaires

  • L'envoi d'un formulaire par email
  • Les champs de saisie, les boutons de sélection
  • Les listes de sélection

Les Animations CSS

  • Déclenchement d’une animation CSS
  • Paramétrer la Durée, le délai, le nombre d’Itération
  • Types de courbe de vitesse
  • KeyFrames

Retour haut de page