top of page

HTML5 & CSS3 Master : Créez des pages web professionnelles qui convertissent

average rating is 4.9 out of 5, based on 35 votes, Note de la Formation
Decription

Description :

Initiez-vous aux technologies fondamentales du web moderne pour créer des sites internet attractifs et fonctionnels. Maîtrisez les balises sémantiques HTML5 et les sélecteurs CSS3 pour structurer et styliser efficacement vos pages. Apprenez à concevoir des mises en page responsives adaptées à tous les appareils grâce aux flexbox et grid layouts. Développez les compétences essentielles pour intégrer des médias, formulaires et animations qui enrichissent l'expérience utilisateur.

intra.png

Les intra les plus accessibles du marché. 

Offrez à vos employés une formation clé en main sur ce programme ou personnalisez-le pour répondre parfaitement aux besoins spécifiques de votre entreprise.

3800€ HT

Prix pour un groupe de 12 personnes maximum

Ref:

HTM1

3 Jours

/

21h00

Public

    - Débutants en développement web
    - Étudiants
    - Créateurs de sites web

    Nos formations sont accessibles aux personnes en situation de handicap. Chaque situation étant unique, nous vous demandons de préciser l’adaptation nécessaire à l’inscription.

Objectifs de formation

    - Comprendre la structure d’une page HTML5
    - Utiliser CSS3 pour le design et les animations
    - Concevoir des mises en page adaptatives (responsive design)
    - Créer des pages web modernes et interactives

Prérequis

    - Aucun prérequis
Objectifs

Programme de formation

Programme

HTML5 & CSS3 Master : Créez des pages web professionnelles qui convertissent

Les bases du web

    Fonctionnement d’un échange entre navigateur et serveur
    Les protocoles http et https
    Les navigateurs web
    Présentation des différents langages web
    Les logiciels pour coder et mettre en ligne
    L’inspecteur de code
    Ressources web utiles

Le HTML 5

    Qu’est-ce que le HTML et quel est son rôle
    Que sont les balises ?
    Structure de base d’un document (Doctype, head, body)
    Comment écrire son premier document HTML
    Les balises principales (liens, images, tableaux, blocs, paragraphes, listes…)
    Hiérarchie et imbrication des éléments, parents / enfants, tabulations
    Nouvelles normes HTML5 d’écriture

CSS 3

    Qu’est-ce que le CSS ?
    HTML, CSS : le fond/ la forme
    Rôle du CSS
    Lier une feuille de style à une page HTML
    Arborescence de projets web, structure des dossiers standards
    Principe de base : sélecteurs, propriétés, valeur
    Principales propriétés CSS
    Mise en forme du texte, paragraphes et caractères
    Nommer ses styles : classes, identifiants
    Les sélecteurs CSS
    Quelques sélecteurs CSS avancés
    Nouvelles propriétés CSS3
    Nouvelles syntaxes CSS3
    Pseudo classes
    Préfixes et compatibilité

Structurer une page avec HTML et CSS

    Les blocs et divisions
    Le modèle de boite CSS
    Positionnement (statique, absolu, fixe)
    Principaux modes de positionnement :
    Principe de positionnement
    Protection des conteneurs
    Positionnement gauche/droite des images
    Positionnement de blocs
    Structurer une page en colonnes
    Polices de caractères personnalisées
    Couleurs avancées et dégradés
    Ombres et opacité
    Bordures et arrière-plans avancés

Flexbox et Formulaire

    Principe moderne
    Compatibilité des navigateurs
    Bases et box-sizing
    Les conteneurs et les éléments
    Possibilités de positionnement
    Structurer une page simple avec des colonnes
    Comparatif Float / Flex
    Grille simple de mise en page Float et Flex
    Éléments et fonctionnement d’un formulaire
    Méthodes d’envoi et traitement
    Les champs de formulaire
    Nouveaux types de champs HTML5

Les Frameworks CSS et HTML/CSS avancé

    Normaliser les styles de base avec Normalize.css
    Une base saine avec HTML5 Boilerplate
    Approche de twitter Bootstrap et Foundation
    Transformations de base (rotation, translation, etc.)
    Transformations 3D (perspective)
    Transitions : changement progressif d'un style
    Animations autonomes

Responsive Web Design

    Introduction au RWD, enjeux, état des lieux
    Principe de base
    Mise en place des bases code
    Un design fluide
    Les media queries
    Créer une grille responsive
    Conception de structure fluide
    Coupures avec les media queries et les breakpoints
    Tests sur navigateurs et mobile en temps réel

​

01 85 09 29 06
contact@oxformation.com

    ​
bottom of page