Html Css ile Ayakkabı Sitesi Yapımı - Basit Website Yapımı (2)
Вставка
- Опубліковано 15 вер 2024
- Selamlar. Umarım keyifler yerindedir. Bu video da #Html #Css ile Basit bir Ayakkabı sitesi yaptık. Bu video ile 25 videoluk basit #Website yapımı serisinin 2. videosunu eklemiş oldum. Eğer yeni başladıysanız bu seriden ilerleyebilirsiniz. Eğer hata alırsanız aşağıda proje kodlarının linkini bırakıyorum oradan karşılaştırarak sorunu bulabilirsiniz. Bu tarz videoların devamını görmek istiyorsan kanala abone olmayı unutma! Discord sunucumuza gelerek bilgi alış-verişinden faydalanabilirsiniz. İyi çalışmalar, bol kodlu günler :)
Proje Demo: shoe-website-y...
Proje images klasörü: drive.google.c...
(Proje kodlarına katıl üyesi olarak erişebilirsin) :
• Post
Şimdi katılarak ayrıcalıklardan faydalanabilirsin :
/ bilgisayargenetiği
🔽Benzer Örneklere Aşağıdan Ulaşabilirsiniz🔽
✅ 25 Html Css Basit Web Site Yapımı Serisi: • Html Css ile Araba Sit...
✅ Html Css Kişisel Web Site Yapımı : • Web Site Yapımı | Html...
✅ JavaScript Projeleri : bit.ly/3pQuQNs
✅ Html Css Projeleri : bit.ly/3pQVTYW
⭐Sosyal Medya Hesapları⭐
❤️ Instagram: bit.ly/bya-ig
❤️ Twitter: bit.ly/emin-tw
❤️ Github: bit.ly/emin-gt
❤️ LinkedIn: bit.ly/emin-in
❤️ Discord: bit.ly/bg-dc
Profesyonel E-Ticaret Sitesi Yapımı Kursu Yayında : bit.ly/3s2yp4D
Hata Çözümü İçin Discord: discord.gg/5DPSS3jHpg
Daha Fazlası İçin Abone Olmayı Unutma ❤
Cihazımdan dolayı row kısmı nav kısmı altına geçiyordu. Sorunu kodları şu şekilde düzelterek çözebilirsiniz:
.container{
width: 100%;
height: 100vh;
background-color: #1e2227;
color: #fff;
padding-top: 100px;
}
nav{
background-color: #1e2227;
display: flex;
justify-content: space-between;
align-items: center;
padding: 30px 8%;
position: fixed;
top: 0;
width: 100%;
z-index: 1;
height: 100px;
}
hocam merhaba basit website yapımı 25 website olacak demiştiniz serinin devamı gelmedi, merakla bekliyoruz emekleriniz için teşekkurler.
O kadar güzel anlatıp yardımcı oldun ki hesap açıp abone olmak zorunda hissettim kendimi ve oldum.
Teşekkür ederim. Elimden geldiğince açıklayıcı anlatmaya çalışıyorum. Bunu başarıyor olduğumu görmek beni çok mutlu etti. İyi çalışmalar, bol kodlu günler.
hocam arama motoruyla alakalı bir video çeker misiniz youtube türkiyede bununla alakalı nerdeyse hiç video yok
Sanırım data arama ile ilgili diyorsun.
@ evet hocam
Merhabalar. Öncelikle teşekkür ederim böyle içerikler için sana. Güzel anlatıyorsun, fakat biraz hızlı anlatıyorsun😀 Kanalına aboneyim like'larımı esirgemiyorum. Seviliyorsun🥰
O kadar faydalı ki. Allah razı olsun.
Lütfen serinin devamı gelsin. Emeklerinize sağlık.
Teşekkürler. Gelecek.
abi senden allah razı olsun bendeki eksik proje yapmaktı lütfen devamı gelirse bol bol dua edicez emeklerine sağlık
Hocam Allah sizden razı olsun sizin sayenizde çok şey öğrendim
Faydalanmana sevindim. İyi çalışmalar, bol kodlu günler :)
Ödev detayı güzel olmuş, diğer projelerdede böyle ufak ödevler güzel olur çok teşekkürler
Hocam içerik çok güzel fakat, bazı yerleri yazarken sırf yapmak olsun diye yapayım dercesine geçmektesiniz. Klasik eğitim modelinin yanı sıra neden buna bu şekilde yaptık desek bence çok daha iyi ve faydalı olacağını şahsım adına düşünmekteyim. Tüm içerikleriniz için çok teşekkür eder, heyecanla gelecek içerikleri beklemekteyim.
Güzel ve eleştirel yorumunuz için teşekkür ederim. Elimden geldiğince açıklayıcı anlatmaya çalışıyorum. Bu değişkenlik gösteriyor. Bunu bazen yapıyorum bazen yapamıyorum. Daha çok dikkate alacağım. İyi çalışmalar.
400 cü beğeniyi verdim başarılar çok şey öğrendim mükemmel
Yeni videoyu sabırsızlıkla bekliyorum...
En yakın zamanda.
bize de ödev bırakmanı güzel ama bi eleştirim var. bazı yerleri hemen anlatmadan geçiyorsunuz bu çok hızlı oluyor benim gibi yeni başlayanlara. lütfen bira yavaş ve açıklayıcı anlatın.
hocam lütfen devamı gelsinn,çok faydalı oluyor
gerçekten bunları izleyerek yapıyor musunuz ve faydalı oluyor mu
style.css de yazdığım kodlar siteyi yenilediğimde hiçbir şekilde gözükmüyor örneğin background rengi vericem kodları yazıyorum siteyi yenilediğimde gözükmüyor hocam bilginiz varsa yardımcı olurmusunuz sorun nedir acaba?
Projeyi Ctrl + S ile kaydetmeniz gerekiyor.
Aslında hep ana sayfa yapıyorsun içerikler güzel 1 tane seriden oluşan detaylı her şeyi olan bir site yapsan güzel olabilir.
İlerleyen zamanlarda gelecek.
Merhaba sormak istediğim bir soru var, "width: değerlerini vermesek te değerler bozulmuyor, bunun mantığı işimizi sağlama almak mı?
ellerinize, emeginize saglik
dakika 15:55 deki kısımda fark ettiğiniz hatada ''position:fixed;'' altına position:relative ; yaparsanız diğer kısımları yazmanıza gerek kalmaz sorun çözülür.
Neden col-1'deki add to cart ve categories'in ikisini de a etiketi veya button etiketi yapmadık da birini button diğerini a etiketi yaptık? Kaçırdığım bi nokta mı var acaba ? 🤔
Üstünden çpk geçmiş ama umarım görürsünüz o nike yazısını eklemeyi ve arkada soldurmayı unuttunuz onu söğlerseniz çok güzel olur. Saygılarımla
Çok güzel anlatıyorsunuz. Udemy de kursunuz var mı?
Projelerin devamı gelmeli çok şey öğreniyorum
Devamı yolda. Zaman buldukça atıyorum.
Hocam 10:06 justify-content: space-between; yapmama ragmen logo ve araçlar iki farklı uca gitmedi logo tam ortada araçlar ise en sağda yer alıyor, kodu kontrol ettim birebir aynısı ama neden çalışmadığını anlayamadım yardımcı olur musunuz?
Muhteşem içerik tebrik ederim 🙏
Güzel yorumunuz için teşekkürler. Eğer Front-End alanında yeniyseniz şu anda Html Css ve JavaScript ile E-Ticaret Sitesi Yapımı kursumuz yayınlandı. Size bu kursu almanızı öneririm. Şu anda kurs indirimde. Kursu beğenmezseniz 1 ay içerisinde geri iade edebiliyorsunuz. İyi çalışmalar.
İndirimli Kurs Linki: www.udemy.com/course/html-css-javascript-ile-e-ticaret-sitesi-yapimi/?couponCode=INDIRIMLI
hocam böyle çok ürünü olan siteden alımı olmayan plastiğin hammadesiyle alakalı bir site yapabilirmisiniz farklı bir konsept olsun
Yapılabilir.
@ gerçekten çok lazım hocam çok iyi olur
Kanka Web Sitelerin Harika Ama medya Sorgusu Kodlarını Yazsanmı Aceba
BU SERİNİN DEVAMI GELSİN
hocam videoda birebir anlatıldığı gibi yaptım fakat display flex komutu çalışmıyor nerede hata yapıyorum?
bu serinin devamı gelmez mi ? 25 video demişsiniz 2 video var sadece
Menü flex ile yapılabilir fakat hero section asla ve asla flex ile yapılamaz orada grid kullanmak zorundasın nasıl PHP'de spaggetti kod yazanlar var aynı şekilde CSS'de de bunlar olabiliyor CSS'i doğru kullanmak lazım sectionlarda grid kullanılır bu bir standart artık
Asla diye bir şey yok :) Burada basit bir şey yapıyoruz. Durum kurtarmak için kullanılabilir.
Emin abi, ayakkabının üstünde bulunan NIKE yazısını şu şekilde ekledim;
.col-2'nin hemen altına "h1" açıp yazıyı yazdım(div içine almadım),
CSS'e de bunu yazdım;
.col-2 h1 {
color: #fff;
font-size: 100px;
margin-left: 140px;
margin-top: -390px;
position: absolute;
opacity: 0.4;
}
sence bu şekilde amele işi mi olmuş?
Biraz :) Position özelliğiyle yaparsan daha sağlıklı olur.
@ Emin abi bir de html yazarken tam olarak neleri div içine alıp almamam gerektiğini anlamıyorum. Bunun için ne yapmam lazım?
hocam 3. video nereden. baştan html css anlatsanız valla dinlerim :D
Teşekkürler hocam 👍
Rica ederim. Faydalanmana sevindim. İyi çalışmalar, bol kodlu günler :)
Spor ayakkabının olduğu resim gibi arka planı olmayan resimleri nasıl ayarlarız...
kulandığınız eklentileri paylaşırmısınız.
Bununla ilgili bir video gelecek.
@ teşekkurler
devamı ne zaman gelecekkkk
görseelri nereden buluyoruz sayfada bulamadım hocam
Selam, ben bu kodların tamamını nerden bula bilirim?
nava z-index verdiğin için ilk başta h1 yazısını göremedin
bu tarz fotoğrafları nasıl bulabilirim?
logo kısmını yapabilen varmı dostlar
size nereden ulaşabilirim?
Hocam sanırım geri kalan 23 proje gelmeyecek.
çok hızlı ve kelimeleri yutar gibi anlatman dışında sorun yok
seri bitti herhalde emin hocam umarim beni yaniltirsiniz
Bitmedi ama uzun zaman olmuş :)
@ nerdeyse yıll oldu hocam gerııı dönnnn :)))
e-ticaret sitesi gelir mi?
video 30 dakikayı geçmese iyi olur