Projeler'de Hazırlık Süreci;

Arcface · 7 Eki 2017

Merhaba arkadaşlar bu konum tamamen web tasarım ve web yazılıma meraklı olanlar içindir. Bu konu'da Bir proje yapacağınız zaman gidişat ve işleyiş nasıl olmalıdır onu anlatacağım ve göstereceğim size ilk olarak her proje'de ki tasarım'dan sonra bana göre en zor aşama isim seçme aşamasıdır.
Çünkü proje tamamen bu isime göre tasarlanacağı için ve gidişatı'da etkileyeceği için akıcı bir isim seçmek gerekir ben zamanında caner acat için ki kendisi tasarımcıdır. Bana'da logo dahil bir çok tasarım yaptı bu yüzden ona borcum fazladır.

Bu Proje sadece size hazırlık sürecini anlatmaktadır anlatım sonunda tasarım şablonunu html css ve js dökülmüş halini ve son olarak dinamikleştirilmiş halini verdim. İndirerek'de kodlama sırasında hangi aşamalardan geçilmiş bakabilirsiniz.

Yıllık ödev verilmiş ödev şu şekil'de bir alanda konu seçin ve o konu için bir tasarım yapın ve dinamikleştirin diye tasarım kısmında sorun yok zaten kendisi belirttiğim gibi tasarımcı ama kodlama bilgisi bulunmadığı için bana yazdı ki iyide yaptı borcumu bi nebzede olsa ödemiş olduğumu hissettim bana yazdı ama kafasın'da bir fikir yoktu daha sonra üstünden bir gün geçti blog kararı verdi oyun blogu olacak şekil'de isim düşünmeye başladı ama bu yıllık ödev olduğu için okadarda önemi yoktu o yüzden cnrgaming seçtik adını neyse proje için psd halde 2 döküman istedim tasarım'da sıralama bu şekil'dedir. front end için ilk olarak tasarım seçmek gerekir uzun uzun yazıyorum kusura bakmayın ama bir proje nasıl oluşur fikir nerden çıkar aşamalar nelerdir bilmenizi istediğim için neyse üstünden 1-2 gün geçti bir tasarım attı
onun resmine ulaşamadım çok eski olduğu için neyse bir kaç düzeltme yaptı ve index tasarımını psd halde döktü ve verdi dökümant bu şekil'de

İndex tasarımı tamam ama bir de bu diğer sayfalar olacak çok yormak istemedim açıkcası o yüzden bir tasarım daha istedim o da konu detayı içindi

Bu 2 tasarımı aldım şimdi bunları koda dökme kısmı tasarım daha sonra psd veya png to css dökme aşaması tasarım'da bir slider olduğu için ve navigasyon'da ok işareti detayı olduğu için bu 2 kısım için ekstra js yazmak gerekli ortalama 1-2 gün'de html dökümanını hazırladım ama göz arda edilebilecek değişiklerle tabi çünkü tamamen çevirsen bile tasarımda durduğu gibi site'de durmayacaktır.

HTML + CSS + JS

Anasayfa

Konu Detay

html ve css dökünce bir çok farklı kısım oldu ama öyle abez bir şekil'de belli olan farklar değil tabi ki
bu html + css + js dönemi dediğim gibi 1-2 gün arası sürdü toplam süre olarak sanırım 5-6 saat tasarımı koda dökmek oldu bu kısım da tamamdı sıra'da bu koda dökülmüş tasarımı son olarak dinamikleştirmeye sıra geldi nedir dinamikleştirme php ve aspx türünde kodlama ile dinamik bir hale sokma yönetilebilir hale getirme

Son olarak'da bunun php haline dökülmüş şekli dediğim gibi tasarımı sadece 2 sayfadan ibaret olduğu için diğer sayfalar doğaçlama şekil'de tasarımı çok bozmadan anlık üretilen tasarımlar oldu

PHP Dökülmüş halinde Anasayfa

PHP Dökülmüş Halde Konu Detay

Ve bir kaç doğaçlama yapılan sayfa

Tabi ki sayfalar bunla sınırlı değil ben hepsini tek tek atmak istemedim

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

görmek isterseniz'de

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

yazısına tıklamanız yeterlidir.

Şimdi sırasıyla yapılan işlemler ve harcanan süre şu şekil'de

Proje düşünme isim seçme ve psd halde tasarım dökme 1 hafta
bu psd'yi html css ve js dökme 2 gün
Tasarımı dinamikleştirme ve yönetim paneli 1 hafta
Toplam'da 2 hafta 2 gün 17 gün'de hazırlanmış bir proje tabi bu yapılanlar illa 17 gün mü diyeceksiniz tabi ki değil ben günde 1 saat bilemedin 1.5 saat bir kısmını yapıp çıkıyodum günde 3-4 saat vererek bu sürenin yarısında bitirmek mümkün daha kısa süre'de hatta vereceğiniz zaman bağlı
psd dökümanı html + css + js oturtulmuş halini ve son dinamikleştirilmiş php halini paylaşıcam şunu hatırlatmak istiyorum pdo kodladım ama bir proje ödevi diye özenmedim açıckası o yüzden şurda açık var burda açık var denemenize gerek yok ben burda projede hazırlık aşamaları nelerdir bunları paylaştım sizinle

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.

İndirme Linki;

Linkleri görebilmek için Turkmmo Forumuna ÜYE olmanız gerekmektedir.