WEB TASARIMI BOOTSTRAP KULLANIMI SAVAŞ TUNÇER

... konulu sunumlar: "WEB TASARIMI BOOTSTRAP KULLANIMI SAVAŞ TUNÇER"— Sunum transkripti:

1 WEB YASARIMI BOOTSTRAP KULLANIMI SAVAŞ TUNÇER

2 BOOTSTRAP NED İ R?  Bootstrap Front-End Developerlar için geliştirilmiş açık kaynak kodlu ve ücretsiz bir CSS framework'tür.Bootstrap sayesinde masaüstü, tablet, mobil cihaz ve tüm tarayıcılara uyumlu web siteleri geliştirebiliriz.  BootStrap için hazır Html, Css ve JavaScript kütüphaneleri içeren bir FrameWork diyebiliriz. Tamamen bedavadır ve kolayca sayfalarımıza uygulayabiliriz.

3 BOOSTRAP KULLANIMI  BootStrap kullanımındaki temel mantı ğ ı şu şekilde özetleyebiliriz: Elimizde hazır Css class’ları içeren bir Css dosyası ve hazır JavaScript metotları içeren bir JavaScript dosyası var. Bize kalan bu stil şablonlarını ve metotları kullanmaktan başka bir şey de ğ il.ve  En büyük avantajı ise web sayfalarının görüntülenmekte oldu ğ u cihazın ekranına otomatik uyum sa ğ layabilmesidir.ise  http://getbootstrap.com/docs/4.0/getting- started/download/ adresinden css class ve javascript dosyalarını indirebilirsiniz. http://getbootstrap.com/docs/4.0/getting- started/download/ ÖRNEK S İ TE DOSYA YÖNET İ M İ

4 KULLANIM AŞAMALARI   Anasayfa  Sayfamızın head kısmına konacak kodlar

5 YAPILMASI AMAÇLANAN Her türlü aygıta Uyumlu sayfa düzenleme

6 BODY ET İ KET İ NE EKLENECEK KOD ÖRNE Ğİ 1. BÖLÜM   Navigasyon 

7 BODY ET İ KET İ NE EKLENECEK KOD ÖRNE Ğİ 2. BÖLÜM   Deneme 

8 BODY ET İ KET İ NE EKLENECEK KOD ÖRNE Ğİ 3. BÖLÜM   Ana Sayfa  Hakkımızda  letişim   Ürünler 

9 BODY ET İ KET İ NE EKLENECEK KOD ÖRNE Ğİ 4. BÖLÜM   Giriş   Kaydol  Oturum Aç 

10 BODY ET İ KET İ NE EKLENECEK KOD ÖRNE Ğİ 5. BÖLÜM   Telefonlar Deneme telefonlar kısmı  Önizleme »   Giyim Giyimlere bakma ister misiniz? Önizleme»   Ayakkabı Ayakkabı demek sa ğ lık demek  Önizleme »

11 BODY ET İ KET İ NE EKLENECEK KOD ÖRNE Ğİ 6. BÖLÜM   Üste git  © 2017 Savaş TUNÇER · Anasayfa · Hakkımızda · İ letişim · Ürünler 