Html ile Web Tasarımı - 201

HTML 1990 yılında Tim Berners-Lee tarafından geliştirilmiştir. HTML (Hypertext Markup Language) web sayfaları oluşturmak için kullanılan metin işaretleme dilidir. HTML bir programlama dili değildir. Çünkü HTML kodlarıyla kendi başına çalışan bir program yazılamaz. HTML ile yazılan kodlar internet tarayıcılar (Chrome, Internet Explorer, Edge, Firefox, Opera, Safari vb.) sayesinde yorumlanır ve karşımıza görsel web sayfaları getirilir. Bundan dolayı HTML yorumlanan bir dildir. <> işaretleri arasına yazılan HTML kodları internet tarayıcılar tarafından yorumlanarak web sayfalarının görüntülenmesi sağlanır. <> işaretleri arasına yazılan kodlara HTML etiketleri denilmektedir. Bir web sayfasını oluştururken farklı birçok HTML etiketi kullanılmaktadır. HTML ile Web Tasarımı - 201 dersinde adım adım HTML kodlarının temelleri anlatılmaktadır. HTML’in genel yapısı ve HTML etiketlerinin kullanımı ayrıntılı bir şekilde anlatılmaktadır. HTML ile Web Tasarımı - 201 dersini tamamlayan birisi internet, ip, www (World Wide Web – Dünya Çağında Ağ) kavramlarını öğrenmekle beraber HTML etiketlerini kullanma konusunda bilgi ve beceriye sahip olacaktır.

Etkinlikleri açabilmek için için giriş yapmalısınız. Giriş yapmak için tıklayın

1
Ilk Web Sayfasını Oluşturalım
Bu etkinlikte HTML kodlarını kullanarak ilk web sayfanı oluşturacaksın. Temel HTML kodlarını tanıyacaksın.
2
Web Sayfamızda Başlıklar Kullanalım
Bu etkinlikte başlık etiketi kullanımını öğreneceksin. Açıklama satırı kullanmayı öğreneceksin.
3
Web Sayfamızda Menü Oluşturalım
Bu etkinlikte HTML kodlarını kullanarak menü oluşturacak ve menü özelliklerini düzenleyeceksin. Bağlantı adresi oluşturacaksın.
4
Web Sayfamıza Içerik Bölümü Ekleyelim
Bu etkinlikte div etiketini ve kullanım amacını öğreneceksin. Anlamsal etiketler hakkında bilgi sahibi olacaksın.
5
Web Sayfamıza Resim ve Tablo Ekleyelim
Bu etkinlikte web sitesine tablo ekleyeceksin. Resim eklemeyi ve eklediğin resmi düzenlemeyi öğreneceksin.
6
Web Sayfamıza Footer Alanı Ekleyelim
Bu etkinlikte web sitesinde liste oluşturmayı öğreneceksin. Footer alanı oluşturacaksın. HTML5 ile gelen "details" etiketi hakkında bilgi sahibi olacaksın.
7
Footer Alanına Stil Özelliklerini Uygulayalım
Bu etkinlikte Footer alanının stil özelliklerini CSS kodları kullanarak düzenleyeceksin.
8
Yeni Sayfa Oluşturalım
Bu etkinlikte video ve ses dosyası ekleyeceksin. Video uzantılarını nasıl öğreneceğin hakkında bilgi sahibi olacaksın.