BİLİŞİM TEKNOLOJİLERİ MODÜL : WEB TASARIM
KODLARLA TANIŞALIM Favicon: Web sayfalarının sekmelerinde gözüken küçük resim yani ikon sitenizin veya sayfanızın faviconudur. Favicon genelde ico uzantıldır. Ancak gif, jpeg veya png formatında olan dosyaları da kullanabiliriz. Favicon dosyalarının kodları <head> bölümüne yazılır ve <link> tagının rel, type ve href özelliği kullanılır. rel=”icon” ikon olduğunu belirtir. type=”image/png veya jpeg” href=”dosya ismi”
BİLİŞİM TEKNOLOJİLERİ UYGULAYIN BİLİŞİM TEKNOLOJİLERİ
BİLİŞİM TEKNOLOJİLERİ TABLO İŞLEMLERİ
Tablo işlemlerinde kullanılan tag lar aşağıdadır. KODLARLA TANIŞALIM Tablo işlemlerinde kullanılan tag lar aşağıdadır. <table> tablo oluşturma başlama tagı <tr> Öncelikle satır oluşturulur. <td> satırlar içinde sütun oluşturulur
BİLİŞİM TEKNOLOJİLERİ UYGULAYIN BİLİŞİM TEKNOLOJİLERİ
KODLARLA TANIŞALIM <thead> tablo başlıklarını oluşturmak için kullanılır.
BİLİŞİM TEKNOLOJİLERİ UYGULAYIN BİLİŞİM TEKNOLOJİLERİ
KODLARLA TANIŞALIM Bunların yanında satırları birleştirmek için rowspan sutunları birleştirmek için colspan özellikleri kullanılır.
BİLİŞİM TEKNOLOJİLERİ UYGULAYIN BİLİŞİM TEKNOLOJİLERİ
BİLİŞİM TEKNOLOJİLERİ UYGULAYIN BİLİŞİM TEKNOLOJİLERİ
BİLİŞİM TEKNOLOJİLERİ SES VE VİDEO İŞLEMLERİ
KODLARLA TANIŞALIM Ses ve Video İşlemleri: Ses video işlemleri HTML5’te kolaylaşmıştır. Günümüzde HTML5 tüm tarayıcılarda desteklenmektedir. Bu işlemler için <audio> <video> tagları ve bu tagların width= Genişlik; height=Yükseklik controls =Kontrol butonları autoplay= Otomatik oynatma özellikleri kullanılır.
BİLİŞİM TEKNOLOJİLERİ UYGULAYIN BİLİŞİM TEKNOLOJİLERİ
KODLARLA TANIŞALIM Genel Format: <a href =”hedef” yazı/nesne></a> Genel Link gösterimleri : Boş/hedefsiz link : <a href =”#”></a> Aynı sayfada bir nesne : <a href =”#nesne”></a> Aynı sitede sayfa : <a href =”sayfa.html”></a> Aynı sitede bir dosya : <a href =”dosya.rar”></a> Başka bir site : <a href =”www.bilkurs.com”></a> Başka bir sitede bir sayfa : <a href =”www.bilkurs.com/iletisim.html”></a> Başka bir sitede bir dosya : <a href =”www.bilkurs.com/html.pdf”></a>
KODLARLA TANIŞALIM Nesne ve içeriklerle link gösterimleri : Aynı sitede başka bir sayfa : <a href =”index.html”>tıklayın</a> Başka bir sitede bir sayfa : <a href =”www.bilkurs.coml”>Bilgisayar Sitesi</a> Başlık : <a href =”www.bilkurs.coml”><h2> Makaleler</h2></a> Cümle : <a href =”iletisim.html”><h2> Bizimle haberleşiniz…</h2></a> Resim : <a href =”anasayfa.html”><img src=”logo.png”</img></a> Ses : <a href =”anasayfa.html”><audio src=”ses1.ogg”</audio></a> Video : <a href =”anasayfa.html”><video src=”video1.ogg”</video></a> (hedef link başka klasördeyse o klasör hedef gösterilir. Örnek : Video : <a href =”/site1/v1/anasayfa.html”><video src=”video1.ogg”</video></a>)
BİLİŞİM TEKNOLOJİLERİ MODÜL : WEB TASARIM