­čç╣­čçĚ A-Z Modern CSS ile Etkileyici Web Siteleri Tasarlama

­čç╣­čçĚ A-Z Modern CSS ile Etkileyici Web Siteleri Tasarlama

A-Z Modern CSS ile Etkileyici Web Siteleri Tasarlama

Css ile Etkileitici Web Tasar─▒mlar Yapmak

Language: turkish

Note: 0/5 (0 notes) 826 students

Instructor(s): Tuncay EROL

Last update: None

What you’ll learn

  • Web Sitesi Tasarlayacak Duruma Gelecekler
  • CSS ile Alakal─▒ T├╝m Detaylar─▒ ├ľ─črenecekler
  • CSS Konular─▒ ├ťzerine Yorum Yaparak Kendi ├ç├Âz├╝mlerini ├ťretecekler
  • Hayallerinde ki Web Siteleri Tasarlayabilecekler

 

Requirements

  • Bilgisayar
  • ─░nternet Ba─člant─▒s─▒

 

Description

Web Tasar─▒m─▒n olmazsa olmaz─▒ olan CSS tabiri caizse web sitelerine renk katan, canland─▒ran bir teknolojidir.  CSS’in ├Â─črenmesi de kullanmas─▒ da zevklidir. Yakla┼č─▒k 20 lik saatlik e─čitim ile CSS konusunda uzmanla┼čacak,  Kendi Web Sitelerinizi dizayn edip hatta ileri d├Ânemlerde Web Sitesi tasar─▒m─▒ndan gelir elde edebileceksiniz. 


Cascading Style Sheets (Basamakl─▒ Stil ┼×ablonlar─▒ ya da Basamakl─▒ Bi├žim Sayfalar─▒, bilinen k─▒sa ad─▒yla CSS), HTML’e ek olarak metin ve format bi├žimlendirme alan─▒nda fazladan olanaklar sunan bir i┼čaretleme dilidir.

─░nternet sayfalar─▒ i├žin genelge├žer ┼čablonlar haz─▒rlama olana─č─▒ verdi─či gibi, ba─č─▒ms─▒z olarak harflerin stilini, yani renk, yaz─▒ tipi, b├╝y├╝kl├╝k gibi ├Âzelliklerini de─či┼čtirmek i├žin de kullan─▒labilir. Bu tekni─čin en ├Ânemli ├Âzelli─či kullan─▒m─▒ndaki esnekliktir.

Bir Web sayfas─▒ i├žerisinde birbiriyle uyumlu birka├ž renk ve birka├ž yaz─▒ tip kullan─▒l─▒r ve bunlar─▒ her sayfada ayr─▒ ayr─▒ tekrar belirtmek yerine CSS yard─▒m─▒yla bir sefer tan─▒mlay─▒p b├╝t├╝n Web sayfalar─▒nda ortak olarak kullan─▒labilir. B├Âylece sayfalar─▒n haf─▒zadaki boyutu epey k├╝├ž├╝ld├╝─č├╝ gibi g├╝ncelleme yapmak da kolayla┼č─▒r.

CSS kodlar─▒, HTML kodlar─▒n─▒n i├žine yaz─▒labildi─či gibi harici bir CSS dosyas─▒ olu┼čturularak da i┼člem yapt─▒r─▒labilir. T├╝r├╝ne g├Âre <BODY> veya <HEAD> b├Âl├╝mlerinde yer alabilirler. Ayr─▒ca <link rel=”stylesheet” type=”text/css” href=”style.css” /> koduyla CSS dosyas─▒ ├žal─▒┼čma sayfas─▒na eklenebilir. Onlar─▒ ayr─▒ dosyada veya dosyalarda saklamak, onlar─▒ de─či┼čik HTML sayfalar─▒nca kullan─▒lmas─▒n─▒ sa─člar, ayn─▒ sayfan─▒n de─či┼čik ayg─▒tlara g├Âre formatland─▒r─▒lmas─▒n─▒ kolayla┼čt─▒r─▒r, sunumla yap─▒y─▒ ay─▒rarak de─či┼čiklik yap─▒lmas─▒n─▒ ekonomikle┼čtirir.

 

Who this course is for

  • Web Tasar─▒m ├ľ─črenmek ─░steyenlere
  • Sekt├Âre Sa─člam Bir Giri┼č Yapmak ─░steyenlere
  • Gereksiz Ayr─▒nt─▒lardan S─▒k─▒lanlara

 

Course content

  • HTML
    • Gerekli Uygulamalar─▒ Y├╝kleyelim
    • 1. HTML nedir
    • 2. HTML Temel Etiketleri
    • 3. Temel Etiketlerin Anlam─▒ ve Merhaba D├╝nya
    • 4. H1, P, Br ve Hr Etiketleri
    • 5. Stiller ve Text Formating Yaz─▒ Formatlama
    • 6. Link Olu┼čturma ve Y├Ânlendirme
    • 7. Video ve Ses Etiketleri
    • 8. ─░mages Etiketi G├Âr├╝nt├╝ Etiketi
    • 9. Table Tablolar
    • 10. Listeler S─▒ras─▒z ve S─▒ral─▒ Listeler
  • Temel CSS B├Âl├╝m├╝
    • CSS Nedir ?
    • ─░lk Ders Projeye Css Dosyalar─▒n─▒ Ekleme
    • Css Selectors
    • Renkler – Hex – Rgb
    • Geni┼člik Y├╝kseklik ve Y├╝zdesel ─░fadeler
    • Tam a├ž─▒klamalarla Borders (├çer├ževeler)
    • Derinlemesine Background-─░mage
  • Orta Seviye CSS B├Âl├╝m├╝
    • Margin ile elementleri hareket ettirin
    • Padding ile Dolgulama
    • Block ve ─░nline Elementler Ara Ders
    • Position E─členceli Kutular ile Konum De─či┼čtirme
    • Card Olu┼čturma ve Position Final Dersi
    • Fontlar ve Google Fonts
    • ─░lkel Y├Ântem Float
    • ├ľ─črendiklerimiz ile Navbar Yapal─▒m
  • ─░leri CSS B├Âl├╝m├╝
    • Box Shadow ile Yak─▒┼č─▒kl─▒ Tasar─▒mlar
    • Rem ve Em Mant─▒─č─▒
    • Before ve After ├ľzellikleri
    • Hover ile Fantastik ├ľrnekler
    • Nth-Child ile Tablola┼čt─▒rma
    • Derinlemesine Grid Sistemi
    • Grid Sistemi Final
    • @KeyFrame ile U├žur Bizi
    • OverFlow ile Metinleri Hizaya Getirin
    • Filtreler ile ├çal─▒┼čmak
  • Flex Alan─▒ – Bu B├Âl├╝m├╝ Sak─▒n Atlama
    • Flex Ba┼člang─▒├ž Dersi – Navbar Mant─▒─č─▒
    • Align Dikey Pozisyon Verme Ko┼čullar─▒
    • Sadece Belirtti─čimiz Objelere Hareket Verme
    • Flex-Wrap
    • Flex-Directions
  • #PROJE – FreeLancer Sitesi Yap─▒m─▒
    • FreeLancer Sat─▒┼č Sitesi Hero B├Âl├╝m├╝
    • Hero 2 Alan─▒ ile Birlikte Site Dizayn─▒
    • Freelancer Sitesi Kurs A├ž─▒klama Alan─▒n─▒ Olu┼čturma
    • FreeLancer Kurs ─░├žerik Alan─▒
    • FreeLancer G├╝zellemeler
    • Yukar─▒ ├ç─▒k Butonu – JavaScript ─░├žerir
    • Animate CSS ile Sayfalar─▒n─▒za Kalite Kat─▒n
  • Mobil Uyumluluk B├Âl├╝m├╝
    • Mobil Tasar─▒m -1
    • Mobil Duyarl─▒ Card Tasar─▒m─▒
    • Derinlemesine Navbar Yap─▒m─▒ #Bu B├Âl├╝m├╝ Kesin ─░zleyin
  • #Proje E-Ticaret Sitesi Tasra─▒m─▒
    • E-Ticaret Sitesi Giri┼č
    • E-Ticaret Sitesi Navbar Yap─▒m─▒na Devam
    • E-Ticaret Sitesi Navbar─▒ Mobil Duyarl─▒ Hale Getirme
    • E-Ticaret Sitesi Titreme Sorunun ├ç├Âz├╝m├╝
    • E-Ticaret Sitesi Navbara Mobil Uyumlu DropDown Ekleme
    • E-Ticaret Sitesi Dairesel ─░konlar Ekleme
    • E-Ticaret Sitesi Dairesel ─░konclar─▒ Mobil Hale Getirme
    • E-Ticaret Sitesi Trendler K─▒sm─▒ ve Mobil D├╝zenlemesi
    • E-Ticaret Sitesi ├ťr├╝nler Sayfas─▒
    • E-Ticaret Sitesi Mobil D├╝zenlemeler ve S├╝rpriz Son
    • E-Ticaret Sitesi Cardlar Alan─▒
    • E-Ticaret Sitesi Footer alan─▒ ve Mobille┼čtirme
    • E-Ticaret Projesi Son Ad─▒m
  • Bonus Dersler ve Kaynaklar
    • T├ťM KAYNAKLAR
    • Transform ve Translate
    • Apple Tv Tasar─▒m─▒

 

­čç╣­čçĚ A-Z Modern CSS ile Etkileyici Web Siteleri Tasarlama­čç╣­čçĚ A-Z Modern CSS ile Etkileyici Web Siteleri Tasarlama

Time remaining or 174 enrolls left

 

Don’t miss any coupons by joining our Telegram group 

Udemy Coupon Code 100% off | Udemy Free Course | Udemy offer | Course with certificate