🛍️Comment créer un Site Web E-commerce🛒 | HTML & CSS
Вставка
- Опубліковано 15 вер 2024
- 🔥Comment créer une Site Web E-commerce | HTML & CSS
Dans cette vidéo complète, vous apprendrez étape par étape comment créer votre propre site web e-commerce en utilisant les langages HTML et CSS. Que vous soyez débutant ou que vous ayez déjà une certaine expérience en développement web, ce tutoriel vous guidera à travers les fondamentaux nécessaires pour construire un site e-commerce attrayant et fonctionnel.
Découvrez les bases du HTML pour structurer votre page, en utilisant des balises sémantiques pour améliorer l'accessibilité et l'optimisation du référencement. Ensuite, plongez dans l'univers du CSS pour styliser votre site web, en appliquant des styles attrayants, en créant des mises en page réactives et en optimisant l'expérience utilisateur.
Que vous ayez l'intention de lancer votre propre boutique en ligne ou que vous souhaitiez simplement approfondir vos compétences en développement web, cette vidéo vous donnera les connaissances nécessaires pour créer un site web e-commerce professionnel et attrayant.
N'hésitez pas à vous abonner à notre chaîne pour ne manquer aucune de nos futures vidéos sur le développement web. Préparez vous à devenir un expert en création de sites web e-commerce grâce à ce tutoriel complet en HTML et CSS !"
🔴Abonne toi en cliquant ici ⬇️:
www.youtube.co....
-------------------------------------------------------------------------------------------------
Lien pour télécharger les images
drive.google.c...
-------------------------------------------------------------------------------------------------
🔥Comment Créer une Page Web Portfolio avec Effet tilte avec HTML CSS & Javascript | UI Design
• 🎨Comment Créer une Pag...
-------------------------------------------------------------------------------------------------
🔥Comment Créer un Navigateur Web comme Chorme avec Python en 30 minutes
• 🌍Comment Créer un Navi...
-------------------------------------------------------------------------------------------------
👍Cours HTML & CSS:
www.youtube.co....
-------------------------------------------------------------------------------------------------
✅Me suivre sur likendIn:
/ matthieu-mulumba
✅Me suivre sur Instagram:
/ matthieu_mulumba.k
✅Suivez-nous sur Facebook
/ etcschool2
-------------------------------------------------------------------------------------------------
#html
#css
#siteecommerce
#ecommercewebsite
#ecommercesiteweb
#projethtmlcss
#sitehtml
#websitehtmlcss
#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
10 709 abonnés
merci monsieur pour ce travail aussi riche que bénéfique. bonne continuation.
Bonjour et merci, n'hésitez donc pas de partager la chaîne.
merci pour votre démonstration de conception de site commmerciale
Merci à vous et n'hésitez donc pas de partager la chaîne.
Toooop tooooop
Merci n'hésitez donc pas de partager la chaîne.
Merci ça m'a servi de modèle pour ma page
Superbe, n'hésitez donc pas de partager la chaîne.
C’est un binger ce tuto ❤❤
Merci pour votre soutien à la chaîne! N'hésitez donc pas de partager.
Bonjour, pour le visuel et l'ergonomie du site pas de soucis, mais pour la sécurité du site, est-ce que vous avez des conseils détaillés ? Si le client rentre ses données de paiement, comment sécuriser tout ça ? Merci !
Bonjour, merci pour le commentaire. Ce tutoriel a pour objet la conception frontend d'un site e-commerce. Pour la sécurité, il faudrait aborder les notions de gestion d'utilisateur et surtout de base de données qui ne font pas partie de ce tutoriel. Toutefois, pour répondre à votre question, si votre site est déployé en ligne, la première de chose à faire c'est de se procurer un certificat SSL.
@@etcschool2 merci pour les infos 🤗
Bonjour frère la suite de cette vidéo svp vous avez pas mis le href des boutons achat comment ça marche qand les clients cliquons sur le bouton achat ils les ramène ou??
Bonjour, étant un tutoriel tous ces aspects je ne pouvais pas les couvrir toutefois, je suis entrain de faire une formation complète qui couvrira ces aspects.
Si vous pouvez laisser le lien des sites utiliser pour importer les logos pour nous . Parce moi quand j'importe les liens ça marche pas , je sais pas ce qui s'est passé. Mais après la video c'est extraordinaire.
Merci pour le commentaire, si vous voulez faire un logo vous pouvez utiliser Canva. Sinon dans cette vidéo, le logo est tout simplement un texte personnalisé.
www.canva.com/
J'ai écrit le code, mais la carte des produits n'était que verticale comme suit .carte .
.carte.
.carte.
.carte.
Comment régler le problème ? Merci d'avance.
Bonjour, le problème est dans le css regarder au niveau de la class produits avec le display et le grid-template-columns.
@@etcschool2 Bonjour, j'ai le même problème. Pour la première ligne les produits sont les uns à coté des autres mais pour la seconde ligne les produits s'affichent de façon horizontale, pourtant j'ai exactement le même code css que vous au niveau du display et le grid-template-columns. Pouvez vous nous éclairer un peu plus pour que ça ressemble à un catalogue produit correcte s'il vous plaît ?
Au top 🔥❤️
Thanks
Salut mais mon problème c’est qu’à la fin mes photos s’alignent de haut en bas sur le côté gauche
Bonjour, êtes vous sûr d'avoir le bon css à ce niveau là? c'est un souci au niveau de votre css, n'hésitez donc pas à vérifier votre code.
Salut. C'est très super ce tuto. Puis-je avoir le lien pour télécharger les codes sources ?
Merci de votre comment, dans la description de la vidéo vous trouverez le lien drive avec les ressources (images) pour reproduire ce travail en suivant le tuto.
Vous pouvez nous mettre les codes sources dans la description
Bonjour, en suivant le tutoriel du début à la fin vous serez capable de réaliser la même page sans problème, il est fait pour toute personne novice. Dans la description vous avez un lien drive pour télécharger les ressources. Cordialement
Salut j'aime 🔥🔥
J'aimerais savoir si je peux créer comment créer un package d'animation CSS pour un projet HTML ?
Thanks, quelle animation par exemple?
Bonjour , j’ai un soucis mes logo se mettent en blanc mais le texte accueil nouveautés n’apparaît pas sur le background comment faire ?
Bonjour, avez-vous un logo avec un background transparent en format PNG ?
@@etcschool2 c’est pas le logo le soucis mais plutôt le texte « accueil, nouveautés « en dessous du bandeau noir
quand est que vous faites la suite de la conception du site ?
Je suis en train de préparer une formation complète sur le sujet.
peut on savoir quand est ce qu'elle sera disponible et sur quel support ? pouvez vous me tenir au courant ? un grand merci !
Bonjour ! Moi mes articles ne veulent pas s aligner ils restent en colonne est ce normal ?
Bonjour, certainement une petite erreur au niveau de votre css sur le style du container des articles.
@@etcschool2 bonjour merci mais finalement j avais Mal copier ma class produits🤦🤦🤦
Bonsoir monsieur vous pouvez m'aider pour la création d'un site web pour la ventes des produits pharmaceutiques
Bonjour, vous pouvez me contacter via mes réseaux sociaux pour en échanger (instagram, linkedin ou facebook de etcschool).
Salut moi mon problème c’est que le user et le cart shopping ne s’affiche pas
A part ça jolie boulot👏
Pour ce qui concerne le cart shopping, essayez de récupérer une autre balise cart sur fontawsome.
Intéressant, comment avoir le lien du code github?
Le github pour le code source? Sinon vous avez le lien en description de la vidéo pour télécharger les éléments.
Possible de faire un série ? Genre faire en sorte que quand on clique sur se connecter il y est la page pour se connecter ect ?
Bonjour, oui je suis en train de préparer des contenus: tutos et formations sur le sujet.
@@etcschool2 d’accord niquel
Bonjour , vous pouvais rendre le site dynamique avec du PHP et crée une base de données ?
Bonjour la semaine prochaine vous aurez un tutoriel de création d'un site e-commerce.
@@etcschool2 Bonjour , le site de e-commerce est disponible ?
Bonsoir comment allez-vous je veux savoir comment créer un site web de vente en ligne seulement avec HTML sont CSS svp
Bonjour, je vais préparer un tuto sur le sujet. N'hésitez donc pas de partager la chaîne.
bonjour très bonne videos au passage j'ais une question très pertinante à poser et je vais prendre un exemple pour illustré mon problème par exemple je suis vendeur et je souhaite creer mon propre site de vente en ligne et de pouvoir publier mes produits sans avoir a retoucher mes ligne de code . Si cela est possible est-que vous acccepterez de faire un cours sur ça.Merçi
Bonjour, oui en effet, c'est possible et pour cela il faudra utiliser un CMS, je vais préparer une vidéo sur le sujet. N'hésitez donc pas de partager la chaîne.
Très cool le style est ils possible d’avoir le code source
Bonjour, en suivant le tutoriel pas à pas vous arrivez à reproduire la même chose. Dans la description de la vidéo vous trouverez le lien drive pour télécharger les images du design.
Ou est ce qu’on peut trouver le lien de google font que t’as mis dans head au debut de la video ?
Bonjour, il faut aller sur google font le lien ci-dessous ensuite vous allez sélectionner une police et vous aurez le lien html à coller dans la partie html et le css de la police à mettre dans la partie css.
fonts.google.com/
😮
N'hésitez donc pas de partager la chaîne.
il est le lien pour télécharger le code ?
Vous avez un discord ?ou la comu poura partager ces progressions en dev et aussi l aidez sur quelque chose car ça m aidera énormément
Bonjour, je suis sur linkedin et instagram voir les liens dans la description de la vidéo.
tu peu stp faire la suite en rendant les boutons fonctionnel
ça demanderait un peu plus de temps, toutefois c'est noté.
ou je peut trouver le code source de cette projet ?
Bonjour, malheureusement je n'ai pas mis le code source dans les téléchargeables. Toutefois, en suivant le tutoriel vous arriverez à reproduire le même design sans problème. Vous avez les images à télécharger via le lien drive dans la description.
@@etcschool2 d'accord Merci beaucoup
Vous pouvez me donner le lien qui permet de puisse une police de caractère upocol
Bonjour, je ne connais pas cette police de caractère mais vous pouvez toutefois regarder sur google fonts: fonts.google.com/
ya bhim ya heycha ya bekme
Monsieur la taille des images ne change pas ?
Vous pouvez les changer dans le CSS, vous avez utilisé quoi comme paramètre?
bsr... svp je peux avoir le site pour
telecharger les images comme ceux
du tuto 😎
Bonsoir, pour les images vous pouvez utiliser les bibliothèques d'images telles que: Pexels, Pixabay ou encore Freepik. Sinon les images que j'ai utilisé sont téléchargeables sur le lien en bas de la vidéo.
comment nous pouvons avoir ces images
Bonjour, vous trouverez les images dans la description en bas de la vidéo, un lien google drive.
@@etcschool2 merci beaucoup
@@angeadou590 Top👍, you welcome
Le reste....
🤭 *Promosm*
C'est pas précis et vos explications sont incomplètes
Bonjour, en effet, il s'agit d'un tutoriel dans l'optique d'un travail pratique. Toutefois, sur la chaîne vous y trouverez des cours complets où les choses sont expliquées en détail. Cordialement.
Vzy ftg c est Un tuto Clair et complete grace a @ETC-school je me suis lance Dans la creation de site et maintenant j Ai mes premier revenus