Créer un site en HTML (2/5) - 3 minutes pour coder avec Micode
ฝัง
- เผยแพร่เมื่อ 6 ต.ค. 2024
- L'épisode suivant sur Lumni 👉 bit.ly/2P4zS7Q
Abonne-toi ! 👉 bit.ly/2QLeh5V
#Lumni #HTML #Site #Web #Code #Internet #TH-camr #Micode #Tuto
Dans cet épisode, Micode continue à transmettre ses connaissances en informatique. Dans cet épisode, il explique comment créer une carte d'anniversaire virtuelle, en HTML, et plus précisément, comment y ajouter du texte. Une fois que tu sauras comment faire tout ça, tu pourras créer ton propre site sur le sujet de ton choix !
Comment créer votre site web en HTML ?
Depuis le temps que tu navigues sur Internet, tu as dû voir des centaines, voire des milliers de site ! Veux-tu apprendre comment en créer un ? C’est exactement ce que je te propose de découvrir !
C’est bientôt l’anniversaire d’une amie qui adore créer des sites. Pour lui souhaiter son anniversaire, je me suis dit que j’allais lui coder une page en HTML, le langage pour créer des sites web !
En faisant ce site internet, on va apprendre à écrire du code en HTML, à mettre des images et à ajouter des liens. Une fois que tu sauras comment faire tout ça, tu pourras créer des sites sur les sujets que tu veux. Mais avant de continuer, je te propose de regarder les tutos « Transformer une page internet » pour savoir comment afficher et modifier le code de n’importe quel page web. Si c'est déjà fait on peut commencer à coder une page en HTML. Comme c’est la première fois, on va partir sur un exemple assez simple.
Pour commencer à remplir un peu votre code, rendez-vous dans la prochaine vidéo « Ajout d'images (3/5) ».
######################################
Pour coder ton jeu, RDV sur la plateforme Scratch :
scratch.mit.edu
... ou télécharge :
scratch.fr.upto...
######################################
Suis Lumni sur :
Facebook ▶ / lumnifr
Twitter ▶ / lumni.fr
Instagram ▶ / lumnifr
Lumni.fr ▶ www.lumni.fr
Tu as oublié de dire qu'il est absolument nécessaire de nommer notre ficher en terminant par .html pour que sublime text se mette en couleur :)
merci
je te remercie vraiment beaucoup j'aurais pas réussi sans ton aide
il le fait automatiquement si tu ferme la page si tu a mis .html
Merci jsavait pas pk s amarcher pas
Walla tu géré chacale
Je vous conseille d'installer l'extension live server quand vous faites des modifications la page se rafraîchie toute seule tu laisse le navigateur et ton editeur ouvert en même temps
dommage qu'il n'y ai pas le code dans la description
Il est super ton tuto !!! Maintenant je sais faire plein de chose sur le PC... Merci
J'ai trouvé ça chaîne pas longtemps c'est génial je comprend bien
Cc j’aimerai bien que tu me dépanne à l’étape 2
Merci pour les cinq tutos, tes explications ont été très bien compris.
salut j'avais un problème de sourcil merci super tuto!!
on s'en branlllleeee
Je rêve ou tu utilise Windows sur un Macbook ?
Wait....
c'est une machine virtuelle conarrd
@@nazimjpg6518 c'est possible mais pourquoi utiliser une machine virtuelle ?
@@JohnDoe-vf6jn bain tout simplement il veut pa faire un tuto dans sa machine phisique donc il a installer spécialement la machine pour le cours
@@nazimjpg6518 "parce qu'il avait envie" n'est pas une raison valable.
pour moi, sa marche très bien, mais c'est seulement quand j'ouvre mon fichier dans google chrome que sa m’affiche une page blanche
Est ce que tu a sauvegarder
@@pipe4188 oui mais ça me fait pareille
T'as peut être pas save.
Merci beaucoup belle journée ensoleillée
super ! je me rejouis de pouvoir regarder vos videos mon cher Micode ! peace and love
quand jessaye de le mettre sur la page iunternet ca ne marche pas. ca me met juste
le code entier
moi aussi je comprends pas !
Ça doit dépendre de vos navigateurs, par exemple moi les pages que j'ai créées marchent moins bien sûr Mozilla que sur Chrome ! Voilà en espérant vous avoir tout les deux éclairés !
TU dois recommencer c que sublime text n a pazs correctement detecté ton code
slt!il m'est arrivé la même chose, mais après quelques heures à essayer de comprendre se qu'il n'allait pas j'ai enfin compris.Tous simplement c'est au moment ou on enregistre il faut bien mettre .html a la fin
".html" derrière le titre de ton fichier
je ne trouve pas le texte à copier-coller dans la description
merci pour ce super tuto
j'ai essayer de la faire mais cela na pas marcher lors'que j'ai fait exactement tout!
Tu es formidable
Mais comment faire pour mettre en couleur les bases
Salut j'ai une question quand j'essaie d'afficher ma page web il n'y a rien qui s'affiche pourtant mon code est bon et j'ai essayé sur tous les navigateurs si quelqu'un peut m'aider
same
tas trouvé une solution?
@@moha.7726 non j'avoue j'ai abandonné avec le temps
Ce super tes vidéo j’apprend beaucoup
Mes juste arête de dire qu’il y a des liens pour allez plus vite y’a rien gros
t'as raison il fou la haine yâs rien
pas faut
c'est normal que quand j'ouvre mon fichier avec le code sur la page internet j'ai tout le code et pas que le texte ?
Ouais moi aussi
@@teamcroutonfan3906 Vous avez oublier d'enregistrer votre Fichier avec le .html
pk quand je vais sur le doc que j'ai enregistré ça me mets sur sublime texte alors que on devrait être sur la page ou il devrait y avoir que mon titre
moi aussi sa me le fait c'est bizzzare
Sa veux dire quoi : meta charset = "utf-8" ?
ça permet à ton code de comprendre les caractères où il y a des accents, car en anglais, il n'y en a pas
Après si tu tape direct dans ta composition normalement ça te met tout directement sans avoir à le taper
Perso quand je le fais ça me met de !DOCTYPE jusqu’à avec la head le body etc comme ça tu t’embête pas à le retaper à chaque fois
Quand je double-clique sur le fichier HTML, la page qui s'ouvre affiche toutes les balises...
tu dois le nommer a la fin avec .html
@@Lina300iq moi jai fait sa ma me fait toujours pareil que faire stp?
Merci !!!!!!
Moi j’ai fait comme toi et sa m’ouvre une page web avec écrit tout le programme genre sa n’enlève pas le script
faut que a la fin de ton fichier tu rajoute .html par exemple : test.html
@@frayzerdeveloppement3377 Moi aussi ça me fait comme a lui
@@ank-hara quand tu nome ton fichier par exemple : test tu vas l'appelle test.html et pour le css sa sera test.css
1:20 ya une erreur avec tu as oublié le /
Srx
Et nn cest pour dire que la commande s'arrête là le / donc si tu le mais au début.......
salut moi le problème c'est que je n'arrive pas a voir le projet sur safari pourtant je l'ai bien enregistrer et tout est bien coder la seul chose c'est que cela m'affiche un page blanche avec écris : "sans titre"
pareil !
Je suis nouveau je suis bloqué à cette étape j’ai fait le double clique je suis sur le navigateur Web mais tout es comment depuis le début
Merciii bcp ♥️♥️👍
moi quand j'ai fait tout ça rien ne s'affiche! Je suis trop triste!!!!
Merci 🥳
super mais à 2:25 si on a utiliser le Bloc note on fait comment ? (ouai j'ai utiliser le note bloc car j'ai le pire ordi du monde pour télécharger un truc c:)
tu fait exactement la meme chose...
@@harufoxyy6259 mdr x)
logique
Au moins j'ai appris beaucoup de chose
merci sa ma aider
Trop bien le tuto !
Non attention c'est dangereux pour ton hamster😊
@@fabiankoettig2334 D'accord, je ferais gaf. Merci beaucoup pour ta réponse 🤗😊
Très bon tutoriel
comme je suis sur unbuntu je ne sais pas pas pourquoi mais ca ne veut pas marcher
Comment faire la couleur
Moi je suis sur Windows
C´est super!!!
Très bien
comment on écrit à l'intérieur d'une balise ?
Bonjour,
Je pense avoir tout bien fait, mais pourtant quand je save et que j'ouvre ca fait "Impossible d'accéder à votre fichier" .
Donc si quelqu'un a peut m'aider, je suis preneur .
Merci
Essaye peut être de tout recommencer ? Si tu as essayé, je pense qu'il faut que tu recommence tout a zéro.(depuis l'installation du site) ou alors peut être le site que tu utilise qui n'est pas correct ? Si ce n'est pas ca, alors je ne peut plus t'aider.
Mais quand on double clique c'est un simulateur ? Ou c'est directement sur explorer ?
Directement sur le navigateur :
Quand tu veux accéder à un site, le serveur t'envoie la page HTML et les ressources qui va avec et c'est le navigateur qui va se charger d'afficher tout ça
Là c'est pareil sauf que y'a pas de serveur, le navigateur a directement accès à la page HTML et aux ressources
Tu peux m’aide avec cette partie
Quand j'ouvre le fichier pour regarder si cela a bien fonctionné, mon navigateur me donne juste la ligne de code et puis moi les mot "body" "html" "p" et tout ne sont pas affiché en couleur, aidez moi svp
Enregistré le en. Html
C’est pareil pour moi la ligne est sortie avec c’est même caractère aide moi s’il vous plaît
merciiiiiiiiiii
moi sa me met page blanche besoin d'aide pls
pardon il faut faire une erreur dans le code pour que sa marche xDDDD la logique xDDD
@@guitounelagova9361 bjr tu pourrais m’expliquer
@@guitounelagova9361 tu peux expliquer stp
Merci beaucoup
tu as pas dit qu'il faut installer apache2
Salut micode! Petit problème avec le fichier GIF qui ne s'affiche pas, pas d'erreur de frappe je n'arrive pas à trouver mon erreur.. Peut-être le fait que ce soit un https et non http ? J'ai pourtant bien un fichier .gif avec son adresse de base.
Need help :)))
3 ans après, personne n'est venu te sauver, et moi je ne peux pas, je suis nul
Salut jesper que quelqun pourra me répondre à 1min30 on nous demande de minimalise le document puis allez le retrouve et clique déçu c'est sensée ouvrir sur Microsoft edge mais sa ne marche pas Sa mouvre sur note pad qui est lapelle que j'ai utiliser de base
À laide sltp
Affiche navigateur la ou c’est écris plus d’application
Je n'arrive pas à insérer
2:00
🥰🥰🥰
Micode tu vas trop vite tu as super bien expliqué mais tu vas trop vite j’ai pas réussi image
il est ou le code a copier coller le tuto est pas ouf en plus
mais on t'aime qd mm tkt
aider moi
@techdye m'exploite
🥶🥶🥶🥶🥶🥶🥶
@@t_lbrn4934 lol
Svp c'est normal y'a pas de couleur dans les lignes chez moi ???? Puis quand j'ouvre dans le navigateur les code comme
je dirai que c parce que tu a pas mis de .html derriere le nom de ton fichier
Bien
j'ai un problème je n'arrive pas à mètre des lettre du style(é,à) sa me mets des symbole bizarre
L'encodage utf-8 réglera se problème !
CA MARCHE PAS !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
Par contre moi tous les caractères avec accent (é,è,à,...) ne s'affichent pas il y a un pt d'interrogation à la place
@@sasorika
Bonjour, si je fais sur Bloc note de Windows, j'ouvre mon fichier bloc note et non le site
Grivelator il faut bien que tu t’assures que l’extension du fichier est html
tu peux faire clic droit sur ton fichier -> ouvrir avec -> internet explorer ou n'importe quel browser
Installe Sublime Text c'est mieux x)
Grivelator tu n'a pas renommée l'extensions en .html
SublimeText est-il gratuit ?
C'est simple!
comment on fait pour que qu'il y est de la couleur ?
Salut!J'ai utiliser TmThemeEditor pour avoir de la couleur
tmtheme-editor.herokuapp.com/
Normalent tu vas voir vers le haut à gauche marquer "save" tu choisie tes couleurs ou tu laisse celles qu'il te propose et tu clique sur save après tu retourne sur ton éditeur de texte si jamais tu vois que la couleur est la même (neutre) copie ton texte efface le et colle le au même endroit la couleur doit apparaître.
@@tessyah2944 t un montre
Bonne vidéo même si c'est assez malaisant de faire une page HTML pour un anniv xp
Et le css il est où 🤣🤣🤣
pourquoi moi sa me met une page toute blanche ?
@anonyme Ms_dragon ah oui merci
@AdrienGacha j'ai enregistrer mais jai toujours une page blanche
Pareil page blanche
yo
Svp vous pouvez créer un site internet pour moi 🙏
Si quelqu’un peux me répondre au plus vite svp
J'ai fais mon codage avc le même site mais sur tel
Heuu le gars est sur mac mais il est sur windows?? Wtf
c'est trop dure
oui cvrai
lumni tu vas avoir des ennui
Pk
Nul.
ok
fichier=fait chier XD (ok c'est débile dsl mieux vaut ne pas être idiot comme ça)
mais pourquoi sur MacBook quand je double clic dessus sa m'ouvre une page blanche et vide sur safari
pk ca ne fonctionne pas pouvez vous m'aider
merciiiiiiii