logo_htmllogo_css

Plan de cours

Durée : 3 jours (35 heures)

Objectifs pédagogiques

Développer et faire évoluer des sites WEB, des extranets et des Intranets, des applications « Cloud ». Assurer la maintenance et l’évolution de sites WEB et d’applications existants

Public concerné

Services Informatiques, Webmasters, développeurs

Prérequis

Expérience d’au moins un langage de programmation souhaitable. Notions d’anglais recommandées.

Première demi-journée

  • Les bases du HTML
  • Les balises et leurs attributs
  • Le HTML et le XHTML
  • HTML5 et les équipements mobiles (smartphones et tablettes)
  • Les navigateurs, les règles importantes à respecter

Deuxième demi-journée

  • Créer une page HTML
  • Identifier une page, définir un en-tête, un titre
  • Insérer des commentaires, spécifier la langue
  • Insérer des caractères spéciaux
  • Définir la police, la taille, le gras et l’italique
  • Définir un paragraphe, son alignement, créer un retrait
  • Listes à puces et numérotées, blocs de citation

Troisième demi-journée

  • Insérer des images et des médias dans une page
  • Les formats d’images du web : gif, jpg, png.
  • Taille, positionnement par rapport au texte, texte alternatif.
  • Insérer un son, une vidéo, une animation flash.

Quatrième demi-journée

  • Définir la navigation et les liens hypertextes
  • Lien vers une ancre, vers une page du site, vers une adresse url externe, vers une messagerie.
  • Lien hypertexte sur une image, une partie d’image
  • Les feuilles de style « responsives »

Cinquième demi-journée

  • Créer l’interactivité avec les formulaires
  • Définir les types de champs : texte, zone multi lignes, mot de passe, menu déroulant, case à cocher, bouton radio
  • Envoyer les informations d’un formulaire par mail
  • Structurer sa mise en page
  • Les secrets du référencement

Sixième demi-journée

  • Gérer la forme avec les feuilles de styles CSS
  • Définir des classes au sein d’une page HTML
  • Découvrir les principales propriétés du CSS avec : les propriétés du texte, les alignements, les bordures, les tailles, les marges intérieures et extérieures, les couleurs de fond, les images d’arrière-plan.
  • Optimiser les feuilles de styles
  • Créer une feuille de style externe pour le site
  • Définir un style de type classe, balise HTML, id, pseudo-classe
  • Créer le lien entre le fichier de styles et les pages HTML
  • Tester et publier
  • Tester son site sur différents navigateurs
  • Mettre en ligne avec un client SFTP / SCP
Print Friendly, PDF & Email