🌍Déployer un Site HTML CSS & JS en ligne | 🗄️Nom de Domaine DNS + Hébergement GRATUIT
🔥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 ⬇️:
kzread.info/dron/6At.html...
-------------------------------------------------------------------------------------------------
🔥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.ricardomava.tk/
-------------------------------------------------------------------------------------------------
🔥Comment Créer un Navigateur Web comme Chorme avec Python en 30 minutes
• 🌍Comment Créer un Navi...
-------------------------------------------------------------------------------------------------
👍Cours HTML & CSS:
www.youtube.com/watch?v=CX65l...
-------------------------------------------------------------------------------------------------
🔥Cours HTML & CSS sur la Plateforme:
etcschool.fr/courses/html-css...
-------------------------------------------------------------------------------------------------
✅Me suivre sur likendIn:
/ matthieu-mulumba
✅Me suivre sur Instagram:
/ matthieu_mulumba.k
✅Suivez-nous sur Facebook
/ etceducatiion
-------------------------------------------------------------------------------------------------
#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
Пікірлер: 127
Bonjour Mr Ricardo. Je voudrais vous dire merci car l'explication de votre vidéo est très simple et compréhensive.
@etcschool2
Жыл бұрын
Bonjour et merci pour votre commentaire. C'est Mr Mulumba plutôt, Ricardo c'était dans le cadre de la vidéo.
c'est tout simplement parfait , force a toi !
@etcschool2
2 жыл бұрын
Merci pour votre commentaire et de soutenir la chaîne, effectivement ça donne de la force.
Un grand merci, la vidéo est simple explicite et répond tout à fait à mes attentes !
@etcschool2
5 ай бұрын
Avec plaisir 🙂n'hésitez donc pas de partager la chaîne.
Vidéo parfaite, merci beaucoup.
@etcschool2
Жыл бұрын
Merci pour votre commentaire, n'hésitez donc pas de partager la chaîne.
Très belle vidéo Bien expliqué J’adore 👍
@etcschool2
Жыл бұрын
Thanks.
@bilagngebilagnge7388
8 ай бұрын
@@etcschool2 mon application Web dispose d'une base de données, comment je dois m'y prendre ?
Excellente vidéo très bien expliqué merci à toi
@etcschool2
3 ай бұрын
Avec plaisir et bienvenue sur la chaîne.
Merci pour ton travail...
@etcschool2
2 жыл бұрын
Merci pour votre soutien à la chaîne, n'hésitez donc pas de partager pour que la communauté s'agrandit.
Merci bcp pour ce travail 🙏🙏 c’est tellement parfait
@etcschool2
Жыл бұрын
Merci pour vos encouragements, n'hésitez donc pas de partager.
@undagroundvangerzmusic
Жыл бұрын
Super merci bcp💯💯😎🙏
C'est vraiment formidable
@etcschool2
Жыл бұрын
Merci n'hésitez donc pas de partager la chaîne.
merci pour le travail remarquable
@etcschool2
2 жыл бұрын
Merci pour votre commentaire et de soutenir la chaîne. Noubliez donc pas de partager.
Merci beaucoup monsieur c'est très utile
@etcschool2
Жыл бұрын
Merci à vous de soutenir la chaîne, n'hésitez pas de partager.
Merci beaucoup c’est formidable
@etcschool2
Жыл бұрын
You welcome, pour soutenir la chaîne n'hésitez donc pas de partager.
Merci beaucoup
Merci beaucoup monsieur je cherchais désespéramment à publier mon site pour un travail
@etcschool2
5 ай бұрын
Avec plaisir ! N'hésitez donc pas de partager la chaîne.
Merci beaucoup 😘😘😘
@etcschool2
Жыл бұрын
You welcome
fait nous un tuto de réferencement naturel avec comment indexer son site sur google avec netlify
merci beaucoup!!!!!!!!
@etcschool2
2 жыл бұрын
You welcome
Wow! C'est trip cool Plus de like les amis 👍🏻👍🏻👍🏻il le mérite amplement 🔥
@etcschool2
Жыл бұрын
Merci de soutenir la châine, n'hésitez donc pas de partager.
@focuslyrics2112
Жыл бұрын
@@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)
@focuslyrics2112
Жыл бұрын
@@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)
wondeufull
🎉🎉🎉🎉🎉
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
@etcschool2
Жыл бұрын
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.
merci!!!!!!!!!!!!!!!!!!!!!!!
@etcschool2
Жыл бұрын
You welcome
merci
@etcschool2
Жыл бұрын
You welcome
🌟🌟🌟🌟🌟
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
merci pour ce tuto j'ai un 404 en finalité besoin d'un petit coup de pouce
@etcschool2
Жыл бұрын
You welcom, ça peut être un problème provenant de vos pages. Explorez les link de vos pages.
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?
@etcschool2
10 ай бұрын
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
@etcschool2
6 ай бұрын
Bonjour, en effet, Freenom n'étant plus accessible nous allons exploiter d'autres pistes sur la thématique.
👍🙏🌟🌟🌟🌟🌟
Bonjour, merci pour cette super vidéo. Malheureusement freenom ne fonctionne plus. As-tu des solutions alternatives ?
@etcschool2
3 ай бұрын
Bonjour, en effet, freenom ne fonctionne plus mais je suis en train d'explorer d'autres pistes. Cordialement.
Combien de GO on peut mettre ?
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 ?
@etcschool2
Жыл бұрын
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.
@albumjsk_archive5199
Жыл бұрын
@@etcschool2 ca n'a pas marché sur freenom :( ils disent (pas disponible) pourtant j'ai suivi votre procédure.
Bonjour au début quel fichier tu as mis sur netlify
@etcschool2
Жыл бұрын
Bonjour, c'est le dossier contenant tous les éléments du la conception du site: fichier html, css, js et dossier contenant les images.
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
@etcschool2
Жыл бұрын
Bonjour, en effet, depuis quelques semaines freenom ne marche pas. Toutefois, je vais explorer d'autres pistes.
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 ?
@etcschool2
Жыл бұрын
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.
Je me posais une question. Avec cette méthode, est-il possible de modifier son site après l'avoir mis en ligne ?
@etcschool2
5 ай бұрын
Bonjour, oui tout à fait si vous modifiez directement les fichiers sources.
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?
@etcschool2
Жыл бұрын
C'est vos fichiers HTML et CSS que vous avez modifié depuis votre éditeur?
@carmengenest8955
Жыл бұрын
@@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, 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
@etcschool2
Жыл бұрын
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.
@enzovignaud.9429
Жыл бұрын
@@etcschool2 d'accord merci
Salut comment transférer un nom de domaine existant chez Hostinger vers Freenom svp?
@etcschool2
Ай бұрын
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
@etcschool2
3 ай бұрын
Bonjour, que voulez-vous faire ?
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 ? :)
@arthurvernum3417
Жыл бұрын
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
@etcschool2
Жыл бұрын
@@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.
@aragonspirit
Жыл бұрын
@@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 !!
@arthurvernum3417
Жыл бұрын
@@aragonspirit Salut, tu as un lien github pour que je vois ce qu'il ne va pas ?
@user-pj9sh6bu6p
3 ай бұрын
@@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
esq cette methode marche pour les sites web developpés par php mysql?
@zeymex695
Жыл бұрын
Oui
Pourquoi le site freedom ne fonctionne plus ? Jarrive pas a me faire un compte
@etcschool2
8 ай бұрын
Bonjour, en effet, freenom a changé sa politique 😕
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 ?
@etcschool2
3 ай бұрын
Bonjour, les images vous les avez mis dans un dossier?
@mathis832
3 ай бұрын
@@etcschool2 oui
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
@etcschool2
11 ай бұрын
Bonjour, vous utilisez quoi comme adresse email: gmail?
Avec freenom
Free Nom n'accepte pas mon nom de domaine jsp pk
@etcschool2
Жыл бұрын
peut-être qu'il n'est pas disponible, voir pour un autre nom de domaine.
Est ce que cette site Ai pour une magasin onligne ???
@etcschool2
6 ай бұрын
Bonjour, vous voulez héberger un site e-commerce gratuitement?
Tout les noms que j'entre ne sont pas disponible chose qui est anormal, quelqu'un peux m'aider ?
@etcschool2
Жыл бұрын
Bonjour, python vous affiche quoi comme problème?
Salut, j'arrive pas à avoir un nom de domaine gratuit
@etcschool2
9 ай бұрын
Bonjour, en effet, il semble que freenom ne donne plus accès à des DNS free.
Chef comment administrer un site web
@etcschool2
Жыл бұрын
Bonjour, cela dépend de la mission, l'héberheur, l'approche de la conception etc...
Salut bg, le site ne veut pas ce charger même avec le lien tous bizzare
@etcschool2
Жыл бұрын
Vous avez quoi comme message d'erreur?
@saladefruit.official
Жыл бұрын
@@etcschool2 que le lien n'existe pas
@saladefruit.official
Жыл бұрын
@@etcschool2 Il semble que vous ayez suivi un lien brisé ou entré une URL qui n'existe pas sur ce site.
@etcschool2
Жыл бұрын
@@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.
Freenom ne marche pas chez moi
@etcschool2
Жыл бұрын
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.
C'est déjà bon en premier, besoin du code source...
merci pour la vidéo mais pour moi freenom me propose que le nom de domaine payant
@etcschool2
Жыл бұрын
Merci pour votre commentaire, en effet, depuis peu freenom ne marche pas et propose des domaines payants. Je chercherai d'autres pistes
@runtogether19
Жыл бұрын
@@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
@etcschool2
Жыл бұрын
Bonjour, dans votre dossier contenant les éléments de votre conception, avez-vous un fichier index.html dedans?
@robin_cbn
Жыл бұрын
@@etcschool2 merci ça marche mtn
@etcschool2
Жыл бұрын
@@robin_cbn Ok superbe 👍
Mais je connais cette voix sur Tiktok🤔
@etcschool2
Ай бұрын
😅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 ?
@etcschool2
Жыл бұрын
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é.
@florian_mle
Жыл бұрын
@@etcschool2 pour avoir exactement le même nom de domaine ?
@etcschool2
Жыл бұрын
@@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.