HTML&CSS SIFIRDAN RESPONSIVE SİTE YAPIMI (GİRİŞ SEVİYESİ UYGULAMA DERSİ)
Вставка
- Опубліковано 30 вер 2024
- Bu ders HTML-CSS Giriş-Orta Seviye Derslerin Uygulama Videosudur
▼▼▼
Emmet Eklentisi ile Alakalı Ders Videosu
• Editörler ve Zen Codin...
Float Ders Videosu #
• Site yapısı ve Float ö...
Menu Yapımı ve Display Özelliği #
• Menü Yapımı ve Display...
Konumlandırma (Position) Dersi #
• CSS 'te Position-Konum...
Ders Dosyaları #
yadi.sk/d/MG-y...
Destek için abone olabilirsiniz ##
Gıdım gıdım ders anlatmamış arkadaşımız, allah ne verdiyse döktürmüş:)...emeğine sağlık
Anlatım süper yalnız abicim menudeki herseyi büyük harfle yazdın o UA-cam küçük kaldı ya ders boyunca ona baktım çok sinirimi bozdu :)
Yaptığım temalarda CTRL + ile yakınlaştırırken divlerde kayma oluyordu. Çıldırıyordum. Sayende Max-width ve box-sizing:border-box özelliği ile günlerdir beni delirten soruna çözüm buldum. Teşekkür ediyorum şahsım adına. Bu tarz daha çok videolar bekliyorum.
Çoktandır bu kadar uzun tasarım videosu izlememiştim. İzlediğime de değdi. Bu kadar güzel ve hatasız anlatıma bir teşekkür etmeden geçmek saygısızlık olur. Teşekkür ederim Muhammet kardeşim. Çok uğraşmışsın ama güzel olmuş. Eline, koluna sağlık. İlk başlarda kodlama hatası mı var acaba dedirttiği yerler oldu elbette ama kodları tekrar tekrar gözden geçirdiğimde seninle birebir aynı yapınca aynı görüntü ve fonksiyonlara sahip olabildiğini gördüm. Tek sıkıntım ufak çözünürlüklerde açılır kapanır menü yapımıydı. Onu da başka bir arkadaşın videolarından ufak bir örnek almış oldum. Bu işi yapıp da devlet sırrı gibi kimseyle bir şeyleri paylaşmayan arkadaşlara da örnek olsun bu video.
Tekrar teşekkür eder, saygılarımı sunarım...
faydalı olduysa ne mutlu ben teşekkür ederim 👍👍
Dostum eline, ağzına sağlık gayet güzel bir anlatım olmuş. Beğeni ile takip ediyoruz...
Kardeşim şu Siteyi Nasıl Kurabilirim ; Adam Telefon Dinliyor Capture Phone Number Diyerek Buyur Bak;ua-cam.com/video/GzOlVPJ5G4c/v-deo.html Kuruluşunu Söylersen Sen'de Hesap Calabirsin Ben'de...
Flex'siz yaptığınızı görünce ayrıca saygı duydum, aradığımdan fazlasını buldum. Çok teşekkürler
Değerli Kardeşim ellerine sağlık çok güzel anlatım olmuş. Tek karşılaştığım sorun siteye video koyuyorum AUTOPLAY tanımlayınca otomatik başlamıyor. Bu sorunun kaynağı ne olabilir? Eğer hala buralardaysan :)
HOCAM WEB TASARIM DA SITE YAPIP BASTAN SONA VE INTERNETE KOYMA VİDEOSU BULAMADIM VARSA BASKA BI YERDE YARDIMCI OLURMUSUNUZ LÜTFEN ÖĞRENCİYİM DE ...
Web oluştururken Java ne işe yarayacak yani
neresinde Kullanıcaz?
kardesim cok hizli uyguluyorsun. yeniler nasil anlasin boyle hizli
Usta ne yapıyorsun 2 yılda bir geri mi dönüyorsun bu sene bekliyoruz sağlam videolar tabi hala yasıyorsan 😅 ellerine sağlık
çok güzel anlatım yetenek akıyor tebrikler emeğine sağlık
Allah razı olsun çok güzel emeğine sağlık. Bayağı faydalı içerik. 3 yıl olmuş ama :) videoların devamını bekliyoruz.
Abi Tema Nasıl Ypılırdiye Bir Videyo ekermisn?
Çok eğitici bir video olmuş , umarım devamı gelir. Angular ve bootstrap ile alakalı da videolar bekliyoruz.:))
hocam bi konuda yardımcı olabilir misiniz ?
abi slider backgroundu yapıyorum ama sitede göstermiyor neden anlamadım?
Kodlarınızı mail olarak ulaştırırsanız yardımcı olabilirim.
abi sıfırdan filim sitesi kodliyabilimiyiz
Hocam çekmwye devam edin size para vercem
öncelikle ders için teşekkürler. Css'i ilk defa çok rahat kavradım. Benim sorum siteyi dreamweaver Code bölümünde yapıyorum sıkıntı yok. Tarayıcı da istediğim gibi gözüküyor. Fakat Design bölümüne geldiğimde wp.img yarım görünüyor. yazılar tasarımın dışında kalıyor. neden olabilir?
önemli olan tarayıcıda nasıl gözüktüğü programda neden o şekilde gözüküyor bilmiyorum.
kolay gelsin ustam öncelikle ders videon çok güzel olmuş süper anlatım ama resimler ekran boyutuna göre alt alta gelse sanki daha hoş olabilirdi tabi benim nacizane görüşüm
Daha hizli yap daha hizli kimse anlamasin
sayın hocam güzel anlatımınız için çok teşekkürler kanalınıza abone olmak bana farz oldu.....
Ellerine sağlık kardeş çok güzel anlatmışsın, web sitesi tasarlamayı yeni yeni öğreniyorum bi sorum olacaktı. Dersin başında wrapper diye bir class belirttin html'de fakat css'de karşılık vermedin? Karşılık değer vermen gerekmiyomuydu? Cahilliğim için kusura bakma.
Öncelikle herkes bilmediğinin cahilidir önemli olan araştırıp öğrenme aşkını kaybetmemektir kimse bir şeyler bilerek doğmadı herkes aynı yerden başladı kendine böyle davranma. Sorunuza gelecek olursak her class'a özellik atamak zorunda değiliz çalışmasını engelleyen bir durum yok. Fakat mantıken bir html'e class yazdıysak niteliklerini de css ile belirtiriz boş boş her elemente class vermeyiz. Ama tam tersi olabilir classlar yazarız ihtiyacımız olduğu başka bir zaman kullanırız veya kullanılmak için hazır classlar vardır tıpkı css frameworklerde olduğu gibi. Benim wrapper diye class yazıp nitelik atamamamın ise bir manası yok alışkanlıktan kapsayıcı bir dive wrapper diye class atamışım fakat css yazmak gerekmemiş öyle kalmış sanırım :)
Hızlı cevabın için çok teşekkür ederim. Başarılarının devamını dilerim.
Mobil site yapimini anlatirmisiniz
hocam daha gelişmis css derslerine devam edersen çok daha faydalı olur teşkkürler güzel içerik
Kullandığın programın adını yazabilirmisiniz ilk kez gördüm denemek istiyorum
notepad++
Muhammet abi güzel video ellerine sağlık nerelisin abi
Abi merhaba, video çok güzel olmuş ellerine sağlık, ben Atom kullanıyorum editör olarak, header .logo komutunu senin yazdığın gibi yaptım ortaya almak için, diğerlerinide yan yana yapmak istedim ama, aynı kodu yazmama rağmen olmadı, editörden dolayımı yoksa kodlamada bir problem yapmış olabilirmiyim?
selamlar, problemini tam olarak anlayamadım daha açıklayıcı olarak kod örneğinle mail atarsan yardımcı olabilirim..
problemi cozdum kodlama hatasi yapmisim :)) .logo yazdigin yeri ayni sekilde yazdigimda komutu algilamamisti sendeki gibi, acaba editorden editore farkmi ediyor diye merak etmistim, tesekkur ederim :)
notepad linkini goremedim
kardeş eline sağlık, benim bir sorum olacak siteye sürgü kaydırma çubuğu ekledim ve yükseklik genişlik vererek sayfanın istediğim yerine getirttim ama bir sorun oldu sayfaya ctrl - yapınca responsive olmuyor benim verdiğim yükseklik ve genişlik değerleri kullanıyor otomatik diyorum gene ayn nasıl hallederim teşekkürler
selamlar, öncelikle responsive testini sayfayı zoom in/out ederek değil de telefonunla test etmeni veya developer tool aracılığı ile test etmeni tavsiye ederim olmadı pencereyi küçülterek dene. İkinci olarak kodlarını görmeden bir şey söyleyemem mail yolu ile ulaşabilirsin..
e-mail adresinizi alabilir miyim?
Usta süpersin ciddi söylüyorumm
hocam emeğine sağlık, gerçekten faydalı bir video olmuş. teşekkürler.
Dostum emeğine sağlık çok yararı dokundu. Çok açıklayıcı anlatıyorsun.
Tarayıcımın sık kullanılarına aldım dostum. Emeeğine sağlık.
Merhaba Muhammet Bey. Çok açıklayıcı olmuş gerçekten. Wordpress tema giydirme diye videonuzu bekliyorum. Bildiğiniz gibi en çok o sektörde kullanılıyor bu bilgileriniz. Allah nazardan korusun tıkır tıkır yaptınız. Başarılarınızın devamını dilerim. Ayrıca Bazı temalardaki scroolla beraber takılı kalan menüyü ayrıntılı olarak anlatacağınız videoları bekliyoruz....
herşeyi geçtim bende aynı şekilde yaptım herşeyi baştan sona ama resimi koyuyorum cover verince kaybıuluyor
Merhaba çok teşekkürler, net bir anlatım. Lütfen daha dağınık bir sayfa üzerinde, resim ve metinlerin sayfanın istediğim metrik alanında olması için ayarlamaları da gösterebilir misiniz.
Güzel olmuş gerçekten. Şu css selector seçicilerinde böyle fantezi bi seçimler yapsan güzel olur açıklamaya da bölümleri dakkasıyla maplesen. Thanks
DAHA YENİ İZLEDİM HAKKIN ÖDENMEZ REİS HELAL OLSUN VALLAHA
Merhaba bende böyle bir site yaptım ancak hosting e yükleyince sadece yazılar doğru yerde resimler görünmüyor
muhamet css ve javasicriple ilgileniyorum udemy de ders veriyormusun bilgim var aslında sadece teorik eksiklerimi bitirip uygulamaya gececem bir ücrete vere bilirim bu rası yeterli gelmiyor ne düsünüyoran bana yolarsan iyi olur
Online platformlarda ders yayınlamıyorum artık sadece proje yapıyorum. Diğer konular için mail atabilirsiniz.
muhammet teşekürler kardeşim ağzına saglik
bir wepsafasi yapıyorum çok yardımcı oldun
responsive özellikli site yapmak bizim için ciddi dert oluşturuyor sadece bununla ilgili detaylı video çekersen sağlam hit alırsın. çünkü en yakın tarihli videolar 2014 yıllarında çeklmş güncellik yok
hepsini aynı şekilde yapıyorum ancak menüdeki li lerin altları çizili kalıyor bi de şu slider classına atadığım resim çıkmıyor yardım edebilecek olan?
Şimdi ben bütün derslerini indirdim ama kafam karıştı direk bu dersi mi izlesem yoksa diğer derslerine devam edeyim mi ?
Eğer temel html-css bilgilerinizde eksiklik varsa diğer dersleri izlemenizi öneririm. Eğer html-css kodlamanız bilgi olarak tam ise uygulama ve yöntem için bu dersi izleyebilirsiniz çünkü bu ders uygulama dersidir basit konuların detayına girilmiyor.
slider resmim gözükmüyor.
custom css ayarlarım
/*SLIDER */
slider {
height: 400px;
background: url('../img/sld.jpeg') no-repeat center 100%;
background-size: cover;
index ayarlarım
şeklinde yardımcı olursanız sevinirim
Mail üzerinden dosyanız ile beraber ulaşın.
muhtesem
Anlamıyorum neyi ne yapınca ne oluyor?
Başka videolar izleyip öğreneceğim sonra bu videoya bakıp anlarım
Detaylı ve Akıcı Anlatımınız ve Emeğiniz için teşekkür ederim.
Chrome harici tarayıcılarda 'slider' ve yazı gözükmüyor.Explorer'da denedim.
sen varya... ...ADAMMMMSINN
Hocam
Detayli anlatimin cok iyi kardesim uzman olmama rahmen sonuna kadar izledim. Basarilar diliyorum.
very good friend
Tebrikler sadece bizde açilan sitemiz basariyla kuruldu
size nasıl ulaşabilirim sormam gereken bir konu var ?
muhammetakkuss34@gmail.com
@@mawebtech attım olumlu yada olumsuz dönüş yaparsanız sevinirim
Kral sende div falan yazınca oto olarak geliyor bende olmuyor
gelsin :)
Ders gerçekten güzel yeni farklı siteler yaparsan ders olarak bu şekilde bizler faydalanırız
ADAMSIN VARYA SEN
Yolun açık olsun kardeşim çoğu sorunumu çözmem de yardımcı oldun :)
abi koyduğun o fotagraftaki telefon benim telefon htc desire
Selam Muhammet kardeş , öncelikle videoların ve anlatımın çok güzel , teşekkür ederim. Bir div ve class açarken kullandığın kısayol nedir anlatabilir misin? .class ismi yazıp bir klavye kısayoluna basıyorsun otomatik olarak o class name li bir div geliyor.
Bahsettiğin kısayolu Emmet eklentisi sağlıyor ilgili ders videosu açıklama kısmında var.
boşlukları full sıfırlamak ve sitenin saga dogru kaydirilmamasi için ;
*{
margin:0;
padding:0;
}
body{
overflow-x:hidden;
}
kodlarini kullanabilirsiniz
bu kod tarayıcıya baya bi yük veriyor(muş) göööya onun yerine bişeyler düşünmek lazım. Bende yok yeniyim ama..
keşke jqery kodunu da yazsaydın :) eline sağlık
Kim Video Hızını 2x Yaptı
cok anlaşılır anlatmısın azına eline sağlık :)
çok iyi sakin anlatmissın tesekürler
İndex.html yok?
Abi herşeyi yaptım ürünleri yan yna koyamadım. yardımcı olurmusun salı ödevi teslim etcem
Sultan 21 dosyalarınızla beraber mailden iletişime geçebilirsiniz
çok hızlı anlatyon abi
keske devam videolarıda çekseymişsin
Mükemmel video teşekkürler :)
çok faydalı oldu.. sağol hocam
Çok güzel olmuş
Hemen nasıl bir class oluşturuyorsun acaba?
emmet eklentisi ile alakalı dersimi izleyebilirsiniz.
@@mawebtech teşekkürler
Ben siteme kayıt sistemi eklemek istiyorum ama yapamıyorum bir sürü video izledim nasıl yapılır anlamadım video çekip gösteririmsin ve gösterirsen nitelikli anlatırsan sevinirim