HTML ve CSS Kodlamaya Giriş Bölüm 1

İyi tasarlanmış bir web sitesi, müşterilere bir şirket hakkında bilgi verir; şirketi nasıl bulabileceklerine veya şirketle nasıl iletişime geçebileceklerine dair ayrıntılar sunar ve alışveriş yapıp sipariş verme olanağı sağlar. Her ölçekten işletme, ziyaretçi trafiğini artırmak ve her zamankinden daha fazla müşteriye ulaşmak için web sitelerinden yararlanabilir.

Birçok web sayfasının temelini HTML ve CSS programlama dilleri oluşturur; web sayfalarının bir araya gelmesiyle bir web sitesi meydana gelir. Bir web sayfasının içeriğini oluşturmak ve biçimlendirmek için kullanılan bu dilleri öğrenmek, iyi tasarlanmış kendi web sayfalarınızı oluşturmanın önemli bir adımıdır.

Kurs Konuları:

Ders 1: HTML'ye Başlangıç

KONU A: HTML Temelleri

• HTML – Arka Plan Bilgileri
• Bir HTML Etiketinin Yapısı
• Başlarken
• Etkinlik 1-1: Bir Web Sayfasını İnceleme

KONU B: Temel Web Sayfası Öğeleri

• Başlık Etiketi
• Paragraf ve Satır Sonu Etiketleri
• Temel Metin Biçimlendirme Etiketleri
• Etkinlik 1-2: Temel Öğeler Eklemek için HTML Kullanma

KONU C: Liste Oluşturma

• Sıralı Listeler
• Sırasız Listeler
• Liste Öğeleri
• Etkinlik 1-3: HTML Listesi Oluşturma
• Özet
• Değerlendirme Soruları

Ders 2: HTML ile Daha Fazlasını Yapma

KONU A: HTML'de Görseller

• Görsel Etiketi
• Görsel Kaynağını Belirtme
• Görsel için Alternatif Metin Tanımlama
• Görsel Boyutlandırma
• Etkinlik 2-1: HTML'ye Görsel Ekleme

KONU B: HTML'de Bağlantılar

• Başka Bir Web Sayfasına Bağlantı Verme
• Dahili Bağlantılar
• Etkinlik 2-2: Bağlantı Ekleme

KONU C: HTML'de Tablolar

• HTML'de Tablo Yapısı
• Tablo Başlık Satırı
• Tablo Veri Satırları
• Etkinlik 2-3: HTML Tablosu Oluşturma
• Özet
• Değerlendirme Soruları

Ders 3: CSS'ye Başlangıç 

KONU A: CSS'nin Temelleri 

• CSS: Basamaklı Stil Sayfaları 

• <style> Etiketi 

• CSS Tipografisi ve Hiyerarşisi 

• Etkinlik 3-1: <style> Etiketini Kullanarak Stil Alanı Oluşturma 

KONU B: CSS'de Renk 

• Bir Web Sayfası Öğesinin Rengini Değiştirme 

• CSS'de Renk Adları 

• RGB Renk Sistemi 

• Onaltılık Renk Sistemi 

• Arka Plan Rengi 

• Etkinlik 3-2: CSS Renklerini Çeşitli Yöntemlerle Ekleme 

KONU C: Ek CSS Tanımlayıcılarını Kullanma 

• CSS'de ID Adlarını Kullanma 

• CSS'de Sınıf Adlarını Kullanma 

• Etkinlik 3-3: Stil Vermek için ID Adı Kullanma 

• Özet 

• Değerlendirme Soruları 

Ders 4: CSS ile Metne Stil Verme 

KONU A: Yazı Tipi Aileleri 

• Yazı Tipi Nedir? 

• Font-Family Özelliğini Kullanma 

• Serif ve Sans-Serif 

• Yazı Tipi Adları 

• Ek Yazı Tipi Türleri 

• Yazı Tipi Yedekleri 

• Etkinlik 4-1: CSS'de Yazı Tipi Ailesini Değiştirme 

KONU B: Yazı Tipi Boyutu 

• Font-Size Özelliği 

• Pikseller 

• EM Birimleri 

• Etkinlik 4-2: Metnin Yazı Tipi Boyutunu Değiştirme 

KONU C: Diğer CSS Metin Özellikleri 

• Font-Style Özelliği 

• Font-Weight Özelliği 

• Line-Height Özelliği 

• Text-Align Özelliği 

• Etkinlik 4-3: Ek Özellikleri Kullanarak Metni Özelleştirme 

KONU D: Yazı Tipleri için Kısa Yazım 

• CSS Kısa Yazımı 

• Yazı Tipleri için CSS Kısa Yazımı 

• Etkinlik 4-3: CSS Yazı Tipi Kısa Yazımını Uygulama 

• Özet 

• Değerlendirme Soruları 

Ders 5: HTML ve CSS Kullanarak Gelişmiş Stil Teknikleri 

KONU A: Öğeleri Gruplama 

• Gruplama Öğesi Nedir? 

• Satır İçi ve Blok Biçimlendirme 

• Etkinlik 5-1: Web Sayfası Öğelerini Gruplamak için <span> ve <div> Etiketlerini Kullanma 

KONU B: Div Boyutları 

• Div Genişliğini Ayarlama 

• Div Yüksekliğini Ayarlama 

• Taşma 

• Etkinlik 5-2: Div Bloğunun Stilini Ayarlama 

KONU C: CSS Kutu Modeli 

• CSS Kutu Modeli 

• CSS Kenar Boşlukları 

• CSS Kenarlıkları 

• CSS İç Boşlukları 

• Etkinlik 5-3: Div Bloğunun Stilini Ayarlama 

• Özet 

• Değerlendirme Soruları