eyvallah kardeşimin dersine faydalı olacaktır sağolasın hocam işte geldik gidiyoruz bilinmez diyara, Eskiden karpuz idik şimdi dndük bir hıyaraaaaa

Hep şundan nefret ettim tasarım biliyor bir çok insan ama diyer gerekli olan elementleri bilmiyorlar bende ğrenmeye karar verdim bakalım nekadar geliştirebilirsek nekadar teşvik edebilirsek okadar iyi heleki tbt de teşvik etiğim tasarım ile uğraşan müridlerin ğrenmesini çok isterim PSD to CSS/XHTML yani diğer adıyla, PSD dosyasının dilimlenerek CSS/XHTML olarak dkümü. Web tasarımına yeni başlayan birçok arkadaşın takıldığı en nemli konulardan bir tanesi. Birçok web kullanıcısı var olan tasarımları düzenleyip kullanıyor ama hedeflediklerinden ziyade buldukları ile yetinmeye çalışıyorlar. Bu işle uğraşmak isteyenlere umarım faydalı bir yazı olur. Tasarım bloglarını dolaşırken gzüme çarpan "PSD to HTML" dkümanlarını da bir kenara toplayıp, arşive almak istedim. Bu konuda birçok blogda derlemeler de yer alıyor. Aşağıda yer alan adresler ise faydalı olacağını düşündüğüm siteler. A- Videolu Eğitimler 1- Web Deneyimleri Eşi Benzeri Grülmemiş Bir Video Serisi Türkçe Web tasarımı, CSS dkümü ve WordPress entegrasyonu konusunda Volkan Grgülü tarafından hazırlanmış, isminden de belli olduğu gibi Eşi Benzeri Grülmemiş Bir Video Serisi. İngilizce ile arası iyi olmayan arkadaşların bulabileceği en güzel kaynaklardan bir tanesi. Sitede yer alan diğer yazılar da oldukça işinize yarayacaktır. Adres: http://www.webdeneyimleri.com/xhtml-css-gelistirmek-wordpress-temasi-yapmak/ http://www.webdeneyimleri.com/wordpress-temasi-gelistirmek-videolu-anlati/ 2- PSD'den XHTML'e nasıl dnüştürebiliriz? Web tasarımı ve diğer alanlarda eğitsel yazıları ve dkümanları ile adından çokça sz ettiren Tutsplus'ta işinize yarayacak güzel bir video serisi var. 4 Videoda PSD tasarımı XHTML formatına dnüştürülmüş. Blüm 1 PSD tasarımın dilimlenmesi ve XHTML halinin oluşturulması Blüm 2 CSS Blüm 3 Temel Javascript Uygulamaları Blüm 4 IE6 ile Zorlu Mücadele Adres: http://net.tutsplus.com/articles/news/how-to-convert-a-psd-to-xhtml/ 3- Web Sitesi Oluşturmak Birçok konuda videolu dkümanları ile kullanıcılarına faydalı olan CSS Tricks'te 3 videodan oluşan bir dküman dikkatimi çekti. Blüm 1- Photoshop'ta Tasarımı Oluşturmak Blüm 2- Tasarımı CSS/XHTML'e çevirmek Blüm 3- WordPress Teması Oluşturmak 4- Tasarımı PSD'den HTML'ye Dnüştürmek Tutsplus'ta yer alan videolu dkümanlardan bir tanesi daha. Sade ve basit bir arayüzü %100 CSS-XHTML'e dnüştürmeyi anlatıyor. Adres: http://net.tutsplus.com/articles/news/converting-a-design-from-psd-to-html/ B Yazılı Dkümanlar Makaleler Bu konuda birçok forumda konular açılmış yazılar yazılmış fakat genelde soru soran kişiler aradıklarına cevap bulamamış. Kimisinde Photoshop kullanarak CSS'i oluşturma anlatılmış, kimisinde Photoshop eklentisi ile WordPress teması oluşturmak anlatılmış, bazı sitelerde ise bu konuya detaylı olarak değinilmiş. Türkçe sitelerde sonuç tek bir dkümana ulaşıyor: Fatih Hayrioğlu tarafından hazırlanan CSS Başlangıç Kitabı. Bu işlere merak saldıysanız kesinlikle okumanızı neriyorum, çünkü bu kitap CSS dünyasına açılan kapının anahtarı ;) CSS konusunda Fatih Hayrioğlu'nun Not Defteri bulabileceğiniz en güzel Türkçe kaynaklardan bir tanesi. Temel CSS Dersleri, CSS ipuçları, CSS teknikleri ve problemlerin çzümleri CSS Dersleri sayfasında sizleri bekliyor. 1- O kadar bahsetmişken bir de makalesine yer vermezsek olmaz yani :) 3 yazıdan oluşan seride Fatih Bey, dkümünü yapmış olduğu bir projeyi baştan sona anlatmış. Baya emekle yazılan bu yazı serisini okumadan geçmeyin bence.. PSD'den HTML'e fanatikmarslar.com Sitesinin Kodlaması Blüm 1 Blüm 2 Blüm 3 2- Değerli dostum Beyaz'ın sitesinde bu konu ile alakalı, oldukça basit anlatılmış güzel bir yazı yer alıyor. O da bu konuda arayışta olan arkadaşlar için yazmış :) Adres: http://anarschi.com/psd-to-css 3- Adım Adım Web Tasarımı PSD'den HTML'e.. Tutsplus tarafından hazırlanmış güzel bir dküman daha. CSS ile alakalı her dküman arayışımda sürekli karşıma çıkan bir yazı. Faydalı olmak istiyorum dercesine okurlarına ulaşmak istiyor heralde :) Adres: http://net.tutsplus.com/tutorials/site-builds/from-psd-to-html-building-a-set-of-website-designs-step-by-step/ 4- Sıfırdan Portfy Sitesi Oluşturmak Bu yazıyı CSS-XHTML'e merak saldığım ilk zamanlarda okumuştum. Aradan yaklaşık 3 sene geçmesine rağmen CSS bilgime yeni şeyler ekleyememek, benim için oldukça üzücü bir durum. Umarım yazıyı okuyanlar bu düşünce ile yol almaz :) Adres. http://net.tutsplus.com/tutorials/site-builds/build-a-sleek-portfolio-site-from-scratch/ 5- Oldukça basit bir anlatıma sahip olan başka bir PSD dnüşüm dkümanı.. Adres: http://www.hv-designs.co. uk/2009/01/28/the-design-lab-psd-conversion/ Şimdilik bu kadar. Daha güzellerini grdükçe bu yazıya eklemeye çalışacağım. Yazı biraz uzun oldu farkındayım, umarım açar açmaz sekmeyi kapatmazsınız. Bu satırı okuduğunuza gre sekmeyi kapatmayanlardansınız :) Yazı hazırlanırken kullanılan derleme adresleri: http://www.1stwebdesigner.com/tutorials/43-psd-to-xhtml-css-tutorials-creating-web-layouts-and-navigation/ http://designm.ag/resources/converting-psd-to-html/ http://designbeep.com/2010/02/18/38-great-tutorials-to-convert-psd-to-htmlcss/ Faydalanabileceğiniz siteler: http://www.yakuter.com/kategori/css-xhtml-w3c/ Bazıları sadece konuşur bazıları ise hayalleri ile dünya'ya yn verir.. Mycity

Ne güzel bir kşe olmuş burası... Ellerine sağlık :SaygıylaEğilenSmiley: Bu dahil; tüm genellemeler yanlıştır! Yolcu; Kendi Yolunda... Şükür biz Allahtan başka sahibi olmayanlarız!

: Mycity bunu yazdı: Daft bunu yazdı: boş vaktimde ilgilenebileceğim bir konu, tasarım zürlü bir insan olarak bir yerlerden başlamak gerektiğini düşünüyorum. yalnız "diyer" değil diğer ama hocam sen işlevine bak :D olur yle ufak tekfek hatalar takılma senle alakalı bir problem deyil hocam, "yada" deyip sonra "da ayrı" diye düzelten takıntılı Türkçe hocaları gibiyim bu konuda. Mazur gr. :) tamam hocam sorun değil Bazıları sadece konuşur bazıları ise hayalleri ile dünya'ya yn verir.. Mycity

Emeğine Koluna Sağlık Hacım (: Hanimabi Sen Neler Dedin Oyle :( http://www.youtube.com/watch?v=YRbUA9UuUqk

eyvallah cizelim :)

bendede tasrım dersi olucak şura yazıyım lazım olur ğreniriz gereksiz iş yapmaktan iidir. Living Death

Zaman olunca gzden geçireyim.

boş vaktimde ilgilenebileceğim bir konu, tasarım zürlü bir insan olarak bir yerlerden başlamak gerektiğini düşünüyorum. yalnız "diyer" değil diğer

html ve css in mantığını iyice kavrayınca, çocuk oyuncağı gelir herhangi bi tasarımın css kodlamasını yapmak. bir sonraki aşama bütün tarayıcılarda siteyi sorunsuz gstermye çalışma olacaktır. tarayıcılar için ayrı ifler yazarsınız bi sonraki level ie6 ie7 css hack yntemleri vs vs. ne kadar çok tasarımı css e dkerseniz o kadar level atlarsınız... byle uzar gider. Hiç savaş grmemiş çocuklarla, hiç barış grüşmemiş çocuklar için adalet farklı anlamlar taşır.

: Ar0fer bunu yazdı: Zaman olunca gzden geçireyim. en çok senle zero nun ğrenmesini isterim eyw kardşim :) lazım zaten.

Sonra gz atılmak üzere bit ataç atalım bakalım. Bu imzayı her grdüğünüzde 4gb kotanızın 0,00000358559191226959228515625 azalmaktadır. Bilerek ve istenerek bu imza yapılmıştır. Amaç kotanızı smürmektir

hemen bi çizik atalım

: boş vaktimde ilgilenebileceğim bir konu, tasarım zürlü bir insan olarak bir yerlerden başlamak gerektiğini düşünüyorum. yalnız "diyer" değil diğer ama hocam sen işlevine bak :D olur yle ufak tekfek hatalar takılma Bazıları sadece konuşur bazıları ise hayalleri ile dünya'ya yn verir.. Mycity

müdür eline saglık çizdim gitti. | GTP | TBT | Desinatr | icrypex. net

: Daft bunu yazdı: boş vaktimde ilgilenebileceğim bir konu, tasarım zürlü bir insan olarak bir yerlerden başlamak gerektiğini düşünüyorum. yalnız "diyer" değil diğer ama hocam sen işlevine bak :D olur yle ufak tekfek hatalar takılma senle alakalı bir problem deyil hocam, "yada" deyip sonra "da ayrı" diye düzelten takıntılı Türkçe hocaları gibiyim bu konuda. Mazur gr.

erbilen iyidir cssde.

Güzel paylaşım herkes bi noktada tıkanıp kalıyor bu css konusunda umarım yardımcı olur. FuCk yOu System..

tesekkurler, vakit bulunca bayagi isime yarayacak seyler var gibi gorunuyor... anca gidersin...

: Zaman olunca gzden geçireyim. en çok senle zero nun ğrenmesini isterim Bazıları sadece konuşur bazıları ise hayalleri ile dünya'ya yn verir.. Mycity