CSS İle Web Tasarımı - 302
Bölüm Sayısı | 15 | |
Neler Öğreneceksin |
CSS etiket, yapı ve kavramlarını öğreneceksin.HTML5 ile yapılan bir web sayfasına CSS ekleyerek biçimlendirmeyi öğreneceksin. |
|
İhtiyacın Olacak |
Eğitimin Amacı
CSS ile Web Sitenin Görünümünü İyileştirelim!
Bir web sitesinin, farklı boyutlardaki cihazlarda düzgün görüntülenmesinin sırrı işte bu!
CSS ile Web Tasarımı - 302 dersinde adım adım CSS kodlarının yapısını anlatıyoruz. Bu derste, HTML5 ile Web Tasarımı – 301 dersinde oluşturulan örnek web sitesinin görsel açıdan güzelleştirilmesini ayrıntılı bir şekilde göreceksin. Bu dersi tamamlayarak bir web sitesini CSS kodlarıyla biçimlendirebilecek bilgi ve beceriye sahip olacaksın.
Meraklılar Kazanır!
Kullanılacak Malzemeler
CSS İle Web Tasarımı - 302
Bu eğitimde sırasıyla neler öğreneceksin?
CSS Kavramı
Bu etkinlikte ""CSS nedir, nasıl kullanılır?"" sorularını yanıtlayacaksın.Sayfa dizaynının nasıl olacağına karar vereceksin.CSS kodları yazmaya başlayacaksın. Ayrıca; tırnak işaretleri çift kullanılmış."
Web Sayfasını Biçimlendirelim
Bu etkinlikte Margin kodunu öğreneceksin. Padding kodunu öğreneceksin. Sayfanın arka plan rengi ve yazı fontunu değiştireceksin.
Özel Referans Noktası Oluşturalım
Örnek İçeriği İnceleBu etkinlikte ID ve Class kavramını öğreneceksin. ID ve Class değerlerine göre CSS kodları nasıl yazacağını öğreneceksin. Web sayfası için ID ve Class tanımlamaları yapacaksın.
Örnek İçeriği İnceleBaşlık ve Menüyü Biçimlendirelim
Bu etkinlikte sayfa başlığını biçimlendireceksin. Menüyü biçimlendireceksin.
Makaleyi Biçimlendirelim
Bu etkinlikte "makale" alanlarını biçimlendireceksin. Makale başlıklarını biçimlendireceksin. Makale alt alanlarını biçimlendireceksin.
Listeyi Biçimlendirelim
Bu etkinlikte makale içeriğini ve liste alanını biçimlendireceksin.
Reklam Alanını Biçimlendirelim
Bu etkinlikte "reklam" alanının yerine değiştireceksin. Reklam alanının kenar boşluklarını biçimlendireceksin.
Hakkımızda Alanını Biçimlendirelim
Bu etkinlikte "hakkımızda" alanını biçimlendireceksin. Resimleri biçimlendireceksin.
İletişim Alanını Biçimlendirelim 1
Bu etkinlikte "iletişim" alanını biçimlendireceksin. İletişim formu alanını biçimlendireceksin.
İletişim Alanını Biçimlendirelim 2
Bu etkinlikte "metin kutusunu" biçimlendireceksin. Makale başlıklarını biçimlendireceksin. Form nesnelerini biçimlendireceksin.
Sayfa Alt Alanı
Bu etkinlikte sayfa alt alanını biçimlendireceksin. Tüm alanlarını kapsayan yeni bir alan ekleyeceksin.
Duyarlı Web Tasarımı Kavramı
Bu etkinlikte "Responsive web tasarımı nedir?" sorusunu cevaplayacaksın. ""Responive tasarım nasıl yapılır?"" sorusunu cevaplayacaksın. Izgara yöntemi nedir sorusunu cevaplayacaksın.
Sütunlu Alanlar
Bu etkinlikte sütunlu yapı için CSS tanımlamaları yapacaksın. Web sayfasını sütunlara ayıracaksın.
Düzenleme Çalışmaları
Bu etkinlikte sütunlu yapıyla birlikte meydana gelen bozulmaları düzelteceksin.
Responsive Tasarım
Bu etkinlikte mobil görünümde sütun genişliklerini belirleyeceksin. Reklam alanını gizleyeceksin. İletişim formunun genişliğini ayarlayacaksın.
Öğrensen İyi Olur
Bu içeriği öğrenmeye başlamadan önce aşağıdaki içerikleri öğrenmeni tavsiye ederiz.