Web Sitesi Tasarımında Renklerin Önemi

Bir web site tasarımını yaparken renklerin önemi birçok tasarımcı tarafından göz ardı edilebilir. Fakat unutulmaması gereken husus, şirketinizi bu durumun çok yakından ilgilendirdiğidir. Çünkü web sitesi şirketinizi ve kullanılan renkler de direkt olarak web sitenizi bağlar. Bu yüzden renkler, bir web sitesi tasarımında tüm önceliklerin en başında yer alması gereken zorunlu bir noktadır.

Burada zor olan pantone kartelasından karşılaştırarak monitör üzerindeki çalışmayı okumak ve çalışmaya uyacak en iyi rengi belirlemektir. Renkleri sanki özel misafirleriniz gibi görmeli, rahat, konforlu, güvenilir hissettirmeli, hatta bu durumu biraz abartmalısınız.

Eyvah! Web tarayıcıları sadece 256 renk görüntüleyebiliyor!

Evet, hatta bazıları daha da az, sadece 216 renk! Eğer web siteniz için seçtiğiniz rengin herkes tarafından görünmesini istiyorsanız, tasarımınızı en baştan itibaren 216 renklik palete göre yapmanız gerektiğini unutmamalısınız.

Her zaman güvenebileceğiniz renkleri kullanın.

Renk kombinasyonları çok önemli bir detaydır. Bazı renk kombinasyonları hiç de etkileyici değildir, mesela lacivert arka plan üzerine sarı yazılar. Bunu neden beyaz arka plan üzerine siyah yazı olarak yapmazlar, bir türlü anlamam. Üstelik okunmada en kolay renk siyah beyaz kombinasyonudur. (Renklere takım tutmak yaramıyor anlaşılan:))

Bazı web tasarımcılarının nasıl bir niyeti olabilir ki?

Açıkçası, interaktif bir web sitesi yapmak için renkler de ona göre seçilmelidir. Renkler bizim hislerimizi, perspektifimizi ve interaktifliğimizi etkiler. Kısaca niyetinizi bütün açıklığı ile ortaya sererler.

Renkler ne söyler?

Backlink Alırken Dikkat Edilmesi Gerekenler

Backlink Nedir?

Backlink sitemizin arama motorlarında istediğimiz bir kelimede yükselmesini ve pagerank değerimizin artmasını sağlayan bir araçtır. Yani bizim sitemizin adresini Google arama motorunun botuna referans gösterir. Google’ın siteyi gezen botu da bu linki görerek bizim sitemize gelir ve bu bize avantaj kazandırır.

Backlink Alırken Hangi Siteleri Tercih Etmeli?

Backlink alırken backlink alacağımız sitemizin içeriği ile link eklenecek sitenin içeriği aynı olursa çok daha büyük bir adım öne geçeriz. Backlink aldığımız sitelerin pagerank (pr) değerlerinin yüksek olması da bizim backlink sayımızın yüksek olmasında önemli bir etkendir. Arayacağımız bir diğer etmende link alacağımız site¬lerdeki link çıkışlarının az olmasıdır, bu da bizim için bir avantajdır. En önemli etmenlerden biri ise, sitelerin Dmoz kaydının olması ve Alexa değerinin yüksek olmasıdır. Dmoz etmenini tercih etmemizin nedeni, dmoz kaydı olan sitelerin Google botu tarafından daha sıklıkta taranması ve çabuk indekslenmesidir. Yani linklerimizi Google Bot daha çok görecek ve bizi sevecektir. Alexa sıralaması yüksek olan siteleri tercih etmemizin nedeni ise, Google’ın Alexa sıralaması yüksek olan sitelere daha çok önem vermesidir. Link aldığımız sitelerin index sayılarının yüksek olması da bizim için önemlidir. Çünkü linkimiz o kadar fazla sayfada yayınlanacak ve Google botu linkimizi daha çok görecektir.

Backlink Kodumuzu Ekletirken Nasıl Bir Kod Kullanmalıyız?

Backlink aldığımız sitelere sıradan bir kod yerine, bilinçli yazılmış ve amacımıza ulaşmamıza yardımcı olacak en uygun kodu tercih etmeliyiz.

Peki bunu nasıl yapacağız?

<a title= "sitemiz ile ilgili anahtar kelimeler" href= "siteadresimiz"> arama motorunda yükselmek istediğimiz kelime</a>

Örnek :

<a title="web tasarım" href="http://www.tasarimcikurbaa.com/">Web Tasarımcı</a>

Kaynak

Vektörel Bina Resimleri

Rapid İndir

İndir

Khasva Theme

Kashva Theme: LIVE DEMO | Download Kashva (1)

How  To Use This Theme?? Follow the Instruction

Theme Installation

• Make sure you have WordPress version 2.9+ , Upload the theme from the theme folder into your wp-content/themes folder. Activate it.

Configuring the Theme Options

• Featured Category Slideshow : Select the category you want to be appear in featured post slideshow. All post from this category will be appear in the slideshow.
• Feedburner ID : Enter your feedburner ID here , so you can use the feedburner email subscription features.
• Twitter ID : Enter your twitter ID here. Your latest twitter post will be appear in the theme
• Youtube Video Code : Go to any youtube video. Look at the embed code, for example
  Look at the highlighted part above, that part is the one you should enter in this option page. Only That URL, not ALL EMBED CODE
• Banner Management : This is where you can change and configure your ads blocks.

Configuring The Slideshow.

From the previous theme experience , this is where most people facing problem. So, once again. Follow this instruction.

In order to make picture appear on slideshow, you have to add custom fields in each post on the  category  you set as featured category in the theme options page.

Make new custom field named “featured” (without the quotes), and enter the image URL as the value. Remember: The image must be hosted on your domain. Otherways, it won’t work.

1. The theme slideshow also use the TimThumb PHP script to automatically create and resize the slideshow images, and in order for it to work properly you need to take note of the following things first:

• There’s  a cache folder  for the thumbnail images located in the theme folder which requires proper write permissions. If your host server doesn’t allow this by default, be sure to manually change the /cache/ folder permissions to 777 or 755.
• Use absolute paths for your images in the custom fields. For example http://yourdomain.com/wp-content/uploads/images.jpg
• If your Hosted your site in Hostgator and your image didn’t appear after following all the instruction. Try to contact hostgator, tell them the problem and ask them to get ur site whitelisted on the mod_security stuff. There’s a security function in hostgator that sometimes prevents the timthumb from working.

2. For the homepage post thumbnail, the theme utilize the new post-thumbnail feature from WordPress v2.9+ . So no longer need any custom fields input. You can set the post thumbnail in post editing area.

Feel free to leave comment if you still have questions.

Photoshop ve Dreamweaverla Web Tasarım Dersleri

SiteDosyaları ve Psd dosyları da dahildir.

Toplam 32 MB ve 7 dosyadan oluşmaktadır:

1-Tasarım hakkında bilgiler,
2-Header Yerleştirme ve Dw Giriş,
3-Hareketli Menü Yapımı ve Javascriptlerin Import Edilmesi,
4-OrtaSayfa Hazırlanışı ve CSS Kodları ile Düzenleme,
5-Footerın Yapımı,
6-İletişim Formunun Yapımı,
7-Favicon Yapımı ve Siteye Entegre Edilmesi,

Dersler

Site Dosyaları

Alıntı

Sonraki yazılar »