bildirgec.org

Web tasarımında photoshop önemlidir.html ve css kodlarından farklı olarak görselliği bize sunar.Aşağıdaki farklı sayfa tasarımlarını ile ilham kaynağınızı geliştirebilir veya photoshop ile web sayfası hazırlarken nelere dikkat etmeniz gerektiğini daha iyi kavrayabilirsiniz. Web sitenizin türüne göre birçok sayfa tasarım örneği bulunmakta.İşte pohotoshop ile web tasarım dersleri;

Graphic Design Studio
(Grafik Tasarım Stüdyosu oluşturma)

Create an awesome software layout
(Yazılım düzeni oluşturun)

Web 2.0 tasarımda büyük devrimlerden biridir. Web sayfanızdaki herhangi bir nesneyi eskiden ziyaretçileriniz arasında oylamaya sunarken sayfa yeniden yüklenmek zorunda kalırdı. Fakat web 2.0’dan sonra gelişen tasarım teknolojisi sayesinde bu olay ortadan kalktı. jQuery ve css ile hazırlanan bu uygulamalar her tasarımcının arşivinde kesinlikle bulunmalı. Uygulamaları birebir web sayfanıza koyabileceğiniz gibi benzerlerini de yaratmanız mümkün.

jQuery Start Rating| Demo

8 farklı seçeneği arasından herhangi birini seçebileceğiniz hoş bir jquery oylama uygulaması.

Prototype Starbox | Demo

20 farklı seçeneği bulunan bu uygulama ile oylama yaparken ziyaretçileriniz sayfayı yenilemek zorunda kalmayacaklar.

CSS 3 çalışmaları henüz tamamlanmadı fakat birçok tarayıcı css3’ü kısmen kullanıyor. Bu yüzden web tasarımcıları css 3’e son günlerden yüklenmiş durumdalar. web 2.0 ile css3 inanılmaz görsel tasarımları oluşturmak için muhteşem bir ikili. css 3 yeni olduğu için bilmeyen tasarımcılar için birçok yararlı dersler bulunmakta. işte css 3 öğrenmek için yararlı dersler;

Introduction to CSS3 – Part 1: What Is It?
(CSS 3’e giriş – bölüm 1 : nedir?)

Get Started with CSS
(CSS 3’e başlayın)

The fundamental problems with CSS3
(CSS 3 Hakkında Temel Sorular)

illustrator dersleri photoshop dersi kadar fazla olmasa da birçok kaynakta bulunabilir. Bu dersler ile illustrator bilginizi pekiştirebilir veya sıfırdan öğrenmeye başlayabilirsiniz. Seri yazıları takip ederek illustrator hakkında bilmediklerinizin sayısı azalabilir. Eğer daha profesyonelseniz yapılan çalışmaları inceleyerek kendinizi geliştirebilirsiniz. işte size sıfırdan illustrator öğretebilecek dersler;

Learn Illustrator CS3 in 30 Days
(30 günde Illustrator CS3’ü öğrenin)

Illustrator Beginner’s Series
(Acemiler için Illustrator Serisi)

Adobe Illustrator Guides and Tutorials
(Adobe Illustrator Rehberi ve Dersleri)

Bir web sayfasında içeriğinin tümünü göstermek fazla olanaklı değil.Gösterdiğiniz taktirde sayfa çok geç yüklenir veya hatalar oluşabilir.Falat web 2.0 ile gelen birçok özellik bu soruna çözüm buluyot.jQuery ile hazırlanan aşağıdaki uygulamalar ile sitenize en uygun içerik görüntüleme uygulamasını kullanabilirsiniz.Bu uygulamalar sayesinde kullanıcı sadece istediği içeriği açarak gereksiz sayfa yüklenme hızından kurtulacak.işte jQuery ile hazırlanan gelişmiş içerik görüntüleme uygulamarı ;

Accordion

Web siteniz ile uyumlu ve göze hitap eden formlar tasarlamak istiyorsanız ve “nasıl bir şey olmalı?” sorusu aklınıza takılıyorsa, birçok farklı form tasarımını inceleyebilirsiniz.Üyelik formu, iletişim formu, kayıt formu gibi birçok form örneğinde ilham verici teknikler ile başarılı çalışmalar yapılıyor. Siz de aşağıdaki örnekleri inceleyerek kendi ilham verici form tasarımlarınızı yaratabilirsiniz.

1 – Next Big Sound

2 – ChiGarden

3 – Best Tools for school

Css Framework türkçeye “css iskeleti” olarak çevrilen, css ve html tabanlı web sitelerinin anahtar ve diğer yardımcı elemanların kısmen ve değişken olarak bizim için hazırlanmış halidir. Bu sayede karmaşık web sitelerini çok daha kolay biçimde hazırlayabiliriz. Ayrıca büyük ölçüde zaman kolaylığı sağlar. Ön önemli artılarından biri tüm tarayıcalarda büyük ölçüde çalışabilmeleridir. Normalden daha hızlı web sayfamızı geliştirebiliriz. Ayrıca gereksiz kod israfından da kurtulmuş oluruz. İşte en iyi css framework’leri;

Blueprint

Blueprint css başında harcanan zamanın azalmasını sağlıyor. Birçok eklenti sunmakla beraber aynı zamanda oldukça kullanışlı. Tarayıcılar arasındaki css farklılıklarını tamamen ortadan kaldırıyor. Birçok eklenti, editör, buton vb. kullanılabilir. Şu ana kadar hazırlanmış css iskeletlerden en popüleri. İskeleti css ve html içeren tüm projelenizde kullabilirsiniz.
Dokümantasyon: Wiki formatında
Topluluk: Twitter ve Facebook Fan
Lisans: MIT ve GPL
Boyut: 3.84mb.
Örnek Proje: WebAvanta

İnternette gezerken tarayıcımızı daha kullanışlı hale getiren firefox araç çubuğu (toolbar) eklentilerini inceledim. Bu eklentiler gerçekten kullanılmaya değer.

1.Web Developer

chrispederick‘in geliştirdiği bu eklenti web tasarımcılarına büyük kolaylıklar sunuyor. Bu eklenti sayesinde tarayıcınızda çeşitli ayarlar yapabilirsiniz. Eklentiyi buradan indirebilir veya eklentiyi geliştiren kişinin web sayfasına bakabilirsiniz.

resmin kaynağı:http://osx.iusethis.com/app/webdeveloperextension

2.Full Screen

Basit fakat oldukça kullanışlı bir eklenti, bu eklenti tarayıcınıza minik bir buton ekliyor ve butonu tıklayarak gezdiğiniz siteyi tam ekran olarak geziyorsunuz.

resmin kaynağı:https://addons.mozilla.org/en-US/firefox/addon/810

Firefox birçok eklentisi ile özellikle web geliştiricileri için çok büyük kolaylıklar sağlıyor. Web geliştiricileri için birbirinden faydalı eklentilere aşağıdan ulaşabilirsiniz.

1. ghostery

Ghostery, web bug (böcek), reklam ağları ve eklentiler ile ilgili size uyarı verir. Web böcekleri siteler tarafından kendi ziyaretçi kitlesini anlamak için kullanılır.

Ücretsiz olarak kullanabilirsiniz. Herhangi bir reklam veya casus yazılım içermiyor.

2. force content-type

güçlü “content-type” eklentisi web sayfası geliştrime ve xml ayrıştırıcısını kullanmak istediğiniz etiketler için yararlıdır.

Arama Motoru Optimizasyonu (Search engine optimization – SEO ) web sitesi veya blog sahipleri için oldukça önemlidir.

Web’te Seo ile ilgili birçok kaynak bulunsa da, bu kaynaklarda bulunan yöntemlerin gerçek anlamda ne kadar etkili yöntemler olduğunu tam olarak anlamak oldukça zordur.

Google, gerek Adsense kullanıcıları için gerekse Adwords kullanıcıları için her ay gönderdiği e-postalarla seo ve reklam yayınlama konularında yardımcı olmakta.

Google, 12 Kasım 2008’de http://googlewebmastercentral.blogspot.com/ blog’undan yayınladığı bu dokümanla, özellikle seo konusundaki bilgisi henüz başlagıç aşamasında olan web sitesi ve blog sahiplerine yardımcı bir kaynak sunmuştu.