Saved to your favorites
Presentation
Content
About the skiller
Reviews
Training
Other offers from the skiller

Apprentissage du HTML5 de A à Z avec un peu de CSS3

TRAINING

5 Modules

27 Videos

1 Document

Saved to your favorites
Jean-Michel ROSEE presents his services on the Wooskill platform.

Découvrez le profil de Jean-Michel ROSEE, Skiller en Développement Web

Jean-Michel ROSEE
PRO
Contact me

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 !

Jean-Michel ROSEE presents his services on the Wooskill platform.

Any questions?

I'll answer you on the Wooskill messaging!

Tchat with me - free

What you will learn

Vous apprendrez les bases d'internet (Origine, navigateur, site web intéressants)

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.

Preview

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.

Preview

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 ...

Preview

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

Options
Jean-Michel ROSEE presents his services on the Wooskill platform.

Découvrez le profil de Jean-Michel ROSEE, Skiller en Développement Web

About Jean-Michel ROSEE

(41)

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

see more

Status: Freelance

Member since 2023-01-20

Languages spoken:

fr

French

- natif

Jean-Michel ROSEE presents his services on the Wooskill platform.

Any questions?

I'll answer you on the Wooskil messaging service!

Tchat with me - free

Reviews

( 41 reviews )
  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

Other offers from Jean-Michel ROSEE

Saved to your favorites
Featured image for the offer Master Web Development from A to Z: Complete Course with HTML5, CSS3 and JavaScript! by Jean-Michel ROSEE

Discover the offer Maîtrisez le développement Web de A à Z : Cours complet avec HTML5, CSS3 et JavaScript ! from Jean-Michel ROSEE

PRIVATE LESSON

Jean-Michel ROSEE
5
( 41 )
( 41 reviews )

32 €

/ 1h00

Saved to your favorites
Presentation image for the offer Master Sketchup Pro with courses adapted to your level and your needs! by Jean-Michel ROSEE

Discover the offer Maîtrisez Sketchup Pro avec des cours adaptés à votre niveau et vos besoins ! from Jean-Michel ROSEE

PRIVATE LESSON

Jean-Michel ROSEE
5
( 41 )
( 41 reviews )

32 €

/ 1h00

Saved to your favorites
Featured image for the Blender course for beginners offer to learn how to make great objects and much more. by Jean-Michel ROSEE

Discover the offer Cours sur Blender pour débutant(e) afin d'apprendre à réaliser de superbes objets et bien plus encore. from Jean-Michel ROSEE

PRIVATE LESSON

Jean-Michel ROSEE
5
( 41 )
( 41 reviews )

32 €

/ 1h00

In the same category

42.00 €

06h52
Jean-Michel ROSEE presents his services on the Wooskill platform.

Découvrez le profil de Jean-Michel ROSEE, Skiller en Développement Web

Jean-Michel ROSEE
PRO
Contact me
Saved to your favorites

Apprentissage du HTML5 de A à Z avec un peu de CSS3

5.0 ( 41 reviews )

TRAINING

06h52
fr

42.00€

Pay in 4 installments without fees (via Paypal)
Apprentissage du HTML5 de A à Z avec un peu de CSS3