HTML5 & CSS3

Image HTML5 & CSS3

Domaine : Developpement.

Objectifs : Cette formation permet aux apprenants de créer des pages Web en utilisant directement le langage HTML5 et les mettre en forme avec CSS3.

Participants : Toute personne ayant besoin connaître les bases du développement Web.

Prérequis : Les apprenants doivent être en mesure d'utiliser un ordinateur. Cette formation s'adresse à des utilisateurs débutants.

  1. Comprendre l'architecture
    • Historique
    • Elaboration des spécifications
    • Evolution du HTML
    • Evolution des CSS
    • Les conseils sur la conception des pages Web
    • Evolution des navigateurs
    • Outils de développement
    • Compatibilité des navigateurs
    • Séparation du contenu et de la mise en forme
    • Structure sémantique
    • Optimisation du code et organisation des fichiers
    • Validation du code

  2. Structurer
    • Balises et contenus
    • Attributs
    • Syntaxe
    • Imbrication des éléments
    • Commentaires
    • Structure générale des pages web
    • Déclaration doctype
    • Elément "html"
    • Elément "head"
    • Elément "body"

  3. Utiliser les conteneurs sémantiques
    • Elément "div"
    • Elément "span"
    • Elément "header"
    • Elément "footer"
    • Elément "aside"
    • Elément "nav"
    • Elément "main"
    • Elément "section"
    • Elément "article"

  4. Utiliser les conteneurs de texte
    • Langue et direction du texte
    • Titres
    • Paragraphes
    • Citations
    • Listes
    • Adresses
    • Texte préformaté
    • Lignes horizontales

  5. Appliquer une mise en forme sémantique au texte
    • Insertion de caractères spéciaux
    • Emphase forte
    • Emphase simple
    • Gras et italique
    • Indice et exposant
    • Soulignement
    • Barré
    • Taille des caractères
    • Titres d’œuvres et citations courtes
    • Insertions et suppressions
    • Retour à la ligne
    • Autres mises en forme sémantiques
    • Propriétés de mise en forme

  6. Créer des interactions
    • Affichage des détails
    • Utilisation d'une boîte de dialogue

  7. Créer des liens
    • Insertion de liens pour lier les pages
    • Structure des liens
    • Liens vers des pages
    • Liens internes
    • Contexte d’ouverture du lien
    • Relations des liens
    • Liens vers les messageries
    • Liens de téléchargement
    • Liens en image

  8. Créer un tableau
    • Structure
    • Lignes
    • Cellules
    • Fusion des cellules
    • Titre
    • Groupes de colonnes
    • Regroupement des colonnes
    • Ciblage de colonnes
    • Tableaux structurés

  9. Gérer les images
    • Formats de compression
    • Elément "img"
    • Elément "figure"

  10. Réaliser un formulaire de saisie
    • Structure
    • Champs de texte
    • Listes de valeurs
    • Boutons radio à choix unique
    • Cases à cocher à choix multiple
    • Elément "input"
    • Aides à la saisie
    • Boutons d’action

  11. Gérer le multimédia
    • Formats et les codecs
    • Insertion d’une vidéo
    • Insertion d’un fichier audio

  12. Gérer les styles
    • Rôle des CSS
    • Styles intégrés dans un élément HTML
    • Styles définis dans la page
    • Imbrication des schémas
    • Styles définis dans un fichier .css
    • Styles importés

  13. Utiliser Microdata
    • Etat des lieux du Web sémantique
    • Objectif de Microdata
    • Schéma pour les personnes

  14. Utiliser les feuilles de style
    • Structure
    • Unités de mesure
    • Notation des couleurs
    • Commentaires
    • Sélecteurs
    • Application des styles

  15. Modéliser les polices de caractères
    • Module CSS3 pour les polices de caractères
    • Polices de caractères
    • Taille des caractères
    • Mise en forme des caractères
    • Syntaxe raccourcie

  16. Modéliser le texte et ses conteneurs
    • Application des styles
    • Couleur du texte
    • Décorations
    • Mise en forme du texte
    • Titres, les paragraphes et citations
    • Listes
    • Tableaux
    • Formulaires

  17. Modéliser les boîtes
    • Concept du modèle de boîte
    • Affichages
    • Marges externes
    • Bordures
    • Remplissages internes
    • Largeur et hauteur
    • Arrière-plans
    • Coins arrondis
    • Ombres portées

  18. Mettre en page à l'aide des boîtes
    • Objectifs
    • Positionnement
    • Flottement
    • Superposition
    • Mise en page en affichage tableau
    • Débordement
    • Visibilité
    • Mise en page flexible
    • Mise en page en grille

  19. Gérer le Responsive Web Design
    • Développement responsive
    • Requêtes de média
    • Taille des écrans

  20. Utiliser les modules d’animation
    • Modules CSS
    • Transformations
    • Transitions
    • Animations

  21. Utiliser des modules CSS pour les graphistes
    • Modules en devenir
    • Masques
    • Habillage du texte

  22. Créer des feuilles de style pour l’impression
    • Impression des pages web
    • Feuilles de style spécifiques
    • Propriétés globales des pages
    • Polices de caractères
    • Eléments non imprimés
    • Ruptures de lecture
    • Liens hypertextes

Méthode d'évaluation : Formative : évaluation tout au long de la formation par des exercices suivis d’un questionnaire de satisfaction « à chaud » en fin de stage, rempli par le participant.

Consultant : Webmaster.

Méthode d'apprentissage : La formation est constituée d’une alternance de théorie et d’exercices pratiques. Un support imprimé HTML5 et CSS3 - Maîtrisez les standards de la création de sites web remis en fin de formation.

Langue : Cette formation est dispensée en français.

Une attestation de formation reprenant l'ensemble des objectifs pédagogiques sera délivrée à chaque participant à l'issue de la formation.

Informations

Référence : DEV031.

Nombre de jour(s) : 4.

Formation éligible au CPF.

Prix de la journée (€ HT) : A partir de 530.

Date :
13 au 16 Janvier
02 au 05 Mars
04 au 07 Mai

Session garantie dès le premier inscrit.

De 1 à 4 auditeurs maximum, un poste par apprenant.

Dernière mise à jour : 06/08/2019.

Nous Sommes Là Pour Vous Aider !

RGPD

2 + 9 =

Adresse

54 Rue Louis Roussel Montpellier, 34070

Horaires

Du Lundi au Vendredi De 9:00 à 17:30

Appelez-nous

04 67 15 60 06 06 69 61 60 06