Cours en ligne gratuitCréer un site web de A à Z
Durée du cours en ligne : 3 heure et 18 minutes
4
(3)
Apprenez à créer un site web complet de A à Z. Suivez ce cours gratuit de programmation web et transformez votre projet en réalité.
Dans ce cours gratuit, découvrez
- Introduction et bases de la création de site web
- Mise en forme visuelle avec CSS
- Responsive design et dynamisme côté front
- Back-end, base de données et sécurité
Descriptif du cours
Ce cours en ligne gratuit vous guide à travers le processus complet de création d'un site web, de la conception à la mise en ligne. Structuré en 12 chapitres instructifs, il commence par vous donner les bases nécessaires pour comprendre la série et les prérequis nécessaires pour démarrer.
Le premier chapitre se concentre sur la maquette graphique à l'aide d'Adobe XD, en vous montrant comment visualiser l'apparence future de votre site. Vient ensuite la partie technique où vous établissez l'arborescence et le contenu de la page à travers HTML, vous permettant de structurer efficacement votre site.
La mise en style visuel à l'aide de CSS est ensuite abordée avec des segments dédiés au design du header et au corps de la page. Ces sections incluent des détails sur l'apparence de votre site sur les versions mobiles et desktop, garantissant que celui-ci soit à la fois esthétique et fonctionnel sur toutes les plateformes.
Pour rendre votre site interactif, vous apprendrez à ajouter un chargement visuel dynamique via JavaScript. Si vous souhaitez héberger votre site vous-même, le cours couvre également la mise en place d'un serveur web grâce à Wamp Server.
L'intégration du contenu dynamique, telle que la création d'un formulaire de contact avec PHP, est expliquée en détail. Vous apprendrez également à lier votre site à une base de données et à restreindre l'accès à certaines parties sensibles de votre site avec Apache2.
Idéal pour ceux qui souhaitent acquérir des compétences pratiques en programmation web, ce cours vous offre une opportunité d'apprentissage complète, de la conceptualisation à l'exécution.
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?
Apprenez-en plus surResponsive Web Design
Découvrez 3 cours gratuits en ligne sur le Responsive Web Design pour maîtriser les techniques essentielles et créer des sites adaptés à tous les écrans.
Apprenez-en plus surApache2
Découvrez notre cours en ligne gratuit sur Apache2 pour maîtriser les fondamentaux de ce serveur web et améliorer vos compétences en administration web.
Apprenez-en plus surWamp Server
Découvrez notre cours en ligne gratuit sur Wamp Server, idéal pour apprendre facilement à configurer et utiliser l'environnement WAMP pour vos projets web locaux.
Apprenez-en plus surHTML
Maîtrisez HTML avec nos cours en ligne gratuits! Devenez expert en création de sites web grâce à nos leçons interactives, adaptées à tous les niveaux. Commencez maintenant!
Apprenez-en plus surCSS
Maîtrisez CSS gratuitement! Découvrez notre sélection de cours en ligne, apprenez à styliser vos sites avec facilité et créez des designs web impressionnants. Commencez dès maintenant!
Apprenez-en plus surPHP
Apprenez PHP gratuitement avec nos cours en ligne! Maîtrisez les bases, la programmation orientée objet et les frameworks. Idéal pour débutants et pros. Développez vos compétences dès maintenant!
Apprenez-en plus surResponsive Web Design
Découvrez 3 cours gratuits en ligne sur le Responsive Web Design pour maîtriser les techniques essentielles et créer des sites adaptés à tous les écrans.
Apprenez-en plus surJavascript
Maîtrisez JavaScript avec nos cours en ligne GRATUITS ! Découvrez les bases, les fonctions avancées et développez des applications dynamiques. Idéal pour débutants et pros. Inscrivez-vous !
Ce cours gratuit comprend:
3 heure et 18 minutes du cours vidéo en ligne
Certificat numérique de réussite du cours (gratuit)
Exercices pour développer vos connaissances
100% gratuit, du contenu au certificat
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
Plus de 5000 cours gratuits
Programmation, anglais, marketing digital et bien plus encore ! Apprenez ce que vous voulez, gratuitement.
Plan d'études avec IA
L'intelligence artificielle de notre application peut créer un planning d'études pour le cours que vous choisissez.
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.
Plus de cours gratuits sur Programmation web
Cours gratuitPHP Orienté Objet POO
5
(1)
3h00m
12 exercices
Cours gratuitSites WordPress
4.9
(10)
3h18m
19 exercices
Cours gratuitHTML et CSS complet
4.58
(74)
11h30m
35 exercices
Cours gratuitJavascript complet
4.56
(9)
13h42m
35 exercices
Cours gratuitHTML et CSS
4.56
(9)
12h23m
25 exercices
Cours gratuitProgrammation en PHP
4.5
(10)
13h59m
20 exercices
Cours gratuitProgrammation PHP complète
4.33
(3)
26h30m
34 exercices
Cours gratuitCréer un theme WordPress
4.33
(3)
8h14m
20 exercices
Cours gratuitJavascript complet
4.25
(4)
6h32m
13 exercices
Cours gratuitApprendre CSS
3.75
(4)
11h57m
23 exercices
Cours gratuitPHP Orienté Objet POO
5
(1)
3h00m
12 exercices
Cours gratuitSites WordPress
4.9
(10)
3h18m
19 exercices
Cours gratuitHTML et CSS complet
4.58
(74)
11h30m
35 exercices
Cours gratuitJavascript complet
4.56
(9)
13h42m
35 exercices
Cours gratuitHTML et CSS
4.56
(9)
12h23m
25 exercices
Cours gratuitProgrammation en PHP
4.5
(10)
13h59m
20 exercices
Cours gratuitProgrammation PHP complète
4.33
(3)
26h30m
34 exercices
Cours gratuitCréer un theme WordPress
4.33
(3)
8h14m
20 exercices
Cours gratuitJavascript complet
4.25
(4)
6h32m
13 exercices
Cours gratuitApprendre CSS
3.75
(4)
11h57m
23 exercices
Ebook + livres audio gratuits ! Apprenez en écoutant ou en lisant !
Téléchargez l'application dès maintenant pour avoir accès à + 3300 cours gratuits, exercices, certificats et de nombreux contenus sans rien payer !
-
Cours en ligne 100% gratuits du début à la fin
Des milliers de cours en ligne en vidéo, livres électroniques et livres audio.
-
Plus de 48 000 exercices gratuits
Pour tester vos connaissances lors de cours en ligne
-
Certificat numérique gratuit et valide avec code QR
Généré directement à partir de la galerie de photos de votre téléphone portable et envoyé à votre adresse e-mail
Téléchargez notre application via QR Code ou les liens ci-dessous :.
