Comment gérez-vous les concepteurs de sites Web qui ont trop peur de lire et de toucher le code PHP?

9

J'ai été embauché pour créer un site Web et je travaille avec un designer (qui se trouve être le gars qui est en contact avec le client et m'a embauché, donc non, je ne peux pas lui botter le cul =)) qui a trop peur pour toucher au code php, et est trop novice en html et css pour me donner des modèles assez bons, donc le travail d'aujourd'hui passera par son nouveau modèle html d'une page semi-programmée et supprimant <div>s et changeant les classes et les autres .

Existe-t-il une sorte d'outil ou un meilleur flux de travail afin de faciliter cela pour nous deux? Peut-être que je traite tout cela de la mauvaise façon, je suis nouveau dans le développement Web, et je ne connais pas assez HTML / CSS (et il le suppose) pour qu'il me donne juste une maquette graphique et fasse le tout ce que nous faisons est donc il me donne une page HTML statique qui ressemble à ce qu'il veut, et je l'ai mis <?php ?>=)

Quelqu'un peut-il me donner des conseils à ce sujet?

php html css workflows Lacrymologie
la source
question difficile ...
4
Si vous avez été embauché pour créer un site Web, vous devez connaître le HTML et le CSS.
SLaks
Non, il fait la conception html / css, j'ai décidé de procéder de cette façon (en injectant du php dans les modèles) parce que c'est le meilleur que j'ai pu trouver (donnez-moi un exemple de ce à quoi cela devrait ressembler, je recherche la base de données et je remplis dans les détails), je demande s'il y a une autre (meilleure) façon de procéder. Et j'apprends du HTML / CSS en cours de route, je pourrai le faire pour mon prochain travail. Je suis un apprenant TRÈS rapide =)
Lacrymologie
3
La conception et le développement sont deux compétences complètement différentes. Les meilleurs designers que j'ai rencontrés n'étaient pas des ingénieurs logiciels, mais ils pouvaient créer des sites Web de 15 000 $ pour des clients à fort coût. Donc, si le concepteur connaît plus de HTML / CSS que vous, alors vous avez beaucoup de rattrapage à faire. Rappelez-vous, ce n'est pas son travail de faire le codage, c'est pour cela que vous êtes censé être ici.
jmort253
1
Je trouve généralement qu'il est préférable pour les concepteurs de s'en tenir à la conception et de rester en dehors du HTML / CSS. La plupart des designers avec lesquels je travaille ont une idée de ce qui fonctionne sur le Web et de ce qui ne fonctionne pas. Autant que je leur demande d'aller spécifie les attributs de police CSS qu'ils ont utilisés dans le PSD d'origine. Je le prends à partir de là. C'est une division logique et fonctionne bien. Vous devez connaître le HTML et le CSS.
Brad

Réponses:

7

J'avais l'habitude de faire du développement frontal freelance, mon flux de travail était quelque chose comme ceci:

  1. Définissez les choses que votre client vous fournit et les choses que vous livrerez à votre client. Assurez-vous d'inclure précisément ce qu'ils vous paient et quels sont les livrables. Définir des attentes est TRÈS important.
  2. Demandez-leur de fournir tous les actifs dont vous avez besoin pour faire votre travail. Dans mon cas, il s'agissait généralement d'un PSD de la conception, ainsi que de PSD supplémentaires pour les pages / interfaces qui différaient de la mise en page standard. Les fichiers de polices doivent être inclus lors de la fourniture desdits PSD.
  3. Découpez, découpez et codez le design en HTML / CSS simple.
  4. Bloquez tout javascript nécessaire pour les interfaces utilisateur (AJAX, effets fantaisie, etc., etc.)
  5. Codez la logique dont vous avez besoin pour sauvegarder toute fonctionnalité dynamique au sein de votre site. Les appels AJAX qui nécessitent des points de terminaison, une interaction de base de données et une configuration de serveur relèvent tous de cette étape.
  6. QA. Assurez-vous que tout fonctionne comme défini dans la première étape, répétez sur 2 à 6 au besoin.
Damien Wilson
la source
19

Les concepteurs Web ne devraient généralement pas avoir à toucher le code PHP, voire pas du tout.

Habituellement, les concepteurs développent les visuels dans certains packages graphiques (le cas échéant), généralement Photoshop. Construisez le HTML / CSS pour une version statique du contenu, avec un contenu alternatif pour la dynamique également construit. Ensuite, le programmeur a tendance à prendre cela et à le rendre dynamique. À défaut, lorsqu'une séparation complète est souhaitée, le programmeur informe le concepteur des variables disponibles pour le code et a quelque chose en place pour créer le code HTML des sections en boucle.

Les concepteurs peuvent généralement s'en tirer sans connaître les langages de codage nécessaires, les programmeurs apportant du dynamisme au site ont généralement besoin de savoir ce que fait le HTML / CSS afin de le manipuler correctement.

Si le concepteur et le programmeur ne sont pas bons en HTML / CSS, alors Dieu vous aide.

Orbling
la source
1
Une sorte de système de modèles est la clé ici, mais +1 pour la ligne "Si le concepteur et le programmeur ne sont pas bons en HTML / CSS, alors Dieu vous aide."
Nicole
1
Habituellement, les concepteurs développent les visuels dans certains packages graphiques. Oui, certains "concepteurs" du tiers monde que vous pouvez trouver sur rentacoder. Ils font tout (code, administrateur système, graphiques) ... la qualité est horrible et travailler de cette façon ressemble plus à un jeu d'enfant qu'à un vrai travail. Demander au graphicien de faire du HTML, c'est comme demander au rédacteur de faire l'assembleur.
Slawek
1
Malheureusement, nous n'avons pas tous été bénis d'être nés aux États-Unis ou en Europe, et chacun doit faire ce qu'il peut. Je viens d'un "pays du tiers monde" (Argentine) et si je ne sais pas comment faire, c'est parce que j'ai été occupé à programmer en langues réelles
Lacrymologie
1
@Lacrymology - Ne vous découragez pas. Tout le monde doit commencer quelque part. Sachez simplement qu'en raison de votre manque d'expérience, vous risquez de faire des erreurs dans ce projet. Ma suggestion est d'être flexible, et peut-être de trouver un expert pour aider QA votre code et vous donner des astuces et des conseils. Je recommanderais un bon validateur HTML, comme l'extension HTML Validator pour Firefox, qui vous aidera à garder votre HTML propre et professionnel.
jmort253
1
@Slawek: J'ai découvert au fil des années que les graphistes classiques ne peuvent pas bien concevoir pour le web. Vous avez besoin de concepteurs techniques, qui apprécient pleinement les capacités et les problèmes liés au rendu HTML, afin que leurs conceptions se prêtent à la construction HTML. Je n'embaucherais donc qu'un concepteur / constructeur, ce ne sont jamais des rôles distincts pour moi, bien sûr qu'ils peuvent l'être, mais cela introduit encore plus de maux de tête.
Orbling
4

Vérifiez les grilles css, c'est très rapide à apprendre pour les non experts et à rendre la composition des pages vraiment facile.

en voici quelques uns:

regilero
la source
2
Qu'est-ce que les frameworks CSS ont à voir avec le code PHP côté serveur? Ou est-ce que je comprends mal votre réponse.
Chris
Ils ont à voir avec le flux de travail entre le concepteur et le gars qui devra coller le rendu dans un CMS. Les deux ne sont pas des experts CSS. Au moins, ils pourront mettre les éléments au bon endroit et avoir des prototypes html basés sur les mêmes classes.
regilero
+1 pour avoir suggéré une solution qui vous facilitera la vie.
jmort253
1

Ont tendance à être d'accord avec le sentiment général. Cela se résume vraiment au fait que les concepteurs et les programmeurs sont 2 camps différents:

Designers: Généralement des majors des arts au Collège, on leur a appris à construire de jolies choses, à coordonner les couleurs, à l'animation, etc.

Programmeurs: Généralement informaticiens, ils ont enseigné les sciences et / ou les busiens toute leur vie.

Par conséquent, apprendre à un concepteur à coder équivaut à enseigner à un Esquimau comment surfer ... il n'a tout simplement pas le fond, bien que cela puisse arriver si vous poussez assez fort.

tekiegreg
la source
ok, je ne lui demande pas de coder, je demande juste ici s'il y a des outils ou des façons de faire mieux. Si le design avait été fait avec quand j'ai commencé à programmer ça, l'histoire aurait été assez différente, mais il a besoin de changer les choses au fur
mesure
@Lacrymology - Parfois, les choses doivent simplement changer au fur et à mesure. C'est exactement ainsi que fonctionne le développement Web. Je peux imaginer que ce soit complètement différent de l'industrie du jeu; les règles sont tout simplement différentes ici.
jmort253
tout change au fur et à mesure. Les jeux le font. Beaucoup ... trop
Lacrymologie
-2

Vous pouvez externaliser la conversion html / css de la conception. Ce que je ne comprends pas, c'est pourquoi ne crée-t-il pas d'abord le balisage, puis vous fait-il injecter du php dans les modèles?


la source
-5

Les concepteurs de sites Web, les graphistes ne doivent JAMAIS, JAMAIS toucher AUCUN CODE. Pas de HTML, CSS, PHP (!), JavaScript, RIEN.

Répétez cela 100 fois, puis si cela ne fonctionne pas, répétez-le 1000 fois. Et les développeurs / programmeurs ne doivent JAMAIS concevoir des GRAPHIQUES.

Ce n'est pas professionnel et j'ai vu un MESS réalisé par un graphiste à maintes reprises. Habituellement, cela fonctionnera dans un navigateur et la qualité du code est comme dans l'exemple suivant:

<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>

Vraiment inutilisable pour autre chose, mais contactez + photo comme le site Web de la boulangerie locale (10-15 visiteurs en une semaine).

Je suis nouveau dans le développement Web,
Hé, c'est le problème ici. Vous avez probablement affaire à un graphiste professionnel qui connaît son métier (couleurs, vecteurs, impression / design commercial) ... vous êtes en revanche un développeur qui ... nous ne connaîtrons pas son métier!

Les développeurs qui font des graphiques et des graphistes qui DEV. C'est juste des conneries non professionnelles. Ils ne peuvent rien obtenir correctement. Vous obtiendrez un mauvais code et le graphique aura l'air merdique.

Vous devriez peut-être embaucher un développeur qui connaît HTML / CSS (enfin si je disais "embauchez un graphicien qui connaît php, je serais fou, non?"). Vous pensez probablement qu'être graphiste n'est pas un "vrai" travail, c'est pourquoi il peut écrire du code et peut-être aussi être administrateur de serveur :)

Comment traiter avec de tels designers. Je lui avais personnellement donné une augmentation parce qu'il savait évidemment ce qu'il faisait!

Slawek
la source
3
vous m'insultez, ma question énonce mon problème de manière assez générale: le gars n'est pas un designer, mais c'est le patron, je suis un programmeur TRÈS chevronné, je fais des jeux vidéo pour nintendo depuis quatre ans, juste nouveau sur le web. Je N'ESSAYE PAS de faire de la conception, et NE LE LAISSEZ PAS écrire de code, je souhaite juste qu'il soit assez courageux pour aller changer les classes css directement sur le PHP.
Lacrymologie
2
@Lacrymology - Pourquoi ne pouvez-vous pas être assez courageux pour changer les classes CSS sur PHP? Encore une fois, ce n'est pas son travail ni ses compétences. De plus, plus vous interagissez avec le codage, mieux vous serez. Je suis impressionné que vous fabriquiez des jeux vidéo pour Nintendo. Si vous pouvez le faire, vous pouvez certainement le faire :) Bien que je ne sois pas d'accord avec @Slawek, les meilleurs designers que je connaisse peuvent coder un site Web en utilisant PHP et / ou Wordpress.
jmort253
1
Bien faire des jeux vidéo n'est pas webdev et je resterais vraiment dans le développement de jeux vidéo si vous pouvez le faire. En fin de compte, si webdev ne connaît pas html / css - il ne connaît pas son travail. Votre problème est que vous pensez que tout le monde devrait pouvoir programmer PHP parce que vous faites @Lacry: alors ces concepteurs sont vraiment de mauvais programmeurs qui produisent des spaghettis au lieu de code propre. Avez-vous entendu, par exemple. des concepteurs automobiles qui sont également des ingénieurs qui fabriquent des prototypes de turbines. Je suppose que non :) Quand vous verrez des projets d'une personne qui ne fait que du graphisme pour vivre ... php / graphiciens sont devenus au mieux médiocres :)
Slawek
@Slawek - Je pensais que vous alliez essayer d'atténuer vos diatribes?
Walter
1
@Slawek - alors vous auriez dû dire cela au lieu de la diatribe inutile. Quand vous pestez comme ça, les gens n'écoutent pas. Si vous voulez que votre point soit pris au sérieux, j'envisagerais de l'adoucir encore plus.
Walter