Web Tasarımının Temelleri (html & css)

BÖLÜM 1: Web Tasarımına Giriş 



 

HTML’e Giriş 



 

HTML - Kaynak Kodu 



 

HTML Kavramı 



 

HTML’de Etiketler ve Elementler 



 

HTML Etiketlerine Öznitelik Ekleme 



 

CSS Nedir? 



 

Notepad++  

Değerlendirmeler 



 

Bölüm sınavı (puanlı) 

 

BÖLÜM 2: HTML 



 

HTML Sayfalarına Tablo Ekleme 



 

Tablolara Görsel Ekleme 



 

Tablo Öznitelikleri 



 

Tabloya Kenarlık Ekleme  



 

HTML’de Bölümler (div) 

Değerlendirmeler 



 

Ders ödevi 1: Metin düzenleme 



 

Ders ödevi 2: Köprü ve resim ekleme 



 

Bölüm sınavı (puanlı) 

 

BÖLÜM 3: CSS



 

CSS Nedir?   



 

HTML Sayfasına Stil Uygulama Yöntemleri  



 

CSS Dosyası Oluşturma ve Kaydetme  



 

Arka Plana Renk ya da Resim Ekleme  

Değerlendirmeler 



 

Ders ödevi 3: Renkler ve arka planlar 



 

Ders ödevi 4: Yazı Tipi - Metin biçimlendirme 



 

Bölüm sınavı (puanlı) 

Dersin önerilen süresi 

3 hafta 

---

 

3 

Katılımcıların tahmini olarak ayırması gereken zaman 

Ders Süreleri 



 

1.Hafta 

– Bölüm 1: 90 dakika 



 

2.Hafta 

– Bölüm 2: 90 dakika 



 

3.Hafta 

– Bölüm 3: 90 dakika 

Toplam 3 

ders bulunmaktadır.  

Değerlendirme Yöntemleri 

BİLGEİŞ Öğrenme portalinde ders bölümleri boyunca ya da bölüm sonlarında olmak üzere 

genel olarak 2 şekilde değerlendirilirsiniz.  

 

Biçimlendirici değerlendirme:  



 

Her bölüm için öğrencilere geri bildirim sağlayan etkileşimli uygulamalar olacaktır. 

Konseptin veya prosedürün video sunumu sonrasında, öğrenci etkileşimler aracılığıyla 

bu adımları uygulayacaktır.  



 

Uygulama, ortamın temsili bir versiyonu olup, öğrencilere olumsuz veya olumlu geri 

bildirim sağlayacaktır.  

Genel değerlendirme: 



 

Bu dersin bir parçası olan genel değerlendirmeler iki şekilde yapılacaktır: Her bir 

bölümün sonunda yer alan Bölüm sonu sınavları ile 2. ve 3. bölümlerin sonunda yer 

alan ödev 

 



 

Final notu aşağıdaki şekilde hesaplanacaktır: 

Bölüm 1, Bölüm sınavı 

% 15 

Bölüm 2, Ödev-1 

% 10 

Bölüm 2, Ödev-2 

% 15 

Bölüm 2, Bölüm sınavı 

% 15 

Bölüm 3, Ödev-3 

% 15 

Bölüm 3, Ödev-4 

% 15 

Bölüm 3, Bölüm sınavı 

% 15 

Toplam 

%100 

 



 

Dersi 

başarıyla tamamlamak ve katılım belgesi almaya hak kazanmak için ders 

değerlendirmesinde en az %70 oranında başarılı olmak gerekmektedir. 

---

 

4 

Ders Özeti 

Bir web sitesi oluşturmak veya düzenlemek istiyorsanız, öğrenmeniz gereken en temel teknoloji 

HTML’dir (Zengin Metin İşaretleme Dili). HTML, genellikle internet üzerinde içerik görüntülemek 

amacıyla web tarayıcıları tarafından kullanılan en önemli web standardıdır. Bu içerik, örneğin, 

metin, resim veya video 

olabilir. Kelimenin tam anlamıyla HTML, internet sayfası oluşturmada 

ana dil görevini üstlenir. 

Pek çok tasarım elementi (yazı tipleri ve arka plan renkleri gibi) sadece HTML kullanılarak da 

tanımlanabilir; ancak, sayfa tasarımı ile düzenini birbirinden ayırmak daha iyi ve hatta daha 

kolaydır. İşte bu noktada CSS devreye girer. 

Bu derste hem HTML hem de CSS ile zengin metin 

belgeleri oluşturmak ve tasarlamak için 

metin düzenleyicilerini kullanmayı öğreneceksiniz. Bu iki dilin birlikte işlemesi gerektiğinden 

dolayı, istenilen sonuca ulaşmak için oluşturduğunuz belgeleri birbirlerine nasıl bağlayacağınızı 

öğreneceksiniz. 

 

Tavsiye Edilen Kaynaklar 

http://www.w3schools.com/html/

 

http://www.w3schools.com/css/