Home CSS3 / HTML5 Css3 ile Responsive Tasarım Nasıl Yapılır?
Css3 ile Responsive Tasarım Nasıl Yapılır?

Css3 ile Responsive Tasarım Nasıl Yapılır?

1.87K
17

Merhaba arkadaşlar, uzun süredir videolu derslerimize ara vermiştik. Bu videolu anlatımımızda CSS3 ile Responsive Site Tasarımlarda kullanılan divlerin düzenlenmesini anlatacağım. Bu videolu ders, yeni web site tasarımlarınız da sizin önünüzü açacağından hiç kuşkunuz olmasın. Aslında bu çalışma ile tüm monitör tiplerinde, yani çözünürlüğü farklı olan tüm monitörlerde sitenizi tam anlamıyla görebileceksiniz. Böylece sitenizi cep telefonlarında, tabletlerde  ve bilgisayarlarda eksiksiz görme imkanı olacaktır. 

Tüm çözünürlüklerde sitenizi görüntülemek istiyorsanız bu çalışmayı kesin sonuna kadar izleyin. Şimdiden hepiniz hayırlı seyirler diliyorum. Yorumlarınızı eksik etmezseniz sevinirim. Kolay gelsin.

Videoyu izleyemiyorsanız Youtube.com engellenmiştir.

Çözüm için DNS adreslerinizi aşağıdaki gibi değiştirin.

Tercih edilen DNS Sunucusu:  8.26.56.26

Diğer DNS Sunucusu : 8.20.247.20

hemen-indir-butonu

(1872)

omerbozalan 1981 doğumluyum. Üniversite eğitimimi, Sakarya Ünv. Elektronik ve Bilgisayar Öğretmeni bitirerek tamamladım. Ayrıca C Sınıfı İş Sağlığı ve Güvenliği Uzmanıyım. 2014 Nisan ayında Adobe Dreamweaver CS6 Kitabımı yayınlarak tüm bildiklerimi sizlerle paylaşmak istedim. Kendimi Web Tasarım, Grafik Tasarım, Donanım konusunda hâlâ geliştirmekteyim.

Yorum(17)

    1. yeni sayfa acacıksın abi ondan sonra o sayfaya resimleri dıkıycaksın ama hepsi aynı boy olsun marjin e peddingden boşluk verdin mi tamam istersen lightbox eklersin olur biter

  1. Baron sana katiliyorum gercekten samimi olarak.video ile anlatim gordummu direk sayfayi terk ediyorum.site sahibininde senin yorumuna igrenc bir karsilik vermesini de kiniyorum

    1. Hayatınızda dikili bir ağacı olmayan sizler ancak eleştirirsiniz. Kafanız hiçbir şeye çalışmıyor. İnsanların paylaşmalarından daha güzel ne olabilir. Ama siz geri kafalılara bırakın nefes almayı internet bile fazla.

  2. Sevgili omer bozalan.Sizin bizim hayatimizda dikili bir agac olup olmadigini bilme ihtimaliniz yok.Bir php site yaptiniz diye kendinizi atom muhendisi zannedip burda sitenize gelenlere hakaret etme hakkiniz da yok.Ne kadar ilkeli ve seviyeli oldugunuz sozlerinizden cok net anlasiliyor.Bu kirli zihniyetinizle sizi basbasa birakiyorum…

    1. malesef sana sevgili numan diyemeyeceğim. Neyse… iki üç cümleyi bir araya getirip güzel yazı yazacağım ve ömer bozalan’ı ezeceğim tiplemelerine girme, kendin ol. Sizin gibi zihniyetlere güzel yazı yazamam, malesef. Atom mühendisi olduğumu nereden çıkardın. Komik kişilikler sizi.. Yahu bu sitenin günlük 2000 ziyaretçisi var. Aylık 60 bin kişinin faydalandığı bir site. Sende girip faydalanmışsın. Yoksa internette şu konuyu aratayım sonra siteye girip ömer bozalana biraz yazı yazıp aklını mı alayım diye girdin bu sayfaya… İki güzel cümle kurup birde ezersem ohhh cabası diyorsun yani… Bu kirli zihniyetten kastın ne 🙂 ben sana bir şey diyeyim mi? Ama alınmaca yok. Senin zihniyetin 0-5 yaş grubu ama yazma kabiliyetin çok iyi. Kendini geliştir, daha iyi yerlere geleceğine inanıyorum. Hadi şimdi defol git. Daha gelme buralara…

        1. Numan, istemeden de olsa seni sevmeye başladım 🙂 İlginç bir şeyler yarattın bende. Buda sana tekrar yazmamı sağlıyor aslında.
          Hayata bakış açını değiştirmelisin. Ayda 60 bin kişi burada bir şeyler öğrensin diye çabaladığımı görmüyorsun. Madem görmüyorsun. Benden beklentini öğrenebilir miyim? Ne demek istiyorsun mesela… Senin gözüne girebilmek için atomu mu tekrar bulmalıyım. Yada söylediklerinden eziklenerek.. Vay be, Numan ne kadar haklıymış, ne kadar embesilim ki 60 bin kişiye saçma salak şeyler öğretiyorum. Keşke ATOM’un nasıl yapıldığını öğretebilsem mi? demeliyim. Bana açık açık yazarsan, seninde ruh halini anlayıp ona göre bir video, belkide film bile çekebilirim. Evet senden beklediğim soruların cevabını istiyorum. (Hakettim herhalde)

  3. Bak omer olay şu; kimse sana ne berbat bir siten var, ayda 60 bin kişi gelmiyordur buraya, sen hiçbirseyden anlamaz herifin tekisin demedi.Biz sadece video ile kodlama anlatmanin bizim tarafimizfan hos karsilanmadigini belirttik.Sen bu yorumlarin uzerine siz salaksiniz ,internet bile fazla size gibi sacma cevaplar verdin.Bende sana bu sekilde konusmanin yanlis oldugunu ifade ettim.Eger yapilan olumsuz yorumlar hosuna gitmiyorsa hakret etmek yerine yorum onayi yap.her yorumu onaylama boylelikle sadece seni ulutanri gibi oven yorumlar yayinlanmis olur.Onay sistemini sitene entegre etmek bu kadar zor olmasa gerek.O guzel super beynine tekrar soyluyorum.sana siten kotu 60 bin kisi falan gelmiyordur demedim.Video ile kod anlatimi kotu diyen birine hak verdim ve sadece senin tutumunun yanlis oldugunu ifade ettim.

    1. Numan, yahu bütün ünv.ler uzaktan eğitime geçiyor nerdeyse. Sen neyden bahsediyorsun. Eğitim artık mekan tanımıyor ve tanımayacakta… Peki sen bunun neresindesin, bunu bileyim.Bana neden kodlamanın video olarak anlatmanın sizin tarafınızdan hoş karşılanmadığını bir açıklasan, daha iyi anlayacağım. Nasıl olmalı? fikirleriniz nedir?
      Merak ediyorum, yaptığın php veya asp bir web sitesi var mı? varsa alabilir miyim.

  4. Numan ve Baron adlı burnunun ucunu görmeyen ve kompleksli vatandaşlar. Girdiniz, izlediniz ve beğenmediniz. Çeker gidersiniz. Ne uzatıyorsunuz.
    Ben Ömer Bozalan kimdir? Bilmem ve tanımam. Webte CSS ile ilgili arama yaparken, siteye rast geldim. Evet bilen için küçük ve önemsiz bilgiler olabilir ama bilmeyen için büyük ve önemli bilgiler verilmiş!
    Siz biliyorsunuz (ki bunun ne kadar doğru olduğu tartışmalı) diye, herkesin bildiği anlamına gelmiyor. Bildiğinizi varsayalım, 2-3 basit kod ile 2-3000TL ye web site dümeniniz bozulduğu için burada yorum yapıyorsunuz.

    Bir iki ayarsızın yorumuna bakmayın. Ömer Bey siz bildiğiniz yolda devam edin.
    Bu arada, bu bilgisayar videolarında İngilizce terimler telaffuzu nedeniyle hep aynı tebessüm ifadesi yüzümde beliriyor.
    css–>ci-es-es hatalı
    css–>si-es-es doğru 🙂
    Bence direkt Türkçe
    css–>ce-se-se ifadesi daha doğru olacaktır.

Senin Yorumların

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Sonucu Giriniz * Time limit is exhausted. Please reload CAPTCHA.