Web tasarım işine başlamak için kaynaklar

Web tasarım öğrenmek ve bazı referanslara ulaşmak için güzel kaynakları bu yazıda bulabilirsiniz. Kaynaklar Eğitmen İzzet pembeci tarafından hazırlanmış ve öğrencilerine sunulmuştur bende çok yararlı gördüğümden burada paylaşma gereği duydum.

1. Giriş Dersi
   • Internet Tarihçesi, (ilave : WP, Tarihi ve Gelecek Tahminleri)
   • Blog Hazırlama ve Sunma: Blogcu, Blogger(Google hizmeti), WordPress
   • RSS : Feed toplayıcılar, Derste gösterdiğim bloglines.com
   • API ve Kolaj (Mashup) Sayfalar:
     • Programmable Web : Bu portalda bu tip siteleri toplu bir halde bulabilirsiniz. Rastladığınız güzel şeyleri bana da bildirin.
     • Bildirgeç'ten Google API'lar yazısı ve genel api etiketi
     • Google Map API : Emlakçı, Mesire Yerleri, Obama vs. Clinton, Cumhurbaşkanı Nerede
     • Flickr API : Flappr, Fidye Notu, Fastr (oyun, yüklenen resimlerin ortak etiketini tahmin etmeye çalışıyorsunuz)
     • Kolaj Sayfalar : Pageflakes, New York City (bir kısımda bulamamıştım bu şahane sayfayı)
   • İşaretleme Dilleri Latex Örneği
2. HTML ve CSS Kaynakları
   • htmlhelp.com (derste başvurduğum referans sitesi)
   • W3C HTML 4.01 resmi tanımı ve etiket listesi
   • W3C CSS 2.1 resmi tanımı ve özellikler listesi, belgeler.org'da aynı belgenin türkçesi ve özellikler listesi
   • Sitepoint: HTML referans, CSS referans
   • Index DOT HTML ve Index DOT Css
   • tizag.com : HTML Dersleri, CSS Dersleri
   • HTML Playground : Deneye deneye öğren
   • Dersteki CSS Page Layouts sitesi
   • A List Apart : Derli toplu, güzel CSS dersleri
3. Diğer
   • Firefox Eklentileri : Web Developer, ColorZilla, Firebug
   • Gradient Image Maker : GIMP gibi bir resim düzenleme programınız yoksa gradient oluşturmak için, online olarak bu sayfa kullanılabilir.
   • Listamatic : Liste etiketlerinin CSS özellikleriyle oynayarak dikey ve yatay menü oluşturma örnekleri
   • CSS Table Gallery : Güzel görünümlü tablolar için çeşitli CSS tanımları
   • HTML Entities : Σ, ©, ⇒, <, >, ♠ gibi sembolleri göstermek için kullanılan kodlar
   • CSS Positioning (CSS Hizalama) : position CSS özelliği için derste kullandığımız sayfa. Örneği pek olmasa da Türkçeye çevrilmiş bu sayfada da iyi anlatmış.
   • Renk Paketleri: Color Scheme Generator, ColorSchemer
   • CSS Taslak Depoları: Open Web Design, freeCSStemplates, CSS Zen Bahçesi (daha çok CSS ile neler başarılabileceğini sergilemek isteyen bir site, taslakları özelleştirmesi zor olabilir, daha fazla emek ister)