Les bases du HTML5 et des CSS

Public

• Développeurs de sites Web
• Apprenti développeur
• Formation Intra ou Inter Entreprises à Tours ou dans vos locaux

Déroulé de la formation

Les bases du HTML

• Les bases du HTML5
  • Les balises et leurs attributs.
  • De HTML à HTML5...
• Créer une page HTML
  • Structure d'une page HTML5
  • Insérer des commentaires
  • Les niveaux de titres
  • Les paragraphes de textes
  • La mise en forme du texte
    • Texte en gras
    • Texte en italique
    • Texte souligné
    • Texte barré
    • Texte en exposant
    • Texte en indice
  • Insérer des caractères spéciaux.
  • Les listes
    • Les listes non ordonnées
    • Les listes ordonnées
    • Les listes de définitions
    • Les listes de répertoires
    • Les listes de menus
    • Les listes imbriquées
• Tester et publier
  Les outils de développements Tester son site sur différents navigateurs. Mettre en ligne avec un client FTP.
• 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 du son, une vidéo, une animation flash...
• Définir la navigation avec les liens hypertextes
  • Liens internes et externes.
  • Les ancres.
  • Liens vers une messagerie.
  • Lien hypertexte sur une image, une partie d'image.
• Créer des tableaux
  • Tableau simple
  • Tableau complexe
• Créer l'interactivité avec les formulaires
  • Définir les types de champs :
  • texte,
  • multilignes,
  • mot de passe,
  • menu déroulant,
  • case à cocher…
• Structurer sa page
  • Diviser sa page avec header, footer, article, div...
  • Créer des boîtes pour structurer sa mise en page.
• Les apports d'HTML5
  • Nouvelles balises sémantique : Header, nav, section...
  • Autres fonctionnalités
  • HTML5 et les navigateurs
• Gérer la forme avec les feuilles de styles CSS
• Principe de base du CSS
• Définir des classes et des identifiant au sein d'une page HTML.
• Les principales propriétés du CSS
• 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...
• Intégrer et optimiser les feuilles de styles
  • Créer une feuille de style externe pour un site.

Accompagnement et mise en pratique

• Bilan de l’intersession
• Mise en pratique des connaissances acquises sur une plate-forme de tests
• Accompagnement au paramétrage de plate-forme et à l’installation des outils

Pré-requis

• Connaître l'environnement Windows, Mac OS ou Linux
• Utiliser un navigateur web (Chrome, Firefox, Safari, etc. …)

Intervenant

• Spécialiste HTML5/CSS3