Formation

Comprendre les bases HTML et CSS

L’intégralité des sites web et des applications que nous utilisons reposent sur des langages aux normes bien définies.

Bien qu’il soit possible de développer en no-code, la connaissance de ces langages permet d’être plus à l’aise dans les phases de conception.


L’objectif de la formation est de se familiariser avec les fondements des langages nécessaires à la conception de pages web, tant sur le fond (HTML), que dans la forme (CSS).

Cette formation étant nouvelle au catalogue, nous ne sommes pas encore en mesure d’établir une évaluation moyenne de la part des participants.

Prérequis

Être familier avec l’utilisation d’internet et diverses applications.

Programme

Matin :

Thème HTML

  • Structure et contenu
    •  Généralités
    • Client / Serveur / protocoles (https)
    • IP / DNS
    • FTP / mini serveur local
  • Rôle Historique et évolution
  • balises, imbrication et attributs
  • <html> <head> <body> <link> <meta> = structure d’un document
  • Hiérarchie : titres, paragraphes, listes
  • Liens, images, vidéos, audio
  • Balises structurantes : header section main aside article nav

 

Après-midi :

  • Formulaire et inspection
    • Formulaires
    • Inspecter le code
  • Exercice : créer une page contenu d’une médiathèque + form emprunt
  • Tester Webflow

Matin :

Thème CSS 

  • Concepts et aspects visuels
    • Rôle Historique et évolution
    • Cascade héritage et styles par défaut (reset)
    • Les principaux sélecteurs
    • Classes, identifiants
    • Polices : web safe vs import
    • Texte : Espacement, taille, casse, alignement, soulignement
    • Couleurs : hexa / rgb / hsl /
    • Unités : px / % / em / rem
    • images background

 

Après-midi :

  • Mise en page et fonctionnalités avancées
    • Box model
    • Positionnement
    • Mise en forme : radius, shadow, gradient… new features CSS3 (calc / transitions / animations)
    • Responsive : media queries / approche mobile first
    • Mise en page : flex / grid …
    • caniuse et autres outils
    • Exercice : appliquer la CSS sur la page de la veille

 

Organisation

  • Interrogation personnalisée durant la session de formation (à l’oral en fonction du contexte)
  • Ainsi qu’une évaluation en fin de formation sous forme de QCM via googleform ou klaxoon
  • Emargement, attestation de fin de formation ainsi qu’une enquête de satisfaction des stagiaires sur l’organisation, la pédagogie, les méthodes et supports utilisés

Consultants pédagogues, experts et en mission chez nos clients

  • Jean-Philippe Ravillion : Directeur de projet, coach agile
  • Ludovic Barbier : UX Design – Expert Data
  • Le délai de mise en place de la formation est habituellement de 2 à 3 semaines (en moyenne)
  • La date de début de formation la plus appropriée est envisagée en fonction de vos besoins
  • Des dates de session peuvent également être planifiées par avance dans notre calendrier de formation

à partir de
450€HT

Type de formation

Inter

  • 450 € HT /pers
  • chez Zelig (Paris ou Lille)
  • à distance

Intra

  • 1350 € HT / session (4 à 6 personnes)
  • chez Zelig (Paris ou Lille)
  • à distance

Public concerné

Toute personne amenée à construire des apps no-code.

Durée

2 jours (14 heures)

Les autres formations

DEVENIR UN MAKER PRO TIMETONIC​

à partir de
450€HT

Créer une application complexe s’intégrant à votre entreprise.

Les points clés :

Automatisation et communication entre vos processus et vos traitements

Gestion de vos données et de vos environnements

Créer vos applications avec Novabricks

à partir de
1350€HT

Maîtriser la plateforme Novabricks et la démarche pour créer vos applications.

Les points clés :

Mise en action rapide des fonctions de Novabricks

Une création itérative de mon application avec une démarche structurée

Automatiser vos activités avec ZAPIER

à partir de
900€HT

Expérimenter votre idée, créer rapidement et facilement l’application qui vous permettra de répondre à votre besoin.

Les points clés :

Panorama complet de la solution

Mise en pratique en petit groupe

Création d’une application fil rouge