PHP kodunu okumak ve dokunmaktan çok korkan web tasarımcılarıyla nasıl başa çıkıyorsunuz?

9

Bir web sitesi yapmak için işe alındım ve bir tasarımcı ile çalışıyorum (kim müşteri ile temasta olan ve beni işe alan adam olur, bu yüzden hayır, kıçını dışarı atamıyorum =)) çok korkan php koduna dokunmak ve html ve css'de bana yeterince iyi modeller vermek için çok yeni, bu yüzden bugünün çalışması yarım programlı bir sayfanın yeni html modelinden geçecek ve <div>s ve değişen sınıfları ve benzerlerini kaldıracak. .

Bunu ikimiz için kolaylaştırmak için bir tür araç veya daha iyi bir iş akışı var mı? Belki de bununla yanlış bir şekilde uğraşıyorum, web geliştirme konusunda yeniyim ve ona sadece bir grafik mock-up vermesi için yeterli HTML / CSS bilmiyorum (ve sözde biliyor) her şey, bu yüzden yaptığımız şey bana istediği gibi görünen statik bir HTML sayfası veriyor ve <?php ?>etrafına koyuyorum =)

Birisi bana bu konuda tavsiyede bulunabilir mi?

— Lacrymology
kaynak

zor soru ...

4

Bir web sitesi yapmak için işe alındıysanız, HTML ve CSS'yi bilmeniz gerekir.

— SLaks

Hayır, html / css tasarımı yapıyor, bu şekilde gitmeye karar verdim (şablonlara php enjekte ederek) çünkü gelebileceğim en iyisi (bana nasıl görünmesi gerektiğine bir örnek verin, veritabanına bakıyorum ve dolduruyorum ayrıntılarda), bunu yapmanın başka (daha iyi) bir yolu olup olmadığını soruyorum. Ve yolda bazı html / css öğreniyorum, bir sonraki işim için bunu yapabilirim. Ben ÇOK hızlı öğrenenim =)

— Lacrymology

3

Tasarım ve geliştirme tamamen farklı iki beceri kümesidir. Tanıştığım en iyi tasarımcılar yazılım mühendisleri değildi, ancak yüksek dolarlı müşteriler için 15 bin dolarlık web siteleri oluşturabiliyorlardı. Dolayısıyla tasarımcı sizden daha fazla HTML / CSS biliyorsa, bunu yapmak için çok şey yakalayabilirsiniz. Rememeber, kodlamayı yapmak onun işi değil, burada olman gerekiyordu.

— jmort253

1

Tipik olarak tasarımcıların tasarıma sadık kalmasının ve HTML / CSS'nin dışında kalmasının daha iyi olduğunu düşünüyorum. Birlikte çalıştığım tasarımcıların çoğunun web'de neyin işe yarayıp neyin yaramadığını kavraması var. Onlardan gitmelerini istediğim kadarıyla orijinal PSD'de kullandıkları CSS yazı tipi niteliklerini belirtmek. Oradan alıyorum. Bu mantıklı bir bölünme ve iyi çalışıyor. HTML ve CSS bilmeniz gerekir.

— Brad

7

Eskiden serbest ön geliştirme yapıyordum, iş akışım böyle bir şeye gitti:

Müşterinizin size sağladığı şeyleri ve müşterinize teslim edeceğiniz şeyleri tanımlayın. Size özel olarak neyi ödediklerini ve teslimatların ne olduğunu eklediğinizden emin olun. Beklentileri belirlemek ÇOK önemlidir.
İşinizi yapmanız için gereken varlıkları sağlamalarını sağlayın. Benim durumumda bu genellikle tasarımın bir PSD'sinin yanı sıra standart düzenden farklı sayfalar / arayüzler için ek PSD'lerdi. Söz konusu PSD'ler sağlanırken font dosyaları dahil edilmelidir.
Tasarımı düz 'ole' HTML / CSS'de dilimleyin, zarlayın ve kodlayın.
Kullanıcı arayüzleri (AJAX, süslü efektler, vb.) İçin gereken herhangi bir javascript'i saptamak
Sitenizdeki dinamik işlevleri yedeklemek için ihtiyacınız olan mantığı kodlayın. Bitiş noktaları, veritabanı etkileşimi ve sunucu kurulumu gerektiren AJAX çağrılarının tümü bu adımın altındadır.
QA. Her şeyin birinci adımda tanımlandığı gibi çalıştığından emin olun, gerekirse 2'den 6'ya kadar tekrarlayın.

— Damien Wilson
kaynak

19

Web tasarımcıları genellikle PHP koduna çok fazla dokunmak zorunda değildir.

Genellikle tasarımcılar görselleri, genellikle Photoshop olmak üzere bazı grafik paketlerinde (gerektiğinde) geliştirir. İçeriğin statik bir sürümü için HTML / CSS oluşturun ve dinamikler için alternatif içerikler de oluşturun. Sonra programcı bunu alıp dinamik hale getirme eğilimindedir. Tamamen ayrılmanın istendiği yerlerde programcı, tasarımcıya kod için hangi değişkenlerin kullanılabilir olduğunu bildirir ve ilmekli bölümler için HTML oluşturmak için bir şey bulundurur.

Tasarımcılar genellikle gerekli kodlama dillerini bilmeden kurtulabilir, siteye dinamizm sağlayan programcıların genellikle HTML / CSS'nin düzgün bir şekilde manipüle etmek için ne yaptığını bilmesi gerekir.

Hem tasarımcı hem de programcı HTML / CSS'de iyi değilse, Tanrı size yardımcı olur.

— Orbling
kaynak

1

Burada bir çeşit şablonlama sistemi anahtardır, ancak "Hem tasarımcı hem de programcı HTML / CSS'de iyi değilse, o zaman Tanrı size yardımcı olur."

— Nicole

1

Genellikle tasarımcılar, bazı grafik paketlerinde görsellerini geliştiriyorlar Evet, rentacoder'da bulabileceğiniz bazı üçüncü dünya ülkesi "tasarımcılar". Sadece her şeyi yapıyorlar (kod, sysadmin, grafik) ... kalite korkunç ve bu şekilde çalışmak gerçek bir işten daha çok bir çocuk oyununa benziyor. Grafikçiden HTML yapmasını istemek, metin yazarından birleştirici yapmasını istemek gibidir.

— Slawek

1

ne yazık ki, hepimiz birleşik devletler veya avrupa'da doğmakla kutsanmadık ve herkesin elinden geleni yapması gerekiyor. "Üçüncü dünya ülkesinden" (Arjantin) geliyorum ve bunun nasıl yapılacağını bilmiyorsam, gerçek dillerde programlama yapmakla meşgul olduğum için

— Lacrymology

1

@Lacrymology - Cesaretiniz kırılmasın. Herkes bir yerden başlamalıdır. Sadece deneyim eksikliğiniz nedeniyle bu projede bazı hatalar yapabileceğinizi bilin. Benim önerim esnek olmak ve belki de kodunuzu KG'ye yardımcı olacak ve size ipuçları ve tavsiyeler verecek bir uzman bulmaktır. HTML'nizi temiz ve profesyonel tutmanıza yardımcı olacak Firefox için HTML Doğrulayıcı uzantısı gibi iyi bir HTML Doğrulayıcı öneririm.

— jmort253

1

@Slawek: Yıllar boyunca, düzenli grafik tasarımcıların web için iyi tasarım yapamayacağını buldum. HTML oluşturmayla ilgili yetenekleri ve sorunları tam olarak takdir eden teknik tasarımcılara ihtiyacınız var, böylece tasarımları kendilerini HTML binasına borçlu. Bu yüzden sadece bir tasarımcı / inşaatçı işe alırdım, onlar benim için asla ayrı roller değiller, olabilirler, ancak daha fazla baş ağrısı getiriyor.

— Ocak'ta Orbling

4

Css ızgaralarını kontrol edin, bu uzman olmayanlar için öğrenmek ve sayfa kompozisyonunu gerçekten kolaylaştırmak için gerçekten hızlıdır.

bunlardan birkaçı:

BluePrint (kullandığım bu)
Yui ızgara
Yaml ızgarası
960

— regilero
kaynak

2

CSS çerçeveleri sunucu tarafı php kodu ile ne ilgisi var? Yoksa cevabını yanlış mı anlıyorum.

— Chris

Tasarımcı ve render işlemini bir CMS'ye yapıştırmak zorunda olan adam arasındaki iş akışı ile ilgilidir. İkisi de css uzmanı değil. En azından öğeleri doğru yere koyabilecek ve aynı sınıflara dayanan html prototiplerine sahip olacaklar.

— 54'te regilero

Hayatı kolaylaştıracak bir çözüm önermek için +1.

— jmort253

1

Genel düşünceye katılma eğilimindedir. Tasarımcıların ve programcıların 2 farklı kamp olduğu gerçeğine dayanıyor:

Tasarımcılar: Tipik olarak üniversitedeki sanat dallarında, güzel şeyler, renk koordinasyonu, animasyon vb.

Programcılar: Tipik olarak Bilgisayar bir tür majör, Fen ve / veya Busienss'e hayatlarının tamamını öğretti.

Bu nedenle bir tasarımcıya kod yazmayı öğretmek, Eskimo'ya nasıl sörf yapılacağını öğretmeye benzer ... sadece yeterince zorlarsanız arka plana sahip değiller.

— tekiegreg
kaynak

Tamam, ondan kod yazmasını istemiyorum, sadece burada bunu daha iyi yapmanın araçları veya yolları olup olmadığını soruyorum. Eğer bunu programlamaya başladığımda tasarım yapılmış olsaydı, hikaye oldukça farklı olurdu, ama giderken bazı şeyleri değiştirmesi gerekiyor

— Lacrymology

@Lacrymology - Bazen işler giderken değişmek zorunda kalır. Web geliştirme böyle çalışır. Oyun endüstrisinden tamamen farklı olduğunu hayal edebiliyorum; burada kurallar çok farklı.

— jmort253

oyunlar değiştikçe her şey değişiyor. Çok fazla ... çok fazla

— Lacrymology

-2

Tasarımın html / css dönüşümünü dış kaynaklardan kullanabilirsiniz. Ne alamadım, neden ilk önce biçimlendirme oluşturmuyor ve sonra şablonlara php enjekte ediyorsunuz?

-5

Web tasarımcıları, grafikçiler ASLA HERHANGİ BİR KODA dokunmamalıdır. HTML, CSS, PHP (!), JavaScript, HİÇBİR ŞEY yok.

Bunu 100 kez tekrarlayın, o zaman işe yaramazsa tekrar 1000 kez tekrarlayın. Ve geliştiriciler / programcılar ASLA GRAFİK tasarlamamalıdır.

Bu profesyonelce değil ve ben çok kez grafisyen tarafından yapılan bir MESS gördük. Genellikle bir tarayıcıda çalışır ve kod kalitesi aşağıdaki örnekteki gibidir:

<ul class='list circle float'>  
 <li class='red bold'>text...</li>
 <li class='red'>text2...</li>
 <li class='red'>text3... <a class='pink link' href='http://codelikeshit.com'>i code, do vector graphics and manage linux servers, i'm a F* Einstein and Van Gogh combined!</a></li>
</ul>

Gerçekten başka bir şey için kullanılamaz, ancak yerel fırın web sitesi (haftada 10-15 ziyaretçi) gibi iletişim + fotoğraf.

Web geliştirmede yeniyim,
Hey, sorun burada. Muhtemelen eşyalarını bilen profesyonel grafikçi ile uğraşıyorsunuz (renkler, vektörler, ticari baskı / tasarım) ... Öte yandan siz bir geliştiricisiniz ... işini bilmeyeceğiz!

Grafik yapmak için geliştiriciler ve DEV için grafikçiler. Bu sadece profesyonel olmayan saçmalık. Doğru bir şey bulamazlar. Kötü kod alacaksınız ve grafik bok gibi görünecek.

Belki de HTML / CSS bilen bir geliştirici kiralamalısınız (eğer "php'yi bilen bir grafikçi kirala, delirdim, değil mi?"). Muhtemelen bir grafikçi olmanın "gerçek" bir iş olmadığını düşünüyorsunuz, bu yüzden kod yazabiliyor ve belki de sunucu yöneticisi olabilir :)

Bu tür tasarımcılar ile nasıl başa çıkılır. Şahsen ona zam verirdim çünkü ne yaptığını açıkça biliyor!

— Slawek
kaynak

3

bana hakaret ediyorsun, sorum sorunumu baştan sona anlatıyor: adam tasarımcı değil, ama patron, ÇOK tecrübeli bir programcıyım, dört yıldır nintendo için video oyunları yapıyoruz, sadece web'de yeni. Ben tasarım yapmaya çalışmayın ve ona kod yazma izin vermeyin, ben sadece gitmek ve PHP doğrudan css sınıflarını değiştirmek için yeterince cesur olmasını diliyorum.

— Lacrymology

2

@Lacrymology - Neden PHP CSS sınıflarını değiştirmek için yeterince cesur olamaz? Yine, bu onun işi değil, becerileri de değil. Ayrıca, kodlama ile ne kadar çok etkileşime girerseniz o kadar iyi olursunuz. Nintendo için video oyunları yaptığınızdan çok etkilendim. Bunu yapabilirseniz, o zaman kesinlikle bunu yapabilirsiniz :) Rağmen, @Slawek katılmıyorum, bildiğim en iyi tasarımcılar PHP ve / veya Wordpress kullanarak bir web sitesi kodlayabilirsiniz.

— jmort253

1

Peki video oyunları yapmak webdev değil ve gerçekten yapabilirseniz video oyun dev kalmak istiyorum. Sonuçta webdev html / css bilmiyorsa - işini bilmiyor. Sorununuz, @Lacry yaptığınız için herkesin PHP programlayabilmesi gerektiğini düşünüyorsunuz: o zaman bu tasarımcılar temiz kod yerine spagetti üreten gerçekten kötü programcılar. Duydunuz mu, örneğin. türbin prototipleri üreten mühendis olan otomobil tasarımcılarının Sanırım değil :) Sadece yaşamak için grafik yapan bir kişinin bazı projelerini gördüğünüzde ... php / grafikçiler en iyi vasat oldu :)

— Slawek

@Slawek - Ben senin rant aşağı tonlamak için çalışacağını düşündüm?

— Walter

1

@Slawek - o zaman işe yaramaz rant yerine bunu söylemeliydin. Böyle konuştuğunuzda insanlar dinlemiyor. Eğer noktanızın ciddiye alınmasını istiyorsanız, onu daha da azaltmayı düşünürüm.

— Walter