Lavinya.Net Web Günlüğü - Blog » JavaScript http://www.lavinya.net/blog Lavinya.Net Web Günlüğü - Blog - Web teknolojileri ve haberleri, kültür-sanat, edebiyat ve toplum kategorileri altında kişisel görüş, makale ve bilgilerin aktarıldığı web günlüğü. Fri, 13 Jan 2012 17:55:59 +0000 tr hourly 1 http://wordpress.org/?v=3.3.1 Apache mod_expires ile sayfaları hızlandırmak http://www.lavinya.net/blog/2008/02/03/apache-mod_expires-ile-sayfalari-hizlandirmak/ http://www.lavinya.net/blog/2008/02/03/apache-mod_expires-ile-sayfalari-hizlandirmak/#comments Sun, 03 Feb 2008 13:52:55 +0000 bugfixed http://www.lavinya.net/blog/2008/02/03/apache-mod_expires-ile-sayfalari-hizlandirmak/ Apache mod_expires ile sayfaları hızlandırmak

Merhabalar. Daha önceki konu ile alakalı makalemizde belirttiğimiz ve örneklerle açıkladığımız mod_deflate ile; dinamik sayfaları(php,html,htm,css,javascript,text) sıkıştırmayı göstermiştik…
Bu makalemizde de dinamik olmayan ayrıca yarı dinamik yarı statik olan dosyalarımızı apache mod_expires kullanarak sayfalarımızı hızlandıracağız.

Normalde özellikle resimler değişmeyen içeriklerdir. Sayfa her yüklendiğinde sunucudan çekilir. Bu mod ile daha önce ziyaret edilmiş bir resim kullanıcının bilgisayarına belirttiğimiz süre dahilinde kalacak her defasında sunucumuzdan çağrılmayacaktır. Böylelikle cpu, ram ve bandtwith(trafik) tasarrufu yapmış olacağız.

Lavinya.Net sitemizde aşağıdaki kodları kullanmaktayız. Verilen değer olan A31536000 değeri 1 yıldır. Aşağıda resim biçimlerine (gif,png,jpg,jpeg,icon) ek olarak javascript, flash, pdf ve css dosyalarımızı da mod_expires ile 1 yıl yaptık.

ExpiresActive On
ExpiresByType image/gif A31536000
ExpiresByType image/png A31536000
ExpiresByType image/jpg A31536000
ExpiresByType image/jpeg A31536000
ExpiresByType image/x-icon A31536000
ExpiresByType application/pdf A31536000
ExpiresByType application/x-javascript A31536000
ExpiresByType application/x-Shockwave-Flash A31536000
ExpiresByType text/css A31536000

Makale: Murat Esgin (Lavinya.Net Webmaster) webadmin[at]lavinya[dot]net

Apache 2.3 serisi için ayrıntılı bilgiye bu adresten ulaşabilirsiniz:
http://httpd.apache.org/docs/2.3/mod/mod_expires.html

Not: Apache üzerinde mod_expires modülünün aktif olması gerekir. Bir php info dosyası ile yüklü olup olmadığını kontrol edebilirsiniz.

]]> http://www.lavinya.net/blog/2008/02/03/apache-mod_expires-ile-sayfalari-hizlandirmak/feed/ 8 Youtube videoları ve W3c Xhtml kodları http://www.lavinya.net/blog/2008/01/15/youtube-videolari-ve-w3c-xhtml-kodlari/ http://www.lavinya.net/blog/2008/01/15/youtube-videolari-ve-w3c-xhtml-kodlari/#comments Tue, 15 Jan 2008 10:56:02 +0000 bugfixed http://www.lavinya.net/blog/2008/01/15/youtube-videolari-ve-w3c-xhtml-kodlari/ Merhabalar. Bilindiği gibi youtube videoların embed kodlarını sitenize direkt eklediğinizde w3c xhtml ye uymadığı testlerde hata verdiğini görmüşünüzdür. Sizlerde her sayfanızın xhtml ye tam uygun olmasını isteyenlerdenseniz aşağıdaki kodları incelemenizde fayda var…Youtube video kodlarını iki yöntemle çözebiliriz.

Birincisi swfobject adlı küçük javascript kodları yardımı ile:

  1. Ekteki swfobject 1.5 dosyasını indiriyoruz.
  2. İçinden çıkacak olan swfobject.js dosyasını ftp ile yüklüyoruz.
  3. Bu dosyayı sayfamızın header kısmındaki meta etiketleri <head> </head>arasına ekliyoruz:
    Örnek: <script type="text/javascript" src="swfobject.js"></script>
  4. Daha sonra gene <head></head> etiketleri arasına:

    <style type="text/css">
    #flashcontent {
    border: solid 1px dotted #000;
    width: 425px;
    height: 350px;
    margin: 0 auto 0 auto;
    text-align: center;
    }
    </style>    Bu kodumuzu ekliyoruz. Ayrıca indireceğiniz dosya içerisindeki örnek kodları inceleyebilirsiniz.
  5. Şimdi aşağıdaki kodu kendi video urlnizi, videonuzun açıklamasını, boyutlarını değiştirerek sayfamıza ekliyoruz:
    <div id="flashcontent">
    <strong>Feridun Düzağaç - Söz Ver Klip video</strong>
    <br /> - You need to upgrade your Flash Player -<br />
    You do not have the Flash plugin installed, or your browser does not support Javascript (you should enable it, perhaps?)
    This page displays your current Flash player version using Javascript.
    </div>
    <div style="text-align: center;">
    <script type="text/javascript">
    // <![CDATA[
    var so = new SWFObject("http://www.youtube.com/v/VgAKpyFOqog", "Söz Ver", "425", "350", "9", "#FFFFFF");
    so.addVariable("flashVarText", "Feridun Düzağaç - Söz Ver Klip video");
    so.addParam("quality", "high");
    so.write("flashcontent");
    // ]]>
    </script>    </div>
  6. Demosunu bu adresten bakabilirsiniz: http://www.lavinya.net/lyrics/sozver.htm

2. İkinci yöntemimiz ise embed ve object kodlarında düzenleme yaparak.

Standart olarak youtube embed kodu şu şekilde iken:
<object width="425" height="350">
<param name="movie" value="http://www.youtube.com/v/VgAKpyFOqog">
</param>
<embed src="http://www.youtube.com/v/VgAKpyFOqog"
type="application/x-shockwave-flash"
width="425"
height="350">
</embed>
</object>

Valid xhtml 1.0 kodlarımız ise şu şekilde ediyoruz:
<object width="425" height="350"
type="application/x-shockwave-flash"
data="http://www.youtube.com/v/VgAKpyFOqog">
<param name="movie" value="http://www.youtube.com/v/VgAKpyFOqog" />
</object>

Yukarıdaki youtube video kodumuzdan heigt, width değerlerini kendi video boyutlarına göre değişiyoruz ve data ve value değerlerinin karşısındaki video urlsini kendi video url nizle değişiyoruz.

Hepsi bu ;) Böylelikle hem erişilebilirlik, hem her tarayıca çalışmasını, hem de geçerli w3c xhtml kodlarına sahip oluyoruz.

Makale: Murat Esgin (Lavinya.Net Webmaster) webadmin[at]lavinya[dot]net

Dosyalar::
Swfobject 2.2

Güncelleme: 22 Ağustos 2010

]]> http://www.lavinya.net/blog/2008/01/15/youtube-videolari-ve-w3c-xhtml-kodlari/feed/ 2 AJAX http://www.lavinya.net/blog/2006/09/11/ajax/ http://www.lavinya.net/blog/2006/09/11/ajax/#comments Mon, 11 Sep 2006 14:02:27 +0000 bugfixed http://www.lavinya.net/blog/2006/09/11/ajax/ AJAX (İngilizce:Asynchronous JavaScript and XML), İnternet sayfalarında JavaScript ve XMLHttpRequest kullanımı ile etkileşimli uygulamalar yaratan tekniğin adıdır.

En yaygın kullanım alanı sayfayı tekrardan yüklemeye gerek kalmadan sayfada görünür değişiklikler yapmaktır. XMLHttpRequest kullanarak birden fazla bağımsız işlemi yapılabilir.

ajax kütüphaneleri için google de ajax kütüphane şeklinde aratabilirsiniz.

]]> http://www.lavinya.net/blog/2006/09/11/ajax/feed/ 2 Valid xhtml on flash pages http://www.lavinya.net/blog/2006/08/04/valid-xhtml-on-flash-pages/ http://www.lavinya.net/blog/2006/08/04/valid-xhtml-on-flash-pages/#comments Fri, 04 Aug 2006 17:44:43 +0000 bugfixed http://www.lavinya.net/blog/archives/3 Xhtml standartlarına göre sayfa hazırlayan arkadaşlar flash öğeleri ile ilgili problemler yaşamış olabilirler. SWFObject Javascript i ve html içine eklenen bir kod ile xhtml 1.1 e kadar sayfalarınızda xhtml geçerliliğini bozmadan kullanabilirsiniz.

Buradan indirin buradaki linke tıklayarak swfobcect programının şu an itibariyle son sürümü olan 2.2 versiyonunu indirebilirsiniz. Ayrıca zipli dosyada kullanacağınız formatlara göre örneklerde verilmiş.

son güncelleme: 22 ağustos 2010

]]> http://www.lavinya.net/blog/2006/08/04/valid-xhtml-on-flash-pages/feed/ 0