1
Web Tasarımının Temelleri
(HTML & CSS)
Dersin Amacı
Bu dersin amacı web tasarım temellerini, HTML ve CSS teknolojileri aracılığıyla kullanıcının
faydasına sunmaktır. Bir web sitesi oluşturmak veya düzenlemek istiyorsanız, öğrenmeniz
gereken en temel teknoloji HTML’dir. 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 vey
a 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,
istenilen sonuca ulaşmak için oluşturduğunuz belgeleri birbirlerine nasıl bağlayacağınızı
öğreneceksiniz.
Bilgi ve Becerilere ilişkin Ön Gereksinimler
Temel bilgisayar kullanma becerileri
o
Dosyalarla çalışma
o
Standart uygulamalar ve Windows üzerinde çalışma
o
Standart işlemler (kopyalama, taşıma, metin düzenleme, vs.)
Web tarayıcısı kullanma becerileri
Blog, web makaleleri ve diğer web sayfalarının kullanımı hakkında bilgi sahibi olma
Notepad veya Notepad++ gibi, herhangi bir metin düzenleme programı hakkında bilgi
sahibi olma.
Önceden alınması gereken ders veya dersler
Bulunmamaktadır.
Öğrenme çıktıları
Bu dersi tamamladığınızda;
Web sayfaları oluştururken HTML ve CSS’nin rolünü açıklayabilecek,
HTML ve CSS dosyaları oluştururken kullanılacak uygun programı seçebilecek,
Web sayfası oluşturmadaki amaçları açıklayabilecek,
HTML ve CSS sözdizimini açıklayabilecek,
Herhangi bir metin düzenleyicisini kullanarak web sayfası
tasarlayabilecek ve temel
yapıları tanımlayabilecek,
2
Kendi web sayfalarınıza metin ve çoklu ortam ekleyebilecek,
CSS kullanarak web sayfası tasarımı yapabilecek,
Oluşturduğunuz HTML sayfası ile CSS’yi bağlayabileceksiniz.
Dersin İçerik Tablosu