HTML5 et CSS3 Initiation (avec Dreamweaver ou Notepad++)

DESCRIPTION :

Le HTML5 et le CSS3 sont les dernières versions des principaux langages Web validés par le World Wide Web Consortium (W3C), l’organisme qui a pour mission de développer des protocoles et des standards sur les langages Web et leurs évolutions. Extrêmement complémentaires, le premier permettant d’afficher le contenu des pages web et le second visant à décrire la présentation de ces contenus, ils sont souvent associés dans le cadre des développements pour le web.

OBJECTIFS :

  • Apprendre à créer des pages web à l’aide du HTML5 et du CSS3.
  • Découvrir les possibilités offertes par ces technologies.

MÉTHODES PÉDAGOGIQUES :

  • Méthode active et démonstrative basée sur l’alternance de la théorie et de travaux pratiques sur ordinateur.
  • Chaque stagiaire dispose d’un ordinateur et l’alternance de la théorie et de travaux pratiques permet une validation concrète des acquis des stagiaires tout au long de la formation sous la conduite du formateur.
  • Validation des acquis par des grilles d’analyses, des exposés, des apports méthodologiques, des exercices et des tests d’évaluations.

DURÉE :

2 Jours – 14h.

PUBLIC :

Webmasters, services informatiques, …

PRÉ-REQUIS :

Bonne pratique des logiciels bureautiques sous Windows ou MAC OS et pratique d’Internet régulière (Web et courrier électronique).

PROGRAMME DE FORMATION :

Les bases du HTML5

  • Structure d’une page
  • Doctype, balises et leurs attributs.
  • Les navigateurs, les règles importantes à respecter.

Créer une page HTML5

  • 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, les caractères gras, italiques.
  • Choisir les couleurs de police et d’arrière-plan.
  • Définir un paragraphe, l’aligner, créer un retrait.
  • Listes à puces et numérotées, blocs de citation.

Insérer des images et des medias dans une page

  • Les formats d’images du Web : GIF, JPEG, PNG.
  • Redimensionnement, taille, positionnement, texte alternatif.
  • Intégrer une image d’arrière-plan.
  • Insérer un son, une vidéo, une animation flash.

Définir la navigation avec les liens hypertextes

  • Lien vers une ancre, vers une page du site, vers une adresse externe, vers une messagerie.
  • Lien hypertexte sur une image, une partie d’image.

Découvrir les feuilles de style avec le CSS3

  • Redéfinir les balises HTML.
  • Créer des styles personnalisés (classes).
  • Créer une feuille de style externe pour un site.
  • Coins arrondis, ombres portés, transparence, animations
  • Mise en page et positionnement

Création d’un mini-site avec HTML5 et CSS3 :

  • Page d’accueil
  • Insertion d’images
  • Insertion de vidéos depuis Youtube, Dailymotion, Vimeo..
  • Insertion d’un plan Google Map
  • Page de contact