HTML5 / CSS3 Maîtriser HTML5 et CSS3 pour créer des pages Web Responsives

Public admis

  • Salarié en Poste
  • Demandeur d'emploi
  • Entreprise
  • Etudiant

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

  • Construire des pages Web en HTML5 ;
  • Habiller et mettre en forme des pages Web avec CSS3 ;
  • Créer des formulaires avancés ;
  • Créer des tableaux de données ;
  • Créer des menus de navigation ;
  • Intégrer du contenu multimédia ;
  • Utiliser les différentes techniques CSS de positionnement et dimensionnement pour adapter la présentation aux différents appareils (smartphone, tablette, PC)

GROUPE ARKESYS


La formation maintenant pour vos talents de demain
Voir la fiche entreprise

Tarif

A partir de 7 750,00 €

Durée 35 heures réparties sur 5 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

GROUPE ARKESYS


La formation maintenant pour vos talents de demain
Voir la fiche

Tarif

A partir de 7 750,00 €

Durée 35 heures réparties sur 5 jours
Modes
  • Centre
  • Entreprise
  • Distance
Sessions
Lieux Partout en France

Description

Vous souhaitez apprendre à créer des pages web statiques avec les standards HTML5 et CSS3 ? Vous êtes au bon endroit !

Programme

Introduction

  • Vue d'ensemble de la création de contenu pour le Web
  • Standard du W3C
  • Langages HTML, CSS & JavaScript
  • Organisation d'un site web
  • Principaux navigateurs et niveau de compatibilités aux nouveautés HTML5 et CSS3
  • Outils de création de contenu pour le Web

 

Notions fondamentales du langage HTML5

  • Syntaxe XML
  • Vue d'ensembles des balises HTML
  • Attributs XML, HTML et Evénements
  • Structure du document HTML
  • Eléments d'entête

 

Mise en page à l'aide d'éléments conteneur

  • Eléments de section
  • Eléments de titres
  • Eléments de navigation
  • Eléments générique

 

Notions de base de la mise en forme en CSS

  • Création et intégration d'une feuille de style CSS
  • Sélecteurs CSS simple
  • Héritage et cascades
  • Couleurs et Unités de mesures : px, in, %, em

 

Intégration et mise en forme de contenus simples

  • Gestion du texte, des paragraphes et des listes
  • Gérer les espaces et les sauts de lignes
  • Polices embarquées
  • Présentation multicolonnes
  • Affichage en ligne ou en bloc
  • Dimensions et marges
  • Bordures et Fonds
  • Images de fond et dégradées

 

Structure fluide et positionnement

  • Unités avancées : %, vh, vw, calc()
  • Dimensionnement fluide et marges
  • Positionnements relatifs et absolus
  • Habillage et débordements

 

Mise en forme avancée en CSS3

  • Sélecteurs CSS3
  • Pseudo classes
  • Pseudo éléments
  • Variables CSS
  • Transformations
  • Transitions
  • Animations
  • Éléments graphiques SVG

 

Création de formulaire HTML5

  • Structurer le formulaire avec les éléments Form, FieldSet et Label
  • Ajouter des éléments Input
  • Créer des listes de valeurs pour les éléments Input
  • Afficher des informations avec les éléments Output, Progress et Meter
  • Mettre en forme et valider un formulaire
  • Ajouter des boutons de contrôle

 

Création de tableau

  • Elément Table
  • Eléments ligne et cellules
  • Groupes de lignes et de colonnes
  • Fusionner des cellules
  • Mise en forme d'un tableau

 

Intégration du contenu multimédia

  • Ajouter des images
  • Intégrer des documents audio et vidéo
  • Configurer le composant de contrôle de la lecture

 

Responsive Web Design

  • Introduction
  • Principes fondamentaux
  • Approche Mobile First
  • Penser grilles fluides
  • Résolutions d'écrans et Media Queries
  • Résolutions et densités des principaux smartphones et tablettes
  • Viewport et Zoom
  • Critères d'adaptation (width, height, device-width, orientation, etc.)
  • Points de ruptures et grilles
  • Résolution des images

 

Positionnement à base de " Flexbox "

  • Affichage " Flexbox "
  • Axe principal et axe transversale
  • Répartition et alignement des éléments
  • Dimensions de base, agrandissements et réductions
  • Ordonnancement des éléments

 

Travaux pratiques

  • Création d'un site Web par étapes en respectant l'enchainement des modules théoriques
  • Structure HTML de la page
  • Ajout de contenus simples, titres, listes, images
  • Mise en place de liens de navigation entres les pages
  • Ajout d'un tableau de données HTML
  • Création d'un formulaire HTML
  • Insertion de contenus multimédia, vidéo et audio
  • Mise en forme du site Web en CSS
  • Mise en forme des éléments texte
  • Mise en page et positionnement des contenus
  • Création d'un bandeau d'en-tête
  • Mise en forme du menu de navigation
  • Habillage du tableau de données
  • Mise en forme du formulaire
  • Conception de pages Responsives en utilisant les principales techniques CSS : structure fixe, structure fluide à base de " Flexbox ", structure fluide à l'aide de " Media Queries "

 

Concepteur : ENI SERVICES - Diffuseur : Groupe Arkesys

Prérequis

  • Avoir une expérience de programmation, quel que soit le langage d'origine

Public

  • Toute personne souhaitant apprendre à créer des pages Web statiques côté client avec les standards HTML5 et CSS3

Ces formations pourraient vous intéresser

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Créer des mises en pages pour différents types de documents (invitations, flyers, dossiers de presse, brochures)
  • Préparer des documents conformes aux besoins des imprimeurs (invitations, dossiers de presse, flyers, petites brochures)
  • Modifier des mises en page sur des documents InDesign provenant d'agences.
Tarif

A partir de 2 300,00 €

Durée

5j / 35h

Modes
  • Centre
  • Distance

Objectifs de la formation

S'améliorer sur l’utilisation des principes de fonctionnement du logiciel - Créer des volumes, des assemblages et des mises en plan - Acquérir une meilleure autonomie dans la création de vos modèles 3D et 2D
Tarif

A partir de 3 775,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

A l'issue de cette formation, vous serez capable de :

  • Utiliser les fonctionnalités de Gmail et adopter des bonnes pratiques pour être organisé et efficace
  • Gérer vos contacts et créer des listes de diffusion dynamiques
  • Communiquer par Google Chat, créer des salons de discussion pour le travail d'équipe et organiser des visioconférences avec Google Meet.
Tarif

A partir de 255,00 €

Durée

0j / 3h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Utiliser la ligne de commande et SSH
  • Accéder à l'aide Red Hat
  • Gérer les utilisateurs et les groupes, les fichiers et les autorisations sur les fichiers
  • Gérer les processus
  • Mettre à jour les paquetages logiciels à l'aide de yum ;
  • Gérer les services systemd et résolution des problèmes, lors du processus de démarrage ;
  • Configurer le réseau et résolution des problèmes de base ;
  • Gérer le stockage local, créer et utiliser des systèmes de fichiers ;
  • Gérer le pare-feu à l'aide de firewalld ;
  • Gérer KVM (Kernel-Based Virtual Machine) ;
  • Automatiser l'installation de Red Hat Enterprise Linux à l'aide de Kickstart.
Tarif

A partir de 4 225,00 €

Durée

5j / 40h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

- Créer des applications riches pour smartphones et tablettes depuis Indesign et Aquafadas - Appréhender la publication des contenus sur tablettes et smartphones depuis Aquafadas
Tarif

A partir de 1 175,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Construire une application web fullstack avec la MEAN Stack : MongoDB, Express.js, Angular et Node.js
Tarif

A partir de 5 475,00 €

Durée

10j / 70h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Apprendre les rudiements de la création graphique avec des logiciels libres - Créer des cartes de visites, des flyers, des brochures - Découvrir les fonctions avancées
Tarif

A partir de 2 475,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Acquérir les bases pour créer et mettre en forme des courriers ou des rapports dans Word.
  • Appliquer les premiers automatismes de Word pour gagner du temps.
  • Insérer des tableaux, des illustrations, des schémas.
Tarif

A partir de 865,00 €

Durée

2 jours (14 heures)

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

  • Créer ses pages en utilisant HTML5, CSS3, Javascript avec Dreamweaver
  • Structurer les dossiers et fichiers des sites Web créés
  • Utiliser des règles de base du design pour créer un site Web
  • Créer, traiter et optimiser adéquatement des images destinées au Web avec Photoshop et Illustrator
  • Créer des pages dynamiques avec PHP/MySQL[MariaDB]
  • Mettre en ligne son projet
Tarif

A partir de 1 390,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Découvrir le montage audio - Les propriétés du son - Monter une bande son, une voix off - Corriger des fichiers audio - Créer de puissants effets audio - Produire un montage son en parallèle d'Adobe Premiere Pro
Tarif

A partir de 1 275,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...