HTML 5, CSS 3, Responsive - Création de pages Web

Public admis

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

Financements

Eligible CPF Votre OPCO Financement personnel

Objectifs de la formation

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

  • Décrire la structuration d'une page HTML 5
  • Ajouter des styles CSS aux éléments d'une page
  • Utiliser les blocs et les tableaux
  • Créer des formulaires avec Web Forms 2
  • Tester les nouveautés HTML 5 et CSS 3
  • Exploiter les "media queries" pour s'adapter aux tailles d'écran
  • Expliquer la philosophie des framemorks HTML / CSS pour le développement responsive.

M2I


Un leadership dans le domaine de la formation
Voir la fiche entreprise

Tarif

A partir de 1 830,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

M2I


Un leadership dans le domaine de la formation
Voir la fiche

Tarif

A partir de 1 830,00 €

Durée 3 jours  (21h00)
Modes
  • Centre
  • Distance
Sessions
Lieux Partout en France

Programme

Jour 1 - Matin

Les terminaux

  • Types de terminaux (mobile, tablette, tv, liseuse...) et leur résolution
  • Périphériques, OS, navigateurs
  • Le marché mobile et parts de marché
  • Standards HTML, HTML 5, CSS 3 (API, sélecteurs...)

Structure d'une page

  • Tags principaux
  • Simplification avec HTML 5
  • Les éléments et leurs placements
Exemple de travaux pratiques (à titre indicatif)
  • Création d'une page Web simple

Balises structurantes

  • Blocs div et span
  • Listes
  • Tableaux
  • iFrames
Exemples de travaux pratiques (à titre indicatif)
  • Création d'un menu à partir d'une liste à puces
  • Création d'un tableau de contacts
  • Affichage d'un fichier PDF dans une page Web

Jour 1 - Après-midi

Web Forms 2

  • Champs de saisie
  • Listes déroulantes
  • Bouton Radio
  • Champ Date
  • Placeholder
  • Slider
  • Validation automatique
Exemples de travaux pratiques (à titre indicatif)
  • Création et validation d'un formulaire de saisie d'informations d'un contact

HTML 5

  • Balises sémantiques
  • Audio et vidéo
Exemples de travaux pratiques (à titre indicatif)
  • Affichage d'un élément audio et vidéo
  • Structuration d'une page Web avec les éléments
    • Header
    • Nav
    • Section
    • Article
    • Footer

Jour 2 - Matin

Styles CSS

  • Syntaxe des sélecteurs CSS
  • Pseudo-sélecteurs
  • Principales propriétés CSS
  • Règles CSS
  • Frameworks CSS
Exemples de travaux pratiques (à titre indicatif)
  • Analyse du site Zen Garden
  • Mise en forme avec CSS
  • Mise en forme d'un tableau et d'un formulaire avec Bootstrap

Structure des éléments

  • Le modèle de boîte
  • Eléments "block" et "inline"
  • La propriété display
  • Padding, marges et bordures
Exemple de travaux pratiques (à titre indicatif)
  • Mise en forme d'une page Web avec les propriétés CSS : padding et margin

Positionnement

  • Positionnement
    • Dans le flux
    • Absolu et relatif
    • Fixé
    • Flottant
Exemples de travaux pratiques (à titre indicatif)
  • Utilisation des propriétés CSS position
    • Left
    • Top
    • Float
    • Clear

Jour 2 - Après-midi

CSS 3

  • Nouveaux sélecteurs
  • Fonts, couleurs et bordures
  • Positionnement en colonnes
  • Présentation des "media queries"
Exemples de travaux pratiques (à titre indicatif)
  • Utilisation des propriétés CSS
    • Les ombrages
    • Les dégradés de couleurs
    • Les angles arrondis
    • Les Flex Box
    • Mise en forme selon le type de média

Jour 3 - Matin

Présentation des "media queries"

  • Adaptation des CSS aux caractéristiques du terminal
  • Règles conditionnelles (orientation, device-width...)
  • JavaScript et les anciens navigateurs
  • Réglage complémentaire de rendu visuel (viewport)
Exemple de travaux pratiques (à titre indicatif)
  • Utilisation des "media queries" pour s'adapter à différents hardwares

Principes de grilles fluides, fixes

  • Conception classique versus conception selon une grille
  • Importance des blocs, approche contenu / contenant
  • Unités de mesure (%, em, px), mode Retina
  • Eviter les débordements et les points de rupture
  • Principe des box, layout avec CSS 3
Exemple de travaux pratiques (à titre indicatif)
  • Test de différents types de grille

Jour 3 - Après-midi

Frameworks et librairies responsives

  • Détecter les ressources avec "Modernizr"
  • Librairies de substitution (less, CSS 3 PIE...)
  • Frameworks CSS 960 Grid, HTML 5 Boilerplate, Bootstrap, Foundation, Skeleton, 320
Exemples de travaux pratiques (à titre indicatif)
  • Installation de Bootstrap et test de différentes grilles selon des tailles d'écrans différentes

Les fondamentaux de l'accessibilité numérique

  • Le RGAA (Référentiel Général d'Amélioration de l'Accessibilité) : définition d'un site Web "accessible"
  • Les outils dédiés
  • Bonnes pratiques de construction HTML des pages
  • La sémantique des éléments
  • Les attributs fondamentaux pour l'accessibilité
Exemple de travaux pratiques (à titre indicatif)
  • Adaptation des pages réalisées pour les rendre accessibles

Certification (en option, hors inscription via le CPF)

  • Prévoir l'achat de la certification en supplément (ne concerne pas les inscriptions via le CPF pour lesquelles la certification est incluse)
  • L'examen (en français) sera passé le dernier jour, à l'issue de la formation et s'effectuera en ligne
  • La durée moyenne est de 1h00

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

  • En cours de formation, par des études de cas ou des travaux pratiques
  • Et, en fin de formation, par un questionnaire d'auto-évaluation et/ou une certification (proposée en option)

Prérequis

Aucun.

Public

Webmasters, concepteurs Web, développeurs et chefs de projets techniques.

Ces formations pourraient vous intéresser

Objectifs de la formation

Configurer un site web collaboratif avec SharePoint - Insérer et partager du contenu web avec SharePoint
Tarif

A partir de 1 275,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Titre professionnel RNCP1267 Bloc 3 - Niveau 4 - Bac
Tarif

A partir de 660,00 €

Durée

5j / 40h

Modes
  • Entreprise
  • Distance

Objectifs de la formation

Développer une application web robuste avec le framework Django
Tarif

A partir de 2 245,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Formation Tizen

Proposé par DAWAN

Objectifs de la formation

Connaitre les possibilités, l'écosystème, les principes du développement pour Tizen - Savoir développer une application complète Web API sur téléphone ou tablette Tizen
Tarif

A partir de 2 245,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

AWS Ingénierie Sécurité

Proposé par ENI Service

Objectifs de la formation

  • Appréhender et tirer avantage du modèle de sécurité en responsabilité partagée d’AWS
  • Gérer les identités des utilisateurs et leur accès sur l’environnement AWS
  • Utiliser les services de sécurité AWS tels que AWS Identity and Access Management, Amazon Virtual Private Cloud, AWS Config, AWS CloudTrail, AWS Key Management Service, AWS CloudHSM, et AWS Trusted Advisor
  • Implémenter de meilleurs contrôles de sécurité pour vos ressources sur AWS
  • Gérer et auditer vos ressources du point de vue de la sécurité
  • Superviser et tracer les accès et les usages des ressources AWS, telles que les instances, le stockage, le réseau et les services de bases de données
  • Identifier les services et les outils AWS qui permettent d’aider l’automatisation, la surveillance et la gestion des opérations de sécurité sur AWS
  • Gérer les incidents de sécurité sur l’environnement AWS
Tarif

A partir de 2 390,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Chef de service SSIAP 3 - remise à niveau

Proposé par APAVE EXPLOITATION FRANCE

Objectifs de la formation

Les objectifs de la formation Chef de service SSIAP 3 - remise à niveau :

- Exercer la fonction de SSIAP 3 en prenant en compte les évolutions réglementaires et techniques

Tarif

A partir de 795,00 €

Durée

5j / 35h

Modes

Objectifs de la formation

Construire une API REST en Python avec FastAPI
Tarif

A partir de 1 975,00 €

Durée

3j / 21h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Apprendre à  développer et déployer des applications Java/JEE avec Windows Azure
Tarif

A partir de 3 325,00 €

Durée

5j / 35h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Décrire les concepts-clés relatifs à l'importance d'assurer la sécurité des informations et des données, d'assurer votre sécurité physique, d'éviter le vol de données personnelles et de protéger votre vie privée
  • Protéger un ordinateur, un dispositif numérique mobile, un réseau contre les logiciels malveillants (malware) et les accès non-autorisés
  • Décrire les différents types de réseaux, de connexions et les composants spécifiques tel que le pare-feu (firewall) qui peuvent poser problème lors des connexions
  • Naviguer sur le World Wide Web et communiquer en toute sécurité sur Internet
  • Identifier les problèmes de sécurité liés à la communication, notamment en matière de courrier électronique et de messagerie instantanée (MI - IM / Instant Messaging)
  • Sauvegarder et restaurer des données de manière appropriée et sécurisée, entreposer vos données et vos dispositifs numériques mobiles en toute sécurité.
Tarif

A partir de 620,00 €

Durée

1j / 7h

Modes
  • Centre
  • Distance

Objectifs de la formation

  • Travailler en mode collaboratif avec succès avec Office 365 : Maîtriser Teams, One Drive, One Note, Sharepoint
  • Maîtriser Microsoft 365 pour être suffisamment autonome
Tarif

Contacter l'organisme

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Je cherche à faire...