Personnalisation:
Le programme peut être modifié en fonction de vos besoins et de vos objectifs sur le contenu, la durée et les modalités.
HTML
Le matériel et les logiciels
- Ressources nécessaires
- Un éditeur de code
- Les navigateurs
Introduction
- Les différentes versions du HTML
- Les standards du web
- Compatibilité avec les navigateurs
Structure de base d'un document HTML
- Le doctype
- La balise HTML
- Définition de l'encodage
- La balise head
- La balise body
La sémantique
- Qu'est-ce que la sémantique ?
- Concept
Mieux structurer ses pages
- header
- nav
- section
- article
- aside
- footer
Mettre en forme du texte
- Le formatage du texte : gras, italique, soulignement, mise en évidence …
- Les balises d'entêtes
- Les listes ordonnées
- Les listes non ordonnées
- Les listes de définition
- Les abréviations
- Les espaces insécables, les sauts de ligne ...
- Les paragraphes
Les tableaux
- Insertions de tableaux
- Insertion, suppression de lignes et colonnes
- Fusionner des lignes et colonnes
- Fractionner des lignes et colonnes
- caption, col, colgroup
Les liens hypertexte
- Création de lien hypertexte sur du texte
- Création de lien hypertexte sur des images
- Création de lien vers messagerie
- Les attributs
Les images
- Les formats d'images du web
- Les nouveaux formats
- Les contraintes liées aux images
- Insertion d'images
- Les attributs
- figure, figcaption
Autres élements graphiques
Les médias
- Insertion de vidéos
- Insertion de sons
- Utilisation d'iframe (Youtube, Google maps ...)
Les formulaires
- La balise form
- Les champs de texte
- Les zones de texte
- Les listes déroulantes
- Les boutons radio
- Les cases à cocher
- Les boutons
Mettre en ligne son site
- De quoi ai-je besoin ?
- Client et serveur FTP
- Les outils indispensables
CSS
Norme actuelle et tendance du CSS
- Evolution du CSS
- Compatibilité dans les navigateurs
Ou placer votre code ?
- Dans une feuille de style externe
- Dans un document
- Dans un style intégré
- Avantages et inconvénients des différentes méthodes
Mettre en forme à l'aide de CSS
- Principe des styles
- Créer des règles de style
- Bonnes pratiques pour structurer le CSS
Les sélecteurs CSS
- Les sélecteurs de type
- Les sélecteurs de classe
- Les sélecteurs d'identifiant
- Le sélecteur universel
- Les sélecteurs d'attribut
- Les combinateurs
- Les pseudo-classes
- Les pseudo-éléments
Les bases du CSS
- La gestion du texte, polices, couleur, taille, mise en évidence ...
- Les arrière-plans
- Les blocs
- Les boites
- Les bordures
- Les listes
- Le positionnement (absolu, relatif, fixe ...)
Le CSS3
- Les couleurs(RGB, RGBA), les dégradés, l'opacité
- Les arrière-plans multiples, ajustement au conteneur
- Les ombres et effets d'ombres
- Les bordures et les coins arrondis
- Utilisation de polices personnalisées
- Les transformations
- Les transitions
- Les animations
Gestion des colonnes
- Ancienne méthode : float
- Les méthodes récentes : grid, column, flex
- Les avantages et inconvénients, la compatibilité avec les navigateurs
Responsive Web Design (RWD)
- Adaptation aux périphériques
- Les media Queries
- Les frameworks: Bootstrap, foundation, Materialize
Formation ajoutée le 01/01/2015, mise à jour le 26/05/2022.
Pré-requis
Connaissances de base de l'environnement Windows ou Mac
Public
Développeurs web, webmasters, ou novices souhaitant découvrir le langage.
Objectifs :
Créer des pages web avec HTML5 et les mettre en forme à l'aide du CSS3.
Moyens pédagogiques :
Un PC par personne, le formateur diffuse son écran sur un vidéo-projecteur ou télévision grand écran
Un groupe de maximum 5 personnes en inter-entreprise.
En distanciel : Utilisation de Zoom ou Teams avec partage d'écran, chat, audio et vidéo en temps réel.
Exposé théorique, suivi d'une mise en pratique.
Moyens pour suivre l’exécution de l’action :
- La présence du stagiaire est vérifiée par le formateur à l'aide d'une feuille de présence signée par demi-journées
Moyens pour en apprécier les résultats :
- A la fin de la formation, le stagiaire complète une évaluation à chaud (Permettant d'évaluer la qualité de la prestation)
- Puis, il complète avec le formateur une évaluation des acquis (Permettant de déterminer les points acquis, non acquis ou en cours d'acquisition)
- Quelques mois après la formation, le donneur d'ordre complète une évaluation à froid (Permettant de s'assurer que la formation a pu être mise en pratique)
Profil formateur :
Formateurs passionnés et expérimentés intervenant en milieu professionnel en tant qu'intégrateur et développeur.
Accueil et accès des personnes en situation de handicap :
Contacter Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
Délai d'accès :
En intra-entreprise : En fonction de vos disponibilités et celles de nos formateurs.
En inter-entreprise : En fonction des sessions que nous avons programmé, consultable en cliquant ici
Moyenne des notes obtenues suite à l'évaluation de cette formation :
9.9 / 10 (Cette moyenne est calculée sur les 3 dernières années, de 2020 à 2022).
Personne à contacter :
Lambert Christophe
03 59 25 10 15
christophe.lambert@lc-formateur.com
Pour toute demande de financement auprès de votre OPCO ou Pôle Emploi vous aurez besoin du programme détaillé de formation.
