Html Css ile Ayakkabı Sitesi Yapımı - Basit Website Yapımı (2)
HTML-код
- Опубликовано: 7 сен 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 ❤
hocam merhaba basit website yapımı 25 website olacak demiştiniz serinin devamı gelmedi, merakla bekliyoruz emekleriniz için teşekkurler.
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
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.
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;
}
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
O kadar faydalı ki. Allah razı olsun.
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🥰
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 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.
Ödev detayı güzel olmuş, diğer projelerdede böyle ufak ödevler güzel olur çok teşekkürler
Hocam Allah sizden razı olsun sizin sayenizde çok şey öğrendim
Faydalanmana sevindim. İyi çalışmalar, bol kodlu günler :)
Yeni videoyu sabırsızlıkla bekliyorum...
En yakın zamanda.
Merhaba sormak istediğim bir soru var, "width: değerlerini vermesek te değerler bozulmuyor, bunun mantığı işimizi sağlama almak mı?
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.
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.
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.
400 cü beğeniyi verdim başarılar çok şey öğrendim mükemmel
Ü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
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
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 ? 🤔
Kanka Web Sitelerin Harika Ama medya Sorgusu Kodlarını Yazsanmı Aceba
Projelerin devamı gelmeli çok şey öğreniyorum
Devamı yolda. Zaman buldukça atıyorum.
bu serinin devamı gelmez mi ? 25 video demişsiniz 2 video var sadece
hocam lütfen devamı gelsinn,çok faydalı oluyor
gerçekten bunları izleyerek yapıyor musunuz ve faydalı oluyor mu
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
ellerinize, emeginize saglik
hocam videoda birebir anlatıldığı gibi yaptım fakat display flex komutu çalışmıyor nerede hata yapı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?
BU SERİNİN DEVAMI GELSİN
Çok güzel anlatıyorsunuz. Udemy de kursunuz var mı?
hocam 3. video nereden. baştan html css anlatsanız valla dinlerim :D
Spor ayakkabının olduğu resim gibi arka planı olmayan resimleri nasıl ayarlarız...
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?
devamı ne zaman gelecekkkk
kulandığınız eklentileri paylaşırmısınız.
Bununla ilgili bir video gelecek.
@ teşekkurler
görseelri nereden buluyoruz sayfada bulamadım hocam
Selam, ben bu kodların tamamını nerden bula bilirim?
Teşekkürler hocam 👍
Rica ederim. Faydalanmana sevindim. İyi çalışmalar, bol kodlu günler :)
bu tarz fotoğrafları nasıl bulabilirim?
nava z-index verdiğin için ilk başta h1 yazısını göremedin
Hocam sanırım geri kalan 23 proje gelmeyecek.
logo kısmını yapabilen varmı dostlar
size nereden ulaşabilirim?
çok hızlı ve kelimeleri yutar gibi anlatman dışında sorun yok
e-ticaret sitesi gelir mi?
seri bitti herhalde emin hocam umarim beni yaniltirsiniz
Bitmedi ama uzun zaman olmuş :)
@ nerdeyse yıll oldu hocam gerııı dönnnn :)))
video 30 dakikayı geçmese iyi olur