Wie gehen Sie mit Webdesignern um, die zu viel Angst haben, PHP-Code zu lesen und zu berühren?

9

Ich wurde beauftragt, eine Website zu erstellen, und arbeite mit einem Designer zusammen (der zufällig der Typ ist, der mit dem Kunden in Kontakt steht und mich engagiert hat, also nein, ich kann ihm nicht den Arsch rausschmeißen =), der zu viel Angst hat in den PHP-Code zu berühren, und ist zu neu in HTML und CSS, um mir gut genug Modelle zu geben, so dass die Arbeit von heute sein neues HTML-Modell einer halb programmierten Seite durchgehen und <div>s entfernen und Klassen und dergleichen ändern wird .

Gibt es ein Tool oder einen besseren Workflow, um dies für uns beide einfacher zu machen? Vielleicht gehe ich damit völlig falsch um, bin neu in der Webentwicklung und kenne nicht genug HTML / CSS (und er tut es angeblich), damit er mir einfach ein grafisches Modell gibt und das macht Wir geben mir also eine statische HTML-Seite, die so aussieht, wie er es will, und ich habe sie <?php ?>umgangen =)

Kann mir jemand einen Rat geben?

php html css workflows Lacrymology
quelle
schwierige Frage ...
4
Wenn Sie mit der Erstellung einer Website beauftragt wurden, müssen Sie HTML und CSS kennen.
SLaks
Nein, er macht das HTML / CSS-Design. Ich habe mich für diesen Weg entschieden (PHP in die Vorlagen einfügen), weil es das Beste ist, was ich mir vorstellen kann (gib mir ein Beispiel, wie es aussehen sollte, ich schaue in der Datenbank nach und fülle es aus im Detail) frage ich, ob es einen anderen (besseren) Weg gibt, dies zu tun. Und ich lerne unterwegs etwas HTML / CSS, ich werde dies für meinen nächsten Job tun können. Ich bin ein sehr schneller Lerner =)
Lacrymology
3
Design und Entwicklung sind zwei völlig unterschiedliche Fähigkeiten. Die besten Designer, die ich getroffen habe, waren keine Software-Ingenieure, aber sie konnten 15.000-Dollar-Websites für High-Dollar-Kunden zusammenstellen. Wenn der Designer also mehr HTML / CSS kennt als Sie, müssen Sie viel nachholen. Denken Sie daran, es ist nicht seine Aufgabe, die Codierung durchzuführen, dafür sollten Sie hier sein.
jmort253
1
Ich finde es normalerweise besser für die Designer, sich an das Entwerfen zu halten und sich aus dem HTML / CSS herauszuhalten. Die meisten Designer, mit denen ich zusammenarbeite, verstehen, was im Web funktioniert und was nicht. Soweit ich sie auffordere, geben sie CSS-Schriftattribute an, die sie in der ursprünglichen PSD verwendet haben. Ich nehme es von dort. Es ist eine logische Trennung und funktioniert gut. Sie müssen HTML und CSS kennen.
Brad

Antworten:

7

Früher habe ich freiberuflich Front-End-Entwicklung betrieben. Mein Workflow lief ungefähr so ​​ab:

  1. Definieren Sie Dinge, die Ihr Kunde Ihnen zur Verfügung stellt, und Dinge, die Sie Ihrem Kunden liefern. Geben Sie unbedingt an, wofür Sie speziell bezahlt werden und welche Leistungen erbracht werden. Das Setzen von Erwartungen ist SEHR wichtig.
  2. Lassen Sie sie alle Vermögenswerte bereitstellen, die Sie für Ihre Arbeit benötigen. In meinem Fall war dies normalerweise eine PSD des Designs sowie zusätzliche PSDs für Seiten / Schnittstellen, die sich vom Standardlayout unterschieden. Bei der Bereitstellung der PSDs sollten Schriftdateien enthalten sein.
  3. Schneiden, würfeln und codieren Sie das Design in einfachem 'ole' HTML / CSS.
  4. Entfernen Sie das für Benutzeroberflächen erforderliche Javascript (AJAX, ausgefallene Effekte usw. usw.).
  5. Codieren Sie die Logik, die Sie zum Sichern dynamischer Funktionen auf Ihrer Site benötigen. AJAX-Aufrufe, die Endpunkte, Datenbankinteraktion und Server-Setup benötigen, fallen unter diesen Schritt.
  6. QA. Stellen Sie sicher, dass alles wie in Schritt 1 definiert funktioniert, und iterieren Sie nach Bedarf über 2 bis 6.
Damien Wilson
quelle
19

Webdesigner sollten den PHP-Code normalerweise nicht oder nur wenig berühren müssen.

Normalerweise entwickeln Designer die Grafiken in einem Grafikpaket (wo erforderlich), normalerweise in Photoshop. Erstellen Sie HTML / CSS für eine statische Version des Inhalts, wobei auch alternativer Inhalt für die Dynamik erstellt wird. Dann neigt der Programmierer dazu, dies zu nehmen und es dynamisch zu machen. Andernfalls teilt der Programmierer dem Designer mit, welche Variablen für den Code verfügbar sind, und verfügt über Informationen zum Erstellen des HTML-Codes für geloopte Abschnitte.

Designer können normalerweise davonkommen, ohne die benötigten Codierungssprachen zu kennen. Die Programmierer, die der Site Dynamik verleihen, müssen normalerweise wissen, was das HTML / CSS tut, um es richtig zu manipulieren.

Wenn sowohl Designer als auch Programmierer nicht gut in HTML / CSS sind, dann hilft Ihnen Gott.

Orbling
quelle
1
Eine Art Template-System ist hier der Schlüssel, aber +1 für die Zeile "Wenn sowohl Designer als auch Programmierer nicht gut in HTML / CSS sind, dann hilft Gott Ihnen."
Nicole
1
Normalerweise entwickeln Designer die Grafiken in einem Grafikpaket. Ja, einige "Designer" aus Drittländern, die Sie auf rentacoder finden. Sie machen einfach alles (Code, Systemadministrator, Grafik) ... Qualität ist schrecklich und auf diese Weise zu arbeiten ähnelt eher einem Kinderspiel als einer echten Arbeit. Wenn Sie den Grafiker bitten, HTML zu erstellen, ist dies so, als würden Sie den Texter bitten, Assembler auszuführen.
Slawek
1
Leider wurden nicht alle von uns mit der Geburt in den Vereinigten Staaten oder in Europa gesegnet, und jeder muss mit dem auskommen, was er kann. Ich komme aus einem "Land der Dritten Welt" (Argentinien) und wenn ich nicht weiß, wie ich das machen soll, dann weil ich damit beschäftigt war, in echten Sprachen zu programmieren
Lacrymology
1
@Lacrymology - Lassen Sie sich nicht entmutigen. Jeder muss irgendwo anfangen. Wisse nur, dass du aufgrund deiner mangelnden Erfahrung einige Fehler in diesem Projekt machen kannst. Mein Vorschlag ist, flexibel zu sein und vielleicht einen Experten zu finden, der Ihnen bei der Qualitätssicherung Ihres Codes hilft und Ihnen Tipps und Ratschläge gibt. Ich würde einen guten HTML-Validator empfehlen, wie die HTML-Validator-Erweiterung für Firefox, mit der Sie Ihren HTML-Code sauber und professionell halten können.
jmort253
1
@Slawek: Ich habe über viele Jahre festgestellt, dass normale Grafikdesigner nicht gut für das Web entwerfen können. Sie benötigen technische Designer, die die Funktionen und Probleme des HTML-Renderings voll und ganz zu schätzen wissen, damit sich ihre Designs für die HTML-Erstellung eignen. Ich würde also immer nur einen Designer / Baumeister einstellen, sie sind für mich nie getrennte Rollen, sicher können sie es sein, aber es bringt weitere Kopfschmerzen mit sich.
Orbling
4

Überprüfen Sie die CSS-Raster. Dies ist für Nicht-Experten sehr schnell zu erlernen und macht die Seitenerstellung sehr einfach.

Hier sind einige davon:

Regilero
quelle
2
Was haben CSS-Frameworks mit serverseitigem PHP-Code zu tun? Oder verstehe ich Ihre Antwort falsch?
Chris
Sie haben mit dem Workflow zwischen dem Designer und dem Mann zu tun, der das Rendering in ein CMS einfügen muss. Beide sind keine CSS-Experten. Zumindest werden sie in der Lage sein, Elemente an der richtigen Stelle zu platzieren und HTML-Prototypen zu haben, die auf denselben Klassen basieren.
Regilero
+1 für den Vorschlag einer Lösung, die das Leben leichter macht.
jmort253
1

Neigen dazu, mit der allgemeinen Stimmung übereinzustimmen. Es läuft wirklich darauf hinaus, dass Designer und Programmierer zwei verschiedene Lager sind:

Designer: Typischerweise wurden ihnen im College Kunst-Majors beigebracht, wie man hübsche Dinge baut, Farbkoordination, Animation usw.

Programmierer: In der Regel Computer-Hauptfach, lehrte Wissenschaften und / oder Busienss ihr ganzes Leben lang.

Daher ist das Unterrichten eines Designers im Codieren mit dem Unterrichten eines Eskimos im Surfen vergleichbar. Sie haben einfach nicht den Hintergrund, obwohl dies passieren kann, wenn Sie stark genug pushen.

Tekiegreg
quelle
ok, ich bitte ihn nicht, zu codieren, sondern nur hier zu fragen, ob es Tools oder Möglichkeiten gibt, dies besser zu machen. Wenn das Design fertig gewesen wäre, als ich anfing, dies zu programmieren, wäre die Geschichte ganz anders gewesen, aber er muss die Dinge im
Laufe der Zeit
@Lacrymology - Manchmal müssen sich die Dinge einfach ändern. So funktioniert Webentwicklung. Ich kann mir vorstellen, dass es völlig anders ist als in der Spielebranche. Die Regeln sind hier einfach anders.
jmort253
Alles ändert sich im Laufe der Zeit. Viel ... zu viel
Lacrymology
-2

Sie können die HTML / CSS-Konvertierung des Designs auslagern. Was ich nicht verstehe ist, warum er nicht zuerst das Markup erstellt und dann PHP in die Vorlagen einfügt?


quelle
-5

Webdesigner und Grafiker sollten NIEMALS einen Code berühren. Kein HTML, CSS, PHP (!), JavaScript, NICHTS.

Wiederholen Sie dies 100 Mal. Wenn es nicht funktioniert, wiederholen Sie es 1000 Mal WIEDER. Und Entwickler / Programmierer sollten NIEMALS GRAFIKEN entwerfen.

Das ist unprofessionell und ich habe so oft eine MESS gesehen, die ein Grafiker gemacht hat. Normalerweise funktioniert es in einem Browser und die Codequalität ist wie im folgenden Beispiel:

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

Wirklich unbrauchbar für alles andere, aber Kontakt + Foto wie Website der örtlichen Bäckerei (10-15 Besucher in einer Woche).

Ich bin neu in der Webentwicklung,
Hey, das ist das Problem hier. Sie haben es wahrscheinlich mit einem professionellen Grafiker zu tun, der sich auskennt (Farben, Vektoren, kommerzieller Druck / Design) ... Sie sind andererseits ein Entwickler, der ... wir werden seinen Job nicht kennen!

Entwickler, die Grafiken und Grafiker zu DEV machen. Das ist nur unprofessioneller Schwachsinn. Sie können nichts richtig machen. Sie erhalten schlechten Code und die Grafik sieht beschissen aus.

Sie sollten vielleicht einen Entwickler einstellen , der sich mit HTML / CSS auskennt (wenn ich sagen würde "Stellen Sie einen Grafiker ein, der sich mit PHP auskennt, würde ich verrückt klingen, oder?"). Sie denken wahrscheinlich, dass es kein "richtiger" Job ist, ein Grafiker zu sein, deshalb kann er Code schreiben und vielleicht auch Serveradministrator sein :)

Wie man mit solchen Designern umgeht. Ich hatte ihm persönlich eine Gehaltserhöhung gegeben, weil er offensichtlich weiß, was er tut!

Slawek
quelle
3
Sie beleidigen mich, meine Frage gibt mein Problem ganz allgemein an: Der Typ ist kein Designer, aber er ist der Boss, ich bin ein SEHR erfahrener Programmierer, mache seit vier Jahren Videospiele für Nintendo, nur neu im Web. Ich versuche NICHT zu entwerfen und lasse ihn KEINEN Code schreiben. Ich wünschte nur, er wäre mutig genug, die CSS-Klassen direkt auf dem PHP zu ändern.
Lacrymology
2
@Lacrymology - Warum kannst du nicht mutig genug sein, die CSS-Klassen auf dem PHP zu ändern? Auch hier ist es weder sein Job noch seine Fähigkeiten. Je mehr Sie mit der Codierung interagieren, desto besser werden Sie. Ich bin beeindruckt, dass Sie Videospiele für Nintendo machen. Wenn Sie das können, dann können Sie das definitiv tun :) Obwohl ich @Slawek nicht zustimme, können die besten Designer, die ich kenne, eine Website mit PHP und / oder Wordpress codieren.
jmort253
1
Nun, Videospiele zu machen ist kein Webdev und ich würde wirklich in Videospielentwicklern bleiben, wenn du es schaffen kannst. Die Quintessenz ist, wenn webdev HTML / CSS nicht kennt - er kennt seinen Job nicht. Ihr Problem ist, dass Sie denken, dass jeder in der Lage sein sollte, PHP zu programmieren, weil Sie @Lacry tun: Dann sind diese Designer wirklich schlechte Programmierer, die Spaghetti anstelle von sauberem Code produzieren. Hast du gehört, z. von Autodesignern, die auch Ingenieure sind, die Turbinenprototypen herstellen. Ratet mal nicht :) Wenn Sie einige Projekte einer Person sehen, die nur Grafik zum Leben macht ... PHP / Grafiker wurden bestenfalls mittelmäßig :)
Slawek
@Slawek - Ich dachte, Sie würden versuchen, Ihre Beschimpfungen abzuschwächen?
Walter
1
@Slawek - dann hättest du das statt des nutzlosen Geschwätzes sagen sollen. Wenn Sie so schimpfen, hören die Leute nicht zu. Wenn Sie möchten, dass Ihr Standpunkt ernst genommen wird, würde ich in Betracht ziehen, ihn noch weiter abzuschwächen.
Walter