Fantom Tag

Formation - HTML5, CSS3, Responsive - Création de pages web

Créer des applications web dynamiques et responsives, avec le langage HTML5 et les feuilles de style CSS3

  • Présentiel ou classe à distance
  • Fondamental
  • Blended
PRESENTIEL OU CLASSE A DISTANCE
Durée
3 jours (21 heures)
activités à distance

Prix
1 965,00 €  HT

Référence
CE953
Dans vos locaux ou à distance
Référence
CE953

Durée
3 jours (21 heures)

Forfait intra - En savoir plus
4 420,00€ HT
(Prix pour un groupe de 12 personnes max)
Formation à la demande
Cette thématique vous intéresse ?
Nos experts conçoivent votre formation
sur-mesure !
Lire la suite
Pour qui ?

A qui s'adresse cette formation ?

Pour qui

  • Développeurs
  • Concepteurs web
  • Chefs de projets...

Prérequis

Programme

Le programme

1 - Présentation

  • Contexte historique
  • HTML : le langage du Web
  • Fonctionnement d’un site internet
  • Histoire et normalisation du HTML
  • La nouvelle vision HTML5

2 - Structure d’un document HTML

  • Concept et usage des balises
  • Le bon usage des balises
  • Particularités et pièges du HTML
  • Le document HTML minimum

3 - L’en-tête d’un document HTML

  • Doctype ou DTD
  • Méta-informations

4 - Le corps d’un document HTML

  • Texte sans balise
  • Types de balise et référencement
  • Balises de type block et inline

5 - Structurer le texte

  • Titres et paragraphes de texte
  • Le contrôle de passage à la ligne
  • Les caractères spéciaux
  • Les commentaires
  • Les autres balises de texte

6 - Les feuilles de style

  • Dynamiser un site avec CSS : styles inline, balise style, balise link
  • Les commentaires
  • Les propriétés
  • Styles du texte : couleur, police, taille, alignement, ...
  • Intérêt des balises div et span
  • Styles des boites : bordures, fond, taille, marge, ...
  • Les sélecteurs : balise, classe, id, pseudo-classes ...
  • Gérer les positionnements

7 - Les listes

  • Numérotées, à puces, imbriquées
  • Les listes de définition
  • Styles dans les listes

8 - Les tableaux

  • Cellules de tableau et fusion des cellules
  • Gestion de la taille du tableau
  • En-tête et légende
  • Les bordures
  • Les groupes de colonnes et de lignes
  • Styles dans les tableaux

9 - Les hypertextes

  • La balise de liens
  • Les différents types de liens : vers une autre page, dans une page, vers un site Web, de téléchargement...
  • Les Target
  • L'attribut titre
  • Pseudo-classes des liens
  • Styles dans les liens

10 - Insertion d’images

  • L'insertion d'une image
  • Couleur et image d'arrière-plan
  • L'insertion d'un lien sur une image
  • Les images réactives
  • Styles sur les images

11 - Les formulaires

  • La déclaration de formulaire (balise form)
  • Zone de texte à une ligne
  • Menu déroulant
  • Boutons : radio, checkbox, d'envoi, d'annulation, de commande
  • Les champs cachés, de transfert de fichier, de mot de passe
  • L'organisation des éléments d'un formulaire
  • Styles dans les formulaires

12 - Le balisage HTML5

  • Référencement et web sémantique
  • Les nouveaux éléments (main, header, footer...)

13 - Audio et vidéo

  • Les éléments audios et vidéos
  • Les conteneurs, les codecs
  • Compromis pour un site à forte audience

14 - CSS3 – les styles avancés

  • Se passer d'images, éviter les astuces
  • Coins arrondis, ombres portées, transparence, animations
  • Niveau de présentation
  • Mise en page par patron
  • Mise en page multi-colonnes
  • Mise en page par boites horizontales ou verticales (flexbox)
  • Positionnement par grille (grid)
  • Autres nouveautés

15 - Responsive Web Design

  • Découverte du viewport
  • Présentation en mode grille
  • Media queries
  • Introduction à Boostrap
Après la session
  • Des vidéocasts pour revenir sur les points clés de la formation
  • Des vidéos-tutos pour vous accompagner dans vos premiers développements avec HTML5 et CSS3

Evaluation

  • Pendant la formation, le formateur évalue la progression pédagogique des participants via des QCM, des mises en situation et des travaux pratiques. Les participants passent un test de positionnement avant et après la formation pour valider leurs compétences acquises.
Objectifs

Les objectifs de la formation

  • Concevoir et développer des applications Web en HTML5 et CSS3
  • Mettre en place et valider la structure HTML 5 des pages Web
  • Habiller des pages Web en CSS3 afin de les rendre plus attractives
  • Savoir produire des pages compatibles avec les différents navigateurs internet
  • Rendre responsive design les pages Web d'un site
  • Créer des images et des animations vectorielles
Points forts

Les points forts de la formation

  • Une progression pédagogique qui permet de comprendre les traitements qui peuvent être délocalisés du serveur vers le poste client.
  • Création d'une application "fil rouge" : création du contenu, de la mise en forme, tests multi-navigateurs, ajout de fonctionnalités dynamiques et HTLM5, mise en production.
  • La pédagogie favorise les échanges entre participants ; l'animateur apporte des réponses personnalisées à chacun.
  • Les contenus digitaux mis à disposition des participants après la formation renforcent l'efficacité pédagogique du programme et garantissent un bénéfice durable de l'action de formation.
  • 93% des participants à cette formation se sont déclarés satisfaits ou très satisfaits au cours des 12 derniers mois.

Qualité des formations

ib Cegos est certifié Iso 9001 et Qualiopi.

Financement

Les solutions de financement

Spécial adhérents Atlas
Cette formation est éligible à l'action collective campusAtlas "Développement web".
En savoir plus sur les Actions Collectives Atlas.
Financer cette formation avec le FNE
Cette formation est éligible au dispositif FNE-Formation sur campusAtlas.
En savoir plus sur le FNE-Formation.
Pour toute demande d'information sur le financement de cette formation, contactez nos conseillers formation.

Sessions

Mise à jour le 18/05/2024
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Découverte, CS 37621
    31675 Labège Cedex
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Aix en Provence
    Pôle d'activités d'Aix-en-Provence / Espace Cezanne 2ème étage 135, rue André Ampère
    13290 Aix-en-Provence
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Strasbourg
    Immeuble l'Avancée 26C, Bd du Président Wilson
    67000 Strasbourg
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Rouen
    Parc d'Activités Technologiques de la Vatine / Bâtiment Red Cow - 2ème étage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Toulouse
    Immeuble TEA / Innoparc A 41 Rue de la Découverte, CS 37621
    31675 Labège Cedex
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Strasbourg
    Immeuble l'Avancée 26C, Bd du Président Wilson
    67000 Strasbourg
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Sophia Antipolis
    400 avenue Roumanille BP309 - Sophia Antipolis
    06410 Biot
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Lyon
    Le 6ème Sens 186, avenue Thiers
    69465 Lyon Cedex 06
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Aix en Provence
    Pôle d'activités d'Aix-en-Provence / Espace Cezanne 2ème étage 135, rue André Ampère
    13290 Aix-en-Provence
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Paris
    Tour Atlantique / 1 place de la Pyramide La Défense 9
    92800 Puteaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Nantes
    Immeuble Atalante 2 / Zac du Moulin Neuf 2, impasse Augustin Fresnel
    44800 St Herblain
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Rennes
    ZAC de Saint Sulpice / Immeuble Osiris II 12J, rue du Patis Tatelin
    35000 Rennes
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Rouen
    Parc d'Activités Technologiques de la Vatine / Bâtiment Red Cow - 2ème étage 2 ter rue Georges Charpak
    76130 Mont St Aignan
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Lille
    Immeuble Le Corbusier 19, avenue Le Corbusier
    59000 Lille
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
    Bordeaux
    9 rue de Condé
    33000 Bordeaux
  • 1 965,00 € HT
    Places disponibles
    Choisir une session
Formation - HTML5, CSS3, Responsive - Création de pages web