Dans cette formation de trois jours, vous ferez vos premiers pas dans le monde fascinant du développement web en construisant votre premier site web à l'aide des langages HTML 5 et CSS 3.
Prérequis
Cette formation est destinée aux débutants n'ayant aucune expérience du codage. Tout ce dont vous avez besoin pour vous lancer est une connaissance pratique de votre système d'exploitation (Mac ou Windows) et une certaine expérience de l'Internet en tant qu'utilisateur.
Votre instructeur : Damien Bruyndonckx
Damien Bruyndonckx est le fondateur et CEO de One2Learn. Depuis 2015, Damien est formateur pour LinkedIn Learning. Il a ainsi enregistré une quarantaine de formations vidéo portant sur le HTML, le CSS et le JavaScript, ce qui a permis à des milliers d'apprenants de se former dans le développement web.
Table des matières
L'ensemble de la formation nécessite trois jours de cours et repose sur la réalisation de deux exercices pratiques. Tous les concepts abordés sont donc immédiatement mis en application.
Jour 1
- Découverte du langage HTML
Dans ce premier chapitre, vous allez créer une première petite page HTML valide. Vous découvrirez les concepts de base du langage HTML, tels que le concept de balise, la nécessité d'utiliser un éditeur de code et les meilleures pratiques principales. - Structurer le texte
Dans ce chapitre, vous allez découvrir les balises de l'HTML qui vous permettent de structurer le texte. Vous apprendrez notamment à créer des paragraphes, à utiliser les différents niveaux de titre, à créer des listes et des liens. - Travailler avec des images
Ce chapitre est consacré aux divers types d'images que vous pouvez insérer sur une page web. Vous apprendrez à choisir le type d'image le plus approprié en fonction de la situation (.gif, .jpg, .png, .svg). Vous apprendrez également le fonctionnement de la balise <img> - Structurer une page web
Dans ce chapitre, vous allez écrire le code HTML complet d'une véritable page web. Vous en profiterez pour découvrir les balises structurantes de l'HTML (<div>, <section>, <header>, <footer>, etc.). - Introduction au langage CSS
Ce chapitre propose une première approche du langage CSS qui vous permet de mettre en forme votre site web. Vous apprendrez comment appliquer une feuille de styles à votre page web et comment les langages HTML et CSS sont liés.
Jour 2
- Principes de base du CSS
Ce chapitre vous propose de rentrer plus en détail dans le langage CSS. Vous découvrirez notamment le fonctionnement des principaux sélecteurs et le principe de la cascade. - Mettre en forme du texte
Dans ce chapitre, vous allez découvrir les principales propriétés du CSS permettant de mettre en forme le texte de vos pages web. Au passage, vous découvrirez le fonctionnement des codes couleur et des polices de caractères du CSS . - Le CSS box model
Il est temps de passer à la mise en page de votre site. Pour cela, vous devez connaître dans le détail le fonctionnement des propriétés principales du CSS Box Model. C'est ici que vous allez tout apprendre sur les paddings, les margins et les border. - Finalisation de votre page web
Forts de vos nouvelles connaissances, vous allez finaliser votre première page web en appliquant les techniques de mise en forme et de mise en page apprises précédemment. Cerise sur le gâteau, vous découvrirez les bases des animations et des transitions en CSS.
Jour 3
- Transposer une maquette Photoshop
Ce chapitre marque le début du second exercice de la formation. Au départ d'une maquette Photoshop, vous allez écrire le code HTML et le code CSS correspondant à l'image de la maquette. Vous en profiterez pour découvrir de nouvelles techniques et propriétés, comme la façon de centrer un conteneur dans la fenêtre ou la manière de générer des dégradés de couleurs. - Créer une barre de liens
Ce chapitre est entirèment consacré à la création d'une barre de liens à la fois en HTML et en CSS. Vous découvrirez comment rendre votre navigation agréable à regarder, simple à utiliser et accessible aux personnes en situation de handicap. - Inclure des éléments externes
Dans ce chapitre, vous allez étudier l'inclusion de contenus multimédias supplémentaires comme des vidéos et des fichiers sons. Vous découvrirez également l'utilisation de la balise <iframe> pour incorporer du contenu venu d'autres sites dans vos pages web (comme des vidéos YouTube, des Google Maps ou des fils Twitter).
En pratique
- Cette formation est destinée aux entreprises et sera dispensée dans vos locaux. Nous n'organisons pas de cours calendrier sur HTML / CSS.
- Cette formation peut être dispensée aussi bien en présentiel qu'en ligne. Dans le cas d'un cours en ligne, les journées de formation ne doivent pas nécessairement être contiguës. Nous planifierons la formation en fonction de vos besoins et de votre disponibilité.
N'hésitez pas à nous contacter pour plus d'informations.