Awp Design http://www.csslists.com/blog Sat, 26 Jan 2008 15:06:00 +0000 http://wordpress.org/?v=2.3.1 en XSL ve CSS ile XML Biçimlendirme http://www.csslists.com/blog/xsl-ve-css-ile-xml-bicimlendirme/ http://www.csslists.com/blog/xsl-ve-css-ile-xml-bicimlendirme/#comments Sat, 26 Jan 2008 15:06:00 +0000 admin http://www.csslists.com/blog/xsl-ve-css-ile-xml-bicimlendirme/ exml.png XML, kendi standartlarınızı tanımlamaya ve bilgilerinizi depolamaya yardımcı olan bir meta-dildir. XML ile ilgili geniş bilgiye Ajax-tr’den İbrahim Demir’in yazdığı “XML’e Giriş” ve “XML ile Çalışmak” yazılarından ulaşabilirsiniz. Bu yazıda XML dosyalarını nasıl biçimlendirebileceğimizi göreceğiz. Konuya örneklerde kullanacağımız XSL dosyasının ne işe yaradığını öğrenmekle başlayalım.

(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/xsl-ve-css-ile-xml-bicimlendirme/feed/ CSS ile Düzenlenen Formlardaki Hatalar ve Çözümleri 3 http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-3/ http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-3/#comments Tue, 22 Jan 2008 18:36:04 +0000 admin http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-3/ formex.png Form düzenlemeleri ile ilgili bu yazımızda fieldset, legend, form ve input konularını ele alacağız. Fieldset, genellikle formlara bir dış hat belirlemek için kullanılır. Legend, bu genel hatlara başlık atamak için kullanılır. Form, bir formun ana yapısını belirlemek için kullanılır. Input ise form kutucuklarına verilen addır. Bütün bu etiketlerin örnek kullanımı aşağıdaki gibi olacaktır.

(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-3/feed/ Abbr mi ? Acronym mi ? http://www.csslists.com/blog/abbr-mi-acronym-mi/ http://www.csslists.com/blog/abbr-mi-acronym-mi/#comments Wed, 16 Jan 2008 14:35:42 +0000 admin http://www.csslists.com/blog/abbr-mi-acronym-mi/ HTML in bize sunduğu iki tane kısaltma tagı vardır. (abbr, acronym) Bu kısaltmaları günlüklerimizde kullanarak uzun kelimelerden kurtuluyoruz.

(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/abbr-mi-acronym-mi/feed/ CSS ile Düzenlenen Formlardaki Hatalar ve Çözümleri 2 http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-2/ http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-2/#comments Fri, 11 Jan 2008 15:44:34 +0000 admin http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-2/ formex.png“CSS ile Düzenlenen Formlardaki Hatalar ve Çözümleri” yazı serisinin ikinci bölümünde textarea kutularını inceleyeceğiz. Textarea kutularında en çok görülen iki hatayı tespit edip bunlara çözüm ürettim ve şimdi sizlerle paylaşıyorum.

(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/css-ile-duzenlenen-formlardaki-hatalar-ve-cozumleri-2/feed/ CSS ile Düzenlenen Formlardaki Hatalar ve Çözümleri http://www.csslists.com/blog/css-form-duzenleme-hatalari-ve-cozumu/ http://www.csslists.com/blog/css-form-duzenleme-hatalari-ve-cozumu/#comments Mon, 07 Jan 2008 16:39:18 +0000 admin http://www.csslists.com/blog/css-form-duzenleme-hatalari-ve-cozumu/ formex.pngCSS ile form düzenlemenin sanıldığı kadar kolay olmadığını karşılaşılan hatalar ile anlatacağım ki var olan hatalarınızı düzeltebilesiniz. Tarayıcıların CSS kodlarını farklı yorumlaması sonucu karşılaşılan bu hatalar hem görüntü kirliliğine hem de anlaşılmazlığa yol açacaktır. En çok karşılaşılan bu hataların nedenlerini iyi kavrarsanız form düzenlemelerini daha kolay bir şeklide yapabilirsiniz. Dikkat edin linklerde verdiğim örnekler IE tarafından sorunlu olarak gözükecektir.

(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/css-form-duzenleme-hatalari-ve-cozumu/feed/ Web 2.0 Dersleri 3 - Stiller, Geçişler, Fırçalar vb. http://www.csslists.com/blog/web-20-dersleri-stiller-gecisler-fircalar-vb/ http://www.csslists.com/blog/web-20-dersleri-stiller-gecisler-fircalar-vb/#comments Tue, 25 Dec 2007 14:32:54 +0000 admin http://www.csslists.com/blog/web-20-dersleri-stiller-gecisler-fircalar-vb/ Web 2.0 tasarımlarınızda kullanabileceğiniz Photoshop stillerini, geçişlerini ve fırçalarını bu yazımda toplamaya gayret edeceğim. İlk tanıtacağım Dezinerfolio tarafından oluşturulan “Style” paketi.
(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/web-20-dersleri-stiller-gecisler-fircalar-vb/feed/ Tipografi 1 - Serif, Sans-serif Aileleri ve Renkler http://www.csslists.com/blog/yazilarin-ve-renklerin-tasarimlardaki-gucu/ http://www.csslists.com/blog/yazilarin-ve-renklerin-tasarimlardaki-gucu/#comments Mon, 24 Dec 2007 12:21:46 +0000 admin http://www.csslists.com/blog/yazilarin-ve-renklerin-tasarimlardaki-gucu/ İnsan doğası gereği duygusal ve düşünen bir varlık olduğu için düşüncelerini karşı tarafa aktarma ihtiyacı duyar. Bu kimi zaman sözler ile kimi zaman ise yazılar ile aktarılır. Sözler ile düşüncelerimizi aktarırken sesimizdeki vurgu ve tonlamalarla duygularımızı karşı tarafa aktarabiliriz. Ama yazılar ile maalesef duygularımızı ve düşüncelerimizi karşı tarafa aktaramıyoruz. Neden ? Çünkü halen yazıların ne anlam ifade ettikleri konusunda bilinçsisiz. Her yazı tipinin bir ailesi ve anlamı vardır. Ustalık bu anlamları düzgün bir şekilde karşıya aktarabilmededir. Bu yazımızda kullandığımız yazı tiplerinin tipografi ve tasarımlar için ne anlam taşıdığını anlatmaya çalışacağım.
(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/yazilarin-ve-renklerin-tasarimlardaki-gucu/feed/ Web 2.0 Dersleri 2 - Desenler ve Şeritler Hazırlama http://www.csslists.com/blog/web-20-dersleri-2-desenler-ve-seritler-hazirlama/ http://www.csslists.com/blog/web-20-dersleri-2-desenler-ve-seritler-hazirlama/#comments Tue, 18 Dec 2007 12:07:59 +0000 admin http://www.csslists.com/blog/web-20-dersleri-2-desenler-ve-seritler-hazirlama/ web20_strip.pngWeb 2.0 dersleri serisinin ilk yazısı olan “Stiller ve Başlıklar Hazırlama” nın okunma oranlarını incelediğimde bu konunun ilgi çektiğini anlamış oldum. Bu sebeple fazla zaman geçirmeden bu serinin ikinci yazısı olan “Desenler ve Şeritler Hazırlama” konusuna değinmek istiyorum.

Web 2.0 tasarımlarında en çok kullanılan özellik hiç kuşkusuz strip(şerit) oluyor. Bu şeritleri kullanarak çok hoş arkaplanlar, butonlar vb. hazırlayıp sitenizin çekiciliğini artırabilirsiniz. Başlayalım…
(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/web-20-dersleri-2-desenler-ve-seritler-hazirlama/feed/ Web 2.0 Dersleri 1 - Stiller ve Başlıklar Hazırlama http://www.csslists.com/blog/web-20-dersleri-1-stiller-ve-basliklar-hazirlama/ http://www.csslists.com/blog/web-20-dersleri-1-stiller-ve-basliklar-hazirlama/#comments Sun, 16 Dec 2007 14:16:43 +0000 admin http://www.csslists.com/blog/web-20-dersleri-1-stiller-ve-basliklar-hazirlama/ web20_color.pngWeb 2.0 kavramının ne anlama geldiği aradan zaman geçmesine rağmen tartışılıyor. Peki elimizde yeterince kaynak var mı? Evet Web 2.0′ın programlaması üzerine bir çok kaynak var. Bu kaynaklar içinde en değerlisi Erhan Yakut ve Erhan Burhan‘ın birlikte oluşturmuş olduğu ama bünyesinde konusunda uzman yazarların bulunduğu Ajax-tr‘dir. Birde tasarım konusuna bakacak olursak bu konu hakkında yazılmış geniş bir arşiv bulunmamakta. Bazı kişiler bu tasarımları ne kadar önemsemeselerde bu konu önemlidir. Peki neden önemlidir bu konuya biraz değinelim. Bu web 2.0 kavramı ortaya çıkmadan önce internet çöplüğe dönmek üzereydi. Kara sayfalar üzerinde beyaz fontları her yerde görüyorduk. İçimiz kararıyordu desek yeri olur sanırım. Ama bu web 2.0 standartı, sitelerimizi cıvıl cıvıl insanların içini açan bir görünüm haline getirdi. Yazı boyutları büyütülerek yazıların okunması kolaylaştırıldı. Kısaca özetlemek gerekirse; sitelerimiz bir düzen içine girdi. Girdiyse girdi niye bunları yazıyorsun? Bu yazıyı yazmamdaki amaç insanları bu konuda biraz bilgilendirmek. Şimdi çok konuşmadan sitelerimizi nasıl web 2.0 standartı haline getirebiliriz bunu öğrenelim.

(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/web-20-dersleri-1-stiller-ve-basliklar-hazirlama/feed/ SEO Dersleri 5 – Sandbox http://www.csslists.com/blog/seo-dersleri-5-%e2%80%93-sandbox/ http://www.csslists.com/blog/seo-dersleri-5-%e2%80%93-sandbox/#comments Thu, 08 Nov 2007 13:06:43 +0000 admin http://www.csslists.com/blog/?p=245 En büyük arama motoru unvanını elinde bulunduran Google’ın kendine has filtreleri olduğunu diğer derslerde belirtmiştim. Sandbox, kötü amaçla açılan siteleri en alt sıralara koymak, sitelerin belirli kriterlere uygun olmasını ve arama motorunda düzgün sonuçlar almamızı sağlamak amacı ile kurulmuş bir filtredir. Ama şunu da belirtmek gerekir ki Google bu zamana kadar bu filtre ile ilgili bir açıklama yapmamıştır. Bu nedenle böyle bir filtrenin gerçek olup olmadığını şu an kesin olarak söyleyemiyoruz ama çoğu SEO uzmanı böyle bir filtrenin var olduğunu söylüyor.

1 ) Sitemiz Sandbox’a her zaman girer mi ?
Google, yeni açılan web sitelerini arama sonuçlarında listelemeden önce siteleri birçok denemeye tabii tutar. İlk olarak sitede yazılan yazıların orijinal mi çalıntı mı olduğunu kontrol eder. İkinci olarak sitenin kademeli bir şekilde mi link aldığına bakar. Yani yeni açılan bir siteye PR7 değerine sahip bir site link verirse Google buna çok kızar. Üçüncü olarak sitenin içeriğinin zengin olup olmadığına bakar . Dördüncü olarak sitenin güncel olup olmadığına bakar. Aslında hemen hemen açılan bütün siteler bu filtreye dahil edilir.

(more…)

ilgili yazılar

]]> http://www.csslists.com/blog/seo-dersleri-5-%e2%80%93-sandbox/feed/