HTML - Les bases

Développement   

Objectifs

Toute personne souhaitant maîtriser le langage HTML  pour développer des pages Web.

À l'issue de la formation, le stagiaire sera capable de :

  •     De programmer des pages Web à l’aide du langage HTML

Methodes et outils pédagogiques

  • Alternance exposés théoriques et exercices pratiques (80% pratique)
  • Support de cours adapté au niveau suivi

Evaluation

  • Tout au long de la formation, exercices pratiques permettant au formateur la validation des acquis et des compétences

Public concerné

Toutes les personnes désirant s'initier aux fondamentaux de la création de pages Web.

Pré-requis

Pratique courante d'Internet.

3 jours
Prochaine session

Présentation

  • Le Html est le langage du Web - Le Html est un langage de balises
  • Le bon usage des balises - Les particularités et pièges du Html
  • Le document Html minimum - La façon de procéder

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 commentaires et leur utilité - Les autres balises de texte
  • Les marges de la fenêtre - Les listes

Les tableaux

  • L'utilité dans la conception des sites Web - Les tableaux
  • Les cellules des tableaux - La fusion des cellules
  • Forcer la hauteur et la largeur - L’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

Les liens

  • La balise de liens - Les liens vers une autre page
  • Les liens à l'intérieur d'une page - Les liens vers un autre site Web
  • Les liens vers une adresse électronique - Les liens pour télécharger un fichier
  • Les liens vers une fenêtre spécifique - L'attribut title
  • La couleur des liens non-visités, visités et actifs
  • Les liens et les feuilles de style

Les images et arrière-plans

  • Les couleurs en Html - Les images du Web
  • L'insertion d'une image - L'espace autour d'une image
  • L'alignement d'une image - L'insertion d'une couleur d'arrière-plan
  • L'insertion d'image d'arrière-plan - L'insertion d'un lien sur une image
  • Les images réactives

Les cadres

  • Présentation
  • 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

Les formulaires

  • L'utilité des 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 - Un livre d'or

L'en-tête d'un document HTML

  • Le DOCTYPE - Le rôle des balises d'en-tête
  • Les balises indispensables - Les balises utiles
  • Les balises éventuelles - Les secrets d'un bon référencement
  • Un "best-of" des balises d'en-tête

Images réactives

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

Les feuilles de style

  • L'objectif de départ - L'utilisation pratique
  • 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 balises <> et <>
  • Le positionnement avec <>et <>
  • Les unités de mesures
  • La codification des couleurs - Les feuilles de style
  • Les grands classiques des feuilles de style

Le HTML et le multimedia

  • Précautions préalables - Insérer un fond sonore
  • Insérer un fichier son - Insérer un fichier vidéo
  • Insérer une animation Flash

Le XHTML

  • Présentation - 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

Les autres langages du Web

  • Côté client/côté serveur - Le JavaScript 
  • Le VBScript - Le DHTML

Ces formations pourraient également vous intéresser