BİLİŞİM TEKNOLOJİLERİ 1 MODÜL : WEB TASARIM

HTML 2

3 Kodlar taglar arasında yazılır Komut içeri ğ i Açılı ş Tagı Kapanı ş Tagı HTML

4 Kodlar taglar arasında yazılır Komut içeri ğ i Açılı ş Tagı Kapanı ş Tagı HTML

5

6

HTML TEMEL ŞABLON 7 ARAMA MOTORLARININ İ LG İ LEND İĞİ VE ÖZEL AYARLARIN YAPILDI Ğ I ALAN SAYFAMIZDAK İ RES İ M MÜZ İ K, TABLO, V İ DEO VB. HER Ş EY

BİLİŞİM TEKNOLOJİLERİ 8 TEMEL ŞABLONU UYGULAYIN

9 HTML5 ANA ŞABLONU OLUŞTURMAK

KODLARLA TANIŞALIM 10  Sayfa Ba ş lı ğ ı  Paragraf Olu ş turmak

BİLİŞİM TEKNOLOJİLERİ 11 UYGULAYIN

KODLARLA TANIŞALIM 12  Açıklama Girmek  Sayfa HTML-5 ile yapıldı ğ ını belirtir.  Sayfa dili Türkçedir diyoruz.  Türkçe karakterlerin düzgün gözükmesini sa ğ lar.

BİLİŞİM TEKNOLOJİLERİ 13 UYGULAYIN

KODLARLA TANIŞALIM 14  Bir satır bo ş luk bırakmak  x=1 ile x=6 de ğ erleri alır. Ba ş lık büyüklükleri ayarlanır

BİLİŞİM TEKNOLOJİLERİ 15 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 16 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 17 SEMANTİK WEB

BİLİŞİM TEKNOLOJİLERİ 18 Burada Site logosu ve Sloganı Gezinti Menüsü İçerik 1 İçerik 2 Yan Menü Telif Hakları Bölümü

BİLİŞİM TEKNOLOJİLERİ 19 SEMANTİK WEB ŞABLONUNU UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 20 Header (Ba ş lık) Bölümünün Olu ş turulması:

…. 21 Ba ş lık Bölümü Logo Demektir Logo ve Sloganı Nereye Koyaca ğ ız ? Birlikte Yapalım

KODLARLA TANIŞALIM 22  Resim eklemek tagının src özelli ğ ini kullanaca ğ ız.

BİLİŞİM TEKNOLOJİLERİ 23 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 24 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 25 nav (menü) Bölümünün Olu ş turulması:

KODLARLA TANIŞALIM 26  numarasız liste olu ş turma üst tagı  numarali liste olu ş turma üst tagı liste olu ş turma tagı  link verme tagı

BİLİŞİM TEKNOLOJİLERİ 27 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 28 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 29 section ve article (içerik) Bölümünün Olu ş turulması:

BİLİŞİM TEKNOLOJİLERİ 30 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 31 footer (sayfa altı) Bölümünün Olu ş turulması:

BİLİŞİM TEKNOLOJİLERİ 32 UYGULAYIN

BİLİŞİM TEKNOLOJİLERİ 33 HANGİ KODLARLA TANIŞTIK ?

KODLARLA TANIŞALIM 34  Sayfa Ba ş lı ğ ı  Paragraf Olu ş turmak

KODLARLA TANIŞALIM 35  Açıklama Girmek  Sayfa HTML-5 ile yapıldı ğ ını belirtir.  Sayfa dili Türkçedir diyoruz.  Türkçe karakterlerin düzgün gözükmesini sa ğ lar.

KODLARLA TANIŞALIM 36  Bir satır bo ş luk bırakmak  x=1 ile x=6 de ğ erleri alır. Ba ş lık büyüklükleri ayarlanır

KODLARLA TANIŞALIM 37  Resim eklemek tagının src özelli ğ ini kullanaca ğ ız.

KODLARLA TANIŞALIM 38  numarasız liste olu ş turma üst tagı  numarali liste olu ş turma üst tagı liste olu ş turma tagı  link verme tagı

BİLİŞİM TEKNOLOJİLERİ 39 Burada Site logosu ve Sloganı Gezinti Menüsü İçerik 1 İçerik 2 Yan Menü Telif Hakları Bölümü

BİLİŞİM TEKNOLOJİLERİ 40 MODÜL : WEB TASARIM