CSS ile Mükemmel Tasarımlar Oluşturun !

Bu kursta öğrenecekleriniz sayesinde hayalinizdeki web sayfalarını tasarlayabilecek, kodlayabileceksiniz.

4.30 (12 reviews)
Udemy
platform
Türkçe
language
Web Development
category
instructor
1,096
students
4 hours
content
Jun 2019
last update
$19.99
regular price

What you will learn

Yapmak istediğiniz tüm web tasarımlarını sıfırdan başlayarak kendiniz rahatlıkla yapabileceksiniz.

Full Responsive (Tüm cihazlara duyarlı) web siteleri hazırlayabileceksiniz.

CSS ile mükemmel tasarımlar oluşturabileceksiniz

HTML ve CSS'in bir arada nasıl kullanılacağını öğreneceksiniz

Sıfırdan CSS öğreneceksiniz !

Description

CSS3 ile birbirinden güzel tasarımlar oluşturabilir, ve kariyerinizi üst seviyelere çıkarabilirsiniz.

Bu kursta öğrenecekleriniz sayesinde hayalinizdeki web sayfalarını tasarlayabilecek, kodlayabilecek ve hazır olan tüm web sayfalarındaki kodların ne işe yaradığını ne için kullanıldığını anlayabileceksiniz. Tek yapmanız gereken dersleri izlemek, uygulamak, sabretmek ve azmetmek, bunları başardıktan sonrası kolay.


-Web programlamada oldukça önemli bir yere sahip olan CSS için hazırladığım kursa hoşgeldiniz.

-Bu kurs içerisinde CSS'in ne olduğuna ve nasıl Syntax yapısına sahip olduğunu öğreneceksiniz.

-Css ile ilgili Temel ve İleri Düzey konuları örneklerle öğreneceksiniz.

-Responsive site yapısını ve nasıl kodlamanız gerektiğiniz öğreneceksiniz. Ve örnek bir site yaparak eğtimi tamamlayacaksınız


Css Nedir?

İngilizcesi “Cascading Style Sheets” olan CSS açılımı, “Basamaklanmış Stil Katmanları” anlamına gelmektedir. “CSS nedir?” sorusunun cevabı ise web sitelerinin görsel olarak şekillendirilmesine olanak tanıyan ve kendine has kuralları olan bir tanım dilidir şeklinde ifade edilebilir. HTML ve JavaScript ile birlikte en temel web teknolojileri arasında bulunan CSS, web sayfaları üzerinde oldukça fazla görsel denetim sunar.


CSS sayesinde web sayfalarının mizanpajı, renkleri, kullanılan fontlar, ara başlıklar, görsel efektler ve diğer görsel unsurlar üzerinde etkili ve fonksiyonel bir kontrol sağlayabilirsiniz. Kullanıcı dostu olan ve görsel açıdan etkileyici web siteleri için HTML ve JavaScript’in yanı sıra yazılan CSS kodları son derece önem taşır. Etkili bir CSS kodlaması, web sitelerine yüksek bir kullanılabilirlik sunar.

Content

Kurulum

Sublime Text Kurulumu

Başlamadan Önce

CSS Nedir ?
İnline Css Nedir ? Nasıl Kullanılır ?
İnternal Css Nedir ? Nasıl Kullanılır ?
External Css Nedir ? Nasıl Kullanılır ?
Class(Sınıf) Kullanımı
ID Kullanımı

Temel Özellikler

Width(Genişlik) ve Height(Yükseklik) Kullanımı
Css'de Yorum Satırları Kullanımı
Link Özellikleri
z-index Kullanımı
Overflow(taşma) Kullanımı
Float Kullanımı
Float ve Clear Kullanımı
Margin(Dış Boşluk) Kullanımı
Padding(İç Boşluk) Kullanımı

Selectors(Seçiciler)

Multi Selectors(Çoklu Seçiciler)
Child Selectors(Çocuk Seçiciler)
Sibling Selectors(Kardeş Seçiciler)
Adjacent Sibling(Bitişik Kardeş Seçiciler)

Attribute Selectors(Nitelik Seçiciler)

Nitelik Seçici 1
Nitelik Seçici 2
Nitelik Seçici 3
Nitelik Seçici 4 (Başlangıca Göre)
Nitelik Seçici 5 (Son Değere Göre)
Nitelik Seçici 6
Pseudo Ui Selectors(Sözde Seçiciler)

Structural Selectors(Yapısal Seçiciler)

Nth-Child Kullanımı
Only-Child Kullanımı
First-Of-Type Kullanımı
Only-Of-Type Kullanımı
Last-Of-Type Kullanımı
First-Child ve Last-Child ilk ve son eleman seçici

Font Features(Yazı Özellikleri)

Font Özellikleri

Text Features(Metin Özellikleri)

Line Height(Satır Yüksekliği)
Word Spacing(Kelime Aralığı)
Letter Spacing(Harf Boşluğu)
Text Decoration(Metin Dekorasyonu)
Text Transform(Metin Dönüşümü)
Text İndent(Metin Girintisi)
Text Align(Metin Hizalama)
Text Align Last(Son Metin Hizalama)

List Features(Liste Özellikleri)

List Style Type(Liste Stil Türü)
List Style Position(Liste Stil Konumu)
List Style İmage(Liste Stil Resmi)

Color Definitions(Renk Tanımlamaları)

Color Definitions(Renk Tanımlamaları)
Gradient Renk Geçişleri

Border Features(Kenarlık Özellikleri)

Border Radius(Kenarlık Ovalleştirme)
Box Shadow(Kutu Gölgelendirme)
Box Sizing(Kutu Ölçeklendirme)

Border Style(Kenarlık Stilleri)

Border Style(Kenarlık Stilleri)
Border Width(Sınır Genişliği)
Border Color(Kenarlık Rengi)

Background Features(Arkplan Özellikleri)

Background Color(Arkaplan Rengi)
Background İmage(Arkplan Resmi)
Background Position(Arkaplan Konumu)
Background Size(Arkplan Boyutu)
Background Attachment(Arkaplan Eki)
Örnek Arkaplan Uygulaması

Multiple Column(Çoklu Kolon İşlemleri)

Column Count(Sütun Sayısı)
Column Gap(Sütun Boşluğu)
Column Rule(Sütun Kuralı)

Display Kullanımı

Display Visibility(Görünürlük)
Display İnline Block(Satır içi Blok Görüntüleme)

Flexible Box(Esnek Kutu)

Display:Flex Kullanımı
Flex Direction(Esnek Yön)
Flex Wrap Kullanımı
Justify Content(İçerik Yaslama)
Align Items(Öğeleri Hizalama)
Align Items Center(Öğeleri Ortalama)
Align Content(İçeriği Hizalama)

İlk Responsive Projemizi Kodluyoruz !

Başlangıç
Menü ve Logo Kısımlarının Kodlanması
Resim ve Yazı Ekleme
Animasyon İşlemleri
Font Ekleme ve Düzenlemeler
Hakkımızda Sayfasının Kodlanması
İletişim Sayfasının Kodlanması
Footer Bölümünün Kodlanması
Web Projemizi Responsive(Duyarlı) Hale Getirme

Screenshots

CSS ile Mükemmel Tasarımlar Oluşturun ! - Screenshot_01CSS ile Mükemmel Tasarımlar Oluşturun ! - Screenshot_02CSS ile Mükemmel Tasarımlar Oluşturun ! - Screenshot_03CSS ile Mükemmel Tasarımlar Oluşturun ! - Screenshot_04

Reviews

Cengizhan
June 11, 2022
CSS öğrenmek ve tekrar hatırlamak isteyenler için güzel bir kurs, UI tasarımı için sağlam alt yapı kurabilirsiniz bu bilgilerle. Temel bilgileri ve kullanım mantığı çok güzel aktarılmış. Verdiği bilgiler sizi belli bir aşamaya kadar getirir, en azından temel düzeyde bir site oluşturabilirsiniz ve kendinizi geliştirebilirsiniz. Anlatım dili ve konuya odaklı kalmasıyla hoca güzel bir iş çıkartmış. Mobil tasarım ve Responsive kısma hiç girmemiş onu da başka kurslardan edinebilirsiniz. (Kursu tamamen bitirdim)
Çetin
October 30, 2019
Kursun iyi organize edildiğini düşünüyorum. Videoların kısa kısa olması sıkılmadan izlemeyi sağlıyor. Başka eğitimlere de üyeyim ama bazen videoların uzunluğundan dolayı bazen sıkılabiliyorum. Bu eğitimde bu olmuyor.

Charts

Price

CSS ile Mükemmel Tasarımlar Oluşturun ! - Price chart

Rating

CSS ile Mükemmel Tasarımlar Oluşturun ! - Ratings chart

Enrollment distribution

CSS ile Mükemmel Tasarımlar Oluşturun ! - Distribution chart

Related Topics

2392032
udemy ID
5/30/2019
course created date
10/22/2019
course indexed date
Bot
course submited by