Bureautique | Communication numérique | PAO | Innovations numériques
HTML / CSS Initiation
Validation :
Attestation de fin de formation
Mis à jour le 06/09/24
Durée
2 jours - 14 heuresProchaine session : nous consulter
Public
Développeurs, chefs de projets web; Toutes personnes désirant se former en développement webTarif
1450 € HT
4437
personnes formées au CEPPIC
2023
Objectifs de La formation
- Utiliser l’environnement de travail Visual Studio Code.
- Appliquer les bonnes pratiques de saisie et de syntaxe.
- Mettre en forme et organiser les données.
- Réaliser un site internet basique responsive.
Points forts
Une formation ciblée avec de nombreux exercices pratiques qui vous rendront opérationnel pour vos applications professionnelles.
Pré-requis
- Connaissance de l’environnement WindowsCONTENU DE LA FORMATION
- Se repérer dans l’environnement VSCode
- Gestion des fichiers et dossiers d’un projet web: organisation, nommage et structure.
- Installation et utilisation des principales extensions.
- Utilisation des raccourcis et auto completions.
- Documentation et veille
- Utilisation de documentations HTML et CSS en ligne et sources d’aides.
- Principe et importance de la veille.
- Principales sources d’informations pour la veille.
- Construire une page web en HTML
- Comprendre la structure de base d’une page HTML : balises, éléments, attributs.
- Utilisation des balises HTML courantes : <head>, <title>, <body>, <header>, <footer>, <nav>, <section>, <article>, <div>, etc.
- Intégration de contenu textuel, images et liens.
- Introduction aux formulaires HTML pour la collecte de données.
- Styliser une page web avec CSS
- Comprendre le fonctionnement de base de CSS : sélecteurs, propriétés et valeurs.
- Méthodes de liaison du CSS à une page HTML : inline, interne et externe.
- Utilisation de sélecteurs CSS pour cibler et styliser des éléments HTML.
- Gestion des couleurs, polices, marges et bordures.
- Création de mises en page simples avec Flexbox ou CSS Grid.
- Rendre le site responsive
- Comprendre les principes du design responsive et l’importance de l’adaptabilité aux différents appareils.
- Utilisation des media queries pour appliquer des styles spécifiques en fonction de la taille de l’écran.
- Techniques pour rendre les images, les vidéos et les mises en page fluides et adaptatives.
Introduction aux bonnes pratiques et outils de développement web
- Optimisation du code HTML et CSS pour la performance et l’accessibilité.
- Utilisation d’outils de développement web tels que les validateurs HTML et CSS.
- Introduction aux concepts de contrôle de version avec Git et GitHub pour le suivi des modifications du code source.
Projet pratique : Création d’un site web personnel
- Application des connaissances acquises pour concevoir et développer un site web personnel.
- Utilisation de VSCode pour la gestion du projet, la saisie du code.
- Intégration des bonnes pratiques de développement web et de design responsive.
- Présentation et partage du projet avec le groupe pour obtenir des retours et des conseils.
DÉMARCHES PÉDAGOGIQUES
Alternance d’exposés théoriques et de nombreux exercices pratiques.
Modalités d'évaluation
Evaluation des acquis tout au long de la formation avec des exercices pratiques et des quizz.
Chaque participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
IFA Marcel Sauvage | CEPPIC - Donnnées non contractuelles - Imprimé le 20/09/2024
