🌍Déployer un Site HTML CSS & JS en ligne | 🗄️Nom de Domaine DNS + Hébergement GRATUIT
HTML-код
- Опубликовано: 2 окт 2024
- 🔥Créer une Page Web Portfolio HTML CSS JS
Dans cette vidéo nous allons voir comment déployer, mettre en ligne un site web html css et javascript. Nous verrons également comment héberger gratuitement son site web mais aussi comment trouver un nom de domaine dns gratuit. Nous utiliserons un design de portfolio ui design pour ce tutoriel html, css javascript et mettre en ligne si site web.
Dans ce tutoriel complet, nous vous guiderons à travers le processus de déploiement d'un site web statique construit avec HTML, CSS et JavaScript. Que vous soyez un développeur web débutant ou simplement curieux d'apprendre à mettre votre site en ligne, ce guide vous montrera comment obtenir un nom de domaine DNS et un hébergement gratuit pour votre site web.
Découvrez comment choisir un nom de domaine approprié pour votre site et comment configurer les enregistrements DNS pour lier votre nom de domaine à votre site web. Nous vous montrerons également comment trouver et utiliser des services d'hébergement gratuits pour mettre votre site en ligne sans frais supplémentaires.
Au cours de ce tutoriel, vous apprendrez à préparer votre site pour le déploiement, à transférer les fichiers sur votre hébergement et à configurer les paramètres nécessaires pour rendre votre site accessible au public. Nous aborderons également des sujets tels que la sécurité, les performances et les bonnes pratiques de déploiement pour garantir une expérience utilisateur optimale.
Nous vous présenterons également des outils et des plateformes qui facilitent le déploiement de sites web statiques, tels que Netlify. Ces services offrent des fonctionnalités avancées et simplifient le processus de déploiement, même pour les débutants.
Rejoignez-nous dès maintenant et apprenez comment déployer votre site web HTML, CSS et JavaScript en ligne en obtenant un nom de domaine DNS et un hébergement gratuit. Mettez en valeur vos créations web et partagez-les avec le monde entier.
🔴Abonne toi en cliquant ici ⬇️:
www.youtube.co....
-------------------------------------------------------------------------------------------------
🔥Comment Créer une Page Web Portfolio avec Effet tilte avec HTML CSS & Javascript | UI Design
• 🎨Comment Créer une Pag...
-------------------------------------------------------------------------------------------------
👍Lien portfolio en ligne (déployer un site en ligne)
www.ricardomav...
-------------------------------------------------------------------------------------------------
🔥Comment Créer un Navigateur Web comme Chorme avec Python en 30 minutes
• 🌍Comment Créer un Navi...
-------------------------------------------------------------------------------------------------
👍Cours HTML & CSS:
www.youtube.co....
-------------------------------------------------------------------------------------------------
🔥Cours HTML & CSS sur la Plateforme:
etcschool.fr/c....
-------------------------------------------------------------------------------------------------
✅Me suivre sur likendIn:
/ matthieu-mulumba
✅Me suivre sur Instagram:
/ matthieu_mulumba.k
✅Suivez-nous sur Facebook:
/ etcschool2
-------------------------------------------------------------------------------------------------
#html
#css
#portfolio
#freedns
#freeserver
#hébergeurgratuitsiteweb
#nomdedomainegratuit
#trouverunnomdedomainegratuit
#commentmettreunsiteenlige
#déployerunsitehtmlenligne
#lancerunsitehtmlcssjsenligne
#hebergementgratuitsiteinternet
#websitehtmlcss
#netlify
#freenom
#uidesign
#javascript
#programmation
#débutant
#courshtmlcss
#créationpageweb
#conceptionpagewebhtmlcssjavascript
#applicationdemusiquehtmlcssjavascript
#tutohtmlcssjavascript
#tutorapidehtmlcssjavascript
#tutorielhtmlcssjavascript
#tutorielrapidehtmlcssjavascript
#tutowebdesign
#tutodeveloppementweb
#portfoliohtmlcss
#sitewebhtmlcssjavascript
#portfoliohtmlcssjavascript
#apprendrehtmletcss
#commentcréerunsitewebavechtmlcssetjavascript
#créerunsitewebhtmlcss
#creerunsitewebavechtmletcss
#creerunepagewebavechtmletcss
#créationsitewebhtml,cssjavascript
#htmlcssjavascript
#portfoliohtml
#projethtmlcssjavascript
#websitehtmlcssjavascript
#animationbordercss
#creationdesitewebavechtmletcss
#créerunsitewebhtmlcssjavascript
#htmlcss
#javascript
#courshtml
#coursjavascript
#courscss
#htmlcssportfolio
#htmlcsssite web
#javascriptpourleweb
#portfoliocsshtml
#projethtmlcss
#projetjavascript
#sitewebhtmlcss
#etc
#etcschool
#enginerringtrainingcenter
349abonnés
Bonjour Mr Ricardo. Je voudrais vous dire merci car l'explication de votre vidéo est très simple et compréhensive.
Bonjour et merci pour votre commentaire. C'est Mr Mulumba plutôt, Ricardo c'était dans le cadre de la vidéo.
Excellente vidéo très bien expliqué merci à toi
Avec plaisir et bienvenue sur la chaîne.
C'est vraiment formidable
Merci n'hésitez donc pas de partager la chaîne.
Très belle vidéo
Bien expliqué
J’adore 👍
Thanks.
@@etcschool2 mon application Web dispose d'une base de données, comment je dois m'y prendre ?
Vidéo parfaite, merci beaucoup.
Merci pour votre commentaire, n'hésitez donc pas de partager la chaîne.
Bonjour, je viens de découvrir ta chaîne justement parce que je voulais créer une page Web pour y mettre mon CV car c'est tellement chiant aujourd'hui quand on fait une recherche de travail de se balader avec un CV partout et quand on nous le demande en général on a pas forcément sur nous. Parce que moi je suis le genre de personne qui va se pointer quelque part c'est un coup de tête, et demander si recherche du monde. Et en règle générale on me demande si j'ai un CV comme c'est une chose que je n'avais pas prévu souvent, j'ai un CV en PDF, problème du PDF, c'est qu'une fois qu'il est fait, il n'est pas modifiable. Sauf, si j'ai la source sur moi. Sur le téléphone c'est rare que je l'ai. Donc je pense que ça peut être bien plus pratique d'avoir un CV numérique et en plus de façon plus interactif ce qui permet aussi aux potentiels, le recruteur de voir mes compétences informatiques, mais également aussi de marquer le coup par rapport aux autres candidats. Et en plus je peux lui donner une animation beaucoup plus agréable et moins lourde à regarder. Donc du coup merci pour cette vidéo que j'ai précieusement enregistré dans une playlist pour la retrouver facilement, et je me suis abonné à ta chaîne
Bonjour et merci d'avoir pris le temps d'écrire ce commentaire. En effet, je comprends parfaitement et c'est un cas qui arrive à beaucoup de personne. La chaîne continuera à vous présenter des contenus de qualités qui repondent à vous attentes. Merci pour votre soutien à la chaîne, n'hésitez donc pas de partager.
c'est tout simplement parfait , force a toi !
Merci pour votre commentaire et de soutenir la chaîne, effectivement ça donne de la force.
fait nous un tuto de réferencement naturel avec comment indexer son site sur google avec netlify
Bonjour, merci pour cette super vidéo. Malheureusement freenom ne fonctionne plus. As-tu des solutions alternatives ?
Bonjour, en effet, freenom ne fonctionne plus mais je suis en train d'explorer d'autres pistes. Cordialement.
Salut, j'arrive pas à avoir un nom de domaine gratuit
Bonjour, en effet, il semble que freenom ne donne plus accès à des DNS free.
Merci beaucoup monsieur je cherchais désespéramment à publier mon site pour un travail
Avec plaisir ! N'hésitez donc pas de partager la chaîne.
Merci beaucoup 😘😘😘
You welcome
merci pour ce tuto j'ai un 404 en finalité besoin d'un petit coup de pouce
You welcom, ça peut être un problème provenant de vos pages. Explorez les link de vos pages.
Chef comment administrer un site web
Bonjour, cela dépend de la mission, l'héberheur, l'approche de la conception etc...
Un grand merci, la vidéo est simple explicite et répond tout à fait à mes attentes !
Avec plaisir 🙂n'hésitez donc pas de partager la chaîne.
Combien de GO on peut mettre ?
Avec freenom
Merci bcp pour ce travail 🙏🙏 c’est tellement parfait
Merci pour vos encouragements, n'hésitez donc pas de partager.
Super merci bcp💯💯😎🙏
Merci beaucoup c’est formidable
You welcome, pour soutenir la chaîne n'hésitez donc pas de partager.
Freenom ne marche pas chez moi
En effet, ce tuto je l'ai fait il y a plus d'un an et toutefois, si je trouve un alternatif je ne manquerai pas de le poster.
Merci beaucoup monsieur c'est très utile
Merci à vous de soutenir la chaîne, n'hésitez pas de partager.
🌟🌟🌟🌟🌟
🎉🎉🎉🎉🎉
wondeufull
Okay merci beaucoup.... Tu as des bonnes méthodes de vulgarisation de hautes sciences. Y-a-t-il un module de formation sur l'infographie; Ms project; ainsi powerpoint approfondi?
La plateforme (site de cours en ligne est en construction et bientôt disponible avec des cours complets dans différentes thématiques.
Merci beaucoup pour la vidéo, est-il possible que vous refassiez une vidéo qui soit a jour car il semblerai que freenom ne fonctionne plus. Merci Beaucoup
Bonjour, en effet, Freenom n'étant plus accessible nous allons exploiter d'autres pistes sur la thématique.
Je me posais une question. Avec cette méthode, est-il possible de modifier son site après l'avoir mis en ligne ?
Bonjour, oui tout à fait si vous modifiez directement les fichiers sources.
Merci pour cette magnifique vidéo, question: si je veux continuer d'agrandir mon site, je travaille avec les codes et je publie de nouveau sur l'hébergeur ? et est ce que je p utiliser serveur ftp ?
Merci pour le commentaire, pouvez soit directement faire vos modifs au niveau des fichiers hébergés ou sinon si vous le fait hors ligne dans ce cas il faudra supprimer les fichiers d'avant et déposer les nouveaux sur l'hébergeur.
@@etcschool2 ca n'a pas marché sur freenom :( ils disent (pas disponible) pourtant j'ai suivi votre procédure.
Bonsoir Pour moi le freenom ne me dit pas si le nom de domaine que j ai tapé est disponible ou pas et pour me connecter sa marche pas avez vous d'autres méthodes
Bonjour, en effet, depuis quelques semaines freenom ne marche pas. Toutefois, je vais explorer d'autres pistes.
Bonjour, je viens tout juste de le faire ça fonctionne très bien merci
Bonjour, ok parfait et n'hésitez pas de partager le résultat.
merci pour le travail remarquable
Merci pour votre commentaire et de soutenir la chaîne. Noubliez donc pas de partager.
Merci pour ton travail...
Merci pour votre soutien à la chaîne, n'hésitez donc pas de partager pour que la communauté s'agrandit.
Bonjour, si j'ai plusieurs fichier en js, comment lui dire quels fichiers lire ?car j'ai server.js et database.js qui définit les objets de ma database
Bonjour, je n'ai pas très bien compris votre question. Quel est votre problème?
Salut j’ai un problème avec le freenoom j’arrive pas à continuer
Bonjour, c'est quoi le problème que vous avez?
C'était très bien expliqué et facile, mais, comment je fais pour modifier mon site? Je cherche et je ne trouve pas comment remplacer les fichiers que j'aurais modifiés. SVP, pouvez-vous m'éclairer?
C'est vos fichiers HTML et CSS que vous avez modifié depuis votre éditeur?
@@etcschool2 Oui, une fois que le site est en place, si on veut le mettre à jour, modifier quelque chose, comment on fait? Je ne vois pas de gestionnaire de fichier ou de FTP. :O
Bonjour au début quel fichier tu as mis sur netlify
Bonjour, c'est le dossier contenant tous les éléments du la conception du site: fichier html, css, js et dossier contenant les images.
Bonjour, j'ai suivi vos instructions pour mettre mon site sur la plateforme, et ça a marché. Mais au moment où j'ai regardé le résultat, les images que j'avais mises dans un fichier (et qui fonctionnaient sur le site de mon PC) ne fonctionnent pas sur le site en ligne. Savez-vous où se trouve le problème ? Comment faire pour que ça marche ?
Bonjour, les images vous les avez mis dans un dossier?
@@etcschool2 oui
Salut comment transférer un nom de domaine existant chez Hostinger vers Freenom svp?
Bonjour, dans freenom vous avez une section: Transfert de domaine. Toutefois, il vous faudra votre code d'autorisation (Auth/EPP) Hostinger que vous trouverez normalement dans la section Domaine de votre compte Hostinger.
Et avec un server backend comment faire parce que la c’est que pour des fichiers statiques
Bonjour, que voulez-vous faire ?
merci
You welcome
merci pour la vidéo mais pour moi freenom me propose que le nom de domaine payant
Merci pour votre commentaire, en effet, depuis peu freenom ne marche pas et propose des domaines payants. Je chercherai d'autres pistes
@@etcschool2 d'accord merci
merci!!!!!!!!!!!!!!!!!!!!!!!
You welcome
Est ce que cette site Ai pour une magasin onligne ???
Bonjour, vous voulez héberger un site e-commerce gratuitement?
C'est déjà bon en premier, besoin du code source...
salut j'ai suivi ton tuto et quand j'importe mon dossier avec mes fichiers html css et js et que je clique sur le lien comme tu explique cela m'indique que le lien est brisé ou n'existe pas. Pourrais tu m'aider ? :)
c'est bon jai trouver pour les personnes a qui ca ne fonctionne pas c'est parce qu'il faut que votre fichier html soit nomé " index.html " et pas autre chose sinon ca ne fonctionne pas
@@arthurvernum3417 Top! Oui effectivement car un navigateur web cherche d'abord le fichier index qui considère comme la base html pour lire votre site.
@@arthurvernum3417 Bonjour ! même après avoir changé le nom de mon fichier html en "index.html" il affiche toujours une erreur de lien cassé... j'ai besoins d'aide svp !!
@@aragonspirit Salut, tu as un lien github pour que je vois ce qu'il ne va pas ?
@@arthurvernum3417ohhh merci t’es un boss j’avais la même chose et en changeant le nom pour index ça a enfin fonctionné mille merci
Une fois le site web déployer est-il possible de modifier notre html ou css ? le site web sera t'il mis a jour automatiquement ?
Oui il est possible de modifier votre html, si vous le faite sur votre ordinateur, il faudra le charger à nouveau sur l'hébergeur car il n y aura pas de lien entre la nouvelle version et l'ancien, mais vous pouvez aussi opter de le modifier depuis l'hébergeur et là il sera automatiquement mis à jour.
Pourquoi le site freedom ne fonctionne plus ? Jarrive pas a me faire un compte
Bonjour, en effet, freenom a changé sa politique 😕
je sais pas si ces normal jattend encore impeut mais ca prend super longtemps a ce upload
Bonjour, peut-être un problème lié avec connexion. Avez-vous finalement pu le updload?
@@etcschool2 non j'ais jamais pu et j'ais une conexion de fou furieux
merci beaucoup!!!!!!!!
You welcome
Salut bg, le site ne veut pas ce charger même avec le lien tous bizzare
Vous avez quoi comme message d'erreur?
@@etcschool2 que le lien n'existe pas
@@etcschool2 Il semble que vous ayez suivi un lien brisé ou entré une URL qui n'existe pas sur ce site.
@@saladefruit.official ça doit provenir de l'étape de redirection du DNS vers l'hébergeur. Il faut voir au niveau de la configuration DNS.
👍🙏🌟🌟🌟🌟🌟
Merci beaucoup
Tout les noms que j'entre ne sont pas disponible chose qui est anormal, quelqu'un peux m'aider ?
Bonjour, python vous affiche quoi comme problème?
Free Nom n'accepte pas mon nom de domaine jsp pk
peut-être qu'il n'est pas disponible, voir pour un autre nom de domaine.
Petit bug au niveau de Netlify de mon côté, à peine créer on me dit que mon compte est frauduleux, et même lors de la création de mon compte j’ai eu un autre bug… Et toujours la même chose sur une autre adresse mail
Bonjour, vous utilisez quoi comme adresse email: gmail?
esq cette methode marche pour les sites web developpés par php mysql?
Oui
Wow! C'est trip cool
Plus de like les amis 👍🏻👍🏻👍🏻il le mérite amplement 🔥
Merci de soutenir la châine, n'hésitez donc pas de partager.
@@etcschool2 c'est fait!
Je suis nouveau
Si vous pouvez également nous préparer une vidéo pour nous montrer comment créer un site web pour une radio avec des options de live streaming, avec un sever de streaming (shoutcast, icecast)
@@etcschool2 c'est fait!
Je suis nouveau
Si vous pouvez également nous préparer une vidéo pour nous montrer comment créer un site web pour une radio avec des options de live streaming, avec un sever de streaming (shoutcast, icecast)
Bonjour, je voulais savoir comment on doit faire au bout d'1 ans, est ce que dois tout refaire de A à Z ou juste réactualisé le site
Probablement la meilleure option si vous voulait garder votre nom de domaine, il faut payer ou sinon refaire la procédure pour avoir une année gratuite.
@@etcschool2 d'accord merci
bonjour, j'ai un problème sur netlify, quand je publie le site cela me mets page " no found erreur 404" si vous pourriez m'aider
Bonjour, dans votre dossier contenant les éléments de votre conception, avez-vous un fichier index.html dedans?
@@etcschool2 merci ça marche mtn
@@robin_cbn Ok superbe 👍
Mais je connais cette voix sur Tiktok🤔
😅fort possible, en effet, un compte tiktok de la chaîne est actif.
est-ce que c'est possible d'avoir un site qui dur plus d'un an gratuitement ?
Cela vous oblige à attendre la fin de votre période et reprendre la même manip pour mettre votre site en ligne et repartir de nouveau pour 1an de gratuité.
@@etcschool2 pour avoir exactement le même nom de domaine ?
@@florian_mle oui parce que votre nom de domaine sera mis dans l'espace publique donc n'importe qui pourra le prendre, à vous d'être vigilant à le faire assez rapidement.