CSS3
CSS3

SIFIRDAN BAŞLAYIP SON AŞAMAYA KADAR ÖĞRETEN SET

* CSS ve CSS3 Konu Anlatımı
* Mobil : Bootstrap
* Mobil Site ve Web Site Uygulamaları

setlerinden oluşan 3 lü pakette 
komut anlatımlı ve bol uygulamalı toplam 22 saatlik türkçe settir. 
 

Günümüzde Mobil Uyumlu Web Sitesi Yapım İhtiyacı Her Geçen Gün Artmakta. Son olarak Google 21 Nisan 2015 Tarihinden Sonra Mobil Uyumluluğu Olmayan Web Sayfalarını AŞAĞI, Mobil Uyumu Olan Web Sayfalarını YUKARI çıkaracağını Açıkladı. 

114 TL
12,67tl X 9 TL
3 TL Hediye
Kazandığınız TL leri
sonraki alışverişinizde
kullanabilirsiniz. Üye
avantajlarından
faydalanabilirsiniz.

Kredi Kartı
:
114 TL
Havale / EFT
:
111 TL
Kapıda Ödeme
:
126 TL
Yurtiçi gönderilerde kargo ücreti talep etmiyoruz. 16:00 a kadar vereceğiniz siparişler aynı gün gönderiyoruz.

Bu Nedenle Arama Motorlari Siralamasinda Aslan Payina Sahip Google, Mobil Gerekliligi Kritik Bir Boyuta Tasidi.

Kisacasi Sitenizin Daha Üst Dizinlerde Kulanicilariniza Görünmesi için web sayfanizin Mobil Destegi Olmak Zorunda.

Egitim Setimizde ; Bootstrap Framework Ile Mobil Uyumlu CSS,CSS3 Web Siteleri Yapmasini Ögreneceksiniz. 


Egitim Setimiz;

CSS Bilgisi Olmayanlara,

CSS,CSS3 bilgilerini Gelistirmek Isteyenlere ,

Tasarim Bilgisi Olup; Tasarimi Web Sayfasina Aktarmak Isteyenlere,

Mevcut Web Sitesini Bootstrap Ile Mobil Uyumlu Hale Getirmek Isteyenlere Hitap etmektedir. Set Içerisinde Sadece CSS kodlama Anlatilmamaktadir. PSD to CSS dedigimiz Photoshop Dosyasindan Içerik Alip Web Sayfamiza Nasil Ekleyeceginizde Anlatilmaktadir.

UYGULAMALAR
Videosifrele  ( Bootstrap )Videosifrele ( Bootstrap )
Mobil Site : SanalogretimMobil Site : Sanalogretim
Mobil Site : OgretogrenMobil Site : Ogretogren
Ayakabı Sitesi ( Bootstrap )Ayakabı Sitesi ( Bootstrap )
Web Sayfası Uygulaması 1 ( Bootstrap )Web Sayfası Uygulaması 1 ( Bootstrap )
VIDEOLAR

YORUMLAR
  • Çağrı YILDIZ - / ANKARA10.10.2016
    Merhaba mailime ilettiğiniz bilgiler ile düzeltmeleri uyguladım sorun çözüldü.İlginize sonsuz minnettarım bu saatte bile destek alabilmek mutluluk verici.Sonsuz teşekkürler.
  • Çağrı YILDIZ - / ANKARA10.10.2016
    Merhaba, Son derece verimli içeriğe sahip set için sonsuz teşekkürler.anlatımlardan öğrendiklerim doğrultusunda bir uygulama yaptım ancak mobil uyumu lokalde çalışırken ,host'a yükleyince çalışmıyor sorun neden olabilir teşekkürler.
    SANAL ÖĞRETİM
    Bootstrap için gerekli dosyalardan birisi veya birkaçı eksik olabilir. Hosta attığiniz adresi paylaşırsanız daha fazla yardımcı olabilirim.
  • Muhammet Can KARA - Öğrenci / İstanbul24.8.2015
    Gerçekten Çok Güzel Bir Setti Keşke Biraz daha fazla örnek site tasarımı gösterseydi yinede sette emeği geçen herkese teşekkür ederim bu arada seti bitiren arkadaşlar bol örnek yapsın css alışmak biraz zaman istiyor :)
  • Muttalip ATASAYAR - Öğrenci / Erzurum6.8.2015
    Herkese merhaba. eğitim setini yaklaşık bir hafta aldım. eğitim seti için gerçekten çok büyük bir emek var. eğitimi anlatan hoca alanında uzman olduğunu setin her saniyesinde belli ediyor. böyle bir türk eğitim sisteminin var olması beni gururlandırıyor. aldığınız her kuruş sonuna kadar helal olsun. allah a emanet olun.
  • erkan görgülüoğlu - esnaf / sivas24.7.2015
    sitenizde bulunan videolarda bulunan videosifreleme.com sitesindeki görünümü nasıl yapabiliyoruz css3 eğitim setinde yapabilirmiyiz resmin ekrana tam yayılması al ve üst menününde ekrana tam yayılması bunu nasıl yapabilirim ve bu çalışmanın adı nedir.
    SANAL ÖĞRETİM
    Menü bootstrap içerisinde Component olarak bulunuyor. 2 adet farklı kullanımı mevcuttur. Sette kullanımları detaylı olarak anlatılıyor. Resimler responsive yani kullanıcının tarayıcısına göre otomatik küçülmesi de sette detaylı olarak anlatılıyor. TÜM UYGULAMALAR psd Dosyasınından Parçalanmasından Başlanarak Kullanıcıya sunulacak son haline kadar anlatılıyor.
  • Seref AKMAN - / İstanbul9.7.2015
    Öncelikle emeği geçen herkeze teşekkürler benim gibi tasarımcısına kızıpta tasarım yapmaya karar veren belki yüzlerce kişi vardır eğitim setleri mükemmel özellikle volkan hoanın anlatımları harika bir önerim veya talebim diyelim html 5 php ve css ile birlikte üçünü aynı set içersinde yeni bir setyapmanızı rica ediyorum yani bır form kişisel kurumsal ve alışveriş titesi tarında sıfırdan baslayan lar icin neyin nerde kullanılacağını uygulamalı olarak görürse daha yayarlı olacağını düşünüyorum saygılarımla.
  • Furkan Uzun - Bilişim / Samsun16.6.2015
    Merhaba Arkadaşlar, Profesyonel ve Kendini son trend teknolojiyle donatmak isteyen web tasarım meraklısı arkadaşlara şiddetle tavsiye ediyorum. Bu fiyata bu kalitede eğitim almak gerçekten çok mutluluk verici. Setin Eğitmenine Buradan Teşekkür Ediyorum.
  • Hakan BURUCU - Fizik öğretmeni / Kumluca antalya 4.5.2015
    Css eğitim setinizi satın aldım. tek solukta 30. derse kadar geldim. gerçekten güzel hem seri bir şekilde dersler işlenmiş ancak 35. ders hover buton dersi çalışmıyor. bununla ilgili bilgilendirme yapılırsa sevinirim
    SANAL ÖĞRETİM
    35.Ders Kontrol edildi. Video İçerisinde Sorun görünmüyor.Eğitmen anlatımında da kod çalışıyor. Muhtemel sıkıntı, Resimin Klasör Yolu veya CSS Kodlama İmla Hatası olabilir. info@meysa.com.tr email Adresine Sorun Yaşadığınız Kodu gönderiniz. Eğitmen İnceleyip Size Geri Dönüş Yapacaktır. İyi Çalışmalar Dileriz.
  • Resul KORKMAZ - Programcı / Tokat4.4.2015
    Css3 eğitim setini yeni aldım. izlemeye devam ediyorum. gerçekten anlatım harika almuş. jquery eğitim setinin de hazırlanması süper olur. inşallah en kısa zamanda jquery eğitimini de çekersiniz.
  • ilker tekin - Frontend Developer / istanbul6.4.2015
    Css3 Seti Beklediğim setti.Çıkmış sevindim en kısa zamanda sipariş vericem.Html5 Phpseti gibi mutlaka kalitelidir.Nede olsa Sanalögretim farkı.Şimdiden emeği olan herkese hocamıza,Sanalögretime Teşekkür ederim.Saygılarımla
  • cuma lee - web tasarım / adana3.4.2015
    html 5 css3 php after effects asp.net eğitim setlerini aldım setlerin hepside çok güzel emeği geçenlere teşekür ediyorum Allah razı olsun java script eğitim setinide bekliyoru böyle bir imkan varsa
  • Gökhan Ünal - Bilgi İşlem / Ankara2.4.2015
    Setin içeriği harika. Uzun zamandır beklenen bir setti. İnşallah kısa zamanda jQuery setini de çıkarıp seriyi tamamlarsınız emeği geçen herkese teşekkürler.
  • Serkan - Serbest / İzmir1.4.2015
    Nihayet!!! Sanırım İlk Siparişi ben veriyorum... 01 nisan 2015
  • cuma lee - yazılım+donanım+grafiker / adana30.3.2015
    gözlerim yollarda css de kaldı hergün en az iki defa sayfaya giriyorum setin ilerleme durumuna bakmak için ....
  • Cengizhan Halaç - Sistem Uzmanı / Mersin28.3.2015
    Öncelikli olarak Setlerinizi çok beğendim hocalarımız tane tane anlatmışlar konuları css3 çıkınca hemen siparişini vereceğim sizden tek ricam bu eğitim setlerini mobil olarak da izleme imkanı sağlamanız bir apk yazılamazmı eğitim setlerini android ve ios tabanlı telefon ve tabletlerimizde de izlemek için setin fiyatının uygun olacağını düşünüyorum gerçi hocalarımızın emeği belki daha fazla eder ama bizleride düşünen bir firma var teşekkürler sanalöğretim.
  • Mustafa - Yazılım Uzmanı / Adana24.3.2015
    Tanıtım videoları gerçekten güzel gidiyor, ayakkabı dünyası psd to css olarak yapılmış hocamız öyle diyor. Video sonunda profesyonel bir psd tasarımı aktarabilirse hocamız harika olur.
    SANAL ÖĞRETİM

    Merhaba; CSS3 Setimizde PSD to CSS anlatılmaktadır. PSD dosyası içerisinde Web sitemizde Kullanacağımız Resimlerin Parçalanması Anlatılıyor. Sonrasında Parçaladığımız bu Resimleri Sıfırdan Web Sayfasında Toparlıyoruz. CSS ve CSS3 Kodlarını Yazıp Web Sayfamızı Oluşturuyoruz.
    Kısacası; Hazır Tasarımdan (PSD) Başlayarak , Web Sayfasına Kadar Olan Tüm Aşamalar Setimiz İçerisinde Anlatılmaktadır.

  • cuma lee - web tasarım / adana6.3.2015
    sabırsızlanmaya başladım bir an önce çıksaydı şu set
  • Mustafa - Yazılım Uzmanı / Adana20.2.2015
    Şunu da belirtmek istiyorum derslerin sonunda tam bir web sayfası bootstrap kullanarak yapılırsa harika olur. Özellikle PSD to CSS olursa daha iyi olur. Güzel bir PSD tasarımın bootstrap ile css e dökülmesi harika olur. Bildiklerimizi proje üzerinde görmemiz gerek. Tekrardan rica ediyorum PSD to CSS(Bootstrap ile) olursa harika olur gerçekten.
  • ufuk ayverdi - / 15.2.2015
    Daha evvelden aspnet eğitim setini aldım ccs3 eğitim setini sabırsızlıkla bekliyoruz yalnız ilerleme düzeyiniz çok ağır bir çok arkadaşın piyasada dolaşan ve aslinda cok da yeterli olmayan bir video setini satın alıyorlar bu setin hazırlanma sureci iz çok ağır ilerliyor biz iyi bir öğretim setini sizlerde ciddi bir pazarı her geçen gün kaybediyorsunuz
    SANAL ÖĞRETİM

    Set çekimlerimiz hızlı bir şekilde çekime devam etmeye başladı. Seti çeken hocamızın Sanal Öğretim için proje yazdığından biraz yavaşlamıştı. Artık bundan sonra kesintisiz ve hızlı bir şekilde çekimleri devam edecek. İlginiz için teşekkür ederim.

  • baran boztaş - öğrenci / 9.2.2015
    set ne zaman satışa sunulacak acaba?
    SANAL ÖĞRETİM

    Nisan başı satışa sunulacak.

  • ugur temir - öğrenci / bursa5.2.2015
    jquery dersini sabırsızllıkla bekliyoruz. volkan hocam onuda ele alırsa cok memnun oluruz :)
  • Ozan Özyaşar - / Diyarbakır4.2.2015
    Öncelikle Ben Gerçekten Sanal Öğretim Çok Beğeniyorum Sürekli Takip Ediyorum Burdan Hocalarımza Çok Teşşekür Ediyorum Böyle Faydalı Güzel Setleri Uygun Fiyata Bize Sunmalarından Dolayı Css3 Hakkındaki Düşüncelerim Hocam işalla css3 eğitiminde içerik kadar görsellikte güzel olur birde SANAL ÖGRETİM Hocalarıma Sesleniyorum Hocam JQERY Veya Boostrap Tarzında Eğitim Seti Çıkarmanızı Artık Günümüzde Ne kadar Sayfalar Dinamik Olsada Sadece Dinamik Olması Yetmiyor
  • Mustafa - Yazılım Uzmanı / Adana26.1.2015
    İlerleyişi yüzdelik olarak göremiyoruz, set çekimleri nde son durum nedir?
  • Çağatay Emre ÜNAL - Girişimci / Zonguldak21.1.2015
    Daha önce HTML5 ve PHP eğitim setlerini almıştım ve maalesef içeriğinde CSS olmaması büyük eksiklikti, neyseki bu setle umuyorum bunu giderebileceğiz.Set hazır yapım aşamasındayken içerisinde slider tasarlama diye bir bölüm olmasını veya eklenmesini rica ediyorum bu konunun son derece önemli olduğu kanısındayım anasayfa'nın daha şık ve ilgi çekici görünmesi açısından.Çalışmalarınız için kutlarım, iyi çalışmalar.
  • cuma öğüt - / adana20.1.2015
    eğitim seti bu ayın sonuna kadar çıkarmı acaba adobe photoshopla ikisini bir almak istiyorum
  • Murat ÇELİK - Avukat / Hatay17.1.2015
    Volkan Alakent hocanın anlatımları harika.Mümkünse Volkan hocadan Javascript ve Jquery/Ajax üzerine de bir set istiyoruz.CSS3'ü de alacağım.Sizleri tebrik ediyorum.Teşekkürler.
  • Mustafa - Yazılım Uzmanı / Adana12.1.2015
    Eğitim seti tam olarak ne zaman çıkacak, belli bir tarih var mı? Bekliyoruz merakla :)
  • Esra Candaş - Öğrenci / İzmir8.1.2015
    Merhaba öncelikle tüm eğitim setlerinizde tartışmasız çok iyi anlatımlar var. php eğitim setinizi ve daha sonrada html5 eğitim setinizide aldım. volkan hocamızın anlatımları çok ama çok iyiydi. bu setde volkan hocanın anlatımı diye bakmtım ama örnek videoları inceleyince sesin farklı olduğunu gördüm. keşke volkan hocanın eğitim seti olsaydı.
    SANAL ÖĞRETİM

    Öncelikle beğeniniz için teşekkür ederiz. Nasıl ki diğer Sanal Öğretim setlerimizi beğendiniz. CSS3 setimizi de çok beğeneceksiniz. Sanal Öğretim hocalarımızın hepsi branşlarında birbirinden değerlidir. Anlatımı olsun, konu hakimiyeti olsun değerli hocamız tarafından çekilmektedir. Anlatan aynı zamanda Sanal Öğretim Web Sitesinin Kodlarını yazan kişidir. Sitemizdeki videoları izlediğinizde sizde kanaat getireceksiniz. Bunun haricinde bootstrap uyumlu bütün platformlarda çalışan uygulamaları da siteye eklenecektir.

  • Erdinç BAŞAK - Makina Mühendisi / Bursa4.1.2015
    Bu eğitim setinin de diğerleri gibi kaliteli olacağı şüphesizdir. Erken sipariş butonu açıldığında siparişi vereceğim çünkü internette çok gereksiz bilgiler var css ile ilgili ve bize zaman kaybettiriyor. Düzenli bir kütüphanemizin olması bize fayda sağlayacaktır. iyi çalışmalar ...
  • Mustafa - Yazılım Uzmanı / Adana29.12.2014
    Öncelikle keslinlikle Bootstrap framework u güzel şekilde anlatılıp video sonunda tüm ders müfredatında bulunan konularla dahil edilerek bir proje yapılırsa çok iyi olur. Projesiz olan eğitim setlerinde her şey havada kalıyor.
    SANAL ÖĞRETİM

    Merhaba; Bootstrap CSS Framework Setin İlerleyen Derslerinde Anlatılacaktır. Ayrıca Jquery Mobile CSS Framework de anlatılacaktır. Full responsive web sayfası uygulamamızda olacak setin son uygulama bölümü içerisinde. Yorumunuz İçin Teşekür ederiz.

  • cuma öğüt - grafiker / adana28.12.2014
    böyle bir set hazırladığınız için teşekürler html 5 php setlerini aldım çıkınca ilk işim sipariş vermek olacak javascript derslerinide bekliyorum kolay gelsin
EĞİTİM İÇERİĞİ
CSS3 Eğitim Seti 22 Saat Türkçe Anlatım

  • 1) CSS YARDIMCI ARAÇLAR
  • 144) Bootstrap Form Group ( Form Grup Özellikleri )
  • 2) Öğeyi İncele ( Internet Explorer )
  • 145) Bootstrap Form inline harizontal ve diger Form Çeşitleri -1
  • 3) Öğeyi İncele ( Firefox )
  • 146) Bootstrap Form inline harizontal ve diger Form Çeşitleri -2
  • 4) Öğeyi İncele ( Google Chrome )
  • 147) Bootstrap Buttons ( Butonlar )
  • 5) CSS GİRİŞ
  • 148) Bootstrap Image shapes ( Resimler Şekilleri)
  • 6) Css nedir ? Başlıca Faydaları Nelerdir ?
  • 149) Bootstrap Helper classes ( Yardımcı Classlar )
  • 7) Görünüm Arayüzünü ( Pencerelerini ) Özelleştirmek
  • 150) Bootstrap Responsive Utilities ( Responsive Hizmet Classları )
  • 8) Yeni Site Oluşturmak
  • 151) BOOTSTRAP - Komponentler
  • 9) Yeni HTML5 Dosyası Oluşturup Kaydetmek
  • 152) Bootstrap Glyphicons ( ikon fontlar )
  • 10) Browser Yönetimi ( Yeni Browser Tanımlama , Birincil Browser Seçme )
  • 153) Bootstrap Dropdowns ( Açılır Menü )
  • 11) CSS Kodlama Yazım Kuralları
  • 154) Bootstrap Button groups ( Buton grup )
  • 12) Css İçerisinde Açıklama Metni Girmek ve Komutları Etkisiz Hale Getirmek
  • 155) Bootstrap Button dropdowns ( Açılır Butonlar )
  • 13) Satıriçi Css kullanımı ( Style Komutu )
  • 156) Bootstrap Input Groups
  • 14) Sayfaiçi Css kullanımı
  • 157) Bootstrap Navs ( Basit Menüler )
  • 15) Css Dosyası İle CSS kullanımı, CSS Dosyası Oluşturmak ve Html Sayfasına Bağlamak
  • 158) Bootstrap Navbars Gelişmiş Menüler -1
  • 16) CSS Dosyası kullanımının Sayfaiçi ve Satıriçi Css Kullanımına Göre Avantajları
  • 159) Bootstrap Navbars Gelişmiş Menüler -2
  • 17) SEÇİCİLER
  • 160) Bootstrap Breadcrumbs ( Navigasyon )
  • 18) Etiket Seçicilerin Kullanımı ( h1 , b , div , span)
  • 161) Bootstrap Pagination ( Sayfalama Görünümü )
  • 19) ID Seçicilerin Kullanımı ( #Baslik , #logo)
  • 162) Bootstrap Pager
  • 20) Class Seçicilerin Kullanımı ( .ilkClasim , .Logo)
  • 163) Bootstrap Labels
  • 21) Evrensel Seçicilerin Kullanımı
  • 164) Bootstrap Badges
  • 22) Çocuk Seçiciler ( ul > li , div > span)
  • 165) Bootstrap Jumbotron
  • 23) Torun Seçicilerin Kullanımı ( ul li , div span)
  • 166) Bootstrap Page header
  • 24) Bitişik Seçiciler ( h1+p , span + em )
  • 167) Bootstrap Thumbnails
  • 25) Nitelik Seçicilerin Kullanımı ( a[title] , img [alt] )
  • 168) Bootstrap Alerts
  • 26) first-letter
  • 169) Bootstrap Progress bar ( Yükleniyor Çubuğu )
  • 27) first-line
  • 170) Bootstrap nested-media ( İç içe Yazılar - Yorum > Cevap Gibi)
  • 28) after
  • 171) Bootstrap list-group ( Liste Grupları )
  • 29) before
  • 172) Bootstrap Panels ( Paneller )
  • 30) first-child
  • 173) Bootstrap Responsive embed ( Sayfa İçerisine Dışarıdan Video Çağırmak (youtube) )
  • 31) last-child
  • 174) Bootstrap wells
  • 32) nth-last-child
  • 175) BOOTSTRAP - Javascript
  • 33) nth-child(odd)
  • 176) Bootstrap Modal -1
  • 34) nth-child(even)
  • 177) Bootstrap Modal -2
  • 35) nth-child
  • 178) Bootstrap Dropdown ( javascript İle Kullanımı )
  • 36) nth-child(2n)
  • 179) Bootstrap Scroll-spy
  • 37) link , visited , hover , active
  • 180) Bootstrap Tabs
  • 38) hover ( Buton Örnek Uygulama )
  • 181) Bootstrap Tooltip
  • 39) focus
  • 182) Bootstrap Popover
  • 40) not
  • 183) Bootstrap Alert ( javascript İle Kullanımı )
  • 41) Selection
  • 184) Bootstrap Butons, Checkbox, Radio-buton
  • 42) Seçiciler Toplu Örnek ( Etiket,ID,Class)
  • 185) Bootstrap Collapse - Accordion
  • 43) BACKGROUND
  • 186) Bootstrap Carousel slider -1
  • 44) background-color
  • 187) Bootstrap Carousel slider -2
  • 45) background-image
  • 188) Bootstrap Affix
  • 46) background-repeat
  • 189) Bootstrap Ek Örnekler ve interneti olmayanlar icin alternatif kaynaklar
  • 47) background-position
  • 190) Bootstrap Web Sitesi Uygulaması -1 ( Mevcut Bootstrap Tasarımı İle )
  • 48) background-attachment
  • 191) Html5 Layout
  • 49) background-size
  • 192) Web Sayfası Uygulaması Tanıtım
  • 50) background
  • 193) Bootstrap ın İndirilmesi ve Taslak Dosyasının Oluşturulması
  • 51) PADDING, MARGIN ve BORDER
  • 194) navbar (üst Menü Hazırlanışı) - Margin Düzeltme kodu
  • 52) padding ( top,left,bottom,right) ve Tek satırda Kullanımı
  • 195) index.html : crousel (Slider) Eklenmesi ve Slide Resimlerinin Dahil Edilmesi
  • 53) margin ( top,left,bottom,right) ve Tek satırda Kullanımı
  • 196) index.html : Modal (pencere) Bölümünün Hazırlanması
  • 54) border-style
  • 197) index.html : jambutron un Sayfaya Eklenmesi
  • 55) border-color
  • 198) index.hmtl : thumbnail ürünlerin yerleştirilmesi
  • 56) border-top-left-right-bottom-color
  • 199) index.html : alt bölümün hazırlanması (footer) ve Sayfanın HTML5 Taglarına Uyumlu Hale Getirilmesi
  • 57) border-top-left-right-bottom-style
  • 200) index.html , taslak.html : üst menü linklerinin verilmesi ve taslak dosyasına eklenmesi
  • 58) border tek satirda kullanim
  • 201) hakkimizda.html : Hakkımızda Sayfasının Hazırlanması
  • 59) FONT ÖZELLİĞİ
  • 202) urunler html Ürünler Sayfasının Hazırlanması -1
  • 60) font-color
  • 203) urunler html Ürünler Sayfasının Hazırlanması -2
  • 61) font-family
  • 204) urunler html Ürünler Sayfasının Hazırlanması -3
  • 62) line-height
  • 205) iletisim.html : İletişim Sayfasının Hazırlanması
  • 63) text-align
  • 206) Ayakabı Sitesi : Bootstrap Web Sitesi Uygulaması 2
  • 64) font-size
  • 207) Web Sayfası Uygulaması Tanıtım
  • 65) font-weight
  • 208) Bootstrap download ve psd dosyasını Web Sayfası İçin Parçalamak -1
  • 66) font-style
  • 209) Bootstrap download ve psd dosyasını Web Sayfası İçin Parçalamak -2
  • 67) text-decoration
  • 210) Header : Logo üst Kuşak ve Sağ Taraftaki Menünün CSS Kodlaması
  • 68) font
  • 211) Header : Logo Arka Planın Kuşağının CSS Kodlaması ve Logonun Sayfaya Yerleştirilmesi
  • 69) text-indent
  • 212) Header : Üst Menü Responsive Ayarları
  • 70) text-transform
  • 213) Header Üst Kategori Menüsü ve Responsive Ayarları navbar -1
  • 71) word-spacing
  • 214) Header Üst Kategori Menüsü ve Responsive Ayarları navbar -2
  • 72) letter-spacing
  • 215) Bootstrap Carousel Slider Web Sayfasına Eklenmesi Slider Resim Taslağının Psd den Parçalanarak Alınması -1
  • 73) KUTU YAPILARI
  • 216) Bootstrap Carousel Slider Web Sayfasına Eklenmesi Slider Resim Taslağının Psd den Parçalanarak Alınması -2
  • 74) Kutu Yapıları ( width,height )
  • 217) Section Grid system yapısı Urun Listesi -1
  • 75) Kutu Yapıları ( min-width,max-width )
  • 218) Section Grid system yapısı Urun Listesi -2
  • 76) Kutu Yapıları ( min-height,max-height )
  • 219) Section : css kodlama ve yerleşim ayarları ( Urun Listesi )
  • 77) Display ( Block,inline,none)
  • 220) Aside Alışveriş Kartım bölümü Sağ Blok -1
  • 78) float
  • 221) Aside Alışveriş Kartım bölümü Sağ Blok -2
  • 79) float ( Resim İşlemleri)
  • 222) Aside Alışveriş Kartım bölümü Sağ Blok -3
  • 80) clear : left,right,both
  • 223) Aside : Ürünleri Karşılaştır bölümü ( Sağ Blok )
  • 81) position relative fixed absolute -1
  • 224) Aside Topluluk Anketi Bölümü Sağ Blok -1
  • 82) position relative fixed absolute -2
  • 225) Aside Popüler Etiketler Sağ Blok -1
  • 83) visibility hidden
  • 226) Aside Sosyal Medya iconları Sağ Blok -1
  • 84) Mouse İkon Değiştirmek (cursor)
  • 227) Aside Sosyal Medya iconları Sağ Blok -2
  • 85) z-index
  • 228) Aside Sosyal Medya iconları Sağ Blok -3
  • 86) opacity
  • 229) Aside : Footer alt bölüm ( FİNAL )
  • 87) CSS3
  • 230) Videosifrele.com : Bootstrap Web Sitesi Uygulaması 3
  • 88) CSS3 prefix ( Mobil ve Desktop Tarayıcı Desteği )
  • 231) videosifrele : Web Sitesi tanıtımı
  • 89) text-shadow
  • 232) videosifrele : Web Sayfası İçin psd Dosyasının Parçalanması -1
  • 90) box-shadow
  • 233) videosifrele : Web Sayfası İçin psd Dosyasının Parçalanması -2
  • 91) border-radius
  • 234) videosifrele : Bootstrap İndirilmesi index.html Dosyasının Oluşturulup Bootstrap Testinin Yapılması
  • 92) GRADIENT
  • 235) videosifrele : Üst Menünün css Kodlaması Navbar -1
  • 93) linear-gradient
  • 236) videosifrele : Üst Menünün css Kodlaması Navbar -2
  • 94) linear-gradient ( Açı vermek )
  • 237) videosifrele : Üst Menünün css Kodlaması Navbar -3
  • 95) linear-gradient (Başlangıç Ve Bitiş Değeri Vermek)
  • 238) videosifrele : Üst Menünün css Kodlaması Navbar -4
  • 96) linear-gradient ( Çoklu Renk Tanımlamak )
  • 239) videosifrele : Slider Web Sayfasına Eklenmesi
  • 97) TRANSITIONS
  • 240) videosifrele : Slider Altındaki Bilgilendirme Bölümüm css kodlaması
  • 98) Transitions ( width,height ( tekil özellik vererek anlatım ) )
  • 241) videosifrele : Bilgilendirme sütunlarının css kodlaması -1
  • 99) Transitions (Çoklu Değer Vermek )
  • 242) videosifrele : Bilgilendirme sütunlarının css kodlaması -2
  • 100) Transition-delay ( Bekleme Süresi )
  • 243) videosifrele : Bilgilendirme sütunlarının css kodlaması -3
  • 101) Transition-duration ( Çalışma Süresi )
  • 244) videosifrele : Web sayfasının alt bölümü footer bölümünü css kodlaması -1
  • 102) Transition-property ( Özellik Seçiçi )
  • 245) videosifrele : Web sayfasının alt bölümü footer bölümünü css kodlaması -2
  • 103) TRANSFORM
  • 246) videosifrele : Web sayfasının alt bölümü footer bölümünü css kodlaması -3
  • 104) Transform-rotate
  • 247) videosifrele : Web sayfasının alt bölümü footer bölümünü css kodlaması -4
  • 105) Transform-rotate ( hover )
  • 248) videosifrele : Web sayfasının alt bölümü footer bölümünü css kodlaması -5
  • 106) Transform-rotate ( Multi Özellikli )
  • 249) videosifrele : İletisim sayfası css kodlaması google map ve iletişim bilgileri -1
  • 107) rotateY ( Yatay Çevirme )
  • 250) videosifrele : İletisim sayfası css kodlaması google map ve iletişim bilgileri -2
  • 108) rotateX ( Dikey Çevirme )
  • 251) videosifrele : İletisim sayfası iletisim formu ve son ayarlar final -1
  • 109) scaleX ( Yatay Ölçeklendirme )
  • 252) videosifrele : İletisim sayfası iletisim formu ve son ayarlar final -2
  • 110) scaleY( Dikey Ölçeklendirme )
  • 253) videosifrele : İletisim sayfası iletisim formu ve son ayarlar final -3
  • 111) scale ( Yatay ve Dikey Ölçeklendirme )
  • 254) SanalOgretim Mobil Site Bootstrap Web Sitesi Uygulaması 4
  • 112) skewX ( Yatay Eksende Eğme )
  • 255) SanalOgretim Mobil : Sanalogretim Mobil Site Tanıtımı
  • 113) skewY ( Dikey Eksende Eğme )
  • 256) SanalOgretim : Mobil psd Dosyasının Parçalanması -1
  • 114) skew ( Yatay ve Dikey Eksende Eğme )
  • 257) SanalOgretim : Mobil psd Dosyasının Parçalanması -2
  • 115) tek satirda skew scale rotate toplu kullanım
  • 258) SanalOgretim : Mobil psd Dosyasının Parçalanması -3
  • 116) ANIMATION
  • 259) SanalOgretim Mobil : Bootstrap Taslağının Oluşturulması
  • 117) CSS3 Animation 1 ( Trafik Işıkları)
  • 260) SanalOgretim : Mobil Üst Menünün Css Kodlamasının Yapılması -1
  • 118) CSS3 Animation 2 ( Animasyona birden fazla deger vermek )
  • 261) SanalOgretim : Mobil Üst Menünün Css Kodlamasının Yapılması -2
  • 119) CSS3 Animation 3 ( from to : Yüzde Yerine Kullanılan Diğer Şekli )
  • 262) SanalOgretim Mobil : Üst Arama Bölümünün Css Kodlamasının Yapılması
  • 120) CSS3 Animation 4 ( animation delay : Animasyonu Bekletmek )
  • 263) SanalOgretim Mobil : Yeni Öğretim Setleri Bölümünün Css Kodlanması -1
  • 121) CSS3 Animation 5 ( infinite : surekli animasyon )
  • 264) SanalOgretim Mobil: Yeni Öğretim Setleri Bölümünün Css Kodlanması -2
  • 122) CSS3 animation 6 ( hover : Animasyonu Mouse ile Üzerine Gelince Çalıştırmak )
  • 265) SanalOgretim : Mobil Egitim Setleri Bölümünün Css Kodlaması -1
  • 123) CSS3 Animation 7 ( alternate : Animasyonun Tersine Akışını Sağlamak
  • 266) SanalOgretim : Mobil Egitim Setleri Bölümünün Css Kodlaması -2
  • 124) CSS3 Animation 8 ( animation-iteration-count )
  • 267) SanalOgretim Mobil : Sayfa Alt Bölümünün Css Kodlaması -1
  • 125) CSS3 Animation 9 ( multi browser destegi - prefix )
  • 268) SanalOgretim Mobil : Sayfa Alt Bölümünün Css Kodlaması -2
  • 126) MOBIL - Bootstrap
  • 269) SanalOgretim Mobil : sol kayan menu web sayfasına entegresi
  • 127) Bootstrap Nedir
  • 270) SanalOgretim : Mobil sol kayan menu css kodlaması -1
  • 128) Bootstrap Örnekleri ile Tanitim
  • 271) SanalOgretim : Mobil sol kayan menu css kodlaması -2
  • 129) Bootstrap İndirip Websayfasına Tanımlamak
  • 272) SanalOgretim : Mobil sol kayan menu css kodlaması -3
  • 130) Bootstrap Döküman tipi ve Mobil Yakınlaşma Engelleme
  • 273) SanalOgretim Mobil : sol kayan menu jquery kodlarının yazılması (Final)
  • 131) Bootstrap CSS Dosyası Oluşturup, Bootstrap class Yapısına Müdahale Etmek
  • 274) Ogretogren Mobil Site Bootstrap Web Sitesi Uygulaması 5
  • 132) Bootstrap Container ve Container-fluid Kullanımı
  • 275) Ogretogren Mobil : Uygulama Tanıtım
  • 133) Bootstrap Grid system Sütun Mantigi -1
  • 276) Ogretogren : Mobil psd dosyasının parçalanması -1
  • 134) Bootstrap Grid system Sütun Mantigi -2
  • 277) Ogretogren : Mobil psd dosyasının parçalanması -2
  • 135) Bootstrap Media Queries
  • 278) Ogretogren : Mobil psd dosyasının parçalanması -3
  • 136) Bootstrap Mobil ve Desktop Görünüm Sütun Yapısı ( Hepsi Bir Arada 4 Varyasyon)
  • 279) Ogretogren Mobil : Üst Bölüm ve Alt Bölümün oluşturulması
  • 137) Bootstrap Grid-Offset
  • 280) Ogretogren : Mobil slider ve ürün listesinin oluşturulması -1
  • 138) Bootstrap Nesting columns ( İç İçe Sütün Oluşturmak )
  • 281) Ogretogren : Mobil slider ve ürün listesinin oluşturulması -2
  • 139) Bootstrap Responsive Column Resets ( Sütun Alt Satıra Kaydırma )
  • 282) Ogretogren : Mobil slider ve ürün listesinin oluşturulması -3
  • 140) Bootstrap Column Ordering ( Sütun Sıralama, Öncelik Ayarlama )
  • 283) Ogretogren : Mobil slider ve ürün listesinin oluşturulması -4
  • 141) Bootstrap Typography ( Yazı İşlemleri )
  • 284) Ogretogren : Mobil alt kategoriler bölümünün hazırlanması -1
  • 142) Bootstrap Tables Tablo Kullanımı -1
  • 285) Ogretogren : Mobil alt kategoriler bölümünün hazırlanması -2
  • 143) Bootstrap Tables Tablo Kullanımı -2
  • 286) Ogretogren Mobil : sol menu renk ayarları (Final)

EĞİTMEN

Hüseyin ÖZKAN

Yazılım Sektöründe;
* Sanalogretim.com Web Sayfası
* OgretOgren.com Web Sayfası
* VideoSifrele.com Web Sayfası
* Sanal Öğretim Firması Otomasyon Sistemi
* Hastahane (İntranet Dökümantasyon Takip Sistemi)
* Belediye Web Sayfası
* Kaymakamlık Web sayfası
* Birçok Özel veya Kamu Web Sayfası Yapımını Tamamladı.

KAMPANYA
  • - HTML5<br>- CSS3
  • - PHP<br>- HTML5<br>- CSS3
BİZE ULAŞIN
Osmanağa Mah. Pavlonya Sok. Nuhoğlu İş Merkezi No:8
Kat: 4 Daire: 47 Kadıköy / İSTANBUL
0216 338 88 82 (Pbx)
0216 338 86 59
Copyright © 2007-2016 MEYSA Bilişim Hiz. Tic. Ltd. Şti.
www.sanalogretim.com bir Meysa Bilişim Hizmetleri Tic. Ltd. Şti. iştirakidir.