Enregistré dans vos favoris
Présentation
Contenu
A propos du skiller
Avis
Formation
Autres offres du skiller
Apprentissage du HTML5 de A à Z avec un peu de CSS3
FORMATION
5 Modules
27 Vidéos
1 Document
Découvrez le profil de Jean-Michel ROSEE, Skiller en Développement Web
Jean-Michel ROSEE
PRO
Contactez-moi
Qu’est-ce qu'une formation ?
Il s'agit de contenus pré-enregistrés accessibles à tout moment
Au programme
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 !
Des questions ?
Je vous réponds sur la messagerie Wooskill !
Contactez-moi gratuitement
Ce que vous allez apprendre
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
Pré-requis
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
Contenu
5 Modules
27 Vidéos
1 Document
Introduction
00:21
Origine et naissance du Web
00:04:07
Aperçu
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
Aperçu
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
Aperçu
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.
Modules Ressources
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...
Sans abonnement
Disponible 24h/24h
Paiement 4x PayPal
Options
Formateur en infographie et informatique avec 25 ans d'expériences
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. ...
Expériences
Formation continue d'adultes (8559A)-Auto entrepreneur
2021
"Maîtrise avancée de Sketchup (Free et Pro 2023) et Tinkercad pour la modélisation 3D. Compétences solides en programmation web avec HTML5, CSS3 et une connaissance de base en JavaScript, ainsi qu'une expertise en utilisation du framework Bootstrap 5.0 pour le développement web. De plus, une formation de base sur Inkscape pour la création et la manipulation d'images vectorielles."
Marin d'état-Marine nationale
1992 - 2000
"Expert en informatique pour une flotte de 7000 machines de 1998 à 2000, puis technicien en systèmes d'armes anti-sous-marins à bord d'une frégate ASM de 1997 à 1998, et enfin formateur pour des simulations d'attaques sous-marines de 1993 à 1995."
Technicien Support Production-Kontron Modulars Computers
2001
"Conception et gestion d'un site web d'entreprise, administration d'un parc informatique Linux et développement d'outils d'automatisation en Shell et Python pour les tests de cartes et systèmes. Contribution à l'élaboration et à la maintenance des procédures de production en collaboration avec l'équipe Méthode et Qualité de Production."
Formations
BEP électrotechnique-Lycée Cachin à cherbourg
1990
B.A.T DEASM-Marine nationale
1995
Statut: Freelance
Membre depuis 2023-01-20
Langues parlées :
Français
- natif
Des questions ?
Je vous réponds sur la messagerie Wooskil !
Contactez-moi gratuitement
Avis
( 41 avis )
5
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
Les autres offres de Jean-Michel ROSEE
Découvrez le profil de Jean-Michel ROSEE, Skiller en Développement Web
Jean-Michel ROSEE
PRO
Contactez-moi
Enregistré dans vos favoris
Apprentissage du HTML5 de A à Z avec un peu de CSS3
5.0 ( 41 avis )
FORMATION
06h52
42.00€