Тёмный

[1/4] Je fais ce Site de A à Z en HTML - CSS & Responsive 

LiveCode
Подписаться 19 тыс.
Просмотров 46 тыс.
50% 1

Опубликовано:

 

22 сен 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 87   
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
▶ Playlist de plus de 30 vidéos regroupant toutes la création de sites de A à Z de ma chaine : ru-vid.com/group/PLwv7KMK8vXi4GDaytPl92SCgo42-jZT9O 🎁 Rejoindre la formation offerte : bit.ly/formation-offerte-livecode 👑 Aller plus loin avec la formation complète : bit.ly/formation-complete-livecode
@mecyjecy
@mecyjecy 3 года назад
Pourquoi ne pas partir sur du "mobile first" et pourquoi ne pas utiliser la balise qui porte bien son nom, et permet une meilleur sémantique de la page ? Aussi pourquoi un bouton dans un ? Ce n'est pas approprié et ça n'a pas de sens. On fait uniquement un qu'on stylise pour obtenir l'apparence d'un bouton.
@Alex_3D
@Alex_3D 4 года назад
Trop hâte ! 👌
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
🔥
@anonymoushack1850
@anonymoushack1850 4 года назад
Je suis un nouvel abonné à cette chaine et j'aime beaucoup ! J'attends le live avec IMPATIENCE !
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
Au top ! Durant la vidéo, on fera la section 1 ainsi que le header pour commencer 😉
@anonymoushack1850
@anonymoushack1850 4 года назад
@@LiveCodeofficiel En plus sa tombe bien j'avais besoin d'apprendre en même temps le CSS (j'en ai hyper besoin) et un peu le HTML, j'ai regarder la preview et ont dirait un site WIX, engros sa fait tellement professionnel GG !
@FuTunisia
@FuTunisia 4 года назад
J'aime beacoup ton travail !
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
Merci !! 🙂
@Splinternight
@Splinternight 4 года назад
J'ai hâte
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
😉
@felixwarano
@felixwarano 7 месяцев назад
je t'écris depuis le Cameroun et dans mon pays la programmation n'est pas du tout valoriser. j'aimerais que tu sois mon mentor 🤲🤲
@slaaze6516
@slaaze6516 Год назад
sa m'enerve comment on ouvre le site moi sa me fait plein de compartiment dans un dossier mais je peux pas l'ouvrir sous la forme du site
@djawahirfadoul5220
@djawahirfadoul5220 Год назад
j'ai essayé de faire le site mais mon Vs code ne prends pas en compte le script que vous avez ajouté
@eli78
@eli78 Год назад
Où est-ce que je peux trouver l’URL de l’image que tu as mis en background ?
@matteolar
@matteolar 4 года назад
Merci pour cette série! Quelle est l'extension que tu utlises pour dimensionner à l'écran?
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
Hello, j'utilise Greenshot qui de base est fait pour prendre des captures d'écrans 😅
@Legenietech
@Legenietech Год назад
Tu peux utiliser Ruler Measurement.🙂
@paulbarrue668
@paulbarrue668 2 года назад
stp on peux avoir les fichier stp
@Miizuuww
@Miizuuww Год назад
Salut, j'essaie de faire la première partie mais rien ne se passe comme prévu : l'animation du bouton ne fonctionne pas. J'ai même supprimé tous les codes ces pour l'animation et laisser juste le bouton et son border, rien. Quand je mets une image en arrière-plan il y a rien aussi qui s'affiche même pas la couleur pour le header 💔..
@wakiie5608
@wakiie5608 Год назад
Trop cool ta video ! dis moi, comment tu as fait pour le style.css ?
@N0body_user45Jop11
@N0body_user45Jop11 Год назад
Bonjour la police d’écriture ne fonctionne pas quand je rafraîchis la page, je garde celle de base Pourtant j’ai bien importé l’url J’ai besoin d’aide svp
@mae-vi6co
@mae-vi6co 4 года назад
Salut, la police d'écriture ne s'applique pas pourtant j'ai fait exactement comme toi :/ Saurais-tu pourquoi ça ne fonctionne pas ?
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
Tu l'as bien spécifiée dans le CSS avec font-family: "Torus Notched"; ? Si oui, rajoute "https:" devant les deux "//" du lien de la font. Ensuite rafraîchit la page avec CTRL + F5 pour clear le cache et si ça ne fonctionne toujours pas va en navigation privée et réessaye. Si ça ne fonctionne toujours pas, vérifie que le lien est bon et pour finir essaye de restart ton ordinateur histoire que ton moteur de recherche la prenne bien en compte même si je doute que cela change grand-chose pour le coup. (En général la navigation privée fonctionne à chaque fois). 😉
@mae-vi6co
@mae-vi6co 4 года назад
LiveCode D'accord, merci, j'ai réussi à régler le problème Au passage, j'aime beaucoup ce que tu fais tu gères 🤩
@tetrariom8694
@tetrariom8694 2 года назад
07min00 je comprends pas comment tu passe de text align center a "height : 100%" pour toi ça centre le texte au milieu pour moi il reste bloqué en haut a gauche....
@titouf5757
@titouf5757 Год назад
C pas text align c justify content comme l axe est inversé à cause du flex direction justify content qui gère de base l axe des x va gérer l axe des y et inversé pour align item qui gère habituellement l axe des y va gérer l axe des x
@emilieroblet2418
@emilieroblet2418 4 года назад
Salut ! Super tuto ! Seulement j'ai un petit soucis, je viens de finir ce premier tuto et j'ai commencé le second, seulement impossible de scroll... je n'arrive pas à trouver d'où ça peut venir..
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
Tu n'as pas mit un overflow: hidden; ou overflow-y: hidden; dans ton css par hasard ? Ça pourrait venir de là 😉
@emilieroblet2418
@emilieroblet2418 4 года назад
@@LiveCodeofficiel Ah yes ! Je l'avais laissé dans le body ! Merci !
@wassimmechri2320
@wassimmechri2320 2 года назад
salut j'ai un exposé a faire pour la rentrée sur un site html donc est ce que tu pourrais m'envoyer le code source du site web stp ça m'aiderait énormément merci d'avance
@paulmallet4957
@paulmallet4957 2 года назад
Salut je sais pas si tu verras ce message mais je voulais juste savoir quel outils tu utilisais pour mesurer le nombre de pixel à l'écran, merci d'avance !
@LiveCodeofficiel
@LiveCodeofficiel 2 года назад
yo, c'est le logiciel greenshot
@Legenietech
@Legenietech Год назад
Tu peux utiliser Ruler Measurement.🙂
@Mirran_
@Mirran_ 2 года назад
Salut tu as discord pour pouvoir avoir de l'aide avec des screens ? Merci
@nadiabouhassoun1270
@nadiabouhassoun1270 Год назад
bonjour peux-tu nous donner les noms des logiciels que tu utilises pour ecrire ton code etc stp je suis débutante et je ne sais pas quoi télécharger
@nadiabouhassoun1270
@nadiabouhassoun1270 Год назад
@@kevinjolibis3087 ah super et comment il fait pour voir le site web en même temps qu'il code ? C'est un autre logiciel spéciale ou quoi
@prod.yungsoul2
@prod.yungsoul2 Год назад
@@nadiabouhassoun1270 it’s an extension of vs code, live server
@echoeditorr
@echoeditorr Год назад
Salut, je ne sais pas pourquoi, mais selon mon bouton "en savoir plus" quand je passe la souris dessus il devient bleu mais il y a du blanc en bas comme toi au début, mais moi quand je le règle il ne se passe rien. Et en plus, ça fait ça que quand le page fait une certaine taille
@echoeditorr
@echoeditorr Год назад
En fait, c'est par rapport au zoom de la page pas de sa taille. si le zoom reste à 100%, le bouton est bien, mais quand je zoom, il y a du blanc.
@deeffault7754
@deeffault7754 Год назад
salut, c'est peut-être à cause de ton navigateur, moi j'étais sur brave au début et j'avais aussi des soucis de "blanc" dans le bouton, puis je suis passer sur Firefox, et j'avais le même rendu que sur la vidéo
@wearefamily3446
@wearefamily3446 2 года назад
les liens pour les ressources ne fonctionne pas, est ce que tu pourrais donner à nouveau les liens stp ??
@LiveCodeofficiel
@LiveCodeofficiel 2 года назад
J'ai changé tous les liens, ça devrait être bon à présent
@Megatronevic11
@Megatronevic11 2 года назад
Bonjour le lien pour les assets est mort, comment je pourrais avoir les images ?
@LiveCodeofficiel
@LiveCodeofficiel 2 года назад
C'est tout bon j'ai changé les liens !
@Megatronevic11
@Megatronevic11 2 года назад
@@LiveCodeofficiel Super merci
@karimouattara1972
@karimouattara1972 2 года назад
Hi stp sur quel site télécharges-tu tes images ?
@MP-to3cg
@MP-to3cg 2 года назад
C'est un plugin chrome ton outil pour inspecter les pages ?
@LiveCodeofficiel
@LiveCodeofficiel 2 года назад
non non grâce à google chrome tu peux le faire avec le clic droit -> inspecter élément
@MP-to3cg
@MP-to3cg 2 года назад
@@LiveCodeofficiel Ouais mais comment tu fais pour afficher les dimensions avec ton curseur ? Moi ça fonctionne pas
@LiveCodeofficiel
@LiveCodeofficiel 2 года назад
@@MP-to3cg avec greenshot
@shutaz.t4886
@shutaz.t4886 Год назад
Salut Cédric, dans ta formation offerte, tu utilises "@media screen and" pour les conditions d'affichages, mais dans cette vidéo tu utilises seuleument "@media" quelle est la différence ? Merci.
@rams-codeur6993
@rams-codeur6993 3 года назад
hey live code moi j'aimerais juste avoir les ressources images pour coder le site avec toi malheureusement le lien que ta mis fonctionne pas chez moi merci merci d'avance 😃
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
Hello, tu es sûr qu'il ne fonctionne plus ? De mon côté j'arrive à y accéder pourtant 🤔 Essaye avec celui-ci : mega.nz/file/Rw0VUQAI#6T8GRVzdF0k3QQwuAuhuLhqD713LEqhpSFPoQfbFxX0
@rams-codeur6993
@rams-codeur6993 3 года назад
@@LiveCodeofficiel merci celui-ci fonctionne mais pourquoi j'ai une sorte de fichier vidéo dsl je pose bcp trop des question 😅
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
@@rams-codeur6993 c'est un fichier .rar qu'il faut que tu ouvres avec winrar
@rams-codeur6993
@rams-codeur6993 3 года назад
​@@LiveCodeofficiel c'est bon j'ai le merci pour ta vitesse de réponse 💪🏾
@cyrilturban584
@cyrilturban584 2 года назад
cyril turban bonjour j aimerais savoir si vous pouvez m aider pour avoir un widget pour prise de rendez vous
@hyroz_2046
@hyroz_2046 2 года назад
salut, pourquoi avoir créer la div "sec1" et "container", une seul div d'aurais pas suffit ? ( je débute j'essaie de comprendre la logique :)
@poule_au_caramel_umu7134
@poule_au_caramel_umu7134 Год назад
C'est pour séparer vu que sec1 c'est la première partie de la page mais à l'intérieur de sec1 y il y à plusieurs éléments
@lacoquille837
@lacoquille837 4 года назад
Slt Gg pour la vidéo juste est ce que tu pourrai développer un peu plus le code css stp
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
Je ne peux pas me permettre développer encore plus sinon la vidéo va durer 2 heures. Par contre ce que je peux faire c'est un cours en ligne gratuit pour mieux comprendre les bases du CSS si ça pose problème 😉
@lacoquille837
@lacoquille837 4 года назад
@@LiveCodeofficiel Oui ca marche ca serait en effet un peu trop long, ca serait cool que tu fasses des petits tutos sur le css genre une sorte de courte séris :)
@nezukoackermanuwu6691
@nezukoackermanuwu6691 4 года назад
Vraiment suuuper rien a dire !! J’ai pas trop compris ce que signifiais t’as ligne 6 en code HTML mais sinon c’est très clair :)
@LiveCodeofficiel
@LiveCodeofficiel 4 года назад
La ligne 6 permet d'adapter correctement en partie le site lorsqu'il change de résolution (au format téléphone par exemple). Ça remplace pas le responsive mais ça aide 😉
@adalbert164
@adalbert164 3 года назад
comment tu fais pour avoir des images aussi belles pour tes sites tu travailles avec un graphiste ? où tu as des ressources ?
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
Je fais un gros travail de recherche d'image + photoshop avant chaque vidéo. Ça me prend plus de temps que de tourner une vidéo 😉
@adalbert164
@adalbert164 3 года назад
@@LiveCodeofficiel oui ça j'en doute pas !
@chrys-l2y
@chrys-l2y Месяц назад
les images svp
@doglann6563
@doglann6563 Год назад
Salut je suis a 5 min de la video et qiand j'ouvre mon fichier html pour voir le resultat j'ai un ecran blanc, qulqu'un peut m'aider svp j'ai enregistrer le fichier en .html et le style css en .css
@LaChartreuse
@LaChartreuse Год назад
Tu as lié ton style.css dans ton .html ?
@doglann6563
@doglann6563 Год назад
Comment faire ?
@LaChartreuse
@LaChartreuse Год назад
@@doglann6563 01:51 Fais pause et assure toi de bien avoir le même .html que lui (et aussi d'avoir ton .html et ton .css dans le même dossier)
@LaChartreuse
@LaChartreuse Год назад
@@doglann6563 (lier ton style.css à ton html)
@doglann6563
@doglann6563 Год назад
Dac merci beaucoup
@K2K987
@K2K987 Год назад
plein de choses marche pas pour moi
@AminAmin-k9d
@AminAmin-k9d Год назад
le code svp👏
@prowix8150
@prowix8150 3 года назад
Tu les trouves où les images ?
@LiveCodeofficiel
@LiveCodeofficiel 3 года назад
Grosse recherche sur internet et retouche sur photoshop 😉
@paulbarrue668
@paulbarrue668 2 года назад
Stp envoie le fichier jpp de recopier des ligne de code
@rami1208
@rami1208 2 года назад
C est bien que je suis pas développeur
@ayman6265
@ayman6265 Год назад
Un site comme sa couterait combien ?
Далее
skibidi toilet 77 (part 3)
04:51
Просмотров 10 млн
Unique deep painful back massage for Lisa #chiropractor
00:11
Je passe les tests techniques de Google
18:17
Просмотров 123 тыс.
The RIGHT WAY to Build HTML Email Templates 2024
43:48
Просмотров 286 тыс.
Learn CSS BOX MODEL - With Real World Examples
17:45
Просмотров 122 тыс.
Peut-on VRAIMENT coder avec ChatGPT ?
24:29
Просмотров 80 тыс.
Learn web development as an absolute beginner
12:57
Просмотров 2,9 млн