Dersler
Jquery ile Slide Panel Yapımı
29 Oca
Web sitelerinin kod olarak yapısı kadar dinamik yapılarını kullanıcıya sunma şekilleri de önemlidir. Yeni nesil tasarımlarda genelde üye paneli, yada pop up bilgi vermek için kullanılan slide panel yapımını kendimce basit şekilde anlatmaya çalıştım umarım faydalı olur.
sIFR’ a Karşı Cufón
4 Kas
Web sayfalarında tipografi uygulamak isteyenler için sIFR’ a alternatif olarak Cufón. sIFR gibi çalışan fakat daha sIFR kadar sağlam olmayan bir teknik.
- Yapı olarak sadece javascript kütüphanelerini kullanıyor. Bu da hızlı bir yükleme olanağı sağlıyor.
- Sadece kendi dosyalarını kullanıyor bunlar dışında bir dosyaya ihtiyaç duymuyor olması cazip kılıyor. Devamı >
sIFR Teknolojisi
30 Eyl
F
ont problemi çoğu web tasarımcısının problemi olmuştur istediği fontu kullanmak için fontu photoshopta hazırlayıp jpeg olarak kaydedip göstermesi gerekiyordu fakat bu durumda indexlenmede problem oluyordu.Ayrıca bir sayfayı okurken kullanıcının serverdan isteği de artmış oluyordu örneğin; 10 tane jpeg yaptığımız resmimiz olduğunu düşünürsek 10 kere server dan resim istiyor bunların yüklenme süresi göz önünde bulundurulduğu zaman da sitenin Devamı >
Css ???
20 Haz
CSS (Cascading Style Sheets) HTML sayfalarını rahatca düzenlememizi sağlayan bir web standartıdır.
Neden Kullanılır?
CSS kullanılma amacı
- Html taglarına çeşitli özellikleri tek seferde eklenmesini sağlar bunu geniş çaplı düşünürsek büyük zaman kaybından kurtarır. Devamı >
Neden Kullanılır?
CSS kullanılma amacı
- Html taglarına çeşitli özellikleri tek seferde eklenmesini sağlar bunu geniş çaplı düşünürsek büyük zaman kaybından kurtarır. Devamı >
Bazı CSS tagları ve açıklamaları
20 Haz
Css i yeni öğrenenler için bazı tagların özellikleri
LİNK ÖZELLİKLERİ
a: Linkin, sayfa açıldığında tıklanmadan veya imleç üzerine getirilmeden önceki durumudur.
a:hover : Linkin imleç üzerine getirildiğindeki durumudur.
a:active : Linkin tıklandığı andaki durumudur.
a:visited : Linkin tıklandıktan sonraki durumudur.BİÇİMLENDİRME:
color: Linkin rengini belirler.
background-color: Linkin zemin rengini belirler.
background-image: Linkin zeminine resim ekler(Bu animated-gif de olabilir.)
text-decoration: Linkin altının,üstünün vs. çizgili olup olmayacağını belirler.
font-weight: Yazının kalınlık veya inceliğini belirler.
border: Linkin etrafına kenarlık ekler.
display: Linki içeren hücre , satır vb. istenilen alanın seçilmesini sağlar. Devamı >
SEO “search engine optimizer” – 6
10 Haz
Optimizasyonda İllegal Yollar
Bu yöntemlerin garantisi olmamakla birlikte, tespiti halinde Google tarafından sitenizi geçici ya da kalıcı olarak liste dışı bırakılmasına sebep olabilirler.
- Spam Yöntemleri -1 : Kelime Tekrarı
Esas olarak ana sayfanızın bir bölümünde, zemin rengiyle aynı renkte yazıyla (görünmemesi için) aynı anahtar kelimelerin ardı ardına tekrarlanmasıdır. Mantığı Google’ın sayfamızda bu kelimelerin çok geçtiğini sanmasını sağlamaya çalışmaktır. Bu çalışmada kelime tekrar sınırı 200 dür. Çünkü 200′ den fazla tekrarlanıyorsa Google bunu Spam olarak algılar ve görmezden gelir.
- Spam Yöntemleri-2: Toplu İçerik Çalmak
Bu yöntemde, hedeflediğimiz anahtar kelime ile Google’ da arama yaparız. Sonuç olarak gelen web sitelerini açarak sayfaların içeriklerini kendi sayfamıza kopyalarız. Tek başına değil ama diğer yöntemlerle birlkikte kullanıldığında sonuç alınabilinir. Devamı >
SEO “search engine optimizer” – 5
8 Haz
PageRank kazanmak
- Genel Olarak Bağlantı Şekli
Bir yere Sitemiz için bağlantı eklerken, bu işlemi sadece www… web adresimizi yazarak değil, öncelikli olarak hedeflediğimiz anahtar kelimeyi yazıp, bağlantıyı bu kelimeye ekleyerek yapmamız gerekir.
Örnek: Mutfak Gereçleri linki gibi
<a href=”www. mutfakgerecleri .com” > Mutfak Gereçleri</a>
- Dizin ve Link Sitelerine Kayıt
PageRank değerimizi yükseltmek için mümkün olduğunca çok ve PR değeri yüksek siteden link almamız gerekmektedir. Bazı ücretsiz kayıt siteleri de yardımcı olacaktır. Devamı >
SEO “search engine optimizer” – 4
6 Haz
Flash, Java Script ve Frame Kullanımı
Google robotları, tamamen flash ile yapılmış sayfalardaki metinleri okuyamazlar. Frame kullanılarak yapılmış sayfalar ise genellikler robotlar tarafından hatalı algılanır. Web sitenizin menu bağlantılarını flash ya da Java Script kullanarak yapmanız, Google robotlarının bu bağlantıları takip edememesine neden olur.
Bu sebeplerden dolayı, zorunlu haller dışında, menu bağlantıları ve içerikler için mutlaka yazı kullanmak gerekir.
Bir web sitesinin tamamını flash ile hazırlamak yerine, animasyon gereken bölümlerde ayrı ayrı flash animasyonlar kullanmak daha sağlıklı olacaktır. Devamı >
SEO “search engine optimizer” – 3
6 Haz
Meta Tag Kullanımı
Meta Tag lar, sayfanızın html kod kısmında baktığınızda üst kısmında bulunan ve arama motorlarına siteniz hakkında özet geçen kodlardır. Başlıca Meta taglar
- Title
<title> sitenizin konusuyla ilgili başlık</title>
Sitenizin içeriğine uygun çok uzun olmayan bir başlık seçilmeniz faydalı olacaktır.
Arama motoru sonuçlarında sayfa başlığınız görüntülenecektir. Dolayısıyla en doğru olan başlığı koymanız iyi olacaktır. Fakat her sayfaya konusuyla ilgili başlık koymanız en uygunu olacaktır örneğin: iletişim sayfası ile hakkımızda sayfasının title ları aynı olması pek yararınıza olmayacaktır. Devamı >
