İçeriğe geç

Etiket: sayfa

HTML 5 Dersleri – Bölüm 6 – Web depolama

İstemcide veri depolama


HTML5 istemcide(client) veri depolama için iki yeni nesne sunmakta;

localStorage – zaman limitsiz depolama

sessionStorage – bir oturumluk depolama


Öncelinde, çerezlerle gerçekleşiyordu bu durum. Çok büyük veriler için de çerezler(cookies) uygun değil, çünkü her bir istekte sunucudan geçmekte bu da işlemin çok yavaş ve etkisi düşük kılıyordu.

HTML5’te, her sunucu isteğinde veri çağırılmamakta sadece sorulduğunda çağırılmakta. Böylelikle site performansı etkilenmeden büyük miktarlarda veri depolaması mümkün olmakta.

Veriler farklı web sitelerin farklı alanlarında depolanmakta ve bir websitesi kendi depoladığı veriye erişebilir.

HTML5 Javascript’i kullanarak verileri depolar ve ulaşır/erişir.


localStorage Nesnesi

Zaman limitsiz veri depolama nesnesidir. Veri sonraki gün, hafta ya da yıl erişilebilir olacaktır.


Nasıl oluşturur ve erişirsiniz?;
<script type="text/javascript">
localStorage.lastname="Smith";
document.write(localStorage.lastname);
</script>

denemek için adresi; 

bu sıradaki örnek ise kullanıcının sayfa ziyaretini saymakta;

<script type="text/javascript">
if (localStorage.pagecount)
  {
  localStorage.pagecount=Number(localStorage.pagecount) +1;
  }
else
  {
  localStorage.pagecount=1;
  }
document.write("Visits "+ localStorage.pagecount + " time(s).");
</script>

denemek için adresi;


sesssionStorage Nesnesi

Bir oturumluk veri depolar. Kullanıcı tarayıcısını kapatıp çıkış yaptığında depolanan veri silinir.

Nasıl oluşturur ve erişim sağlarsınız bir sessionStorage ile?;
<script type="text/javascript">
sessionStorage.lastname="Smith";
document.write(sessionStorage.lastname);
</script>

denemek

Yorum Bırak

Bölüm 16 (HTML Dersleri), iFrames ve Temel Derslerin Sonu

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce denetim masasından klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.


HTML iFrame

Web sayfasının içinde web sayfası gösterimi iFrame ‘dir.

<iframe src=”URL”></iframe> şeklinde kullanılır. URL alınması istenen sayfadır.

Iframe – Height ve Width

Height ve Width genişlik ve yüksekliğin belirlenmesini sağlar iframe’de de. Piksel olarak olduğu gibi yüzdelik olarak da belirtilebilir.

<iframe src=”iframe.htm” width=”200″ height=”200″></iframe> gibi kullanılır.

Iframe  – Sınırları/Çerçeveyi yani border’i kaldırma

Frameborder özelliği border boyutu belirlenir ve bu sayede isterseniz kenarları gösterirsiniz isterseniz göstermezsiniz 0 değeri ile.

<iframe src=”iframe.htm” frameborder=”0″></iframe>

Bir hedef ya da bağlantı olarak iframe’i kullanma

Bir iframe bir bağlantı için hedef çerçeve/frame olarak kullanılabilir.

Linke bağlı target/hedef özelliği iframe’in name özelliğinin değerini taşıması gerekir.

<iframe src=”iframe.htm” name=”iframe”></iframe>

<p><a href=”http://nefarkederki.com” target=”iframe”>Nefarkederki</a></p>

gibi kullanılabilir.

Yorum Bırak

Bölüm 1 (HTML dersleri) HTML Nedir?

HTML ile kendi web sayfalarınızı oluşturabilirsiniz.  W3Schools.com ‘dan yapacağım bu çeviriler ile HTML’yi kolaylıkla öğrenebileceksiniz. HTML’nin öğrenmesi kolaydır ve zevkli bulacaksınız bu dili.

Başlangıç olarak bilgi; çevirileri(başlıklar hariç) çift tırnak içinde göstereceğim. Kendi yazdıklarım normal yazı olarak kalacak. Anlatacaklarımı uygulayabilmeniz için ilk önce klasör seçeneklerini bulmanız ve klasör uzantılarını göster halini seçmelisiniz. Ardından istediğiniz bir alanda(mesela masaüstünde) bir klasör açın web ismini verin. Klasörün içine girin(fare ile çift tık). Fare ile sağ tuş tıklayın ve metin belgesi(yeni metin.txt diye yazar) dosyasını oluşturun. Biz bu yeni metin.txt dosyası ile HTML dosyalarımızı oluşturacağız. Yeni metin.txt dosyasını açın ve farklı kaydete tıklayın. Açılan pencerede isim kısmına index.html yazın ve kaydedin web klasörümüzün içine. index.html klasörüne çift tıklayın ve browser(chrome, firefox, opera, internet explorer gibi)’da görebilelim. Artık web klasörümüzün içinde yeni metin.txt ve index.html adlı iki dosya olacağını biliyorsunuz ve artık hazırsınız. Bunu hazırlayamadıysanız bile, örnekleri uygulayabilmeniz için W3Schools‘taki metin editörünü paylaşmış olacağım. Sol taraftaki verileri silip, etiketleri(anlatacağım) yazarsınız ve edit and click me yazan yere basarsınız sağ tarafta da web sayfasının durumunu görebilirsiniz böylece. Bu benim ilk çalışmam. Umarım hepimize yararlı olur. Anlaşılmayan yerleri yorum olarak yazabilirsiniz/sorabilirsiniz. Kolay gelsin.


Html Dersleri, 1.bölüm

HTML nedir?

HTML web sayfalarını tanımlayan bir dildir. HTML’nin açılımı Hyper Text Markup Language’dir. Yani; geniş, text, işaretleme dili… HTML programlama dili değildir. Yalnızca işaretleme dilidir(. İşaretleme dili, işaretleme etiketleri(tags) kümesidir. HTML web sayfalarını tanımlamak için işaretler kümesini kullanır.

HTML etiketleri

HTML işaretleme etiketleri genel olarak HTML etiketleri diye kullanılır. HTML etiketleri sözcük gruplarıdır ve etraflarında çift taraflı parantez vardır.

<html> bu örnekte olduğu gibi.

HTML etiketleri genel olarak çift olarak gelir.

<b> </b> gibi.

İlk gelen etiket başlangıç etiketi, ikincisi ve / olan son etikettir. Aynı zamanda açılış(ilk) ve kapanış(son) etiketleri de denir.

10 Yorum

Hacking Interface – Hamza ElBahadır(Master-x) incelemesi…(mümkün olduğunca tabi)

Hacking Interface başlıklı kitabın sloganı “Bilişimin Yeraltı Dünyasından. Merak Etmiyor musun?”. Elimdeki 2. baskısı. Tasarım ve kalitesi KodLab Yayınları’ndan. Fiyatı 25 TL gözüküyor ama aşağıdaki…

Yorum Bırak