Présentation
Les sites internet sont devenus incontournables dans notre vie de tous les jours, et leur nombre est en constante évolution. Selon Internet Live Stats, plus de 1.9 milliards de sites internet sont en ligne (novembre 2021).
Si de nombreux sites internet utilisent des CMS (Content Management System ou Système de Gestion de Contenu) comme WebFlow, WordPress ou WiX, il est souvent nécessaire d’avoir des bases en programmation dans les langages du web pour atteindre ses objectifs. En effet, même si ces outils simplifient la mise en ligne d’un site web, il est parfois (souvent ?) impossible de réaliser exactement ce que l’on souhaite sans « taper du code ».
Cette formation vous propose de découvrir deux des trois langages de présentation du web : HTML pour la structure et le contenu et CSS pour le style visuel. Pendant cette formation, vous apprendrez à créer un site internet à partir de zéro et découvrirez les fonctionnements du web, pour pouvoir plus facilement créer des sites ou les adapter.
Objectifs de la formation
- Comprendre le fonctionnement du web
- Savoir créer une page web avec HTML
- Comprendre la pertinence de la sémantique HTML
- Savoir rédiger des directives en CSS
Public
- Toute personne travaillant ou souhaitant travailler dans le développement de sites et d’applications web, notamment la partie visuelle.
Prérequis
- Aucun prérequis
Programme
1- Introduction
Fondamentaux du web et de son protocole
Fonctionnement des sites web, différences entre les langages
Présentation rapide des langages HTML, CSS et JavaScript
Présentation des logiciels liés au développement web
2- HTML
Historique
Objectifs poursuivis par le HTML
Syntaxe, les balises, les attributs, la hiérarchie
Principales balises HTML
L’importance de la sémantique
Concevoir une page web
Les formulaires
3- CSS
Principes de base et liaison avec le HTML
Syntaxe, les sélecteurs, les propriétés, les valeurs
Différents types de sélecteurs
Les pseudo-classes
L’alignement et l’organisation avec display : grid, flex
Mise en forme des éléments : marges, bordures, ombres, dégradés
Mise en forme du texte
CSS dynamique : transformations, transitions, animations
Directives @media
Date de dernière modification : 13/03/2023
Organisation
Modalités d'évaluation :
Questionnaires à choix multiples (QCM) en fin de formation. L'intervenant formulera également une appréciation sur vos acquis pour l'entièreté de la formation.
Moyens pédagogiques :
Formation alternant la théorie et la pratique, avec un intervenant présentant la formation en direct. Possibilité de réaliser cette formation en face-à-face dans nos locaux, dans vos locaux d'entreprise ou à distance via visioconférence.
Une fois terminée, vous disposerez d'une attestation de suivi de la formation, ainsi que des contenus de cours relatifs au contenu présenté.
Informations pratiques :
En cas de dispense dans nos locaux, le matériel informatique est fourni et l'ensemble des commodités sont accessibles. Nos locaux sont également accessibles aux personnes à mobilité réduite : découvrir notre centre.
Retrouvez toutes les informations pratiques pour préparer votre formation sur notre page dédiée : informations pratiques.
Ces formations pourraient vous intéresser
- En savoir plus
HTML5 et CSS3 : animations et responsive design
Après avoir découvert les langages HTML et CSS permettant de réaliser notamment des sites web, cette formation vous propose de perfectionner vos connaissances dans ces deux langages.
Depuis dix ans, la proportion de visiteurs … - En savoir plus
Web front : HTML, CSS et JavaScript niveau 1
Les sites internet sont devenus incontournables dans notre vie de tous les jours, et leur nombre est en constante évolution. Selon Internet Live Stats, plus de 1.9 milliards de sites internet sont en ligne (novembre 2021).
Si de … - En savoir plus
Web front : HTML, CSS et JavaScript niveau 2
Vous avez débuté le développement web en utilisant les langages de programmation HTML, CSS et JavaScript. Vous avez réalisé avec succès plusieurs pages ou même des sites entiers, avec des composants comme des listes, des …