🎨Comment Créer une Page Web 📝Portfolio avec Effet tilte avec HTML CSS & Javascript | UI Design

  Рет қаралды 17,663

ETC SCHOOL

ETC SCHOOL

2 жыл бұрын

🔥Créer une Page Web Portfolio HTML CSS JS
Dans cette vidéo nous allons voir comment créer une page web portfolio avec effet title en utilisant le HTML CSS et Javascript. Nous allons la construire étape par étape, nous y verons le principe du UI Design avec l'apprentissage des langages du développement web le hmtl, css et javascript.
Dans ce tutoriel captivant, nous vous montrerons comment créer une page web portfolio attrayante avec un effet de tilt en utilisant HTML, CSS et Javascript. Que vous soyez un concepteur d'interfaces utilisateur, un développeur web ou simplement intéressé par le design de sites web, ce guide complet vous permettra de créer un portfolio unique et accrocheur.
Découvrez comment structurer et styliser votre page web en utilisant HTML et CSS pour créer une mise en page esthétique et responsive. Ensuite, nous plongerons dans Javascript pour ajouter un effet de tilt interactif à vos éléments, offrant une expérience utilisateur immersive et engageante.
Au cours de ce tutoriel, vous apprendrez à personnaliser votre portfolio en ajoutant des images, des descriptions et des liens vers vos projets. Vous découvrirez également des techniques pour créer des transitions fluides, des animations élégantes et des effets visuels pour captiver les visiteurs de votre portfolio.
Nous mettrons également l'accent sur les bonnes pratiques de design d'interface utilisateur (UI) pour garantir une expérience utilisateur optimale. Vous apprendrez à choisir des combinaisons de couleurs harmonieuses, à utiliser des polices attractives et à organiser vos projets de manière intuitive.
Que vous soyez un designer cherchant à mettre en valeur votre travail, un développeur souhaitant présenter vos réalisations ou simplement quelqu'un qui souhaite créer un portfolio créatif, ce tutoriel vous guidera tout au long du processus de création d'un portfolio impressionnant.
Rejoignez-nous dès maintenant et apprenez comment créer une page web portfolio exceptionnelle avec un effet de tilt en utilisant HTML, CSS et Javascript.
🔴Abonne toi en cliquant ici ⬇️:
kzfaq.info/love/6At...
-------------------------------------------------------------------------------------------------
🔥Comment Créer une Page Web de Musique avec HTML CSS & Javascript
• 🎧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.com/watch?v=CX65l...
-------------------------------------------------------------------------------------------------
🔥Cours HTML & CSS sur la Plateforme:
etcschool.fr/courses/html-css...
-------------------------------------------------------------------------------------------------
Télécharger les images:
drive.google.com/drive/folder...
----------------------------------------------------------------------------------
✅Me suivre sur likendIn:
/ matthieu-mulumba
✅Me suivre sur Instagram:
/ matthieu_mulumba.k
✅Suivez-nous sur Facebook
/ etceducatiion
-------------------------------------------------------------------------------------------------
#html
#css
#portfolio
#uidesign
#javascript
#programmation
#débutant
#portfoliowebsite
#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
#portfoliowebsitehtmlcss
#coursjavascript
#courscss
#htmlcssportfolio
#htmlcsssite web
#javascriptpourleweb
#portfoliocsshtml
#projethtmlcss
#projetjavascript
#sitewebhtmlcss

Пікірлер: 35
@borealnet
@borealnet Жыл бұрын
Wow! super et tout ca en 17min 29s ca fonctionne très bien. Encore une fois vous faite un très beau travaille. Merci
@etcschool2
@etcschool2 Жыл бұрын
Merci, content de savoir que ça fonctionne très bien!
@Marvels_Shorts420
@Marvels_Shorts420 Жыл бұрын
merci beaucoup, tutoriel vraiment simple et très efficace pour comprendre ce qu'on fait quand on débute!
@etcschool2
@etcschool2 Жыл бұрын
Avec plaisir, merci pour le commentaire et votre soutien à la chaîne. N'hésitez pas de partager.
@KushWolf
@KushWolf Жыл бұрын
Encore merci vraiment intéressant et bien présenter !
@etcschool2
@etcschool2 Жыл бұрын
Merci pour votre commentaire
@vinnover9506
@vinnover9506 Жыл бұрын
Super Project You may use Live Server Next time to reload your preview instantely. Thanks u!!!
@etcschool2
@etcschool2 Жыл бұрын
Thanks for your support, dont't hesitate to share the channel.
@alex_emmanuel
@alex_emmanuel Жыл бұрын
Merci 🙏🏾
@etcschool2
@etcschool2 Жыл бұрын
You welcome
@Idy861
@Idy861 8 ай бұрын
Merci beaucoup ❤
@etcschool2
@etcschool2 8 ай бұрын
You welcome, n'hésitez pas de partager la chaîne pour soutenir le travail.
@thefightlife8625
@thefightlife8625 2 жыл бұрын
j'aime beaucoup cette chaines les explications sont super bien. Mais je trouve que beaucoup de developpeur ne demontre pas comment il faut faire pour pouvoir publier un site sur internet
@etcschool2
@etcschool2 2 жыл бұрын
Merci pour commentaire et suggestion. Prochainement vous aurez un tuto sur ce sujet.
@etcschool2
@etcschool2 2 жыл бұрын
Voici le tutoriel qui répond à votre question👉kzfaq.info/get/bejne/d5Ohe5eVld6xpps.html
@Ferme047v1
@Ferme047v1 Жыл бұрын
je ne retrouve pas le site¸(je pense qu'il n'est plus disponible) pour ajouter l'effet vanilla avez-vous un autre lien ou une solution
@Ferme047v1
@Ferme047v1 Жыл бұрын
désolé c moi je lai trouver désole de vous avoir probablement opportuner
@etcschool2
@etcschool2 Жыл бұрын
@@Ferme047v1 You welcome
@Wiiiop
@Wiiiop Жыл бұрын
je voulais savoir que dois je faire , mon image apparait plus grand que cadre
@etcschool2
@etcschool2 Жыл бұрын
Bonjour, dans ce cas il faut reduite la taille de votre photo dans la partie CSS. Utilisez une valeur inférieure à celle dans le tutoriel.
@zcouldmusic
@zcouldmusic Жыл бұрын
Merci à toi frérot ! J'ai refait exactement le même site sauf le titre header ne s'affiche pas. Comment résoudre celà ?
@etcschool2
@etcschool2 Жыл бұрын
You welcome, il faut regarder sa construction dans la partie html s'il n'y a pas d'erreur de syntaxe puis check sa personnalisation dans css.
@zcouldmusic
@zcouldmusic Жыл бұрын
@@etcschool2 j'ai ajouté une balise header tout est parfait maintenant. Merci
@etcschool2
@etcschool2 Жыл бұрын
@@zcouldmusic Top Top
@Ferme047v1
@Ferme047v1 Жыл бұрын
je n'ai pas Visual studio et je code avec bloc note et je n'Arrive pas à mettre une image
@etcschool2
@etcschool2 Жыл бұрын
Si vous voulez développer des compétences dans le développement web, je vous conseil de commencer à utiliser VSCode d'autant plus qu'ils sont en train d'intégrer d'autres plateformes de développement.
@myeventclipshoot1731
@myeventclipshoot1731 Жыл бұрын
Bonjour Bravo. svp je souhaite créer un site ou une application où les utilisateurs peuvent publié une photo ou vidéo ainsi que des commentaires.
@etcschool2
@etcschool2 Жыл бұрын
En mode réseau social?
@GeorgesEyum
@GeorgesEyum Ай бұрын
mon image ne sort pas en arrière plan pourtant j'ai rogné pouvez-vous m'aider?
@etcschool2
@etcschool2 Ай бұрын
Bonjour, c'est peut-être les dimensions en px de votre image. Avez-vous essayé avec l'image que j'ai utilisé ? ça pourrait vous donner une idée pour dimensionner votre photo de profil.
@GeorgesEyum
@GeorgesEyum Ай бұрын
@@etcschool2 oui mais sa ne donnait pas toujours j'ai du essayer de faire une autre méthode merci pour votre tuto il est bien bénéfique
@VLAD-ko8ht
@VLAD-ko8ht 2 жыл бұрын
plz j ai besion de coude source
@etcschool2
@etcschool2 2 жыл бұрын
Bonjour, vous trouverez dans les fichiers à télécharger le code html & css lien dans la description. Pour le script.js, il faut suivre la vidéo qui décrit comment le télécherger.
@Ferme047v1
@Ferme047v1 Жыл бұрын
tu pourrais faire une vidéo mais avec bloc-note à la place de visual studio code STP
@williamterry5262
@williamterry5262 2 жыл бұрын
☝️ PЯӨMӨƧM
IQ Level: 10000
00:10
Younes Zarou
Рет қаралды 11 МЛН
Inside Out Babies (Inside Out Animation)
00:21
FASH
Рет қаралды 23 МЛН
Пранк пошел не по плану…🥲
00:59
Саша Квашеная
Рет қаралды 7 МЛН
Les SECRETS pour faire un PORTFOLIO de Développeur
12:10
Melvynx • Apprendre à coder
Рет қаралды 11 М.
8 Sites Portfolios INSPIRANTS avec des designs INCROYABLES
12:57
Ritch Rivia
Рет қаралды 4,2 М.
Top 7 des meilleurs effets CSS et JavaScript
14:03
Benjamin Code
Рет қаралды 42 М.
11 Projets Pour Créer Un Portfolio Junior Efficace - Devenir Développeur Web
16:58
Créer son PORTFOLIO de Dév en moins de 30 minutes 🚀
33:28
The UI/UX Crash Course for 2023 - Learn UI/UX Design
1:17:53
DesignCourse
Рет қаралды 419 М.
Coder une Navbar responsive et animée de A à Z.
45:35
École du Web
Рет қаралды 52 М.