Web Tasarım – Tasarım Günlüğü » Web Tasarım

Web tasarım nasıl yapılır ?

Tasarımcı — Tue, 10 May 2011 22:19:14 +0000

İnternet siteleri webin programlama dilleriyle yapılabilmektedir. Bilgisayar normal insanların günlük hayatta konuşmaları yani dili Türkçe İngilizce İspanyolca vs nasıl bir birleri arasında haberleşip anlaşabiliyorlarsa da internet sitelerinde programlama dillerindeki bazı komutlarla birbirleri arasında haberleşirler. Daha açık bir hali ile Web tasarım nasıl yapılır: HTML,CSS,PHP,ASP gibi programlama dilleriyle yapılırlar.

Web sitesi nasıl yapılır ? Gibi genel sorularla da karşılaşabiliyoruz yukarıdada anlattığımız gibi HTML,CSS,PHP,ASP gibi dillerle yapılırlar. Ayrıca internette web sitesi nasıl yapılır resimli anlatım ı veya bir çok web sitesi nasıl yapılır video şekli anlatanlara da karşılaşabilirsiniz. Veya hiç ben kod yapamam derseniz hazır blog sitesi açarsınız blogcu.com,blogger.com,blog.com,wordpress.com gibi siteler ücretsiz blog sitesi hizmeti verirler. Birde internette bunlar bedava web sitesi nasıl yapılır sorularınada bir cevaptır. Bazıları yine web sitesi tasarımı nasıl yapılır konusunu gözlerinde büyütürler. Tabiki de önemli bir konudur ama artık teknoloji geliştikçe WordPress ,Jjoomla gibi sistemlerle (CMS) sorunlar kolay aşılır hale gelmiştir. Yine de aklınızda soru kalırsa web sitesi nasıl yapılır video lu anlatımları internette bulup işlerinize yarayanları izleyebilirsiniz.

Bu işte birde ilk web sitesi şablonu oluşturularak işlere başlanır. Şablon iskelet de diyebiliriz. Şablonda oluşturmada henüz yeniyseniz googleden web tasarım dersleri video aramasını yaparakda ilgili sitelerden bilgiler alabilir web site tasarım dersleri nden öğrenebilirsiniz.

Özel WordPress Temasının Avantajları

Tasarımcı — Mon, 04 Apr 2011 19:15:38 +0000

Sitelerinize özel WordPress teması yaptırmak size önemli 5 avantaj sağlayacaktır:

1- Özel kodlanmış WordPress teması ile sitenizin özgün kodlamaya sahip olduğunu Google botlarına göstermiş olursunuz.

2- Ziyaretçiler her zaman farklı ve göze güzel gelen yorucu olmayan tasarıma sahip siteleri severler ve tekrar ziyarete gelirler.

3- Seo amaçlı yükselmeye çalıştığınız sitelerde kod kalabalığı olmayan özgün temaların faydası çoktur.

4- Özel WordPress temaları daha az eklenti ve daha az kodlama içerdiğinden dolayı daha hızlı açılırlar. Ziyaretçi ve arama motoru botlarının dolaşması açısından önemli bir artıdır.

5- Marka site olma yolunda ilk adımdır.

Özel WordPress teması yaptırmak için buraya tıklayarak fiyat teklifi isteyebilirsiniz.

Web Tasarım Trendleri

Tasarımcı — Thu, 27 Jan 2011 09:46:13 +0000

Web tasarım trendleri her yıl değişiyor. Flash ile hazırlanmış web siteleri bir zamanlar çok popülerken günümüzde arama motorlarının daha iyi okuyabileceği siteler popülerliğini arttırmaya başladı. Tablolu tasarımlardan tablosuz (div) tasarımlara geçmeye başladık.

Yeni web tasarım trendleri ise tek sayfalık tasarımlardan oluşmakta. Ürünlerini veya sloganlarını ortaya koymayı hedefleyen siteler tek sayfada herşeyi anlatan tasarımlarla karşımıza çıkmaya başladılar. Özellikle yabancı sitelerde bu trend fazlaca popüler.

Slider bölümleri ile siteye girenlere görsel şölen yaşatma adına yeni bir tasarım trendi daha çıktı. Manşet ve slider sistemleri müşteri ya da ziyaretçileri 12den vurmak için çok güzel bir yol. Burada kullandığınız görsellerin tasarımı bu nedenle çok önemli. Vurucu ve etkileyici olmalı.

Makina Sektörü için Ücretsiz Tasarım Psd

Tasarımcı — Fri, 20 Aug 2010 22:07:30 +0000

Makina sektöründe veya farklı sektörlerde kullanılabilecek yine R10.net deki bir yarışma için hazırladığım psdleri paylaşıyorum.

makinapsd1 indir

makinapsd2 indir

Ücretsiz Web Tasarım ve Portfolyo Psd Tasarımları

Tasarımcı — Fri, 20 Aug 2010 20:59:53 +0000

Paylaşım 1

İlk paylaşımım R10.net de katıldığım bir yarışma için hazırladığım tasarım. Bu tasarım da web tasarım veya yazılım işleri ile uğraşanlar için gayet kullanışlı olacaktır.

Download

webtasarım teması psd indir

Paylaşım 2

İlk paylaşımımın biraz daha farklılaştırılmış halide ikinci paylaşımım.

web tasarım psd

Download

amactemapsd indir

Ramazana özel olarak html halini de paylaşıyorum.

amactemahtml indir

Açıklama:

Düzenli bir kategorileme sistemi vardır.

PS CS2 ile hazırlanmışlardır.

Windows içinde yüklü hazır fontlar kullanılmıştır.

960 grid sistemi kullanılmıştır bütün psdlerde.

Web Tasarım ve Optimizasyon

Tasarımcı — Sun, 15 Aug 2010 23:41:33 +0000

Web tasarım önceden görünüm olarak ele alınırken şimdi ise hem görünüm hem de kolay bulunabilirlik olarak ele alınıyor. Kolay bulunmaktan kastımız arama motorlarında aranma sonuçlarında iyi sıralamalarda olmaktır. Bunun adına da optimizasyon diyoruz.

Web tasarım yaptırmadan önce arama motoru optimizasyonu hizmetide istediğinizi belirtin. Optimizasyon ziyaretçi ve arama motoru odaklı olmalı. Navigasyonun iyi olması ziyaretçiler için bir artıdır. Sayfalarınıza farklı metalar eklemek için yönetilebilir panel yaptırmanızı tavsiye ederiz.

Artık yavaş yüklenen etkileyici flash sayfalar yeni işletmeler için tercih edilmemeli. İnternette hızlı bir şekilde bulunmanız gerekiyor. Ziyaretçiler sizin sayfanızın yüklenmesini beklemek istemeyecektir. İnternet bağlantısı Türkiye’de iyi noktalara geldiğinde bu sorun ortadan kalkacaktır tabi ki.

Google Webmaster Araçları Yenilendi Nisan 2010

Tasarımcı — Fri, 23 Apr 2010 04:45:07 +0000

Webmasterların sıklıkla kullandığı google webmaster araçları bu ay yenilendi. Seo danışmanlığı yapanlar içinde iyi bir yardımcı olduğunu söyleyebilirim. Sitenizin kontrol panel sayfasına geldiğinizde ilk göze çarpan en sık yapılan arama sorguları bölümü oluyor.

google webmaster yardımcı araçları

1 nolu gölümde Gösterimler başlığı altında en çok gösterim alan anahtar kelimeniz listeleniyor. 2 nolu sütunda ise Tıklanma Oranı 10 sınır alınarak gösteriliyor. Bu bilgilere bakarak seo çalışması yapan webmasterlar içerik konusunda daha rahat fikir edinebilir.

En sık yapılan arama sorgularının geniş özet kısmına geldiğinizde ise çok daha güzel bir yenilikle karşılaşıyoruz.

En sık yapılan arama sorguları yenilendi 2010

Burada istediğimiz tarihler arasında sitemizin gösterim ve tıklanma oranlarını rahatlıkla görebiliyoruz. Ne kadar arama sorgusu sonucunda ne kadar gösterim aldığımızı ve buna bağlı olarak ne kadar tıklandığımızı inceleyebiliyoruz.Hemen altında ise daha detaylı analizler bulunuyor.

Google webmaster araçları tıklanma oran ve gösterim grafiği

Örneğin www.turktelekomuskudar.com adlı sitemiz asus netbook anahtar kelimesinde 6 ile 10. sıralarda 1000 gösterim almış.Şu an 2.sayfada görüntüleniyor ve 2.sayfadaki gösterimi 140. 140 gösterime karşın 58 kez tıklanmış yani bu kelimemiz için tıklanma oranı %41 dir. Buradaki istatistikleri kullanarak tıklanma aldığınız anahtar kelimeleri ,bulundukları sayfaları rahatlıkla analiz edebilir ve buna göre daha iyi optimizasyonlar yapabilirsiniz. Kısaca bu bölümde google’daki arama sorgusu, gösterimler,tıklanma oranı ve yüzde tıklanma oranı hakkında bilgi alabilirsiniz.

Google Side Wiki Servisi

Google’ın faydalı olma vizyonu ile çıktığı yeni bir proje daha. Google side wiki farklı bir araç. Hem webmasterlar hem de ziyaretçiler için. Siteleri yorumlayın,faydalı olun.

Google sidewiki nedir ne işe yarar?
Google Sidewiki, tarayıcı çubuğunda herhangi bir web sayfasındaki faydalı bilgileri okumanıza ve bu bilgilere katkıda bulunmanıza imkan sağlayan bir çubuktur. İlgili web sayfası hakkında web sayfası sahibinin giriş metnini okuyabilir ,başkaları tarafından yapılan yorumları inceleyebilirsiniz. Böylece girdiğiniz sayfanın sizin için işe yarayıp yaramayacağını öğrenebilirsiniz.

Google site yöneticisi araçlarında Labarotuvar menüsünde Sidewiki bölümüne gelin. Yönettiğiniz site hakkında faydalı bilgi veren dürüst bir metin girin. Ve kaydedin.

side wiki site faydalı bilgi aracı

Şimdi buradan google side wikiyi indirip kurun ve tarayıcınızda etkinleştirin. Google sidewiki araç çubuğunda birçok araç sizlerin kullanımına sunuluyor. Bunlar :
Google araç çubuğuna düğme ekleme
Siteyi paylaşma aracı (twitter,gmail,yahoo,facebook vb.)
Pagerank (Google sayfa önemine 5 üzerinden verdiği derece)
Pop up engelleme
Arama kelimelerini vurgulama aracı
Yazım denetim aracı (henüz türkçe dil seçeneği yok)
side wiki
Çevir
Otomatik form doldurma aracı

Yukarda sıraladığım gibi çok faydalı araçlara sahip bir uygulama. Peki siteye girdiğimizde mevcut sitede hiç yorum yoksa sidewiki simgesine tıkladığımızda ne oluyor?

Sizde yorum yapmak istiyorsanız öncelikle google hesabınızla giriş yapıyor ve sonrasında side wiki simgesine tıklayarak açılır menüden giriş yaz diyorsunuz.

Sidewiki simgelerinin anlamları neler?

Sarı Sidewiki simgesi, görüntülediğiniz sayfa için başkaları tarafından Sidewiki yorumu yapıldığını belirtir. Bu girişleri görmek üzere Sidewiki yan çubuğunu açmak için Sidewiki bildirim çubuğunda düğmeyi veya mavi sekmeyi tıklayın.

Beyaz Sidewiki simgesi, görüntülediğiniz sayfa için Sidewiki girişi yapılmadığını belirtir. İlk siz yorum yapın! Yan çubukta boş bir Sidewiki giriş formu açmak için düğmeyi tıklayın. Tüm sayfa hakkında veya sayfanın belirli bir bölümü ile ilgili bir Sidewiki girişi oluşturabilirsiniz. Sayfanın belirli bir bölümü hakkında giriş oluşturmak için, Sidewiki düğmesini tıklamadan önce farenizle sayfanın istediğiniz bölümünü vurgulayın. Girişinizi oluşturduktan sonra Sidewiki uygulaması olan kullanıcılar yorumunuzu görebilir ve yararlı olup olmadığını oylayabilir.

Gri Sidewiki simgesi, görüntülediğiniz sayfada yorum yapılamadığını belirtir. SSL (https) şifrelenmiş bir sayfayı ziyaret ediyorsanız veya Sidewiki hizmetine erişim geçici olarak mümkün değilse bu simge görünür.

Webmasterlara bir ipucu da vermek istiyorum bu araç sayesinde: Siteniz hakkında yorumları okuyup yaptığınız web tasarım hakkında değişiklikler yapabilir, tasarımı iyileştirebilirsiniz.

Web Tasarım ve Reklamcılık

Tasarımcı — Thu, 26 Nov 2009 13:15:18 +0000

Ülkemizde yeni çıkarılan yasalara göre her kurumsal şirketin ya da firmanın bir internet sitesi olmak zorundadır. Bu site de kesin olarak firma ya da şirket hakkında detaylı bilgi olmalıdır. Aslına bakılırsa firmaların daha çok müşteri potansiyeline sahip olabilmeleri için kesinlikle bir web adreslerine ihtiyaç vardır. Çünkü günümüzde insanlar artık iletişimi ve bilgiyi internet yolu ile çözümlemektedir.

Örneğin bilgisayar donanımları satan bir mağazanız var. İnsanların mağazanız ve mağazanız da satılan ürünler hakkında detaylı bilgiyi web sitenizde bildirebilirsiniz. Ayrıca internet kanalıyla birlikte ürünlerinizi satabilirsiniz. Web tasarımı yaptırmak için uçuk fiyatlar ödemenize gerek yoktur. Bütçenize ve isteklerinize göre gayet uygun fiyatlar da web tasarımınızı yaptırabilirsiniz.

Her firmanın mutlaka bir reklam çalışması bulunmaktadır. Siz de reklam çalışmasından önce bir internet sitesi yaptırabilir ve müşterilerinizi ikiye katlayabilirsiniz. Ülkemizde en çok ürün satan firmaların kurumsal yapılarını incelediğiniz takdir de kesinlikle bir web sitelerinin olduğuna şahit olabilirsiniz. Çünkü insanlar artık mağaza mağaza dolaşmak yerine internet üzerinden alacağı ürünü sipariş etmekte ve kargo ile teslim alabilmektedir.

Reklamcılık sadece bir internet sitesi ya da sokaklar da broşür dağıtmak değildir. Günümüz de internet ortamın da sörf yapan en az 20 milyon insan bulunmaktadır. Televizyon kanallarına vereceğiniz yüz binliralar yerine internette bin liraya harika bir reklam çalışması düzenleyebilirsiniz. Bu reklam çalışması ile birlikte hem markanız hem de ürünleriniz bir çok insana ulaşacaktır. Daha çok para kazanmak istiyorsanız resmi bir internet sitesi yaptırabilirsiniz.

İyi Bir Web Tasarımı Nasıl Yapılır?

Tasarımcı — Thu, 19 Nov 2009 15:11:47 +0000

Öncelikle iyi bir web tasarımı yapmak tamamen sizin hayal gücünüze ve web tasarımı yaparken kullandığınız programları kullanma yeteneğinize kalmış. Genellikle göze hoş gelen tasarımlar Flash veya Photoshop’ta kaliteli bir şekilde hazırlanmış bir dizaynın CSS’ye dökülmüş hali olabiliyor. Eğer tasarımı yapan kişi yetenekli ise web siteniz için iyi bir tasarımdan söz edebiliriz. Ancak dikkat edilmesi gereken iyi bir web tasarımı yaptırırken ya da yaparken sitenizin renklerinin birbirine uyumlu olması, çok fazla sırıtmaması gerekmektedir. Ayrıca web sayfası tasarımı yaparken , oluşturulan menüleri, bannerları ve linkleri anlaşılabilir, web sayfası gezen kişinin gözünü yormayacak ve sayfayı terk etmemesini sağlayacak şekilde tasarlar iseniz, kullandığınız özgün içerik ile sitenize yüksek hit sağlayabilirsiniz. Tek düşünmeniz gereken ben nasıl bir web tasarımı istiyorum.
Bazen çok sade bir tasarım bile web sayfasını gezen kişi için yeterli olmakta ve o sitenin işlevine bakmaktadır. Bu yüzden dikkat etmeniz gereken, nasıl bir web sitesi oluşturacaksınız ve bu web sayfasına nasıl bir tasarım yakışır. Bu soruların cevabını verdikten sonra, eğer web tasarımı programlarında yetenekli iseniz ister kendiniz bu tasarımı hazırlar ve siteye tasarımı giydirirsiniz, ister freelance çalışan ve bir çok webmaster forumunda bulabileceğiniz kaliteli tasarımcılarla çalışabilir, isterseniz tasarım işleri yapan kurumsal firmalardan bu desteği alabilirsiniz.

Web Tasarımda Vurgulamalar

Tasarımcı — Tue, 17 Nov 2009 13:10:25 +0000

Web tasarımıyaparken dikkat etmemiz gereken bir noktada vurgulamalardır. Ziyaretçinin ilgisini çekmek için vurgulamalar yapmalıyız. Yani ziyaretçiyi site şablonundaki bazı öğelerle istenilen yere yönlendirmeliyiz. Ona kılavuz olmalıyız da denebilir.

Tasarım yapılırken nasıl vurgulama yapılır?

Flash Nesneler Vugulama Teknikleri

En önemli vurgu tekniği flash nesnelerdir. Kampanya,duyuru,ilan gibi önceliği olan işleri ziyaretçiye göstermek ve onların ilgisini çekmek için flash nesneler kullanmalıyız. Kulandığımız flash nesneler web tasarımı yaptığımız sayfanın bütünlüğünü bozmayacak şekilde olmalıdır. Bazen canlı renkler bazen soluk renkler fark edilmeyi sağlatabilir. Canlı renkler ben burdayım der ziyaretçiye. Yanıp sönmeler, renk değişimleri ziyaretçinin ilgisini ilk olarak o noktaya kaydırır.

İlgili ikonlar (icon) Kullanarak Vurgualama

İkon kullanımı gerçekten önemlidir. Yaptığınız tasarımda ikonlarla bazı başlıkları vurgulamanız ve sadeliği yakalamanız çok kolaydır. Örneğin “istatistikler için tıklayın…” yazdınız buraya ilgi çekmek için yandakidaki gibi bir ikon kullanmak oldukça yerinde olacaktır.

Ziyaretçiler uygun görselleri daha çok sever. Uzun açıklamalı bir yazı yerine görsel bir ikon tasarımda vurgu için iyi olacaktır.

Web Tasarımcılar İçin Yeni Bir Teknik Daha: Sesli Vurgu

Ziyaretçilerinizi bir insanın sesli olarak karşılaması son zamanlarda reklamcılık sektöründe de tercih ediliyor. Ziyaretçilere sesli olarak bilgi veren sunumlar tasarımda vurguyu arttırıyor.

Videolarla Vurgulama

Tasarım yaptığınız sayfa da video alanları ayırmalısınız. Bu alanlarda site konusuna uygun kısa ve hızlı videolar olursa ürüne odaklanma arttırılmış olur.

Bahsettiğimiz yöntemleri uygulayarak ziyaretçi çekebilirsiniz. Web tasarımda etkileme sanatı önemli bir konudur. Bu konuda farklı ve ilgi çekici fikirler giderek artmaktadır. Tasarımda vurgularla ziyaretçi çekme yollarını bulmak gerekir.