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

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

  • Clarifier les objectifs éditoriaux selon vos priorités et vos ressources
  • Etablir des règles claires et intégrer le mode de fonctionnement Newsroom
  • Poser les bases d'une stratégie de contenus mobile, sociale et web to print
  • Manager les contenus, les équipes et les ressources limitées pour maximiser l'impact de votre stratégie de contenus.
Tarif

A partir de 1 340,00 €

Durée

2j / 14h

Modes
  • Centre
  • Distance

Objectifs de la formation

Découvrir la création de module et de template dans Joomla
Tarif

A partir de 1 500,00 €

Durée

2j / 14h

Modes
  • Centre
  • Entreprise
  • Distance

Objectifs de la formation

Titre professionnel RNCP35634 Bloc 3 - Niveau 6 - Bac+3 (Licence, Bachelor, BUT)
Tarif

A partir de 690,00 €

Durée

5j / 37h

Modes
  • Entreprise
  • Distance

Objectifs de la formation

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

  • Utiliser Microsoft Dynamics 365 Customer Service afin d'offrir à toute organisation la possibilité d'aider ses clients à réussir
  • Mettre en pratique des outils tels que la création automatique de cas et la gestion des files d'attente
  • Décrire les étapes de la création de cas à l'interaction avec les clients jusqu'à la résolution de ces cas
  • Identifier les détails clés (une fois les cas résolus) à partir de l'analyse des données, pour vous aider à résoudre plus rapidement les cas similaires ou éviter de nouveaux problèmes.
Tarif

A partir de 2 840,00 €

Durée

4j / 28h

Modes
  • Centre
  • Distance

Illustrator certification Tosa

Proposé par CAPITAL FORMATIONS

Objectifs de la formation

  • Évaluation du niveau sur Adobe Illustrator
  • Définition des objectifs particuliers de la formation
  • Élaboration d’un programme de formation personnalisée
  • Tarif

    Contacter l'organisme

    Durée

    Sur mesure, le format est défini avec vous selon les objectifs et le niveau.

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

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

    • Découvrir le framework Symfony 7 pour créer votre site Web
    • Créer un nouveau projet Symfony 7, en partant de rien
    • Décrire l'organisation structurée des répertoires / fichiers et y appliquer un pattern MVC
    • Construire vos premières pages Web avec le moteur de rendu Twig et le gestionnaire d'assets Webpack Encore
    • Créer des formulaires Symfony et gérer la persistance d'objets via Doctrine
    • Identifier les bonnes pratiques officielles et astuces de Symfony.
    Tarif

    A partir de 1 590,00 €

    Durée

    3j / 21h

    Modes
    • Centre
    • Distance

    Objectifs de la formation

    Apprendre à  installer et configurer IIS
    Tarif

    A partir de 1 625,00 €

    Durée

    3j / 21h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    • Installer et paramétrer PrestaShop sur son ordinateur
    • Naviguer dans les interfaces Front et Back Office
    • Réaliser la page d'accueil du site et des pages produits
    • Sécuriser et mettre en place les paiements sur le site
    • Optimiser, sauvegarder et déployer son site avec un hébergeur
    Tarif

    Contacter l'organisme

    Durée

    2j / 14h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    • Identifier les bases essentielles de Photoshop
    • Gérer les principaux détourages d'images avec Photoshop
    • Préparer ses visuels pour l'impression ou pour le Web
    Tarif

    A partir de 1 390,00 €

    Durée

    2j / 14h

    Modes
    • Centre
    • Entreprise
    • Distance

    Objectifs de la formation

    • Analyser l'architecture d'Azure DevOps pour intégrer efficacement les différents composants
    • Concevoir et mettre en œuvre des pipelines CI/CD à l'aide d'Azure Pipelines
    • Configurer Azure Repos pour la gestion de versions et l'intégrer aux pipelines
    • Déployer des applications vers les services Azure à l'aide d'Azure DevOps
    • Surveiller et optimiser les pipelines en termes de performance et d'efficacité
    • Appliquer les meilleures pratiques de sécurité dans les environnements Azure DevOps
    • Automatiser les tâches et les processus en utilisant Azure CLI et les scripts PowerShell
    Tarif

    A partir de 2 600,00 €

    Durée

    4 jours

    Modes
    • Centre
    • Entreprise
    • Distance

    Je cherche à faire...