10.Sınıf Bilgisayar Bilimi Dersi Günlük Plan - 9.Hafta

Kazanımlar:
Harici bir stil dosyası kullanabilme
Stil kullanarak görsel ögeleri sayfa üzerinde konumlandırabilme

Öğretim Yöntemleri:
Anlatım
Gösterip yaptırma

Araç-Gereçler ve Kaynaklar:
Bilgisayar
İnternet erişimi
Kod editörü
Akıllı tahta

Öğrenme Öğretme Süreci: 1. Giriş
- Stil sayfalarının önemi ve faydaları hakkında bir tartışma başlatılır.
- Harici ve dahili stil sayfaları arasındaki fark açıklanır.
2. Harici Stil Dosyası Oluşturma
- Öğrenciler, harici bir stil dosyası oluşturmayı öğrenirler.
- Dosya uzantısının ".css" olduğu ve dosyanın HTML dosyasıyla bağlantılı olması gerektiği vurgulanır.
3. Biçimlendirme Özellikleri
- Öğrenciler, metin rengi, yazı tipi, arka plan rengi gibi biçimlendirme özelliklerini öğrenirler.
- Bu özelliklerin harici stil dosyasında nasıl kullanılacağı gösterilir.
4. Konumlandırma Özellikleri
- Öğrenciler, görsel ögeleri sayfa üzerinde konumlandırmak için "position" ve "float" özelliklerini öğrenirler.
- Bu özelliklerin nasıl kullanılacağı canlı kodlama örnekleriyle gösterilir.
5. Uy uygulama
- Öğrenciler, öğrendikleri teknikleri kullanarak basit bir web sayfası tasarlarlar.
- Akıllı tahta kullanılarak canlı geri bildirim sağlanır.