Basit Web Site Yapımı - Html Css Basit Web Site Yapımı
Vložit
- čas přidán 10. 09. 2024
- Yeni #html #css eğitim videosuna hoş geldiniz. Bu videoda #basitwebsite yapımını anlattım. Yaparken sorunlarla karşılaşan arkadaşlar yorum kısmında sorunlarını yazarlarsa yardımcı olabilirim. Yeni videolardan haberdar olmak için kanala abone olup bildirimleri açmayı unutmayın. İyi çalışmalar.
BACKGROUND IMG: drive.google.c...
Benzer #video lara aşağıdan ulaşabilrsiniz:
HTML CSS KİŞİSEL WEB SİTE YAPIMI : • Web Site Yapımı | Html...
HTML CSS BASİT WEB SİTE YAPIMI : • Basit Web Site Yapımı ...
GİRİŞ FORUMU YAPIMI : • HTML VE CSS | GİRİŞ FO...
BUTON EFEKT YAPIMI : • HTML VE CSS | BUTON EF...
NAVBAR YAPIMI : • HTML VE CSS | NAVBAR Y...
SIDEBAR YAPIMI : • Video
RESPONSIVE TASARIM : • HTML VE CSS | RESPONSI...
SOSYAL MEDYA BUTON YAPIMI : • HTML VE CSS | SOSYAL M...
IMAGE HOVER EFFECT YAPIMI : • Video
Html Css Yatay Menu Yapımı: • Menu Yapımı | Html Css...
Animasyonlu Login Form Yapımı: • Animasyonlu Login Form...
⭐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
Daha Fazlası İçin Abone Olmayı Unutma ❤
Profesyonel E-Ticaret Sitesi Yapımı Kursu Yayında : bit.ly/3s2yp4D
Discord Yazılım Topluluğu: bit.ly/3DErDYk
abi ben bu siteyi responsive bir site yapmak istiyorum yardım edermisin.
@@serhanyamand2responssive ne ?
Merhaba arkadaşlar, izlediğiniz için teşekkürler. Kanala abone olup videoyu beğenmeni unutmayın. İyi çalışmalar❤
Profesyonel E-Ticaret Sitesi Yapımı Kursu Yayında : bit.ly/3s2yp4D
python ile mümkünmü
abi html , css gibi şeylerin anlamını bilmiyorum ama öğrenmeye çalışsamda öğrenemiyorum:(
@@Aknaakq bende yeni öğrenmeye başladım henüz pek çok şeyi bilmiyorum fakat html ve css için şöyle diyim farklı isimlerde olsa düzgün bi tema oluşturabilmrk için ikisi birden şart ama malesefki youtube dan öğrenmeye çalışınca işine yarar videoyu bulmak ve anlamak zaman alabiliyor 😀
Bakın size yemin ediyorum; Udemyden bir kurs aldım başkasının iki saatte anlatamadığını siz yarım saatte anlattınız. Çok teşekkür ederim
Faydalanmanıza sevindim :) İyi çalışmalar, bol kodlu günler.
süper bir içerik hele html css öğrendikten sonra buraya gelip hem genel bir tekrar hemde bazı bilemediğimiz şeyleri görüp öğrenmek süper bir duygu. beğenip abone oldum bile. sağol bu tarz içerikler için.
Rica ederim. İnsanlara faydalı olmak gurur verici :)
@ Allah razi olsun hocam cok hemde cok faydali bir video bende abone oldum😀
@ bende hover geçişi olmuyor
@ zaman aşımı uyguladılar beni kaldır
kısaca böyle yaza bilirdin kankam
body {
background-image: url('images/background.jpg');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 100%;
}
Css bu dünya kadar yazım şekli var. İyi çalışmalar.
@ eyv
sayfalara giriş de olsaymış tadından yenmezdi abi ama yine de çok yardımcı oldu sağolasın :)
Abi eline sağlık youtubede böyle videolar arıyorum sınırlı sayıda var devamını bekliyoruz ☺
Güzel yorumun için teşekkür ederim. Bu tarz içeriklerin devamı gelecek. Bir web sitesinin baştan aşağı tasarlanmasıyla ilgili bilmeniz gereken çoğu şeyi anlatmaya çalışacağım. Takipte kal.
@ discordda zaman aşımı uyguladılar
@ Ustam html ve css ile ekşi sözlük gibi bir site yazılabilir mi mesela?
@@KuruMemistabiki yapılır
sayfa boyutu %150 olduğu zaman resim ekranın tamamını kaplıyor ama değiştirdiğim zaman sağ tarafta boşluk oluşuyor ,bunu nasıl çözebilirim ??
Önceki videolarınızda dediğiniz gibi htm-css-js temelim var. Şimdi bol bol proje yapıp bunları uygulayabilmek, pekiştirmek ve fazlasını öğrenmek için başlıyorum.
merhaba ilerleme kaydettin mi
Hocam çok başarılısın anlatım güzel
Not: iyi bir yazilimci olmak istiyen
Html+ CSS bilmelidir yoksa çile bülbülüm çile bu aşamayı tamamlayan c# ile devam edebilir
Teşekkürler Enes. Videolardan faydalanmana sevindim.
Emeğine ve yüreğine sağlık kardeşim. Gayet net ve açık bir dil ile anlatmaya çalışmışsın, herşey için teşekkürler. Başarılarının devamını dilerim.
şey ayrı
Sınava çalışırken izledim yardımcı olacağına eminim çok güzel anlatımın var diğer videolarınla birlikte izleyince tabikii daha iyi anlıyorum teşekkürler
Abi eline sağlık hiç böyle video göremiyordum sonunda çok iyi bir video buldum ve sitede çok iyi oldu kralsın
Selam. Yorumun için teşekkür ederim. Daha açıklayıcı videolar yolda takipte kal. İyi çalışmalar, bol kodlu günler.
tane tane anlatışını mı desem biz daha iyi neyin nerden aldığını bilmemiz için tek tek uğraşmanı mı desem bilemedim çok teşekkür ederim hocam yeni keşfettim kanalınızı :)
Öncelikle emekleriniz için teşekkürler.
Çok güzel ve detaylı açıklıyorsunuz.
Ben Emekli İngilizce Öğretim görevlisiyim. Online program hazırlamaya çalışıyorum. Size bir önerim var.
Video bittikten sonra bütün html ve css kodlarının ekran görüntüsünü alıp sayfa seklinde gösterirseniz kontrol ederek nerede hata yaptıgımızı görebiliriz.
LOGO yazısı yerine logo eklemeyi denedim. css üzerinden yapamadık html üzerinden
*Tebrikler Türkçe içerik çoğaltığın için*
BU ARADA
*BİR WEP SAYFAN VAR MI*
?
Eğer ki css de yaptıklarınız ekrana gelmiyorsa yazım noktalamaya dikkat edin. Benim ilk yaptığım uygulamaydı ve bu yüzden hata aldım, ekrana yazdıklarım gelmiyordu bir türlü. sonra yazım noktalamada hatam olduğunu fark ettim. Aynı hataya düşen arkadaşlarda olabilir diye yazdım.
Hocam merhaba , öncelikle çekmiş olduğunuz videoyu izledim bana artı yönleri oldu bilmediğim şeyleri öğrendim diyebilirim . SorGenç adlı bir web sitesi yapacağız Tübitak projemiz sizden de edindiğim bilgiler sayesinde harika şeyler yapmayı planlıyorum.
ağzınıza yüreğinize sağlık ☺♥
html biliyodum css bilmiyodu ama bu knalda css de ogrendim
Videoların devamı yolda. Takipte kal.
Allah razı olsun🙏.Ödevim için çok yardımcı oldu. Çok teşekkürler 🥰
❤
Float: right yapıyorum ama yazılar sağ gitmiyor sebebini yazabilirmisiniz
Discord sunucusuna gelirsen hatana orada bakalım. discord.gg/5DPSS3jHpg
Hocam web tasarim okuyorum videolariniz cok yardimci olmakta bu donemde paylasimlarinizin devamini heyecanla bekliyorum Ilk yorum ❤❤
Yorumunuz için teşekkürler. İlerleyen zamanlarda kanala JavaScript içerikleri ekleyeceğim. Yeni videolar gelmeye devam edecek takipte kalın.
parametreleri açıklamaları ile birlikte gösterseydiniz mesela "position absolute" bu yüzden kullanılır gibi daha iyi olurdu
Selam Arman. Bu videolar için biraz Html Css bilgin olması gerekiyor. Sıfırdan anlatırsam video 2 saat olur. O yüzden parametreleri detaylıca anlatamıyorum. İyi çalışmalar, bol kodlu günler :)
@ Sağolun, sizede iyi günler.
@@JaguaR-1903 adamın zaten çektiği videolar var onları izlemeden gelip burada bunu izlesen ne izlemesen ne
ABİ BİR SORUM VARDI SİTEYİ YAPIYORUM HER ŞEY GÜZELKAYDEDİYORUM KENDİ PCMDEN NORMAL AMA BAŞKA BİR CİHAZDAN GİRİNCE BENİM SİTEM ACILMIYOR SEBEBİ NEDİR
ben 8 yasındayım sizin sayenizde ilk web sitemi yazdım başarılarınızın devamını dilerim
hocam merhaba kodları yazıyorum fakat görünteleme kısmına gelince herhangi bir değişiklik olmuyor yardımcı olurmusun ?
yanlış yazıyorsunuz
Çooook teşekürler çok faydalı bir video oldu.
.container.center{
position: relative;
top: 50%;
left: 50%;
transform: translate(-50,-50);
font-family: sans-serif;
}
su sekilde aynisini yaptim ama ortalanmiyor nedenn
bendede olmuyor napiyim
Çok teşekkür ederim hocam elinize emeğinize sağlık belkide bizim Site yazılımında daha iyi yerlere gelmemizi sağlayacaksınız ki bence şimdiden sağladınız en çok merak ettiğim html kodları ile yapamadığım şeyleri css yazma ile öğrendim sizin sayenizde çok teşekkür ederim sağolun
Rica ederim. Güzel yorumun için teşekkür ederim. Faydam olmuş ise ne mutlu bana. İyi çalışmalar.
@ hocam ben sitemde butonları kullanıcağım ama yan yana değil alt alta geliyor onu hangi kod ile düzeltebilirim teşekkürler
hocam galiba sayfa boyutu ile alakalı sayfa boyutunu düşürdüğüm zaman yan yana geçiyor bende arka plan rengi ekledim sorun kalmadı hocam ama yinede aynı çözünürlükte butonları yan yana getirme kodunu atarsanız çok sevinirim
@ merhaba youtube videonuz izleyerek çeviri web sayfası yapabilir miyim acaba
@ discorda zaman aşımı uygaladılar
hocam hepsini aynisin yapiyom amma sitenin adi index.html olarak kaliyo ve sayfa ben beyaz oluyo hic bi sey yok ne yapayim?
ben dediğin şeyleri yapıyorum ama nedense yazdığım anasayfa fln filan sitede gözükmüyor boş beyaz ekran çıkıyor yani ne yapsam sitede gözükmüyor
hocam ben her şeyi dediğiniz gibi yaptım ama .container .center{
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%); kodunu yazdığım zaman çalışmıyor neden?
bende de çalışmadı yapabildin mi acaba
@@busraertok8859 yaptım ama hatırlamıyorum nasıl yaptığımı yarın pc den bakar anlatırım
Discord sunucumuza gelerek hatalarına cevap bulabilirsin.
bendede olmadi bula bildinmi?
arkadas bu yorumu iyi okuyun gelip burada abi şunuda bunuda anlatsaydın demeyin html css bilmeden gelip bu videoyu izlemeyin bazı problemler çıkıyor ne basit haliyle gelip buradaki yorumlara yazıyorsunuz o basit şeyleri dahi internet üzerinden araştırıp bulamıyor veya bulmaya calısmıyorsanız bu işe hiç girmeyin çünkü ezber yapılarak yapılacak bir iş değil herşeyide ezberinizde tutmak da mümkün değil o yüzden eğer bu işe atılmak istiyorsanız biraz zahmet edin de neyi nereden bulacağınıza bakın sadece video izleyerek olmuyor maalesef keza olsa bile yarın öbür günde en ufak sıkıntıda da videolara bağımlı kalcaksınız bunun da olumlu hiçbir etkisi olmaz işiniz üzerindet
abi kralsın sayende sınavdan 100 alıcam ( bilişim okuyorum).
2. Sınavları oldunuz mu doarum
@@Furkan-vv7xq 2. Ye giriyoruz işte
ben aynı kişiyim. Geç verdiğim için 70 aldım fakat ismimin yanına + aldım (bunun anlamı ise diğer sınavlarda notuma ekstra puan eklenicek demek). Saolun hocam
mükkemmel bir proje yaptım biraz önce size baka baka acayip iyi oldu ;)
Faydalanmana sevindim :)
ya .navbar ul li a.active
.navbar ul li a.hover{
background: blue;
}
boyle yapıyorum ama hover olmuyor ekranda neden ?
Merhaba, discord a gelirsen orada arkadaşlar yardımcı olacaktır. discord.gg/bilgisayar
Selam! Çok hızlı benim için sürekli dur deyip tekrar tekrar bakıyorum ayrıca daha detaylı(mes:hangi ve ne için kullanabiliriz diye söylesen süper olur) bilgi içerisinde videoların olursa sevinirim
abi ben notepad plustan da kod yazıyorum web sitemi yapıyorum seninki gibi dosya yazıyor linkin başında ben o linki telefondan google yazdığım zaman site açılmıyor
Discord sunucumuza gelirsen hatayı görerek çözmene yardımcı olabiliriz.
Discord: discord.gg/5DPSS3jHpg
Tek kelime ile mükkemmel, hem açıklayıcı hem de basit. Tebrik ederim bir abone daha kazandınız.
eyw kardesim cok isime yaradi adamsin seviliyosun
çok teşekkür ederim kral adamsın umarım videolara tam gaz devam edersin hepsini takipte kalacağım
dostum üstteki mavi bar kod yazılı olduğu halde gelmedi neden
Merhaba Berke. Videoda yaptıklarımın aynısını yaptıysanız çalışır. Büyük ihtimal virgül, nokta etiket kapatmama, class isimlerini yanlış yazma gibi bazı hatalardan dolayı kodun çalışmayabilir. Bu her yeni başlayan için olabilecek hatalar. Yorum biraz geç oldu ama kusura bakma :) İyi çalışmalar, bol kodlu günler :)
Logo yerine resim veya simge nasıl koyuluyor
Logo yazımızın sol tarafına resim i nasıl koyarız
HTML img etiketi ile.
@ teşekkür ederim oldu
Yaptığın gibi kodları yaptım ve açtığımda sende ana sayfa felan yazıyor bende sadece beyaz ekran var
Kaydetmeyi unutma.
yazının üstüne geldiğim zaman arka planı turuncu yapmıyor neden bakar mısınn
her şeyi yaptıktan sonra web sitesinin sürekli internette kalmasını istiyorsak yazdığımız kodları ne yapacağız
TEŞEKKÜRLER REİS. ELİNE AĞZINA SAĞLIK.
Hocam çok iyi video eline sağlık. Artık derste anlamadığım bişe oldumu buradayım :)
arka plan rengi ekleyemiyorum parentez hata veriyor dosyada problem yokken ne yapabilirim ?
Discord sunucusuna gelirsen orada yardımcı olabiliriz.
harika bir video olmuş. teşekkür ederim öğretici bir içerik için.
Rica ederim. İyi çalışmalar.
Merhaba ben menüyü sabitlemek istiyorum internette bir kaç örnek buldum ama menü eklediğim yazı resimler menünün üstüne çıkıyor çözümü olan var ise yazarsa sevinirim teşekkürler(z-index kullanarak çözdüm)
Merhaba, bu buttonlara link atayamıyorum. senin daha fazla yazdığın yere site içindeki iletişim html 'ye yönlendirmek istiyorum ama o buttonlara a href ekleyemiyorum.
Bende 4üncü dakkika 31. saniyede olduğu gibi açılıyor web site ama tamamen bembeyaz yani içiboş görünüyor site
Hocam ben sizin yaptıklarınızın aynısını yaptım ama site bomboş yani kodlar iletilemiyor yardımcı olur musunuz
Discord sunucumuza gelirsen orada hatana bakabiliriz. discord.gg/5DPSS3jHpg
İndex.html de yazdığım kodlar sitede sorunsuz gözüküyor fakat style.css de yazdığım hiç bir kod siteye işlemiyor ne margin ve paddingi yapabiliyorum ne resim ekleyebiliyorum hiç birisi olmuyor yardım eder misiniz ?
css dosya uzantısını doğru tanımlamamış olabilirsin bi kontrol etmeni öneririm.
allah razı olsun abi
ya bişey dicem benim projelerimi vs chrome de değil de operda çalıştırıyor ne yapmam lazım ??????????
Merhaba Dilara. Varsayılan tarayıcı olarak Chrome tarayıcısını seçmen gerekiyor. Bununla ilgili CZcams'da videolar mevcut. İyi çalışmalar.
Abi ben 25 yere kadar yazdım şu iletişim yerlerine kadar ama sitede gözükmüyo kayıtda ettim olmuyor abi acil dön
hocam index html ye girince sayfa beyaz ekranda açılıyor kod yazmama rağmen
Projeyi kaydetmeyi unutmuş olabilirsin.
Merhabalar visual studio code programından hepsini yaptım fakat html dosyasına girince beyaz ekran geliyor hiçbir sıkıntıda yok herşey aynısı kontrol ettim bunun sebebi nedir yardım edersen sevinirim.
Ctrl + S ile kaydetmeyi unutmuş olabilirsin.
abi nasıl kaydediyorsun işin bitince kaydediyorum diyorsun ya sürekli ben yapamıyorum onu
CTRL + S
video paylaşım için çok teşekkür ederim, çok faydalı oluyor.
Yorumunuz için teşekkürler.
aynen
abi ben style.css te background ta ki görünümü yapamadim yani fotorafi
Kodları görmeden bişey diyemiyorum. Discord sunucumuza gelirsen orada hatana bakabiliriz.
hocam bende resim gözükmüyor kodları yazmama rağmen
.container{
background: url(Countryball\ sadece\ ben\ varım.jpg
);
height: 100vh;
background-size: 100% 100%;
bunu yazdım hangi hatayı yaptım ?
Knk yaratığınız sitenin linkini nasil kopyalicaz? Telefondan nasıl baka bilicez? Yani linki telefona atiyorum çıkmıyo
hocam nasıl anlatacağım bilmiyorum ama ben de o sizin index.html'den dosyaya geçtiğiniz yerde website olarak değilde yine tekrardan visual studio belgesi olarak çözemedim de ne yapmam gerek
hocam saygılar ben linlerin arka plan rengini değiştiremiyorum yardımcı olurmusnuz
Sorununu çözebildin mi?
congratulations!Teacher.
merhaba hocam ben bottons kısmında sorun yaşıyorum daha fazla ve abone ol yazısını hiçbir sekilde hareket ettiremiyorum sabit kalıyor ortalayamadım yardımcı olurmusunuz
Kodları görmeden bişey diyemiyorum. Discord sunucumuza gelirsen orada hatana bakabiliriz.
eline sağlık cok yardımcı oldu videolarının devamını bekliyoruz
abi butonların içini nasıl doldururuz yani basınca başka bir sayfanın açılması gib
hocam background ekleyemedim sizin gösterdiğiniz gibi denedim ama aynı resim aynı şekilde
Çok işime yaradı kral teşekkürler ❤
bu siteye ne tür resim koymak lazım kalite düşüyoda
Ekran boyutuna göre bir resim ekleyebilirsin.
Bu videodaki mesela "Hakkımızda" yazan yerin içinide yaptığı yazdığı video var mı ?
Maalesef. Yaklaşık 5 sayfalık web site yapım aşamasındayım. Bi aksilik çıkmazsa hafta sonu paylaşmış olurum. Takipte kal.
15:55 burda uygulamaya giriyorum sizin sectiğiniz yer bende yok ne yapmalıyım?
teşekkr ederim çok güzel yapmışsın eline sağlık
Kendime göre uyarladım mükemmel oldu eyvallah
Abi bi sıkıntı var her şeyi yaptım sonra bakarım dedim bi baktım ekran bom boş ama kodlar aynı neden
çok yararlı bir video emeğine sağlık umarım daha iyi yerlere gelirsin
beğenip abone oldum üye de oldum eline emeğine sağlık kardeşim
Abi bu kurduğumuz siteye telefondan girebiliyormuyuz?
hocam 9:16 kısmındaki float: right bende çıkmıyor yardım edicek varmı ?
Çok teşekkür ederim hocam elinize emeğinize sağlık
abi hover ekledin ama önceden yaptığın sitede yavaş yavaş oluyordu bunda olmuyor???
Hata alıyorsa discord'a gel çözelim.
Hocam ben sizin yazdıklarınızı aynen yazıyorum ama site çalışmıyor sebebi nedir?
abi ben html sitesini yaptım ama başka birinin cihazından açılmıyor hata veriyor
Canlıya alman gerekiyor.
@ o ne demek?
En baştaki head yazısı kırmızı oluyor ve yaptığım hiç birdey gözükmüyor
abi visual studio code indirdim ve yapıyorum ama web sitesinde gözükmüyor hiç bir şey destek alabilir miyim ?
alan adı ve hosting hizmeti aldıktan sonra bu kodlamaları nasıl yapabilirim özellikle wordpress veritabanında
Google'da ufak bir araştırmayla bulabilirsin.
@ pek bulamadım özellikle önerebileceğin bir kaynak var mı
Bende neden direk Operaya yonlendiriyor anlamadim. Google Chrome uzerinden index.html degilde Opera uzerinden sadece index olarak aciliyo ve sayfa boss
Google Chrome'u varsayılan tarayıcınız yapmanız gerekiyor. Ayrıca dosya uzantılarını klasör seçeneklerinden açmalısınız.
hocam hicbisey yapmadim acildi. LOGO yazisi disinda digerleri gelmedi ama bekliyorum
@ tarayiciyi google yaptim. dosya uantisini aciyorum simdi
abi video güzel olmuş beğendim eline emeğine sağlık senin kanalına abone oluyorum ancak kod yazarken şöyle bi sıkıntıyla karşılaştım yazdığımız "position:absolute;" kısmında benim işe yaramdı o yazıları ortalayamadım olmadı, neden olmadığı hakkında da hiçbir fikrim yok acaba bana yardımcı olur musun bu kınuda
teşekküler :)
Discord sunucumuza gelirsen orada hataya çözebiliriz.
Abi resim ekliyemiyorum senin yazdın kodun aynısı yazıyorum yine olmuyor çözümü varmı
Discord sunucumuza gelirsen hatayı görerek çözmene yardımcı olabiliriz.
Discord: discord.gg/5DPSS3jHpg
4.31 ben girdigimde hiçbirşey acılmıyor yaptıklarının aynısını yaptım
ctrl+shift+ı yapıldığında mobil görünüm yanlış oluyor her ne kadar "" etiketi ile viewport ayarlasak da. Bu durumu nasıl çözeriz?
.container{
background: url(img/bg.jpg);
}
css olayını aynen yapıyorum ama görsel gelmiyor ?
Çözüm :
.container{
background: url(../img/bg.jpg);
! kullanarak gelmesi gereken html temel iskeletim gelmiyor neden sizce
Sanırım güncellenmiş. doc yazarak ulaşabilirsin.
Normal bir siteyi böyle yapmak zorlar mı sence HTML-CSS den yazmak diyelim normal site yaptık bu yönlendirmeler vesaire nasıl oluyor ? n11 gibi düşün ürüne basınca ayrı yer açılıyor , ayakkabılar , giysiler , ceketler gibi menüleri seçince başka yer . Yapmak istiyorum ama korkuyorum yardımcı olur musunuz . Discord sunucusu kursak?