İnternetten para kazanmanın yolları ile ilgili yazılar paylaşmaya devam edeceğim. Sizler de internetten gelir elde etmek istiyorsanız yazılarımı takip ederek internetten para kazandıran siteler ve uygular ile hızlı ve kolay para kazan abilirsiniz. Harika Bir pasif gelir elde et Uyurken Bile Para Kazan Ücretsiz bitcoin kazan dıran bu harika sitenin ayrıca referans sistemi var. Üye olduğunuzda Refer(sayfasına gidip kendi linkinizi heryerde paylaşın ve para kazanmaya hemen başlayın.) Arkadaşlarınızı da üye yaparak pasif gelir elde edebilirsiniz . Genelde uyurken bile para kazan denildiğinde anlamanız gereken bu sistemdir. Haydi Ücretsiz Bitcin kazanmaya başlayalım ve paraya dönüştürelim. Siteye Hemen Üye ol: FreeBitcoin ( tıkla ) Ücretsiz Bitcoin Kazandıran siteye hemen üye ol (arkadaşlarınla paylaş) uyurken bile para kazan Her saat bitcoin kazanabilirsin ( Şanslı isen 200 Dolar değerinde Bitcoin ) Kazandığın her bitcoinle ücretsiz çekiliş bileti alabilirsiniz. Dikkatle
Bağlantıyı al
Facebook
Twitter
Pinterest
E-posta
Diğer Uygulamalar
Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript
Bağlantıyı al
Facebook
Twitter
Pinterest
E-posta
Diğer Uygulamalar
Merhaba arkadaşlar bu yazımda eski tarayıcılarda çalışmayan kodları nasıl gizleyebileceğimizi ve uzunca yazılan javascript kod satırlarını bölmeyi öğreteceğim.Web tasarım ve kodlama dersleri adı altında başlatmış olduğum javascript dersleri makalelerimin hepsini okumanızı istiyorum ve sizler için hazırlanan uygulamaların hepsini dikkatle uygulayarak öğrenin.Bir önceki yazımda javascript ile neler yapılabilir konusunu işledim.
Js de eski tarayıcılarda çalışma ve kod satırlarını gizleme
Bazen web site yapmak istediğimizde hangi programlama dilini kullanırsak kullanalım kodlar uzayabiliyor bu gibi durumlarda javascript kodlarını bölerek alt satıra rahatlıkla geçişler yapabiliriz.Aşağıdaki örnekte javascript kodunu ters slash(\) ile bölerek rahatça kod yazımına devam edeceğiz.Örneği inceleyiniz.
<!DOCTYPE HTML>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Js ile kod satırını bölme</title>
</head>
<body>
<script type="text/javascript">
document.write("Bu gün günlerden pazar ve 2017'nin son günü.Böyle bir akşamda en sevdiğim işi \
yaparak kod yazarak 2018'e girmeyi planlıyorum.Anlaşılan 2018'de de sürekli kod yazacağım:)");
</script>
</body>
</html>
Eski sürüm tarayıcalarda javascript kodlarını gizleme
Javscript bütün modern tarayıcılarda çalışan bir programlama dili olsa da her kod aynı şekilde görüntülenemeyebiliyor.Bu gibi durumlarda sayfada kullanıcıya kötü bir kullanıcı deneyimi yaşatmamak adına şüpheli kodları htmldeki yorum etiketiyle gizleyebiliriz.Şimdi yapacağım uygulamada javascript kodları çalışmasaydı yorum gibi görüntülenecekti.Neyse ki js kodlarının çoğu modern tarayıcıların özellikle son sürümlerinde sorunsuz bir şekilde çalışabiliyor.
<!DOCTYPE HTML>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>Js ile kodlarını eski tip tarayıcılarda çalıştırma</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Bu kod çalışırsa yazıyı okuyabileceksiniz.Çalışmazsa eğer kod editörünün çıktısında hiç bir şey görüntülenmeyecektir.)");
-->
</script>
</body>
</html>
Javascript kod gizleme ve eski tarayıcılarda çalıştırma
Bu örnekleri incelediğinizde şüpheli çalışmama ihtimali olan kodların kötü bir deneyim yaşatmasını engellemiş olacaksınız.
Kodlar çoğaldığı zamanlarda ters slash (\) işaretiyle javascript kod satırlarını bölebileceksiniz.
Arkadaşlar javascript derslerinde belki zaman zaman gereksiz konuları işlediğimi düşünüyor olabilirsiniz ama ilerleyen zamanda dinamik web site yapacağımız zamanlarda süpriz hatalar çıkabilyor.Benim amacım aklınızın bir köşesinde "Böyle bir çözüm vardı diyebilmeniz".Web tasarım ve kodlama derslerine elimden geldiğince devam edeceğim.Bir sonraki Javascript dersinde görüşmek üzere.
HTML Resimler <img> Etiketi HTML'de resimler <img> etiketi ile gösterilir. <img> etiketi boş etiket olarak tanımlanır, yani kapanış etiketi yoktur ve sadece özellikler (parametreler) içerir. src özelliği resmin URL'sini (web adresini) belirtir. alt özelliği ise, resmin görüntülenmediği durumlar için alternatif metni tanımlar: <img src="URL" alt="alternatif metin"> Örnek <!DOCTYPE html> <html> <body> <h2>HTML Resimler - Örnek</h2> <img src="cennet_papagani.jpg" alt="Papagan" width="150px" height="150px"> </body> </html> Kendiniz deneyin » Resimlerin yükseklik ve genişlik değerlerini her zaman belirtin. Yükseklik ve genişlik değerleri belirtilmediğin
<link> Etiketi Örnek Harici bir stil dosyasına bağlanma: < head > < link rel= "stylesheet" type= "text/css" href= "googledrive.css"/> < /head > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0B9IeeNUkg43XLWstUHVuTzg5a28" /> </head> <body> <h1>Bu başlık link verilmiş bir stil dosyasıyla biçimlendirildi.</h1> <p>Bu paragraf ve sayfa arka planı da aynı şekilde biçimlendirildi.</p> </body> </html>
<style> Etiketi Örnek <style> elementinin bir HTML belgesinde kullanımı: < html > < head > < style > h1 { color: green; } p { color: red; } < /style > < /head > < body > < h1 > Bu bir başlık < /h1 > < p > Bu bir paragraf... < /p > < /body > < /html > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <head> <style> h1 {color:green;} p {color:red;} </style> </head> <body> <h1>Bu bir başlık</h1> <p>Bu bir paragraf...</p> </body> </html>
CSS overflow Boyutları belirlenen bir html elemanın içeriği kutu boyutunu aştığı durumlarda css overflow özelliği ile gösterimler kontrol edilebilir.Kaydırma çubuklarının çıkıp çıkmayacağını veya çıkacaksada x yönünde mi y yönünde mi kaydırma çubuğu istiyoruz gibi sorularımızı cevaplayan ve çözen bir özelliktir. Örnek: Bu css örneğinde iki tane div elemanından bir tanesine scroll diğerine ise hidden değeri verilmiştir. div.scroll { background-color: yellow; width: 150px; height: 150px; overflow: scroll; } div.hidden { background-color: pink; width: 150px; height: 150px; overflow: hidden; } Kendiniz deneyin » CSS overflow nedir nasıl kullanılır Overflow özelliği ile birlikte içeriğin elementin boyutlarını aşması durumunda kaydırma çubuğunun gösterilip gösterilmeyeceğini kontrol edebiliriz. CSS overflow CSS overflow özellikleri Varsayılan Değ
Javascripti web prokelerimizde hangi amaçlarla nasıl kullanabileceğimizi ve javascript ile neler yapılabilir bu yazımda bunları anlatmaya çalışacağım.Javascript kullancı taraflı bir dildir.Öğrenilmesi en kolay web programlama dilidir.Ve bir webmasterın öğrenmesi gereken temel 3 dilden biridir.Bu diller:Html,Css ve Javascripttir.
CSS empty-cells table#tablom {<br> empty-cells:<span id='rfrnscsscde'>show</span>;<br>}<br> CSS empty-cells değerleri show hide initial Sonuç Ekranı Tabloda boş bir hücre olduğunda ,boş hücrenin kenarlarının gösterilip gösterilmesi için kullanılır. CSS3 HTML Javascript Sonuçları görmek için değerlerin üzerine geliniz. HtmlveCSSEğitimi.blogspot.com
<li> Etiketi Örnek Bir sıralı (<ol>) ve bir sırasız (<ul>) HTML listesi: < p > Sıralı liste: < /p > < ol > < li > Siyaset < /li > < li > Ekonomi < /li > < li > Spor < /li > < /ol > < p > Sırasız/maddeli liste: < /p > < ul > < li > Siyaset < /li > < li > Ekonomi < /li > < li > Spor < /li > < /ul > Kendiniz deneyin » htmlvecssegitimi.blogspot.com Kodu Çalıştır butonuna tıklayarak HTML belgesini Sonuç Ekranı'nda görüntüleyebilirsiniz. KODU ÇALIŞTIR SAYFAYI TEMİZLE SAYFAYI YENİLE KAYNAK KODLARI SONUÇ EKRANI <!DOCTYPE html> <html> <body> <p>Sıralı liste:</p> <ol> <li>Siyaset</li> <li>Ekonomi</li> <li>Spor</li&g
Yorumlar
Yorum Gönder