Açık kaynak kodlu, ücretsiz bir CSS frameworktür, tasarım aracıdır. Kolayca telefonlar, tabletler ve masaüstü bilgisayarlar için farklı ve cihaz büyüklüğüne uygun şekilde sitenizin gözükmesini sağlayan temalar/tasarımlar yapabilirsiniz. Bir site için gerekli olan tüm elemenleri (form ögeleri, etiketler, tablolar, uyarı ve bilgi metinleri, navigasyon bar, sayfalandırma modülü, açılan menüler, farklı özellikte butonlar vb bir çok tasarım ögesini) içinde barındıran Bootstrap tasarım yaparken bu hazır elementleri kullanarak bütün cihazlara uygun tasarımlar geliştirmenize yarar. Yani her şeyi hazır olan kodlarla yeni bir tasarım ortaya koymak çok basit ve pratiktir. Stiller, imajlar , js’ler daha önceden sistemin içine monte edilmiştir. Sizin yapacağınız tek şey bunları çağırmaktır.
[85 Ders] Bootstrap Görsel Eğitim Seti
Ders 01 - Bootstrap ile Web Sitesi Giriş
Ders 02 - Bootstrap ile ilk projemizi oluşturuyoruz
Ders 03 - Sayfamıza Navbar (menu) Ekledik.
Ders 04 - Navbar collapse
Ders 05 - Dropdown menü
Ders 06 - Carousel (slide) uygulaması
Ders 07 - 100% slide yapımı carousel 2
Ders 08 - Grid Sistemi container ile row classlari
Ders 09 - Grid col lg X classi
Ders 10 - Grid col md X classi
Ders 11 - Grid col sm X classi
Ders 12 - Grid col xs X classi
Ders 13 - Panel panel default panel heading panel title classlari
Ders 14 - Panel-body panel-footer classlari
Ders 15 - Panel primary panel success panel info panel warning panel danger classlari
Ders 16 - List group ile side bar oluşturduk
Ders 17 - List-group linklerle kullanılması ve badge classı
Ders 18 - Anasayfada videoların listelenmesi 1
Ders 19 - Anasayfada videoların listelenmesi alternatif yöntem
Ders 20 - Tab uygulaması ile anasayfada makalelerin listelenmesi 1
Ders 21 - Tab uygulaması ile anasayfada makalelerin listelenmesi 2
Ders 22 - Tab uygulaması ile anasayfada makalelerin listelenmesi 3
Ders 23 - Tab uygulaması ile anasayfada makalelerin listelenmesi 4
Ders 24 - Tab uygulaması ile anasayfada makalelerin listelenmesi tamamlandı
Ders 25 - Footer
Ders 26 - Modal ile Login Popup Penceresi 1
Ders 27 - Modal ile Login Popup Penceresi 2
Ders 28 - Navbarda (menüde) arama formu
Ders 29 - Content Hover Eklentisi
Ders 30 - Content Hover Uygulaması
Ders 31 - Sayfamızın Hazırlanması
Ders 32 - Hakkımızda - jumbotron ve page-header kullanımı
Ders 33 - Hakkımızda - Sayfamıza Resim Ekledik
Ders 34 - Hakkımızda - Giriş kısmı için text alanı
Ders 35 - Hakkımızda Sayfamızda yöneticilerimizi listeleme 1
Ders 36 - Hakkımızda - Sayfamızda yöneticilerimizi listeleme 2
Ders 37 - Hakkımızda Sayfamızda yöneticilerimizi listeleme 3
Ders 38 - Hakkımızda - Popover ile özgeçmişi görüntüle
Ders 39 - Hakkımızda - Listemizi düzenledik
Ders 40 - Hakkımızda - Well ve Alert classları ile son söz
Ders 41 - Hakkımızda - fancybox incelemesi
Ders 42 - Hakkımızda - Lightbox kullanmı
Ders 43 - Hakkımızda - Responsive ayarlamaları 1
Ders 44 - Hakkımızda - Responsive ayarlamaları 2
Ders 45 - Hakkımızda - Sayfaya son bakış
Ders 46 - Makaleler - Menünün Düzenlenmesi ve Sayfa Bloklarının Ayarlanması
Ders 47 - Makaleler - list group ile Kategori listesi sidebar alanı
Ders 48 - Makaleler - collapse ile Kategori listesi acordion menu yapımı
Ders 49 - Makaleler - collapse ile Kategori listesi acordion menu yapımı 2
Ders 50 - Makaleler - collapse ile Kategori listesi acordion menu yapımı 3
Ders 51 - Makaleler - Makale listeleme işlemleri
Ders 52 - Makaleler - Makale başlığı
Ders 53 - Makaleler - Makale resmi
Ders 54 - Makaleler - Makale özet yazısı
Ders 55 - Makaleler - Breadcrumbs classı ile Makale kategori hiyerarşisi
Ders 56 - Makaleler - Makale oku linki
Ders 57 - Makaleler - Makale Detay sayfası 1
Ders 58 - Makaleler - Makale Detay sayfası 2
Ders 59 - Makaleler - Makale Detay sayfası 3
Ders 60 - Makalaler - Makale Detay Sayfası 4
Ders 61 - Makaleler - Makale Detay Sayfası 5
Ders 62 - Makaleler - Makale Detay Sayfası 6
Ders 63 - Makaleler - Makale Detay Sayfası 7
Ders 64 - Makaleler - Makale Detay Sayfası 8
Ders 65 - Makaleler - Makale Listemizin çoğaltılması
Ders 66 - Makaleler - Sayfalama için pagination kullanımı
Ders 67 - Makaleler - Ana Kategoriye göre listeleme 1
Ders 68 - Makaleler - Ana Kategoriye göre listeleme 2
Ders 69 - Makaleler - Alt Kategoriye göre listeleme
Ders 70 - Makaleler - Son Kontroller
Ders 71 - Videolar - Sayfaların Oluşturulması
Ders 72 - Videolar - Videolar Sayfası
Ders 73 - Videolar - Videolar Ana Kategori ve alt kategori Sayfası
Ders 74 - Videolar - Video Detay Sayfası 1
Ders 75 - Videolar - Video Detay Sayfası 2
Ders 76 - Videolar - Video Detay Sayfası 3
Ders 77 - Videolar - Video Detay Sayfası 4
Ders 78 - Videolar - Video Detay Sayfası 5
Ders 79 - Videolar - Video Detay Sayfası 6
Ders 80 - Videolar - Son Kontroller
Ders 81 - İletişim - Sayfanın Oluşturulması
Ders 82 - İletişim - İletişim Formu
Ders 83 - İletişim - İletişim Bilgileri
Ders 84 - İletişim - Harita Bölümü
Ders 85 - İletişim - Son Kontroller
Umarım faydalı olur.
[85 Ders] Bootstrap Görsel Eğitim Seti |
17 Mesajlar | 2.580 Okunma | ||
- Üyelik 19.01.2014
- Yaş/Cinsiyet 46 / E
- Meslek Öğretmen
- Konum Niğde
- Ad Soyad H** O**
- Mesajlar 53
- Beğeniler 1 / 21
- Ticaret 0, (%0)
[5050 Bilişim Dersini Web de Öğren]
http://www.webdeogren.com/
http://www.webdeogren.com/forum
http://www.webdeogren.com/
http://www.webdeogren.com/forum
- Üyelik 16.10.2011
- Yaş/Cinsiyet 27 / E
- Meslek Wordpress Tema Yapımcısı
- Konum İstanbul Anadolu
- Ad Soyad B** i**
- Mesajlar 1897
- Beğeniler 371 / 522
- Ticaret 23, (%100)
Çok sağol işime yarayacak :)
- Üyelik 13.09.2012
- Yaş/Cinsiyet 30 / E
- Meslek Mühendis
- Konum Mersin
- Ad Soyad E** K**
- Mesajlar 526
- Beğeniler 146 / 145
- Ticaret 0, (%0)
Dersin dosyaları eklenecek mi?
http://www.emrekarakaya.com.tr/
- Üyelik 19.01.2014
- Yaş/Cinsiyet 46 / E
- Meslek Öğretmen
- Konum Niğde
- Ad Soyad H** O**
- Mesajlar 53
- Beğeniler 1 / 21
- Ticaret 0, (%0)
Dosyaları hazırlıyorum. En kısa sürede eklerim.
[5050 Bilişim Dersini Web de Öğren]
http://www.webdeogren.com/
http://www.webdeogren.com/forum
http://www.webdeogren.com/
http://www.webdeogren.com/forum
- Üyelik 31.10.2013
- Yaş/Cinsiyet 29 / E
- Meslek Öğretmen Adayı
- Konum Eskişehir
- Ad Soyad M** Ü**
- Mesajlar 531
- Beğeniler 55 / 97
- Ticaret 5, (%100)
hiç bir videoyu izleyemiyorum
Hayat seni yıkabilir ama önemli olan yıkıldığın zaman daha sağlam ayağa kalka bilmektir.
- Üyelik 05.04.2011
- Yaş/Cinsiyet 31 / E
- Meslek Yazılım Geliştirici
- Konum Konya
- Ad Soyad İ** U**
- Mesajlar 4900
- Beğeniler 1419 / 2962
- Ticaret 45, (%100)
Videolar Youtube'a yüklense aslında çok daha iyi olur. Ben de hiçbir videoyu izleyemiyorum.
- Üyelik 31.08.2014
- Yaş/Cinsiyet 34 / E
- Meslek Öğrenci
- Konum İzmir
- Ad Soyad İ** D**
- Mesajlar 135
- Beğeniler 16 / 17
- Ticaret 0, (%0)
hiç bir videoyu izleyemiyorum
Videolar Youtube'a yüklense aslında çok daha iyi olur. Ben de hiçbir videoyu izleyemiyorum.
bende
- Üyelik 21.07.2014
- Yaş/Cinsiyet 39 / E
- Meslek Bilişim Teknolojileri Öğretmeni
- Konum Amasya
- Ad Soyad Ö** D**
- Mesajlar 67
- Beğeniler 47 / 17
- Ticaret 0, (%0)
Videolar Youtube'a yüklense aslında çok daha iyi olur. Ben de hiçbir videoyu izleyemiyorum.
Zaten Youtube'da olan videolar bunlar: http://www.youtube.com/user/werde***2/playlists
~~~
- Üyelik 19.01.2014
- Yaş/Cinsiyet 46 / E
- Meslek Öğretmen
- Konum Niğde
- Ad Soyad H** O**
- Mesajlar 53
- Beğeniler 1 / 21
- Ticaret 0, (%0)
Arkadaşlar okul ve çoğu kurumda youtube yasak olduğu için siteme ekledim. Videoların altında youtube linki var zaten.
Videoları seyredemeyen arkadaşların Chrome için Media Player eklentisini yüklemeleri gerekmektedir. İE'de sorunsuz seyredebilirsiniz.
Chrome eklentisi için TIKLAYINIZ.
Videoları seyredemeyen arkadaşların Chrome için Media Player eklentisini yüklemeleri gerekmektedir. İE'de sorunsuz seyredebilirsiniz.
Chrome eklentisi için TIKLAYINIZ.
[5050 Bilişim Dersini Web de Öğren]
http://www.webdeogren.com/
http://www.webdeogren.com/forum
http://www.webdeogren.com/
http://www.webdeogren.com/forum
- Üyelik 21.07.2014
- Yaş/Cinsiyet 39 / E
- Meslek Bilişim Teknolojileri Öğretmeni
- Konum Amasya
- Ad Soyad Ö** D**
- Mesajlar 67
- Beğeniler 47 / 17
- Ticaret 0, (%0)
Arkadaşlar okul ve çoğu kurumda youtube yasak olduğu için siteme ekledim. Videoların altında youtube linki var zaten.
Videoları seyredemeyen arkadaşların Chrome için Media Player eklentisini yüklemeleri gerekmektedir. İE'de sorunsuz seyredebilirsiniz.
Chrome eklentisi için TIKLAYINIZ.
Videoları seyredemeyen arkadaşların Chrome için Media Player eklentisini yüklemeleri gerekmektedir. İE'de sorunsuz seyredebilirsiniz.
Chrome eklentisi için TIKLAYINIZ.
hocam videoları wmv formatında eklemişsiniz. mp4 formatında yaparsanız böyle sıkıntı olmaz sanırım.
~~~
Konuyu toplam 6 kişi okuyor. (0 kullanıcı ve 6 misafir)