{"product_id":"introduction-to-html-and-css-coding-part-2","title":"HTML ve CSS Kodlamaya Giriş Bölüm 2","description":"\u003cdiv class=\"ebsi-team-licence-note\"\u003e\u003cp\u003e\u003cstrong\u003eBir ekip için mi satın alıyorsunuz?\u003c\/strong\u003e\u003cbr\u003eBirden fazla katılımcının erişimini kişi başı indirimli ücretle satın almak için 5 veya 10 lisans seçin. Satın alma işleminden sonra eBSI, katılımcı bilgilerini doğrulamak ve her katılımcı için kurs erişimini düzenlemek üzere sizinle iletişime geçecektir.\u003c\/p\u003e\u003c\/div\u003e\n\u003c!-- ebsi-sales-wrapper --\u003e\u003cdiv class=\"ebsi-sales-wrapper\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eHTML ve CSS Kodlamaya Giriş 2. Bölüm'de pratik bilgi ve özgüven kazanın.\u003c\/strong\u003e\u003c\/p\u003e\n\n\u003cp\u003eAraştırmalar, web sitesi tasarımının işletmelerin nasıl algılandığını etkilediğini ve sunum biçiminin güvenle doğrudan ilişkili olduğunu göstermiştir. Bu nedenle kuruluşların iyi tasarlanmış web sitelerine sahip olması büyük önem taşır.\u003c\/p\u003e\n\n\u003ch3\u003eBu kurs neden önemli?\u003c\/h3\u003e\n\n\u003cp\u003eBu kurs, konuyu gerçek iş ve çalışma ortamlarında uygulayabileceğiniz pratik ve yapılandırılmış bir öğrenme deneyimine dönüştürür. Tanımların ötesine geçmenize ve kursta ele alınan fikirlerin, araçların ve kararların birbiriyle nasıl bağlantılı olduğunu anlamanıza yardımcı olmak üzere tasarlanmıştır.\u003c\/p\u003e\n\n\u003ch3\u003eNeler kazanacaksınız?\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003eHTML ve CSS Kodlamaya Giriş 2. Bölüm'de ele alınan temel kavramları pratik bir şekilde anlayın.\u003c\/li\u003e\n\n\u003cli\u003eKonunun gerçek iş veya çalışma ortamlarında nerelerde uygulandığını öğrenin.\u003c\/li\u003e\n\n\u003cli\u003eKurs kapsamında ele alınan yöntemleri ve iyi uygulama yaklaşımlarını daha özgüvenli bir şekilde uygulayın.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\u003ch3\u003eBu kurs kimler için?\u003c\/h3\u003e\n\n\u003cp\u003eBu kurs; dijital pazarlamacılar, KOBİ sahipleri, girişimciler, satış ve pazarlama profesyonelleri ile çevrimiçi iş büyümesinden sorumlu herkes için uygundur.\u003c\/p\u003e\n\n\u003ch3\u003eKursa genel bakış\u003c\/h3\u003e\n\n\u003cul\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eÇalışma süresi:\u003c\/strong\u003e yaklaşık 2 saat.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eFormat:\u003c\/strong\u003e kendi hızınızda ilerleyebileceğiniz çevrimiçi öğrenme.\u003c\/li\u003e\n\n\u003cli\u003e\n\n\u003cstrong\u003eMesleki gelişim:\u003c\/strong\u003e CPD kursu.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\n\n\u003c\/div\u003e\n\u003cp class=\"ng-scope\"\u003eAraştırmalar, web sitesi tasarımının işletmelerin nasıl algılandığını etkilediğini ve sunum biçiminin güvenle doğrudan ilişkili olduğunu göstermiştir. Bu nedenle kuruluşların iyi tasarlanmış web sitelerine sahip olması büyük önem taşır.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eBu kurs, 1. Bölüm'de öğrenilen temel bilgileri genişleterek web sitesi oluştururken faydalı olacak ek becerileri öğretir.\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003eBunlar şunları içerir:\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eperformansın ve düzenin neden önemli olduğu,\u003c\/li\u003e\n\n\u003cli\u003ebir web sitesinin nasıl şekillendirileceği ve tasarlanacağı,\u003c\/li\u003e\n\n\u003cli\u003eduyarlı web tasarımı,\u003c\/li\u003e\n\n\u003cli\u003eve kodun temiz ve yeniden kullanılabilir olmasını sağlayan HTML ve CSS en iyi uygulamaları.\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cu\u003e\u003cstrong\u003eKurs Konuları:\u003c\/strong\u003e\u003c\/u\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eDers 1: Performans ve Düzen\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU A: Strateji ve Yapı\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003ePerformans\u003c\/li\u003e\n\n\u003cli\u003eStil Mimarisi\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU B: Nesne Yönelimli CSS\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eNesne Yönelimli CSS Metodolojisi\u003c\/li\u003e\n\n\u003cli\u003eYapıyı Görünümden Ayırma\u003c\/li\u003e\n\n\u003cli\u003eİçeriği Kapsayıcıdan Ayırma\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU C: CSS için Ölçeklenebilir ve Modüler Mimari\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eÖlçeklenebilir ve Modüler CSS\u003c\/li\u003e\n\n\u003cli\u003eBeş Temel Kategori\u003c\/li\u003e\n\n\u003cli\u003eHangi Metodolojiyi Seçmelisiniz?\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU D: Yeniden Kullanılabilir Kod\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eStilleri Yeniden Kullanma\u003c\/li\u003e\n\n\u003cli\u003eEtkinlik 1-4: Yeniden Kullanılabilir Kod Yazma\u003c\/li\u003e\n\n\u003cli\u003eÖzet\u003c\/li\u003e\n\n\u003cli\u003eDeğerlendirme Soruları\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eDers 2: HTML: İçerik Nasıl Konumlandırılır?\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU A: Gözden Geçirme\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eYaygın Terimler\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU B: Float'larla İçerik Konumlandırma\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eFloat'larla Konumlandırma\u003c\/li\u003e\n\n\u003cli\u003eFloat Kullanmadan Düzen Oluşturma\u003c\/li\u003e\n\n\u003cli\u003eFloat'larla Üç Sütunlu Düzen\u003c\/li\u003e\n\n\u003cli\u003eFloat'ları Temizleme\u003c\/li\u003e\n\n\u003cli\u003eEtkinlik 2-2: İki ve Üç Sütunlu Düzenleri Birleştirme\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU C: Inline-Block ile Konumlandırma\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eInline-Block ile Konumlandırma\u003c\/li\u003e\n\n\u003cli\u003eEtkinlik 2-3: Inline-Block ile Sütun Oluşturma\u003c\/li\u003e\n\n\u003cli\u003eÖzet\u003c\/li\u003e\n\n\u003cli\u003eDeğerlendirme Soruları\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eDers 3: Karmaşık Seçiciler\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU A: Yaygın Olarak Kullanılan Seçiciler\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eTür Seçicisi\u003c\/li\u003e\n\n\u003cli\u003eSınıf Seçicileri\u003c\/li\u003e\n\n\u003cli\u003eID Seçicileri\u003c\/li\u003e\n\n\u003cli\u003eAlt Öğe Seçicileri\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU B: Öznitelik Seçicileri\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eÖznitelik Varlığı Seçicisi\u003c\/li\u003e\n\n\u003cli\u003eÖznitelik Eşitliği Seçicisi\u003c\/li\u003e\n\n\u003cli\u003eÖznitelik İçerme Seçicisi\u003c\/li\u003e\n\n\u003cli\u003eÖznitelikle Başlayan veya Biten Seçici\u003c\/li\u003e\n\n\u003cli\u003eSözde Sınıflar\u003c\/li\u003e\n\n\u003cli\u003eEtkinlik 3-2: Seçicileri Kullanma\u003c\/li\u003e\n\n\u003cli\u003eÖzet\u003c\/li\u003e\n\n\u003cli\u003eDeğerlendirme Soruları\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eDers 4: Duyarlı Web Tasarımı\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU A: Esnek Düzenler\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eEsnek Düzen\u003c\/li\u003e\n\n\u003cli\u003eEsnek Izgara\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU B: Medya Sorguları\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eMedya Sorgularını Kullanma\u003c\/li\u003e\n\n\u003cli\u003eMedya Sorgularında Mantıksal İşleçler\u003c\/li\u003e\n\n\u003cli\u003eEtkinlik 4-2: Dinamik Genişlikleri ve Medya Sorgularını Kullanma\u003c\/li\u003e\n\n\u003cli\u003eÖzet\u003c\/li\u003e\n\n\u003cli\u003eDeğerlendirme Soruları\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003eDers 5: En İyi Kodunuzu Yazma\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU A: HTML Kodlama Uygulamaları\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eStandartlara Uygun İşaretleme\u003c\/li\u003e\n\n\u003cli\u003eAnlamsal Öğelerin Kullanımı\u003c\/li\u003e\n\n\u003cli\u003eDoğru Belge Yapısının Kullanımı\u003c\/li\u003e\n\n\u003cli\u003eSözdizimini Düzenli Tutma\u003c\/li\u003e\n\n\u003cli\u003eEtkinlik 5-1: HTML için En İyi Uygulamaları Hayata Geçirme\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cp class=\"ng-scope\"\u003e\u003cstrong\u003e\u003cem\u003eKONU B: CSS Kodlama Uygulamaları\u003c\/em\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cul class=\"ng-scope\"\u003e\n\n\u003cli\u003eKodu Yorumlarla Düzenleme\u003c\/li\u003e\n\n\u003cli\u003eCSS'yi Birden Fazla Satır ve Boşluk Kullanarak Yazma\u003c\/li\u003e\n\n\u003cli\u003eUygun Sınıf Adları Kullanma\u003c\/li\u003e\n\n\u003cli\u003eKısa Yazım Özelliklerini ve Değerlerini Kullanma\u003c\/li\u003e\n\n\u003cli\u003eEtkinlik 5-2: CSS için En İyi Uygulamaları Hayata Geçirme\u003c\/li\u003e\n\n\u003cli\u003eÖzet\u003c\/li\u003e\n\n\u003cli\u003eDeğerlendirme Soruları\u003c\/li\u003e\n\n\n\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003cul class=\"ng-scope\"\u003e\u003c\/ul\u003e\n\u003c!-- ebsi-cross-sell --\u003e\u003cdiv class=\"ebsi-cross-sell\"\u003e\n\n\u003ch3\u003eÖğrenmeye devam edin\u003c\/h3\u003e\n\n\u003cp\u003e\u003cstrong\u003eBu öğrenim yolunun bir parçası:\u003c\/strong\u003e \u003ca href=\"\/tr\/collections\/internet-marketing\"\u003eİnternet Pazarlaması\u003c\/a\u003e\u003c\/p\u003e\n\n\u003cp\u003e\u003cstrong\u003eKatılımcılar ayrıca şu kursu da alıyor:\u003c\/strong\u003e \u003ca href=\"\/tr\/products\/introduction-to-html-and-css-coding-part-1\"\u003eHTML ve CSS Kodlamaya Giriş 1. Bölüm\u003c\/a\u003e\u003c\/p\u003e\n\n\n\u003c\/div\u003e\n\u003c!-- ebsi-academy-breadcrumb --\u003e\n\u003chr\u003e\u003cdiv class=\"ebsi-course-pathway\"\u003e\n\n\u003cp\u003e\u003cstrong\u003eKurs yolu:\u003c\/strong\u003e \u003ca href=\"\/tr\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eeBSI Dijital Pazarlama Akademisi\u003c\/a\u003e \u0026gt; \u003ca href=\"\/tr\/collections\/internet-marketing\"\u003eİnternet Pazarlaması\u003c\/a\u003e \u0026gt; HTML ve CSS Kodlamaya Giriş 2. Bölüm\u003c\/p\u003e\n\n\u003cp\u003e\u003ca href=\"\/tr\/collections\/internet-marketing\"\u003eİnternet Pazarlaması\u003c\/a\u003e eğitimlerini keşfedin veya \u003ca href=\"\/tr\/pages\/welcome-to-ebsi-digital-marketing-academy\"\u003eeBSI Dijital Pazarlama Akademisi\u003c\/a\u003e'ne geri dönün.\u003c\/p\u003e\n\n\n\u003c\/div\u003e","brand":"eBSI Export Academy","offers":[{"title":"Bireysel Lisans (40 EUR)","offer_id":41822207017138,"sku":"VS-055","price":40.0,"currency_code":"EUR","in_stock":true},{"title":"5 Lisans (her biri 35 EUR)","offer_id":59260649505116,"sku":null,"price":175.0,"currency_code":"EUR","in_stock":true},{"title":"10 Lisans (her biri 30 EUR)","offer_id":59260649537884,"sku":null,"price":300.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0077\/7604\/3071\/products\/IntroductiontoHTMLandCSSCodingPart2.png?v=1649036622","url":"https:\/\/www.ebsi.ie\/tr\/products\/introduction-to-html-and-css-coding-part-2","provider":"eBSI Export Academy","version":"1.0","type":"link"}