Image de cours gratuite Créer un site web de A à Z

Cours en ligne gratuit Créer un site web de A à Z

Durée du cours en ligne : 3 heure et 18 minutes

4

étoileétoileétoileétoile

(5)

Passez de zéro à un vrai site web: maquette, HTML/CSS responsive, JS, PHP, base de données et serveur local. Cours en ligne gratuit avec exercices.

Dans ce cours gratuit, découvrez

  • Fondations et conception du site web
  • Mise en forme et design avec CSS
  • Interactivité et environnement de développement local
  • Contenu dynamique, base de données et sécurité

À propos du cours en ligne gratuit

Envie de transformer une idée en site web concret, lisible sur mobile et prêt à évoluer vers un vrai projet professionnel? Ce cours en ligne gratuit vous guide pas à pas dans la création d’un site web de A à Z, en partant des fondations jusqu’aux éléments qui donnent vie à une page. Vous avancez avec une méthode claire: comprendre, construire, tester, puis améliorer, comme dans un contexte réel de production web.

Vous commencez par les notions essentielles qui permettent de situer votre site dans son environnement: à quoi sert un serveur web, quels sont les prérequis, et comment organiser votre travail pour progresser sans vous disperser. Ensuite, place à la conception: vous apprenez à réaliser une maquette graphique avec un outil de design, afin de visualiser l’interface avant même d’écrire une ligne de code. Cette étape vous aide à structurer vos idées, à clarifier la navigation et à anticiper l’expérience utilisateur.

Une fois la maquette posée, vous construisez la page en HTML en mettant en place une arborescence logique et un contenu cohérent. Le cours vous accompagne dans la mise en forme en CSS, du haut de page jusqu’au corps du site, avec une approche progressive pour obtenir un rendu propre et moderne. Vous prenez aussi en main les styles des éléments de formulaire afin de préparer une page de contact convaincante. Puis, vous adaptez l’affichage à différents écrans: vous apprenez à rendre votre site responsive pour offrir une lecture confortable sur smartphone comme sur ordinateur portable.

Pour aller plus loin qu’une page statique, vous ajoutez du dynamisme visuel grâce à JavaScript, par exemple avec un loader. Vous mettez ensuite en place un environnement local avec WAMP afin de tester votre projet comme sur un vrai serveur. Le cours vous introduit à PHP pour traiter un formulaire de contact, puis à la liaison avec une base de données via phpMyAdmin, ce qui ouvre la porte à des fonctionnalités plus riches. Enfin, vous découvrez comment restreindre l’accès à un dossier et renforcer la sécurité côté serveur grâce à la configuration Apache et au fichier htaccess. À la fin, vous aurez une vision complète du flux de création d’un site et une base solide pour continuer en programmation web.

Contenu du cours

  • Leçon vidéo : Créer un site web de A à Z #1 Les bases : explication de la série et prérequis 06m
  • Exercice: Quel est le rôle principal d'un serveur web dans le développement d'un site web ?
  • Leçon vidéo : Créer un site web de A à Z #2 Créer la maquette graphique du site (Adobe XD) 19m
  • Exercice: Quel logiciel est utilisé pour concevoir la maquette du site web dans la vidéo ?
  • Leçon vidéo : Créer un site web de A à Z #3 Etablir l'arborescence / contenu de la page (HTML) 31m
  • Exercice: Quel est l'avantage d'utiliser le nom 'index.html' pour le fichier principal d'un site web?
  • Leçon vidéo : Créer un site web de A à Z #4 Le style visuel du site (CSS) : Le header 15m
  • Exercice: Comment intégrer du CSS dans un document HTML ?
  • Leçon vidéo : Créer un site web de A à Z #5 Le style visuel du site (css) : Le corps de la page 19m
  • Exercice: Quelle propriété CSS est utilisée pour centrer un élément avec flexbox?
  • Leçon vidéo : Créer un site web de A à Z #6 Le style visuel du site (css) : Le corps de la page pt.2 17m
  • Exercice: Quels éléments du site web sont exclus de la personnalisation CSS lors du ciblage des 'inputs' pour le style du formulaire de contact?
  • Leçon vidéo : Créer un site web de A à Z #7 Le responsive (css) : Affichage du site sur mobile et laptop 14m
  • Exercice: Comment faire un site web responsive ?
  • Leçon vidéo : Créer un site web de A à Z #8 Ajout de dynamisme visuel (js) : loader 14m
  • Exercice: Quel est l'objectif principal du tutoriel de JavaScript abordé dans la vidéo?
  • Leçon vidéo : Créer un site web de A à Z #9 Mettre en place un serveur web (Wamp Server) 10m
  • Exercice: Quel est le rôle principal de la suite "WAMP" dans le développement web local ?
  • Leçon vidéo : Créer un site web de A à Z #10 Ajout du contenu dynamique (PHP) : formulaire de contact 19m
  • Exercice: Quelle est la fonction de PHP mentionnée pour envoyer du texte dans le navigateur ?
  • Leçon vidéo : Créer un site web de A à Z #11 Liaison à une base de données (PHP) 24m
  • Exercice: Quel est le nom d'utilisateur par défaut pour PHP my admin en local via WAMP Server?
  • Leçon vidéo : Créer un site web de A à Z #12 Restreindre l'accès à un dossier (Apache2) 06m
  • Exercice: Quelle est l'utilité du fichier HTAccess dans la sécurisation d'un dossier sur un serveur Apache?
Cours en ligne gratuits sur Responsive Web Design

Apprenez-en plus surResponsive Web Design

Découvrez notre sélection de cours en ligne gratuits sur le Responsive Web Design et apprenez à créer des sites modernes, accessibles et adaptés à tous les écrans. Progressez à votre rythme grâce à des formations pratiques en HTML, CSS, Flexbox, Grid et mobile first, avec la possibilité d’obtenir un certificat pour valoriser vos compétences.

Cours en ligne gratuits sur Apache2

Apprenez-en plus surApache2

Découvrez notre sélection de cours Apache2 gratuits en ligne pour apprendre à installer, configurer, sécuriser et administrer ce serveur web incontournable. Progressez à votre rythme grâce à des formations adaptées aux débutants comme aux professionnels, développez vos compétences et obtenez, selon le cours choisi, un certificat pour valoriser votre parcours.

Cours en ligne gratuits sur Wamp Server

Apprenez-en plus surWamp Server

Découvrez notre sélection de cours en ligne gratuits sur Wamp Server et apprenez à installer, configurer et utiliser cet environnement de développement web sous Windows. Progressez à votre rythme grâce à des formations accessibles, adaptées aux débutants comme aux développeurs, et obtenez un certificat pour valoriser vos nouvelles compétences.

Cours en ligne gratuits sur HTML

Apprenez-en plus surHTML

Découvrez notre sélection de cours HTML gratuits en ligne pour apprendre à créer et structurer des pages web, maîtriser les balises, les formulaires et les bonnes pratiques du développement web. Progressez à votre rythme grâce à des formations accessibles aux débutants comme aux initiés, et obtenez un certificat pour valoriser vos nouvelles compétences.

Cours en ligne gratuits sur CSS

Apprenez-en plus surCSS

Découvrez notre sélection de cours CSS gratuits en ligne pour apprendre à créer, styliser et optimiser des pages web modernes. Maîtrisez les sélecteurs, le responsive design, Flexbox, Grid, les animations et les bonnes pratiques grâce à des formations accessibles à tous. Progressez à votre rythme et obtenez un certificat pour valoriser vos compétences.

Cours en ligne gratuits sur PHP

Apprenez-en plus surPHP

Découvrez notre sélection de cours PHP gratuits en ligne pour apprendre à créer des sites et applications web dynamiques. Maîtrisez les bases du langage PHP, les formulaires, les bases de données MySQL, la programmation orientée objet et les bonnes pratiques. Progressez à votre rythme, avec la possibilité d'obtenir un certificat pour valoriser vos nouvelles compétences.

Cours en ligne gratuits sur Responsive Web Design

Apprenez-en plus surResponsive Web Design

Découvrez notre sélection de cours en ligne gratuits sur le Responsive Web Design et apprenez à créer des sites modernes, accessibles et adaptés à tous les écrans. Progressez à votre rythme grâce à des formations pratiques en HTML, CSS, Flexbox, Grid et mobile first, avec la possibilité d’obtenir un certificat pour valoriser vos compétences.

Cours en ligne gratuits sur Javascript

Apprenez-en plus surJavascript

Découvrez notre sélection de cours en ligne gratuits sur JavaScript et apprenez à créer des sites web interactifs, des applications modernes et des projets dynamiques. Progressez à votre rythme, du niveau débutant au niveau avancé, grâce à des formations accessibles à tous, et obtenez un certificat pour valoriser vos nouvelles compétences.

Ce cours gratuit comprend:

Icône pour l'apprentissage avec le cours audio

3 heure et 18 minutes du cours vidéo en ligne

Icône pour le certificat numérique de réussite du cours

Certificat numérique de réussite du cours (gratuit)

Icône pour les exercices d'application

Exercices pour développer vos connaissances

Icône pour les cours 100 % gratuits du début à la fin

100% gratuit, du contenu au certificat

Comment utiliser index.html comme page d’accueil d’un site web ?

Placez ce fichier à la racine du projet : le serveur le charge généralement par défaut.

Comment rendre un site responsive pour mobile et ordinateur ?

Utilisez des media queries CSS et des mises en page flexibles avec Flexbox.

À quoi sert WAMP Server pour développer un site en PHP ?

WAMP crée un serveur local avec Apache, PHP et MySQL pour tester le site sur votre ordinateur.

Prêt à commencer ?Téléchargez l’application et commencez dès aujourd’hui !

Installez l'application

dès maintenant pour accéder au cours
Icône représentant les cours de technologie et de commerce

Plus de 5000 cours gratuits

Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.

Icône de calendrier avec cible représentant la planification des études

Plan d'études avec IA

L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.

Icône professionnelle représentant la carrière et le commerce

De débutant à professionnel accompli

Améliorez votre CV grâce à notre certificat gratuit, puis utilisez notre intelligence artificielle pour trouver l'emploi de vos rêves.

Vous pouvez également utiliser le code QR ou les liens ci-dessous.

Code QR - Télécharger Cursa - Cours en ligne

Commentaires de cours: Créer un site web de A à Z

NB

Nelson Beneche

étoileétoileétoileétoileétoile

Super depuis Haiti

NB

Nelson Beneche

étoileétoileétoileétoileétoile

merci beaucoup pour cette vidéo. j'ai beaucoup appris

I

IDOHOU

étoileétoileétoileétoileétoile

j'apprécie bien le cours claire nette et bien compréhensible.

Plus de cours gratuits sur Programmation web

Ebook + livres audio gratuits ! Apprenez en écoutant ou en lisant !