lostyazilim
tr.link

[85 Ders] Bootstrap Görsel Eğitim Seti

17 Mesajlar 2.759 Okunma
acebozum
tr.link

habibocak habibocak WM Aracı Kullanıcı
  • Ü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)
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.
brk burakisci

kişi bu mesajı beğendi.

[5050 Bilişim Dersini Web de Öğren]
http://www.webdeogren.com/
http://www.webdeogren.com/forum
elektronikssl
webimgo

burakisci burakisci Wordpress Tema Yapımcısı Kullanıcı
  • Üyelik 16.10.2011
  • Yaş/Cinsiyet 28 / 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 :)
 

 

KarakayaEmre KarakayaEmre WM Aracı Kullanıcı
  • Ü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?
brk

kişi bu mesajı beğendi.

http://www.emrekarakaya.com.tr/

habibocak habibocak WM Aracı Kullanıcı
  • Ü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.
burakisci

kişi bu mesajı beğendi.

[5050 Bilişim Dersini Web de Öğren]
http://www.webdeogren.com/
http://www.webdeogren.com/forum
wmaraci
wmaraci

Zuperman Zuperman WM Aracı Kullanıcı
  • Ü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.

isousluer isousluer Usluer Kullanıcı
  • Ü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.
 

 

Yeter Baskan Yeter Baskan Üyeliği Durdurulmuş Banlı Kullanıcı
  • Üyelik 31.08.2014
  • Yaş/Cinsiyet 34 / E
  • Meslek Öğrenci
  • Konum İzmir
  • Ad Soyad İ** D**
  • Mesajlar 135
  • Beğeniler 16 / 17
  • Ticaret 0, (%0)

Zuperman adlı üyeden alıntı

hiç bir videoyu izleyemiyorum


isousluer adlı üyeden alıntı

Videolar Youtube'a yüklense aslında çok daha iyi olur. Ben de hiçbir videoyu izleyemiyorum.


bende
 

 

omerdurmus omerdurmus WM Aracı Kullanıcı
  • Ü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)

isousluer adlı üyeden alıntı

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
isousluer

kişi bu mesajı beğendi.

~~~

habibocak habibocak WM Aracı Kullanıcı
  • Ü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.
omerdurmus

kişi bu mesajı beğendi.

[5050 Bilişim Dersini Web de Öğren]
http://www.webdeogren.com/
http://www.webdeogren.com/forum

omerdurmus omerdurmus WM Aracı Kullanıcı
  • Ü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)

habibocak adlı üyeden alıntı

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.


hocam videoları wmv formatında eklemişsiniz. mp4 formatında yaparsanız böyle sıkıntı olmaz sanırım.
 

 

~~~
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al