Kategoriler
Eser Adı Yazar Yayınevi Açıklama İçindekiler Barkod
Arama  
Ana Sayfa Sipariş Takip Üyelik Yardım İletişim
 
 
Bülten
   

×
A'dan Z'ye CSS
(HTML5, XHTML, CSS2, CSS3)
Kasım 2011 / 3. Baskı / 448 Syf.
Baskısı tükenmiştir.
 
   

Gözden geçirilmiş ve tamamen yenilenmiş 3. baskısını yapan bu kitapta XHTML ve XHTML bağlı elementlerin özelliklerini, kullanım biçimlerini ve yazım kurallarını öğreneceksiniz. Temel XHTML bilgileri hiç bilmeyenlere göre ele alınmış ve anlatımı bu çerçevede verilmiştir. Verilen bilgiler teknik detayları öğrenme ve öğrendiğini gerçek bir sunuma dönüştürmeyi hedeflemektedir.

XHTML ile birlikte HTML5 standartlarının getirdiği yenilikler ve elementlerin detaylandırılmış öğretici bilgileri ile bu bilgilerin Video, ses, grafik ve yeni şablon yapılandırılmasına göre yazılmıştır.

XHTML, HTML5 konuları anlatımı sonrası günümüzde tasarımın vazgeçilmez en önemli yapı taşı olan CSS2 ve CSS3 standartları hem temel bilgilendirme detayları hem de bu bilgilere dayalı sunumları hazırlayıp öğrenmeyi pekiştirecek örnekler ile desteklenmiştir. CSS2 ve CSS3 konuları hiç bilmeyen birilerine göre ele alınmıştır. Kitap içinde verilen bütün bilgiler günümüzde yaygın olarak kullanılan bütün web tarayıcıları göz önünde bulundurularak yazılmış ve anlatılmıştır.

CSS3 ve XHTML ile HTML5 yenilikleri bu kitapta bir araya getirilmiştir. Yeni standartları, kavramları, metot ve argümanları sade ve anlaşılır açıklamalarla birlikte örneklerle pekiştiren bu kitap, Web tasarımcısının elinde önemli bir kaynak olacaktır.

Konu Başlıkları
W3C Standartları (HTML 5,XHTML)
Cascading Style Sheets (CSS)
XHTML Elementlerinin Detayları
HTML 5 ile Gelen Yeni Standartlar
CSS2, CSS3 Seçicileri ve Sınıfları
CSS3 ile Yeni Nesil İçerik Sunum Teknikleri
Template Tasarımı ve Sunumu
HTML 5 ile Şematik Tasarım ve Sunum
Barkod: 9789750217302
Yayın Tarihi: Kasım 2011
Baskı Sayısı:  3
Ebat: 16x24
Sayfa Sayısı: 448
Yayınevi: Seçkin Yayıncılık
Kapak Türü: Karton Kapaklı
Dili: Türkçe
Ekler: -

 

İÇİNDEKİLER
Önsöz  
Bölüm 1: XHTML GİRİŞ  
XHTML Giriş  
Elementlerin Anlamı  
XHTML Elementleri ve Söz Dizimi  
Standart Bir Elementin Yazım Kuralı  
Boş Element Yazım Kuralı  
Standart Bir Elementin Yazım Kuralı  
Boş Element Yazım Kuralı  
Açık ve Kapalı Etiketler  
Hiyerarşik Yapı  
Boş Element  
Belge Tanımlaması ve Belge Tipi Bildirimi  
XHTML Üç Tip Belge Bildirimi Sunar  
Strict  
Transitional  
Frameset  
SGML ve HTML  
DOCTYPE Bildirim Zorunluluğu  
Bölüm 2: XHTML HIZLI BAKIŞ  
XHTML Hızlı Bakış  
Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><title> Elementinin Nitelikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><title> Elementinin Uygulanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><body> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><body> Elementinin Sözdizimi ve Kullanımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">bgcolor </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Background </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Link </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Vlink </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Alink </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Standart Özellikler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Event Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 3: XHTML ELEMENTLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Elementleri ve Bu Elementlerin İşlevselliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sık Kullanılan XHTML Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Elementleri Genel Olarak İşlevsellik Açısından İki Türe Sahiptir </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">1. Blok Düzey Elementler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">2. Satır Düzeyi Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 4: LİNKLER </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTTP (Hypertext Transfer Protocol) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Web Sayfası Adresi (URL) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Varsayılan Dosya (Sayfa) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Linkler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">1. Site İçi Linkler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bir Link Dört Ana Kısımdan Oluşur </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">2. Çapa (Sayfa İçi Linkler) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">3. Site Dışı Linkler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dış Bağlantıların Gösterilişi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 5: IMG ELEMENTİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><img /> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İmajların İçerik ile Birlikte Hizalanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek 1 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 6: METİN BİÇİMLENDİRME </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin Biçimlendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Font Rengi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><font> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yazıların Kontrolünü Sağlamak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yeni Satır Oluşturma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><nobr> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><center> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><div> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Listeleme Yapma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kalın Yazı Vurgusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yatık Yazı Vurgusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tanımlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Marquee </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Scrollamount </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Scrolldelay </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Direction </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">bgcolor </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Height ve Width </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">hspace ve vspace </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Start ve Stop </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Zikzak Hareketi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 7: TABLE ELEMENTİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><table> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Basit Tablo Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Düzeni </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sütun Sayısı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Satır Sayısı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Boyutları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border (Çerçeve Kalınlığı) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Width ve Height Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hücre Boşluğu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İç Kenar Boşluğu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Hizalama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Valign </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablonun Dışındaki Verilerle Hizası </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Başlığı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yatay Olarak Başlığı Hizalama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dikey Olarak Başlığı Hizalama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Table Elementi ile Basit Bir Tasarım Görünüşü </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 8: FORM ELEMENTİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><form> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Form Özelliklerinin Açıklanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Basit Girdilerle İlgili Form Unsurları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><input> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><input> Elementinin özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin Alanı ve Şifre Kutusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çok Seçenekli Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">checkbox Onay Kutusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tek Seçenekli Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Radio Düğmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">accesskey </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Gizli Öğeler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Seçenekli Menüler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><select> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Selected </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Size </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Multiple </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><optiongroup> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><label> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çok Satırlı Metin Alanı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><textarea> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 9: FRAMESET </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Frameset </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Cols </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Rows </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İstediğimiz Sayfanın İstediğimiz Hedef Çerçevede Açılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Target </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Iframe </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Yazım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Iframe Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Scrolling </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Frameborder </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Name </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hedef Çerçevenin İsimlendirilmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çerçeve Adı ve Linklerin Düzenlenmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 10: CASCADING STYLE SHEETS (CSS) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Cascading Style Sheets (CSS) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel CSS Söz Dizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Cascading Style Sheets (CSS) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Giriş </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Direktiflerinin HTML Sayfası İçinde Kullanılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS İçin Yorum Satırı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Düzeyinde Stil Tanımları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Belgenin Metin İçeriği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Zoom Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Fare İşaretleri İçin CSS Stili Tanımlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sayfa Düzeyinde Stil Tanımları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><style> Elementi ile Stil Bildirimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Media özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Stil Sayfalarının Belgelerle Birleştirilmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@media ile Stil Dosyası Tanımlanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Print </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Screen </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@media Hedef Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@import ile Stil Kuralı İthal Etmek </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Stil Dosyalarının Belgeye Bağlanması (Linking) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><link> Elementi ile Dışarıdan HTML Sayfasına Bağlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Stil Dosyalarının Belgeye İthal Edilmesi (Importing) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tam Site Adresi Belirtilerek Yazılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Mutlak Dizin Yolu Belirtilerek Yazılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Birden Fazla CSS Dosyasının Tek Dosya ile İthal Etilmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Internet Explorer İçin Şartlı Yorumlar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Alt Düzey Gizli Yorumlar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 11: CSS SÖZ DİZİMİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Söz Dizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bildirim Bloğu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bildirimler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Özellik ve Değer </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Özelliklere Ait Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Gelişmiş Özelliklere Ait Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Anlamlı Tanımlamalar, Seçimler ve Bildirimler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">ID Seçicisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Eşleştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Seçici (Class) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Birden Fazla Sınıf Kullanmak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Genel (Evrensel) Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Ölçülendirme ve Görünüş Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sayılar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ölçülendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Mutlak Ölçülendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Göreceli Ölçülendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ölçülendirme Kuralları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Kuralları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS2 Özellik Seçici ve Soy Seçicileri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Özellik Seçiciler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Soya Bağlı Seçiciler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çocuk ve Torun Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çocuk Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bitişik Soydaş Element Seçicileri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Doğrudan Kardeş Seçicisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dolaylı Kardeş Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Gruplandırma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 12: CSS2 ve CSS3 SEÇİCİLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS2 Pseudo-Sınıfları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sahte-Sınıflar (Pseudo-Class) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Etkileşim Sınıfları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Link </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Visited </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Active </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Varsayılan Link Rengini Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Active (Ziyaret Edilmek İstenen) Renk Değerini Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ziyaret Edilmiş Link Rengini Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Fare Olayı İçin Renk Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Özel Hazırlanmış Tooltip Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama Kodları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Bir Hover Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">First-Child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Lang() </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Focus </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS3 Pseudo-Sınıfları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-last-child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-last-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">first-child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">first-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">last-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">only-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">target </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">checked, enabled ve disabled </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">quotes </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Pseudo-Elementler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">:first-line </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">:first-letter </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kullanıcı Ara yüzü Element Parçacıkları Pseudo-Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">After, Before, Content </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">!important </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Kurallarında Basamak Yapısı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">!important ile Önceliği Değiştirmek </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Kurallarında Ön Takılar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">transform </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dönüşüm Fonksiyonları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">matris </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">rotate </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">scale </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">scaleX </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">scaleY </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">skew </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">skewX </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">skewY </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">translate </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">translateX </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">translateY </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Transform Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">jQuery Transform Plugin </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 13: MARGIN VE PADDING ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Margin </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Padding </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 14: ELEMENTLERİN POZİSYONU </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Elementlerin Pozisyon Değerleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">z-index </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dört Tür Konumlandırma (Position) Yapılır </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Position </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Mutlak Konumlandırma (Absolute) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Göreceli Konumlandırma (relative) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Fixed </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Static </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Pozisyonlar ve Kullanım Alanları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kutu Modelinde Konumlandırma Etkisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Grafik Görünümlü Yatay ve Dikey Çubuk Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İstatistik Amaçlı 3 Boyutlu Sütun Grafiği Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 15: ARKA PLAN ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Arka plan (Background) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Background-Clip Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Birden Fazla Arka Plan İmajı Ekleme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Alıntı Alanı Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Clip Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Css ile Gradient (Renk Geçişi) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Grafik Tasarımı ve Kutu Modelleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Esnek Tasarım </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 16: BORDER ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Style </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dotted </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dashed </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ridge </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Groove </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Radius </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Box-Shadow (Kenarlara gölge verme) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Oval Köşe Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Keskin Kenarların Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tıklama ile İpucu Görüntüleme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 17: METİN (TEXT) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin (Text) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin Rengi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hex Renk Değeri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Renk Adı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">rgb Renk Değeri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Id (Kimlik) Bilgisine Göre Renk ve Arka Plan Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adına Göre Renk Ataması Yapma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Line-Height </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Letter-Spacing </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Vertical-Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Decoration </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Indent </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Transform </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">White-Space </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Word-Spacing </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Font-Family </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Font-Weight </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Line-Height </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@font-face </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Web Tipografi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">TTF Fontlarının EOT Fontlara Dönüştürülmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Google Font Servisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 18: XHTML ELEMENTLERİNİN BELGEDEKİ DURUMU </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Elementlerinin Belgedeki Durumu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Visibility </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Display </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Elementlerin Tablo Görünümü Alması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Gösterme Gizleme Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 19: ELEMENTLERİN GÖRÜNÜMLERİNİN KAYDIRILMASI </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Elementlerin Görünümlerinin Kaydırılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Float </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Clear </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 20: CSS LİSTE ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Liste Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style-Type Özelliği ve Aldığı Değerler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Liste Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style-Image </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Kullanım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adı Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Kimliği Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Kimlik ve Element Adı ile Birlikte Kullanım Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste Öğelerine Hover Efekti Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style-Position </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Kullanım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adı Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Kimliği Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Kimlik ve Element Adı ile Birlikte Kullanım Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Listelere Margin Özelliği Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Kullanım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adı Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Kimliği Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Kimlik ve Element Adı ile Birlikte Kullanım Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">None Değeri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste Elementini Menü Olarak Kullanmak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste Öğelerine Float Özelliği ile Left Değerini Tanımlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste ile Kod Düzeni Oluşturma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 21: CSS TABLO ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Tablo Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Collapse </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Spacing </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Caption-Side </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Empty-Cells </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Table-Layout </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 22: SAYDAMLIK </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Opacity Saydamlık </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Javascript ile Opacity (Saydamlık) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hover Pseudo Sınıfı ile Saydamlık Etkisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin ve Resimlerin Birlikte Kullanılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Şefaflık İçinde Şeffaflık </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yazı ve Arka Plan Şeffaflığı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Opacity Özelliği ile Açıklama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Linklere Şeffaflık Özelliği Verme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Link Olarak Verilmiş Resmilere Şeffaflık Özelliği Atama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 23: HOVER PSEUDO SINIFI UYGULAMALARI </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hover Pseudo Sınıfı Uygulamaları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Açılır Menü </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Menü Tasarımı ve Uygulanışı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Focus Sınıfı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Menü Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 3 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 4 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 5 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 24: CORNER UYGULAMALARI </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kenarları Yuvarlatılmış Açıklama Alanları Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 25: ÖRNEK UYGULAMALAR </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çerçeve Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 1 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 3 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Oylama Yıldızı Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 26: GÖRÜNÜŞ TASARLAMA </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Akışkan Görünüş ve Üç Sütun Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Alanlarına İç ve Dış Boşluklar Ekleme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım Adım Görünüş Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 1 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tasarımı Table Elementleri ile Oluşturmak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Yapısını Belirlemek </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 3 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 4 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 27: HTML 5 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML 5 İçerik Yönetim Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML 5 Web Tarayıcı Desteği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Header Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Footer Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Nav Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Article Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Aside Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Section Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hgroup Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tasarım İçin Kodlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML5 <video> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML5 <audio> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML 5 <canvas> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizim İçin Koordinat Bilgisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizgi Çizme (lineTo) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizgi ve Dolgu Rengi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizgi Tipleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">lineCap </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">lineJoin </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kare, Dikdörtgen Çizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Daire Çizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Animasyon Örneği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bézier Eğrisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kırpma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Renk Geçişi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yazı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Resim İçeriği Oluşturma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kavramlar Dizini </span><span class="icnpagenum"> </span></div></td> <td width="20" class="ds_br"> </td> </tr> </table> </div> <br><br> </div> <!-- start-yazar-about --> <!-- end-yazar-about --> <div id="tab4" class="tab_content"> </div> </div> </td> </tr> <tr> <td colspan="3"> <div style="margin-top:4px;margin-bottom:15px;"> <div style="float:left;"></div> <div style="float:right;width:145px;"> <!-- AddThis Button BEGIN --> <div class="addthis_toolbox addthis_default_style "> <a class="addthis_button_preferred_1"></a> <a class="addthis_button_preferred_2"></a> <a class="addthis_button_preferred_3"></a> <a class="addthis_button_preferred_4"></a> <a class="addthis_button_compact"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <script type="text/javascript" src="https://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-50571f8170c25d4d"></script> <!-- AddThis Button END --> </div> </div> <div style="clear:both;"></div> </td> </tr> </table> </div> <div style="margin-left:6px;"> <div id="cat_related_title" class="subtitlex">İlgili Kategoriler</div> <div class="cat_related_box"><a class="cat_related" href="/browser/fk/245987249">Bilgisayar ve Teknoloji</a> > <a class="cat_related" href="/browser/fk/242898991">Programlama</a> > <a class="cat_related" href="/browser/fk/782124231">Web Programlama</a> > <a class="cat_related" href="/browser/fk/998942842">CSS</a></div> </div> <div><div id="yorumlar"> </div> <script> $(function(){ $('#yorumlar').load('/kitapyorum/257591385',function(){ }); }); </script> </div> <div> </div> <div> <div style="margin-left: 0px; margin-top: 19px;"> <div id="cat_related_title" class="subtitlex" style="padding-left: 6px;">İlgili Diğer Yayınlar</div> <div style="padding-top: 6px; padding-left: 1px;"> <table width="100%"><tr><td> <div style="float:left;width:130px;padding-left:5px;" class="border_allx"> <div class="kitap_kapak_bg" style="margin-right:6px;width:90px;" ><div class="kitap_box"><a href="/kitap/686298924"><img border="0" width="80" height="120" src="/getimage/book/877272934_120_wm.jpg" /></a></div></div> <div class="list_book_cell"><a class="sboxx" style="" href="/kitap/686298924" id="b686298924">Programcılık Mantığı</a></div> <span class="ycolor">Kerem Köseoğlu</span><br /> <i>Kasım 2020</i><br /> 38.<span style="font-size:8px;">00 TL</span> <br> <a id="sek_686298924" class="sepete_at sepetats" rel="686298924" href="#">Sepete Ekle</a> <div style="clear:both;"></div> </div> <div style="float:left;width:130px;padding-left:5px;" class="border_allx"> <div class="kitap_kapak_bg" style="margin-right:6px;width:90px;" ><div class="kitap_box"><a href="/kitap/267842899"><img border="0" width="80" height="120" src="/getimage/book/334847713_120_wm.jpg" /></a></div></div> <div class="list_book_cell"><a class="sboxx" style="" href="/kitap/267842899" id="b267842899">Yazılım Testi – İş Analizi – Kullanılabilirlik</a></div> <span class="ycolor">Lütfi Koray Yitmen</span><br /> <i>Eylül 2020</i><br /> 29.<span style="font-size:8px;">00 TL</span> <br> <a id="sek_267842899" class="sepete_at sepetats" rel="267842899" href="#">Sepete Ekle</a> <div style="clear:both;"></div> </div> <div style="float:left;width:130px;padding-left:5px;" class="border_allx"> <div class="kitap_kapak_bg" style="margin-right:6px;width:90px;" ><div class="kitap_box"><a href="/kitap/993368518"><img border="0" width="80" height="120" src="/getimage/book/283377341_120_wm.jpg" /></a></div></div> <div class="list_book_cell"><a class="sboxx" style="" href="/kitap/993368518" id="b993368518">Scratch 3 Makine Öğrenmesi ve Micro Bit</a></div> <span class="ycolor">Erdal Delebe</span><br /> <i>Haziran 2020</i><br /> 30.<span style="font-size:8px;">00 TL</span> <br> <a id="sek_993368518" class="sepete_at sepetats" rel="993368518" href="#">Sepete Ekle</a> <div style="clear:both;"></div> </div> <div style="float:left;width:130px;padding-left:5px;" class="border_allx"> <div class="kitap_kapak_bg" style="margin-right:6px;width:90px;" ><div class="kitap_box"><a href="/kitap/864571711"><img border="0" width="80" height="120" src="/getimage/book/393461343_120_wm.jpg" /></a></div></div> <div class="list_book_cell"><a class="sboxx" style="" href="/kitap/864571711" id="b864571711">Çocuklar için Kodlama</a></div> <span class="ycolor">Zafer Demirkol</span><br /> <i>Şubat 2020</i><br /> 45.<span style="font-size:8px;">00 TL</span> <br> <a id="sek_864571711" class="sepete_at sepetats" rel="864571711" href="#">Sepete Ekle</a> <div style="clear:both;"></div> </div> </td></tr></table> </div> </div> </div> <!-- start-yazar-about --> <br><br><hr size="0"><br><br> <!-- end-yazar-about --> <div style="padding:0px;font-size: 10px;width:550px;"> <div> <table align="center"> <tr> <td width="20" class="ds_bsl"> </td> <td itemprop="description" style="padding-left: 6px; padding-right: 6px;" width="470"> <div align="center"><b><br>İÇİNDEKİLER</b></div><div rel="item" class="icnok"><span class="icntext">Önsöz </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 1: XHTML GİRİŞ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Giriş </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Elementlerin Anlamı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Elementleri ve Söz Dizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Standart Bir Elementin Yazım Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Boş Element Yazım Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Standart Bir Elementin Yazım Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Boş Element Yazım Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Açık ve Kapalı Etiketler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hiyerarşik Yapı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Boş Element </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Belge Tanımlaması ve Belge Tipi Bildirimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Üç Tip Belge Bildirimi Sunar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Strict </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Transitional </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Frameset </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">SGML ve HTML </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">DOCTYPE Bildirim Zorunluluğu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 2: XHTML HIZLI BAKIŞ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Hızlı Bakış </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><title> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><title> Elementinin Nitelikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><title> Elementinin Uygulanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><body> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><body> Elementinin Sözdizimi ve Kullanımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">bgcolor </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Background </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Link </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Vlink </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Alink </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Standart Özellikler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Event Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 3: XHTML ELEMENTLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Elementleri ve Bu Elementlerin İşlevselliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sık Kullanılan XHTML Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Elementleri Genel Olarak İşlevsellik Açısından İki Türe Sahiptir </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">1. Blok Düzey Elementler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">2. Satır Düzeyi Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 4: LİNKLER </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTTP (Hypertext Transfer Protocol) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Web Sayfası Adresi (URL) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Varsayılan Dosya (Sayfa) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Linkler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">1. Site İçi Linkler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bir Link Dört Ana Kısımdan Oluşur </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">2. Çapa (Sayfa İçi Linkler) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">3. Site Dışı Linkler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dış Bağlantıların Gösterilişi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 5: IMG ELEMENTİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><img /> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İmajların İçerik ile Birlikte Hizalanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek 1 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 6: METİN BİÇİMLENDİRME </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin Biçimlendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Font Rengi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><font> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yazıların Kontrolünü Sağlamak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yeni Satır Oluşturma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><nobr> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><center> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><div> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Listeleme Yapma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kalın Yazı Vurgusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yatık Yazı Vurgusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tanımlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Marquee </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Scrollamount </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Scrolldelay </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Direction </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">bgcolor </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Height ve Width </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">hspace ve vspace </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Start ve Stop </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Zikzak Hareketi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 7: TABLE ELEMENTİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><table> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Basit Tablo Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Düzeni </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sütun Sayısı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Satır Sayısı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Boyutları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border (Çerçeve Kalınlığı) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Width ve Height Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hücre Boşluğu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İç Kenar Boşluğu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Hizalama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Valign </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablonun Dışındaki Verilerle Hizası </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Başlığı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yatay Olarak Başlığı Hizalama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dikey Olarak Başlığı Hizalama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Table Elementi ile Basit Bir Tasarım Görünüşü </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 8: FORM ELEMENTİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><form> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Form Özelliklerinin Açıklanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Basit Girdilerle İlgili Form Unsurları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><input> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><input> Elementinin özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin Alanı ve Şifre Kutusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çok Seçenekli Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">checkbox Onay Kutusu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tek Seçenekli Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Radio Düğmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">accesskey </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Gizli Öğeler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Seçenekli Menüler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><select> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Selected </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Size </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Multiple </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><optiongroup> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><label> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çok Satırlı Metin Alanı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><textarea> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 9: FRAMESET </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Frameset </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Cols </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Rows </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İstediğimiz Sayfanın İstediğimiz Hedef Çerçevede Açılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Target </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Iframe </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Yazım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Iframe Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Scrolling </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Frameborder </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Name </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hedef Çerçevenin İsimlendirilmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çerçeve Adı ve Linklerin Düzenlenmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 10: CASCADING STYLE SHEETS (CSS) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Cascading Style Sheets (CSS) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel CSS Söz Dizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Cascading Style Sheets (CSS) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Giriş </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Direktiflerinin HTML Sayfası İçinde Kullanılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS İçin Yorum Satırı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Düzeyinde Stil Tanımları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Belgenin Metin İçeriği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Zoom Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Fare İşaretleri İçin CSS Stili Tanımlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sayfa Düzeyinde Stil Tanımları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><style> Elementi ile Stil Bildirimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Media özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Stil Sayfalarının Belgelerle Birleştirilmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@media ile Stil Dosyası Tanımlanması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Print </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Screen </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@media Hedef Kuralı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@import ile Stil Kuralı İthal Etmek </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Stil Dosyalarının Belgeye Bağlanması (Linking) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext"><link> Elementi ile Dışarıdan HTML Sayfasına Bağlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Stil Dosyalarının Belgeye İthal Edilmesi (Importing) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tam Site Adresi Belirtilerek Yazılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Mutlak Dizin Yolu Belirtilerek Yazılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Birden Fazla CSS Dosyasının Tek Dosya ile İthal Etilmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Internet Explorer İçin Şartlı Yorumlar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Alt Düzey Gizli Yorumlar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 11: CSS SÖZ DİZİMİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Söz Dizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bildirim Bloğu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bildirimler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Özellik ve Değer </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Özelliklere Ait Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Gelişmiş Özelliklere Ait Gruplar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Anlamlı Tanımlamalar, Seçimler ve Bildirimler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">ID Seçicisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Eşleştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Seçici (Class) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Birden Fazla Sınıf Kullanmak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Genel (Evrensel) Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Ölçülendirme ve Görünüş Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sayılar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ölçülendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Mutlak Ölçülendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Göreceli Ölçülendirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ölçülendirme Kuralları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Kuralları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS2 Özellik Seçici ve Soy Seçicileri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Özellik Seçiciler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Soya Bağlı Seçiciler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çocuk ve Torun Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çocuk Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bitişik Soydaş Element Seçicileri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Doğrudan Kardeş Seçicisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dolaylı Kardeş Seçici </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Gruplandırma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 12: CSS2 ve CSS3 SEÇİCİLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS2 Pseudo-Sınıfları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sahte-Sınıflar (Pseudo-Class) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Etkileşim Sınıfları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Link </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Visited </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Active </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Varsayılan Link Rengini Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Active (Ziyaret Edilmek İstenen) Renk Değerini Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ziyaret Edilmiş Link Rengini Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Fare Olayı İçin Renk Değiştirme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Özel Hazırlanmış Tooltip Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama Kodları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Bir Hover Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">First-Child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Lang() </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Focus </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS3 Pseudo-Sınıfları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-last-child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">nth-last-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">first-child </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">first-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">last-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">only-of-type </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">target </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">checked, enabled ve disabled </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">quotes </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Pseudo-Elementler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">:first-line </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">:first-letter </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kullanıcı Ara yüzü Element Parçacıkları Pseudo-Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">After, Before, Content </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">!important </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Kurallarında Basamak Yapısı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">!important ile Önceliği Değiştirmek </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Kurallarında Ön Takılar </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">transform </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dönüşüm Fonksiyonları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">matris </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">rotate </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">scale </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">scaleX </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">scaleY </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">skew </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">skewX </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">skewY </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">translate </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">translateX </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">translateY </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Transform Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">jQuery Transform Plugin </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 13: MARGIN VE PADDING ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Margin </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Padding </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 14: ELEMENTLERİN POZİSYONU </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Elementlerin Pozisyon Değerleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">z-index </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dört Tür Konumlandırma (Position) Yapılır </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Position </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Mutlak Konumlandırma (Absolute) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Göreceli Konumlandırma (relative) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Fixed </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Static </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Pozisyonlar ve Kullanım Alanları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kutu Modelinde Konumlandırma Etkisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Grafik Görünümlü Yatay ve Dikey Çubuk Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">İstatistik Amaçlı 3 Boyutlu Sütun Grafiği Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 15: ARKA PLAN ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Arka plan (Background) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Background-Clip Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Birden Fazla Arka Plan İmajı Ekleme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Alıntı Alanı Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Clip Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Css ile Gradient (Renk Geçişi) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Grafik Tasarımı ve Kutu Modelleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Esnek Tasarım </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 16: BORDER ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border Özelliği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Style </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dotted </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Dashed </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Ridge </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Groove </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Radius </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Box-Shadow (Kenarlara gölge verme) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Oval Köşe Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Keskin Kenarların Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tıklama ile İpucu Görüntüleme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 17: METİN (TEXT) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin (Text) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin Rengi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hex Renk Değeri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Renk Adı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">rgb Renk Değeri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Id (Kimlik) Bilgisine Göre Renk ve Arka Plan Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adına Göre Renk Ataması Yapma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Line-Height </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Letter-Spacing </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Vertical-Align </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Decoration </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Indent </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Text-Transform </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">White-Space </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Word-Spacing </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Font-Family </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Font-Weight </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Line-Height </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">@font-face </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Web Tipografi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">TTF Fontlarının EOT Fontlara Dönüştürülmesi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Google Font Servisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 18: XHTML ELEMENTLERİNİN BELGEDEKİ DURUMU </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">XHTML Elementlerinin Belgedeki Durumu </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Visibility </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Display </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Elementlerin Tablo Görünümü Alması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Gösterme Gizleme Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 19: ELEMENTLERİN GÖRÜNÜMLERİNİN KAYDIRILMASI </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Elementlerin Görünümlerinin Kaydırılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Float </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Clear </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 20: CSS LİSTE ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Liste Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style-Type Özelliği ve Aldığı Değerler </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Liste Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style-Image </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Kullanım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adı Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Kimliği Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Kimlik ve Element Adı ile Birlikte Kullanım Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste Öğelerine Hover Efekti Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style-Position </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Kullanım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adı Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Kimliği Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Kimlik ve Element Adı ile Birlikte Kullanım Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Listelere Margin Özelliği Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">List-Style </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Temel Kullanım Şekli </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Adı Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Element Kimliği Verilerek Kullanma Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Sınıf Kimlik ve Element Adı ile Birlikte Kullanım Biçimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">None Değeri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste Elementini Menü Olarak Kullanmak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste Öğelerine Float Özelliği ile Left Değerini Tanımlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Liste ile Kod Düzeni Oluşturma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 21: CSS TABLO ÖZELLİKLERİ </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS Tablo Özellikleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Collapse </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Border-Spacing </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Caption-Side </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Empty-Cells </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Table-Layout </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 22: SAYDAMLIK </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Opacity Saydamlık </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Javascript ile Opacity (Saydamlık) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hover Pseudo Sınıfı ile Saydamlık Etkisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Metin ve Resimlerin Birlikte Kullanılması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Şefaflık İçinde Şeffaflık </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yazı ve Arka Plan Şeffaflığı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Opacity Özelliği ile Açıklama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Linklere Şeffaflık Özelliği Verme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Link Olarak Verilmiş Resmilere Şeffaflık Özelliği Atama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 23: HOVER PSEUDO SINIFI UYGULAMALARI </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hover Pseudo Sınıfı Uygulamaları </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Açılır Menü </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">CSS </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Menü Tasarımı ve Uygulanışı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Focus Sınıfı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Menü Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 3 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 4 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 5 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 24: CORNER UYGULAMALARI </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kenarları Yuvarlatılmış Açıklama Alanları Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 25: ÖRNEK UYGULAMALAR </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çerçeve Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 1 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Örnek Uygulama 3 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Oylama Yıldızı Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 26: GÖRÜNÜŞ TASARLAMA </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Akışkan Görünüş ve Üç Sütun Uygulaması </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Alanlarına İç ve Dış Boşluklar Ekleme </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım Adım Görünüş Tasarımı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 1 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 2 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tasarımı Table Elementleri ile Oluşturmak </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tablo Yapısını Belirlemek </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 3 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Adım 4 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Görünüş Tasarlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bölüm 27: HTML 5 </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML 5 İçerik Yönetim Elementleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML 5 Web Tarayıcı Desteği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Header Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Footer Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Nav Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Article Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Aside Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Section Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Hgroup Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Tasarım İçin Kodlama </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML5 <video> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML5 <audio> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">HTML 5 <canvas> Elementi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizim İçin Koordinat Bilgisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizgi Çizme (lineTo) </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizgi ve Dolgu Rengi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Çizgi Tipleri </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">lineCap </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">lineJoin </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kare, Dikdörtgen Çizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Daire Çizimi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Animasyon Örneği </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Bézier Eğrisi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kırpma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Renk Geçişi </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Yazı </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Resim İçeriği Oluşturma </span><span class="icnpagenum"> </span></div><div rel="item" class="icnok"><span class="icntext">Kavramlar Dizini </span><span class="icnpagenum"> </span></div></td> <td width="20" class="ds_bsr"> </td> </tr> </table> </div> <br><br> </div> <div style="margin-top:20px;"></div> </div></td> </tr> </table> </div> <script type="text/javascript"> $(function() { }); </script> <div style="height:100px;"> </div> </div> <div id="sbox"></div> </td> <td width="177" valign="top"> <div style="padding-left:6px;padding-right:5px;"><table width="166" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div id="comp_login"></div> <div id="comp_sepet"></div> <script type="text/javascript"> $(function () { var prex = new Date().getTime(); $.get('/component/login/?t=' + prex, function (data) { $("#comp_login").html(data); $('#comp_login').find('a[rel*=facebox]').facebox(); $('#comp_login').find("label").inFieldLabels(); $('#comp_login').find("input[type='checkbox']").css("border", "none"); $('#comp_login').find("input[type='radio']").css("border", "none"); $("#login_click").click(cr556); $("#passwd, #usr, #sec_image").bind("keypress", function (e) { if (e.which == 13) { cr556(); } }); }); $.get('/component/sepet/?t=' + prex, function (data) { $("#comp_sepet").html(data); }); }); </script> </td> </tr> <tr> <td><img src="/file/a.gif" width="1" height="10" alt="Kitap"/></td> </tr> <tr> <td align="center" valign="top" style="padding-top: 7px;"> <a href="https://www.seckin.com.tr/about/contact"><img src="/fileseckin/3/sisli-02.jpg" alt="" border="0" width="150" height="180"/></a> </td> </tr> <tr> <td align="center" valign="top" style="padding-top: 7px;"> <a href="https://www.jurix.com.tr" target="_blank"><img src="/fileseckin/3/jurix-01.jpg" alt="Bülten" border="0" width="150" height="190"/></a> </td> </tr> <tr> <td align="center" valign="top" style="padding-top: 7px;"> <img src="https://seckinfiles.fra1.digitaloceanspaces.com/notices/d707bc58-ccd7-4f7c-a3f3-efa9785f2905/boxbnr-cargo-200-210304-fee30d75-dd00-4cf3-a4b8-e39d49a8450f.png" width="150" height="169" alt=""/> </td> </tr> <tr> <td align="center" valign="top"><img src="/file/a.gif" width="1" height="5" alt="Kitap"/> </td> </tr> <!-- <tr> <td align="center" valign="top" style="padding-bottom: 6px;"> <img src="/fileseckin/2/door.png" width="150" height="169" alt=""/> </td> </tr>--> <!-- <tr>--> <!-- <td align="center" valign="top" style="padding-top: 6px;padding-bottom: 5px;">--> <!-- <img src="--><!--/fileseckin/2/kargo-190301-1.png" width="150" height="169" alt=""/>--> <!-- </td>--> <!-- </tr>--> <tr> <td align="center" valign="top"><img src="/file/a.gif" width="1" height="5" alt="Kitap"/> </td> </tr> <tr> <td align="center" valign="top"> <a href="/indirim"><img src="/fileseckin/1/b3/indirim2.png" width="150" height="150" border="0" alt="İndirimli Kitaplar"/></a> </td> </tr> <!-- <tr>--> <!-- <td align="center" valign="top" style="padding-top: 10px;">--> <!-- <img src="--><!--/fileseckin/1/b3/havale2.png" width="150" height="94" alt=""/>--> <!-- </td>--> <!-- </tr>--> </table> </div> </td> </tr> </table> </td> <td width="20" class="ds_br"> </td> </tr> </table> <script type="text/javascript"> var validate_rules = {}; var validate_msg = {}; </script> <script type="text/javascript" src="/lib/form/validate.js"></script> <table border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td width="20" class="ds_bl">  </td> <td valign="top"> <table width="970" border="0" align="center" cellpadding="0" cellspacing="0"> <!-- <tr> <td height="100" align="center" style="font-size:9px;"> </td> </tr> --> <tr> <td height="30" align="center" style="font-size:9px;"> <a href="http://www.seckin.com.tr/">Ana Sayfa</a> | <a href="https://seckin.fra1.digitaloceanspaces.com/seckin/seckin-international.pdf">Uluslararası Yayınevi Belgesi</a> | <a href="/about">Hakkımızda</a> | <a href="/bulten">Bülten</a> | <a href="/about/privacy">Gizlilik ve Çerez Sözleşmesi</a> | <a href="/user">Üye Sayfası</a> | <a href="/help">Yardım</a> | <a href="/about/contact">İletişim</a> </td> </tr> <tr> <td valign="middle" bgcolor="#383838" > <div style="float: left;padding-left: 20px;padding-top: 15px;padding-bottom: 15px;"><img src="/fileseckin/1/logov2.3.png" width="110" height="48" /></div> <div style="float: right;font-size:10px;color:#DDD;padding-top: 15px;padding-bottom: 15px;"><p style="font-size:8.5px;padding-right:10px;text-align: right;font-family: arial"> Seçkin Yayıncılık San. Tic. A.Ş.<br /> <span style="font-size:9px;">Copyright © 1996 - 2021</span> </p></div> </td> </tr> </table> </td> <td width="20" class="ds_br">  </td> </tr> </table> <br/><br/> <div style="display:none;" class="ac_results"></div></body></html> <link rel="stylesheet" type="text/css" href="/csent.min.css"/> <script src="/csent.min.js"></script> <style> .wpcc-fontsize-tiny { font-size: 11px; } </style> <script> $(()=>{ $('input').map((i,item)=>{$(item).get(0).style.outline='none';}) }) window.addEventListener("load", function () { window.wpcc.init({ "border": "thin", "colors": { "popup": {"background": "#f6f6f6", "text": "#000000", "border": "#555555"}, "button": {"background": "#555555", "text": "#ffffff"} }, "padding": "none", "margin": "small", "transparency": "20", "fontsize": "tiny", "content": { "href": "https://www.seckin.com.tr/about/privacy", "message": "Sitemizin size daha kullanışlı olması için çerezler (cookie) kullanıyoruz. ", "button": "Anladım", "link": "Ayrıntılı Bilgi" } }) }); </script>