Apprentissage du HTML5 de A à Z avec un peu de CSS3
TRAINING
5 Modules
27 Videos
1 Document

Découvrez le profil de Jean-Michel ROSEE, Skiller en Développement Web
What is training?
This is pre-recorded content that can be accessed at any time.
Course Overview
Bienvenue dans cette formation complète sur le HTML5 ! Passionné(e) de développement web ou simplement curieux(se) d'apprendre à coder ? Que vous soyez débutant(e) ou avec déjà quelques bases, vous êtes au bon endroit ! 🎯 💡 Le HTML5, c'est quoi ? C'est la dernière version du langage web le plus populaire au monde ! Il permet de créer des sites modernes, dynamiques et interactifs. Que ce soit pour intégrer des vidéos, des sons, des animations ou encore des graphiques, le HTML5 offre une palette d'outils incroyablement riche. 🌐 Au programme de cette formation : 🔹 Les bases du web : On commence par un petit voyage dans l'histoire du web, en explorant les origines d'Internet et en apprenant à maîtriser les navigateurs et les IDE (environnements de développement). 🔹 La structure d'une page web : De la mise en place des listes, images, liens, tableaux, et même des commentaires, vous saurez tout sur l'anatomie d'une page HTML ! 🔹 Les nouveautés HTML5 : Plongez dans les nouvelles...
balises HTML5, la gestion des blocs et découvrez comment mettre votre site en ligne ! Bonus : on abordera la création de formulaires (une des clés pour interagir avec les utilisateurs). 🔹 L'intégration multimédia : Apprenez à ajouter des vidéos, du son et même des cartes Google Maps pour rendre vos sites interactifs et captivants ! 🔹 Validation du code : Vous saurez vérifier et valider votre code grâce à des outils comme le W3C Validator, pour garantir un site de qualité pro. 🔹 Un peu de CSS3 pour la touche finale : Même si cette formation est axée sur HTML5, on ne peut pas s’empêcher d'ajouter une petite dose de CSS3 pour rendre votre site visuellement attrayant ! 🎯 Des quizz interactifs et des ressources exclusives : Pour chaque section, des fichiers d'exercices vous permettront de pratiquer en temps réel. Vous aurez également accès à un dossier "Aide_HTML5", qui récapitule tout ce que nous aurons vu ensemble, accompagné de liens, astuces et conseils pour aller plus loin ! 📬 Vous avez une question ? Je serai là pour vous aider à chaque étape. N'hésitez pas à poser vos questions, j'y répondrai avec plaisir ! Ne tardez plus ! Inscrivez-vous et commencez à créer des sites web professionnels dès aujourd'hui ! 🚀 Bon apprentissage et à bientôt dans la formation !

Any questions?
I'll answer you on the Wooskill messaging!
What you will learn
Vous apprendrez les bases du langage
HTML5
Vous aurez une bien meilleure connaissance plus approfondie de toutes les balises
HTML5
utilisées.
Vous serez capable de créer une structure Web pour votre premier Site Web
Vous serez capable de mettre en ligne votre site web
Avec le module CSS3 gratuit, vous serez capable de styliser votre site web en CSS3
A la fin, vous serez capable de faire un premier site web avec du HTML5 et du CSS3
Prerequisites
Aucune connaissance n'est requise, à part savoir utiliser un ordinateur
Avoir un ordinateur de type MAC ou PC
Avoir une connexion internet
Pour le reste, je m'en occupe
Content
5 Modules
27 Videos
1 Document
Introduction
00:21
Origine et naissance du Web
00:04:07
Origine et naissance du Web Allez un peu d'histoire histoire de voir l'évolution de la la communication jusqu'à l'arrivée d'Internet.
Gestion des navigateurs
00:04:06
Gestion des navigateurs La gestion d'un navigateur permettra d'interpréter et pouvoir mettre en forme la structure d'une page Web.
Installation d'un outil de type IDE
00:08:32
Installation d'un outil de type IDE Il existe une multitude d'outil permettant de coder plus facilement comme ATOM, SublimeText et ainsi de suite. Dans notre cas, nous utiliserons l'outil de Microsoft qui se nomme Visual Studio ...
Enregistrement fichier Web
00:04:09
Enregistrement fichier Web Avant de commencer, il est important de vous montrer comment enregistrer un fichier web afin que celui-ci soit interpréter et visible par un navigateur.
Resource Modules
Document
Module Ressources Chaque leçon vu ensemble est accompagnée d'un répertoire avec tout le travail qui a été fait. Mais ce n'est pas tout, j'ai aussi fait en sorte de vous créer un petit fichier web qui regroupe d'une part, tous le...
Apprendre le langage HTML5 - Partie 01
01:55
La structure de base
00:08:10
La structure de base Commençons à étudier la structure de base d'une page Web afin d'en comprendre les rouages. Nous allons commencer à comprendre ce que l'on appelle un doctype, une balise HTML, HEAD et BODY.
Gestion de quelques balises de base
00:16:05
Gestion de quelques balises de base Après avoir vu le début de le structure d'une page Web, il va être intéressant de se mettre les mains dans le cambouis afin de commencer à comprendre ce que l'on appelle une balise. Mettre en f...
Encodage d'une page Web
00:12:49
Encodage d'une page Web Heureusement depuis la version HTML5, l'encodage est maintenant plus facile à gérer mais néanmoins certains caractères devront être utilisé comme des caractères ASCII, vous ne comprenez pas ce que je dis, ...
Gestion des listes
00:15:09
Gestion des listes Vous avez déjà vu quelques balises, mais il existe des balises dédiées aux listes qui peuvent être ordonnées ou non ordonnées ou des liste de définitions.
Gestion des images
00:17:32
Gestion des images Même si vous commencez à apprendre le langage HTML et que nous ne verrons pas ou très peu de CSS, il est bien entendu plus cool de mettre en place des images, nous verrons donc comment intégrer des images ou de...
Gestion des liens
00:18:55
Gestion des liens La gestion des liens pourra se faire se faire de plusieurs façons: On aura la gestion de liens entre pages La gestion de liens inter pages symbolisé par un # Un lien pourra être associé à une image afin d'ag...
Gestion des tableaux
00:18:59
Gestion des tableaux Bien que la gestion des tableaux n'est presque plus utilisé, il est toujours intéressant de savoir que ces balises existent, on apprendra donc à créer différents tableaux avec différents styles en y intégrant...
Gestion d'un commentaire
00:06:53
Gestion d'un commentaire Commenter votre programmation est primordiale, nous verrons comment commenter des blocs ou des morceaux de codes ou même noter des informations qui pourront aider par la suite. Bien entendu, tous ces comm...
Apprendre le langage HTML - Partie 02
03:44
Gestion de la balise DIV et SPAN
00:12:17
Gestion de la balise DIV et SPAN Il est très important de comprendre que vous aurez des balises de type SPAN(en ligne) ou BLOC (avec un retour chariot et à la ligne), nous allons donc nous pencher sur ces deux types de balises.
Relatif ou Absolu
00:12:17
Relatif ou Absolu Nous allons voir la différence primordiale entre un chemin relatif et absolu, vous verrez aussi ce que peut signifier ce fameux .. Donc En HTML, un chemin absolu est l'adresse complète d'une ressource à partir ...
Gestion de la structure HTML5
00:22:40
Gestion de la structure HTML5 Après avoir les balises standard comme <HEAD>, <BODY>, <HTML>, il existe bien entendu pleins d'autres balises depuis la venue du langage HTML5, nous verrons les balises comme : SECTION ARTICLE HEA...
Inspecteur Web
00:17:03
Inspecteur Web Il faudrait une formation complète pour pouvoir vous expliquer tout ce que peut faire l'outil Inspecteur Web, celui-ci regorge d'outils et d'options permettant de mieux cerner les problèmes ou erreurs sur vos pages...
Gestion des autres balises
00:21:17
Autres balises Afin d'aller plus loin, nous allons parcourir les différentes balises HTML5 en vous donnant une petite description de celles-ci, bien entendu le plus important est de pouvoir retrouver sur le site web https://devel...
Mise en ligne du site web
00:28:23
Mise en ligne du site web Il va être intéressant de mettre en ligne notre site web, même si celui-ci n'est pas terminé, avant de commencer à comprendre les rouages de transfert de fichiers (Web, image ...) vers le serveur qui héb...
Gestion d'un formulaire - Partie 01
00:28:42
Gestion d'un formulaire - Partie 01 La gestion d'un formulaire pourra être très utile pour la mise en place de Newsletter, l'inscription à un site web, formulaire de commande, formulaire de recherche et ainsi de suite. Dans cett...
Gestion d'un formulaire - Partie 02
00:15:57
Gestion d'un formulaire - Partie 02 Dans la seconde partie, nous verrons des options plus accès pour les téléphones mobiles, Internet n'arrêtant pas d'évoluer, pleins de balises d'options ont été crées afin de répondre aux besoin...
Gestion des format AUDIO et VIDEO
00:19:37
Gestion des format AUDIO et VIDEO Après avoir vu la gestion et l'insertion d'images, nous allons voir comment insérer de l'audio ou de la vidéo, ce qui est très commun maintenant pour les différents sites Web.Au niveau de la bali...
Gestion d'une IFRAME
00:10:59
Gestion d'une IFRAME Bien que la balise <IFRAME> soit de moins en moins utilisée, il est toujours intéressant de voir ce que l'on peut faire avec, dans mon cas, je vous monterais l'exemple d'insertion d'une carte de type Google M...
Autres balises - Allons plus loin
00:18:26
Autres balises - Allons plus loin Afin d'aller encore plus loin aux niveaux balises en HTML5, nous allons voir grâce au site web https://www.w3schools.com encore d'autres balises, là aussi avec un petit descriptif et utilisation ...
Validation du site Web
00:16:09
Validation du site Web Bien, vous avez maintenant une bonne connaissance sur la programmation en HTML5, ce qui va être maintenant intéressant c'est de vérifier si vous n'avez pas fait d'erreurs dans votre code. Il existe sur le ...
Apprendre le langage HTML - Partie 03
00:49
Conception d'un site web
00:27:41
Conception d'un site web Nous allons faire de nouveau un site web qui sera composé de 3 pages web (index.html, portfolio.html et contact.html), c'est le genre de site web que l'on rencontre afin de présenter un site Web dit vitri...
Conception d'une page Web (HTML5/CSS3)
00:21:26
Conception d'une page Web (HTML5/CSS3) Bon je sais, cette formation ne devait pas comporter de CSS, mais je me suis dit, il va être intéressant de vous montrer la puissance de ce second langage que je proposerais dans une prochai...
Conclusion
00:03
Conclusion_Neutre
00:03:03
Conclusion Et voilà, c'est terminé pour cette formation, c'est donc la première formation complète sur l'apprentissage du HTML5 avec un peu de CSS. Ne pas hésiter à me poser des questions, si vous avez des questions ou des suppos...
Without subscription
Available 24/7
4x PayPal payment
Computer graphics and IT trainer with 25 years of experience
Bonjour, Je m'appelle Jean-Michel ROSEE 53 ans, marié 1 enfant habitant à Toulon. Passionné par l'informatique et l'infographie, j'adore enseigner et partager ce savoir en toute humilité. Quelque soit la formation ou l'apprentissage que je propose, je vous explique les bases que cela soit pour un logiciel, une technique, une fonction afin que vous puissiez voler de vos propres ailes par la suite. ...
Experiences
Continuing education for adults (8559A)-Self-employed
2021
"Advanced proficiency in Sketchup (Free and Pro 2023) and Tinkercad for 3D modeling. Strong web programming skills with HTML5, CSS3, and basic JavaScript knowledge, as well as expertise using the Bootstrap 5.0 framework for web development. In addition, basic training in Inkscape for creating and manipulating vector images."
State sailor-French Navy
1992 - 2000
"IT expert for a fleet of 7,000 machines from 1998 to 2000, then anti-submarine weapons systems technician on board an ASW frigate from 1997 to 1998, and finally trainer for submarine attack simulations from 1993 to 1995."
Production Support Technician-Kontron Modular Computers
2001
"Design and management of a corporate website, administration of a Linux computer system and development of automation tools in Shell and Python for board and system testing. Contribution to the development and maintenance of production procedures in collaboration with the Production Methods and Quality team."
Trainings
BEP electrical engineering-Cachin High School in Cherbourg
1990
BAT DEASM-French Navy
1995
Status: Freelance
Member since 2023-01-20
Languages spoken:
French
- natif

Any questions?
I'll answer you on the Wooskil messaging service!
Reviews
je connais deja le logiciel Sketchup, mais avec ce tout début de cours, je m'aperçois qu'en fait je ne connais que trés peu d'outils. j'ais hâte de découvrie la suite.
Bruno
Bien expliqué, point par point merci
Kate
Excellent ! Bonne image, bonne piste son, diction claire, bonne connaissance du sujet, enthousiasme de l’enseignant, tempo idéal, informations utiles.
Serge
Other offers from Jean-Michel ROSEE
In the same category

Découvrez le profil de Jean-Michel ROSEE, Skiller en Développement Web
Apprentissage du HTML5 de A à Z avec un peu de CSS3
TRAINING
42.00€