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

... konulu sunumlar: "BİLİŞİM TEKNOLOJİLERİ 1 MODÜL : WEB TASARIM. HTML 2."— Sunum transkripti:

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

2 HTML 2

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

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

5 5

6 6

7 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

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

9 9 HTML5 ANA ŞABLONU OLUŞTURMAK

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

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

12 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.

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

14 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

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

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

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

18 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ü

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

35 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.

36 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

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

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

39 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ü

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