- Видео 43
- Просмотров 141 574
bilisim nedir?
Добавлен 1 мар 2012
Bilişim Teknolojilerine Dair ne varsa yayınlamak istediğim yer burası. 2015 te açmama rağmen 2019'dan beri aktif ilgileniyorum.
Bilgi ve TEcrübelerimi paylaşacağım ve arşiv olarak saklayacağım kanalıma abone olmanız dileğiyle.
Bilgi ve TEcrübelerimi paylaşacağım ve arşiv olarak saklayacağım kanalıma abone olmanız dileğiyle.
Sadece CSS + HTML ile Resim Slayt Yapımı😎👊
Bu dersimizde Kısa ve öz olarak sadece CSS kullanarak kolay bir şekilde resim slayt galerisi (CSS slider) yapımını göreceğiz.
Javscript kullanmadan da websiteleriniz için kullanışlı ve basit bir resim galerisini çok daha az kod yazarak nasıl yapılabileceğini gösterdim.
CSS animation özelliği sadece galeri değil bir çok farklı animasyon yapılabilir. kanalımda yer alan diğer videolarada göz atarak animation özelliğinin nasıl kullanıldığını daha iyi anlayacağınızı düşünüyorum.
İyi seyirler, umarım beğenirsiniz🙋♂️
Her zaman ki gibi derste kullanılan resimleri aşağıdan indirebilirsiniz👇👇
drive.google.com/drive/folders/19ZCMaUp2ycz-LCZbqI0RmY1zYFnm7_-4?usp=sharing
Javscript kullanmadan da websiteleriniz için kullanışlı ve basit bir resim galerisini çok daha az kod yazarak nasıl yapılabileceğini gösterdim.
CSS animation özelliği sadece galeri değil bir çok farklı animasyon yapılabilir. kanalımda yer alan diğer videolarada göz atarak animation özelliğinin nasıl kullanıldığını daha iyi anlayacağınızı düşünüyorum.
İyi seyirler, umarım beğenirsiniz🙋♂️
Her zaman ki gibi derste kullanılan resimleri aşağıdan indirebilirsiniz👇👇
drive.google.com/drive/folders/19ZCMaUp2ycz-LCZbqI0RmY1zYFnm7_-4?usp=sharing
Просмотров: 12 607
Видео
CSS Flexbox modeli, Flex Yapısına Giriş.
Просмотров 1,5 тыс.3 года назад
Bu dersimiziDaha önce anlatımınıda gerçekleştirdiğim flexbox web sayfası yapımı dersine giriş olarak düşünebilirsiniz. Sizlerden gelen istek doğrultusunda , web sitesi tasarımına geçmeden önce bu videoyu izleyerek, ön bilgi sahibi olabilirsiniz. Derste CSS Flex yapısının nasıl kullanıldığı basit kutu modeli ile birlikte anlatılmıştır. İyi seyirler
3B Anahtarlık / Telefon Tutacağı Tasarımı , Tinkercad Dersleri 5😎
Просмотров 9234 года назад
Evet yeni dersimizle beraberiz. Yine günlük hayatımızda kullandığımız araçlar için birebir uyumlu ölçülerde yapacağımız bir tasarımla karşınızdayım. 01:42 Tinkercad Tasarım Başlagıcına git. Bu tasarım dersimizde Harf anahtarlık tasarımının nasıl yapılacağını göreceğiz. Ama sade bir anahtarlık olmayacak.😲 Aynı zamanda Telefon tutacağı olarak kullanabileceksiniz. 📱 Tinkercad ile bir kaç adımda ge...
3B Organizatör Tasarımı, Tinkercad Dersleri 4 (Sesli Anlatım 2020)
Просмотров 4814 года назад
Evet yeni dersimizle birlikteyiz, bu dersimizde seviyeyi bir tık yukarı alıyoruz. Günlük yaşantımızda kullanabileceğimiz bir örnek tasarım gerçekleştireceğiz. Hafıza kartı organizatörü... 03:13 Hafıza kartı ölçüleri alınması 04:53 Tinkercad ile 3B tasarım Şöyle ki; Diğer tasarımlardan farklı olarak bu sefer birebir ölçülerde bir tasarım gerçekleştireceğiz. Dersimizde hafıza kartları için organi...
✏️🖍3B Kalemllik tasarımı, Tinkercad Dersleri 3😎
Просмотров 6324 года назад
Tekrar merhaba arkadaşlar, serimizin 3. videosuda hazır. Bu dersimizde de sıfırdan Kalemlik tasarımı gerçekleştireceğiz. Tamamen özgün tasarım olarak👍 Yine tinkercad ile yapabileceğimiz tasarımlara devam ediyoruz. Güzel bir tasarım oldu. #tinkercad , #3btasarım Özellikle ince duvar olarak çıktı aldığımızda 3B çıktılar için kısa diyebileceğimiz bir sürede çıktı alabilirsiniz. Bu sayede kısa süre...
3B S Kanca Tasarımı, Tinkercad Dersleri 2 [2020]
Просмотров 6494 года назад
Merhaba arkadaşlar serimizin ikinci videosuyla birlikteyiz.Bu dersimizde S kanca tasarımı yapacağız. Bildiğiniz gibi yapı marketlerde Metal olarak satılan bu kancalar, mutfak ve banyo gibi yerlerde çok kullanışlı olabiliyor. Nereye koyacağımız bilemediğimiz, kenara sıkıştırdığımız birçok malzemeyi düzenlemek için bire bir. Daha öncede söylediğim gibi , tasarla gerçekleştir serimizin ruhuna uygu...
😎3B Kitap Ayracı Tasarımı ,Tinkercad Dersleri 1👊
Просмотров 1,4 тыс.4 года назад
Evet arkadaşlar yepyeni bir video serisine başlıyoruz bugün. Sıfırdan başlayarak 3B tasarım gerçekleştireceğiz. Nasıl mı? Detaylı 3D programları yerine tarayıcı tabanlı ve ücretsiz Tinkercad kullanacağız. Birçok farklı tasarımla derslerimiz devam edecek. Göreceksiniz ne kadar da kolay tasarlayacağız. Video serimizde amacım ; 3B yazıcısı olup kendi tasarımlarını çıkarmak isteyenler . 3B yazıcı i...
CSS Yazı Maskesi Uygulaması😲👌
Просмотров 9784 года назад
Bu dersimizde CSS ile yazıya nasıl maske resim ile maske yapabileceğimizi gördük. Ayrıca benzer kodlar olması sebebiyle yansıma efektinide anlattım. İyi seyirler diliyorum. Her zaman ki gibi derste kullanılan fotoları aşağıdaki linkten indirebilirsiniz. drive.google.com/open?id=1wlO_uZam467HO6QdnlUpEEVnzR2qfL1k
☀️☀️Web Sayfası Mükemmel Arkaplan Geçiş Efekti (HTML + CSS) 🌛🌜
Просмотров 3,5 тыс.4 года назад
Bu dersimizde CSS ile nasıl arkaplan geçiş efekti verebileceğimizi anlattım. Basit renk değişimleri için çok kolayken, fotoğraf geçişlerinde karşılaştığımız fotoğraflar arası atlama sorununun da çözümü burda. İyi seyirler. Beğenmeyi ve abone olmayı unutmayıın Lütfen. DErste kullanılan Fotoğrafları Aşağıdan İndirebilirsiniz. Ayrıca bu ve benzeri fotoğrafları kendinizde çekerek size özel geçiş ef...
😷Korona Virüsüne karşı 3D Yazıcı ile Yüz Koruyucu Siperlik /Maske Yapımı 😎
Просмотров 8314 года назад
Bugün 3d yazıcı ile nasıl yüz maskesi yapılabilceğini göreceğiz. Malum tasarım sitesinde birçok tasarım var ve hangisini seçeceğinizi bilmiyorsanız bu video tam size göre. Birçok maske denedim ama en kolay ve sorunsuz diyebilceğim bir modeli sizlerle paylaşıyorum. Hem çıktı süresi hemde kolay yapımı olması sebebiyle. denediğim birçok model arasından öneriyorum. Evinizde bulunabilecek basit delg...
CSS ile Radiobuton Tasarımı
Просмотров 1,1 тыс.4 года назад
😎Bu dersimizde özel radiobuton tasarımı gerçekleştirdik, iyi seyirler.😎 Tüm efektler tamamen CSS ve HTML kullanılarak gerçekleştirilmiştir. Sorularınız yada çekilmesini istedğiniz CSS hakkında dersler varsa yorumlara yazabilirsiniz👍
CSS ile Checkbox Tasarımı
Просмотров 1,3 тыс.4 года назад
Bu dersimizde özel checkbox tasarımını anlattım, umarım beğenirsiniz. İyi seyirler.
CSS ile Neon Yazı Efekti
Просмотров 1,1 тыс.4 года назад
Bu dersimizde CSS ile nasıl neon yazı efekti yapılacağını anlattım. Ayrıca CSS içerisinde tamda yeri olduğundan değişken kullanımıda anlatıldı. Umarım beğernirsiniz. İyi seyirler. Derste kullanılan arkaplan resmini aşağıdan indirebilirsiniz. drive.google.com/open?id=1KOQAJSIkl6DZbOJdkqVx_zfnN-qdJHlK
CSS GRID Sistemi İle Resim Galerisi Yapımı
Просмотров 2,3 тыс.4 года назад
Bu dersimizde hem grid sitemi hemde resim galerisinin nasıl yapılacağı anlatıldı. Dersin çoğunluğu grid sistemine ayrılmıştır. Grid sistemi genel kullanımda olan float kutu sistemine göre çok daha iyi bir sistem. Hem modellerken hemde mobil uyumlu hale getirirken çok basit bir şekilde yapabilirsiniz. Dersimizin adı ne kadar resim galeriside olsa , css grid sistemi anlatımı dersek daha doğru olu...
CSS ile Mobil Uyumlu Responsive Web Sitesi Yapımı (Flexbox Tasarım)
Просмотров 39 тыс.4 года назад
Bu dersimizde 0'dan başlayarak mobil uyumlu bir site nasıl yapılır göreceksiniz. Bilgisayar, tablet ve ceptelefonu için nasıl yapıldığı anlatılmıştır. Hem CSS site şablonunun nasıl yapılacağını,hemde yapılan web sitesinin nasıl mobil uyumlu hale getirileceğini anlatıldı. Tasarım kodlanırken eski düzen ,position ve float kodları yerine yeni ve daha mobil dostu flexbox tasarım kodları kullanıldı....
HTML + CSS ile Mobil Uyumlu Responsive Menü Yapımı
Просмотров 10 тыс.4 года назад
HTML CSS ile Mobil Uyumlu Responsive Menü Yapımı
😲 CSS + HTML Animasyon (Dönen Dünya)
Просмотров 3,5 тыс.4 года назад
😲 CSS HTML Animasyon (Dönen Dünya)
3D Sosyal Medya İkon Yapımı (HTML + CSS)
Просмотров 7004 года назад
3D Sosyal Medya İkon Yapımı (HTML CSS)
Responsive Menü Yapımı ( Mobil Uyumlu )
Просмотров 2,7 тыс.4 года назад
Responsive Menü Yapımı ( Mobil Uyumlu )
Arduino ile While ve Do While Döngüleri
Просмотров 2505 лет назад
Arduino ile While ve Do While Döngüleri
Arduino ile Mesafe Ölçümü HCSR04, 29.1 mi 0.0343 mü?
Просмотров 1255 лет назад
Arduino ile Mesafe Ölçümü HCSR04, 29.1 mi 0.0343 mü?
Arduino Kontrol Deyimleri(if, else if, else)
Просмотров 1015 лет назад
Arduino Kontrol Deyimleri(if, else if, else)
merhaba sondan başa değil de sanki yan yana kaydırıyormuşuz gibi en baştan devam etse olmaz mı?
Hocam merhaba öncelikle içeriğiniz için teşekkür ederim. Fakat şöle bir problem var. Body içerisine yazdığım site içeriği menü açıldığında menünün üstünde kalıyor. Nasıl bir yol izlenmeli?
Tekrar merhaba , ikinci bir sayfayı da dahil ettim ama bu arada orta_alan > orta > icerik teki p içerisine birinde iki kat fazla yazı olduğunda yukseklği artıyor ve yükselik verip overflow:hidden desem de komple icerik alanında bozulmalar oluyor.tabi o kadar da bilgim yok bilemedim ne yapabilirim...
Merhaba videonuzu baştan sona izledim , çok çok teşekkür ederim sayenizde oldukça fazla şey öğrendim.Emekliyim ve hobi olarak hiç bir ticari kaygım olmadan web programcılığını öğrenmeye çalışıyorum.Bildiğim ama yapamadıklarımı nasıl yapabileceğimi gördüm sayenizde.Sizinle birlikte aynı projeyi bende yazdım, buna benzer ama görünüm ve içerik olarak farklı , birde çok sayfalı bir proje geliştirmeyi düşünüyorum ve hatta JS+Node JS öğrenebilirsem veri tabanlı bir proje geliştirmek istiyorum.Tekrar emekleriniz için çok teşekkür ederim hakkınızı helal ediniz , görüşmek üzere iyi çalışmalar...
Sitem varda böyle yapmak istiyom nasıl yapcam yardım eddbilirnisşb0}
@liberalmedyaniye
Şu karakteri kaç kez yapmaya çalıştım hangi tuş olduğunu bile söylemişsiniz Allah razı olsun
Anlatımınız çok sade ve anlaşılır. Elinize sağlık hocam, teşekkür ederim.
Tam da ihtiyacım olduğu zaman.. hocam çok teşekkür ederim harikasınız :)
hocam şimdi bunun aynısını yapacaz diğelim 2 tane lazım orda animasyonda slayt yertine başka bişley yaazabilirmiyiz
hocam harika bir anlatım olmuş elinize ağzınıza sağlık
Acaba menunu mobil kisminda focus vererek yapa bilirmiyiz?
telefon görünümüde 44:52 cursor pointer gerekli mi?
resimlerin boyutları aynı olmuyor. onu nasıl ayarlıya biliriz?
Ayni boyut resimler kullanmaniz gerekiyor yada css ile ayni boyutta duzenlemeniz
Hocam merhaba deprem öncesi ve sonrası yapılara ait fotoğrafları , bu yöntem ile slayt olarak hazırlamak istiyorum. Yardımcı olmanız mümkün mü ? Teşekkürler
Yapabilirsiniz, ayni noktadan cekilmis fotograflari bulmanız yeterli. Gerisi ayni
hocam lütfen hızlı cevap veririseniz mutlu olurum ben checkbox işlemini li lerden birine verecem ama çalışmıyor yardım edermisiniz
vs code dan da yazılabilir mi
Tabii ki yazabilirsiniz
💪
adamm adammmm adammmmmm
Okullarda responsive öğretecek lerine flex box öğretseler ne kaybederler acaba
Yeni müfredatta flex yapısı var ama maalesef cok yuzeysel.
videonun 10.dakikasında backroundu sizin yaptığınız gibi yapıyorum fakat gelmiyor yardımcı olur musunuz? @bilisimnedir?
Valla kardeşim bi konuyu hep arıyordum senin kanalında buldum senin kadar başarılı anlatan yok bu konuyu kaç yıllık video işimi gördü.
Hocam Bu efektin Script veya tema şeklinde olanını bulmam lazım nasıl bulabilirim
Kullanmadim bilemiyorum.😕
Sağol reis güzel ders ve proje oldu 🥳
Sade anlatımınız benim için çok faydalı oldu, teşekkürler, saygılar.
background: linear-gradient(rgba(0,0,0,0.4),rgba(0,0,0,0.4)),url("#"); bu kod bende çalışmıyo image siyah olmuyo
Hocam çok teşekkür ederim kanalınızı yeni buldum içerik çok güzel !
Mükemmel anlatım tasarım derslerie devam lütfen
Güzel, eğitici, kısa ve öz bir video olmuş. Emeğinize sağlık, başarılarınızın devamını dilerim.
çok yararlı oldu, teşekkürler
eline emeğine bileğine sağlık mükemmel bir video olmuş..
Hocam elinize sağlık.bir şey sorabilir miyim.sayfanın içinde bulunan mesela ürünler butonuna tıklayınca bu sayfada kalarak nasıl açıyoruz,yani İndex sayfası dışındaki sayfaları nasıl link vereceğiz.ilk sayfa dışındaki sayfaları nasıl yapacağımızı bir türlü anlayamıyorum.
Bunun iç n php yada asp bilmen gerekiyor. Sayfanin orta alanina hangi buton tiklandiysa ondan gelen $GET degerine gore istenilen sayfa o alana include ediliyor.
@@bilisimnedir2898 hocam cevabınız için teşekkür ederim.Yani html ve css kodlarıyla bu işi halledemem.Yada tablonun içinde yaparsam öyle çağırabilirim değilmi?Yani Web sayfalarındaki linklere tıklanınca hep aynı sayfada kalıyor olması html dışında bir kod ile yapılıyor?Saçma sorularsa kusuruma bakmayın.
@@esmadogan7202 Basit bir sayfa sie html ilede yapilir ama acemi işi olur. Anasyafanin sadece ortasi degisik olan kopyalarinin oldugunu düşünün ,her buton bir sayfayı acar bu sekilde orta alan degismis gibi olur. Verilerin veritababindan geldigini dusunursek, evet programlama olmadan olmaz.
@@bilisimnedir2898 hocam gerçekten teşekkür ederim .Acemi işine bile razıyım çünkü anlamıyorum .Profesyonel yapmak için benim sayfalarımın hep php olması gerekiyor doğrumu anladım.O zaman .html ile biten tasarımlarımın bir önemi yok değilmi?
@@esmadogan7202 evet artik html ile biten web sayfasi bulmazsiniz. Html tasarim icin kullaniyoruz, php yada asp icinde. Onsuzda olmaz yani
Selamün aleyküm. Tesekkürler ders icin. Bu videoya rastlayana kadar (yeni ögreniyorm) bu resimlerinn döngüsünü javascriptle yapilabilecegini düsünüyordum. yani bir dizinin icine at oradan cek gibi biseydir herhalde diyordum. Merak ettgiim biz nezaman js kullanacagimizi bilecegiz? bu konuda bir fikriniz yada kaynaginiz var mi? bir yandan js ögreniyorum ama fnksiyon yapisi yok dizileri filan bence bisey ifade etmiyor.
Bunun icin hazir JavaScript kütüphaneleri kullanabilirsiniz. Ama her guncelleme ile CSS ses ile yapilabilecek animasyon ozellikleri artiyor. Bu galerilerin bu kadar kolay yapilabiliyor olmasin lazim zaten. Hatta buna hic JavaScript kullanmadan ileri geri eklenebilir gizli radio buttonlarla.
@@bilisimnedir2898 tesekkür ederim. aslinda soru bu videonun altina geldi ama benim sorum genel anlamda idi.yani asil meselem css nereye kadar isime yarar, javascript ise yaramaya ne zaman baslar?
@@yazilimportali6431 javascript islemlerde, sunucu tabanlı olmadan calisabildiginden, tasarim yaninda kulanilabilir. Programdal islemler icin bu yuzden kullanilir. Sunucuyu yormaz, tarayici tabanlidir. Bu sebeple tercih edilir.
@@bilisimnedir2898 tesekkür ederim sanirim bu konuyu anlamam biraz zaman alacak . kolay gelsin hocam.
digital kitap ayracı bu şekilde mi hazırlanıyor?
11:42
Çok teşekkürler ellerinize sağlık :)
Super .tessekurler
yeni kesfettim bu kanali ama gerek icerik gerek anlattim 10 numara helal olsun
Önce mobilden tasarıma başlayıp sonra desktopa doğru geçmek daha kolay ve pratik değil mi?
Tercih senin👍
@@bilisimnedir2898 Peki, teşekkürler.
1,18 B oldunuz dersleri çok güzel anlatıyorsunuz hocam
Yaptım Çok güzel oldu. Ama bu slidere hem manuel geçiş eklemek istiyorum hemde başlık kategori tarih eklemek istiyorum resimlerin üstüne. Bunu nasıl yapabilirim acaba
Hocam emeğine sağlık. Kanalında ilk seyrettiğim video oldu ve çok beğendim. Yeni başladığım için çok faydasını göreceğimden eminim.
Hocam lütfen 1.sorum bunu <table> <tr> <td> de yapmak mümkünmüdür mümkünse nasıl yaparım 2.sorum bu yaptığımı nasıl ortalarım table tr td de yaptıysam oun içine nasıl ortalarım lüütfen cevap hocam bekliyorum.:)
Ana div i css ile ortalaman lazim Mete. Ama kanalda daha guncel responsive menüler var onlara bakabilirsin.
@@bilisimnedir2898 teşekkürler hocam
Çok güzel, dingin halde ders niteliğinde anlattığınız için teşekkür ederim.
hocam php ile nasıl kodsuz site yazabiliriz ?
hocam merhbalar bu orta alanı ne yaptıysam yanyana getiremedim alt alta duruyor nasıl düzeltebiliriz saygılarım ile
Kanalda flex yapi ile ilgili giris dersi var onu izleyebilirsin, yardimci olacaktir.
cok cok teşekkür ederim oldu
hocam merhabalar bu sosyal ağlara dosyadan çağırıyoruz ya o dosyayı nasıl yapcaz link olarak koydum resim olarak koydum yine gelmıyorbaşka yerden bulup yapıstırdım busefer link olarak altta gözukuyor sizin gibi resim gözüküp uzerine tıklayınca acılmıyor bunu nasıl cozebilirim saygılarım ile.🤔🙈
Teşekkürler hocam, emeğinize sağlık
%ler yerine piksel kullanacağım da ayarlamaları nasıl yapmalıyım
hocam benimki neon olmadı düz yazı oldu 😅
Dikkat edersen yapabilirsin, muhtemel küçük bir ayrinti gözünden kaçıyordur😄
hocam yönetim panelini nasıl yapacağız
Yönetim paneli icin kodlama yapmalisin, asp veya php ile.
hocam emeğin için teşekkürler.ben bu siteyi etys de satmak istesem çzel wordpress mobil duyarlı web sitesi tasarımı olaraktan satabilirmiyim