PHPコードを読んだり触ったりするのが怖すぎるWebデザイナーをどのように扱いますか？

私はウェブサイトを作るために雇われ、デザイナーと仕事をしています（たまたまクライアントと連絡を取り、私を雇ったので、いいえ、私は彼のお尻を蹴り出すことができません=））あまりにも恐れていますphpコードに触れるには、htmlとcssの初心者で十分なモデルを提供できないため、今日の作業は、半分プログラムされたページの新しいhtmlモデルを調べ、<div>sを削除してクラスを変更することなどです。 。

私たちの両方にとってこれをより簡単にするための何らかのツール、またはいくつかのより良いワークフローはありますか？多分私はこれを間違った方法で扱っています、私はウェブ開発に不慣れです、そして私に彼にグラフィックのモックアップを与えてそしてそれをさせるだけの十分なHTML / CSS（そして彼はそうしているでしょう）を知りませんすべてのことなので、私たちがやっていることは、彼が望んでいるように見える静的なHTMLページを私に与えて、<?php ?>それをあちこちに置くことです=）

誰か私にこれについていくつかのアドバイスを与えることはできますか？

私はフリーランスのフロントエンド開発を行っていましたが、ワークフローは次のようになりました。

1. クライアントが提供するものとクライアントに提供するものを定義します。具体的には、彼らがあなたに支払っているものと、成果物が何であるかを必ず含めてください。期待を設定することは非常に重要です。
2. 彼らにあなたがあなたの仕事をするのに必要なあらゆる資産を提供してもらいます。私の場合、これは通常、デザインのPSDであり、標準のレイアウトとは異なるページ/インターフェイスの追加のPSDでもありました。上記のPSDを提供する場合は、フォントファイルを含める必要があります。
3. プレーン 'OLE' HTML / CSSでデザインをスライス、ダイス、コード化します。
4. ユーザーインターフェイス（AJAX、ファンシーエフェクトなど）に必要なJavaScriptをスタブアウトします。
5. サイト内の動的機能をバックアップするために必要なロジックをコーディングします。エンドポイント、データベースの相互作用、およびサーバーのセットアップを必要とするAJAX呼び出しはすべて、このステップに該当します。
6. QA。すべてがステップ1の定義どおりに機能することを確認し、必要に応じて2〜6回繰り返します。

Webデザイナーは通常、PHPコードにそれほど手を加える必要はありません。

通常、デザイナーは何らかのグラフィックパッケージ（必要な場合）、通常はPhotoshopでビジュアルを開発します。コンテンツの静的バージョン用のHTML / CSSを作成し、ダイナミクス用の代替コンテンツも作成します。次に、プログラマはこれを取り入れて動的にする傾向があります。失敗した場合、完全な分離が必要な場合、プログラマーはコードに使用できる変数をデザイナーに知らせ、ループセクションのHTMLを構築するための何かを用意します。

通常、デザイナーは必要なコーディング言語を知らなくても済むため、サイトにダイナミズムを提供するプログラマーは、HTML / CSSが適切に操作するために何をしているのかを知る必要があります。

デザイナーとプログラマーの両方がHTML / CSSが得意でない場合、神があなたを助けてくださいます。

CSSグリッドを確認してください。これは、専門家以外のユーザーが学習するのが非常に速く、ページの構成が非常に簡単になります。

それらのいくつかはここにあります：

• BluePrint（これは私が使用するものです）
• ゆいグリッド
• Yamlグリッド
• 960

一般的な感情に同意する傾向があります。結局のところ、デザイナーとプログラマーは2つの異なる陣営であるという事実です。

デザイナー：通常、大学の芸術専攻で、美少女、色の調整、アニメーションなどを構築する方法を教えられました。

プログラマー：通常、ある種のコンピューター専攻で、サイエンスやビジエンスに生涯を教えました。

したがって、デザイナーにコードを教えることは、エスキモーにサーフィンの方法を教えることと同じです...十分に頑張った場合に起こる可能性はありますが、バックグラウンドはありません。

デザインのhtml / css変換を外部委託できます。私が得られないのは、なぜ彼が最初にマークアップを作成し、次にテンプレートにphpを注入しないのですか？

Webデザイナー、グラフィック担当者は、絶対にコードに触れないでください。HTML、CSS、PHP（！）、JavaScript、何もありません。

それを100回繰り返し、それが機能しない場合は、1000回繰り返します。また、開発者/プログラマーはグラフィックを設計しないでください。

それは専門家ではなく、私はグラフィック担当者が何度も行うMESSを見てきました。通常、1つのブラウザーで機能し、コード品質は次の例のようになります。

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

本当に他のものには使えませんが、地元のパン屋のウェブサイトのような連絡先+写真（1週間に10〜15人の訪問者）。

私はWeb開発に
不慣れです。これが問題です。あなたはおそらく彼のもの（色、ベクトル、商業印刷/デザイン）を知っているプロのグラフィック担当者と取引しています...一方、あなたは開発者です...私たちは彼の仕事を知りません！

グラフィックスを行う開発者とDEVに対してグラフィックスを行う人。それは単に専門外のでたらめです。彼らは何も正しくない。あなたは悪いコードを手に入れ、グラフィックはひどく見えるでしょう。

HTML / CSSを知っている開発者を雇う必要があるかもしれません（「phpを知っているグラフィックスを雇えば、正気に聞こえませんか？」）。あなたはおそらく、グラフィックスであることは「本当の」仕事ではないと思います。そのため、彼はコードを書くことができ、サーバー管理者になることもできます:)

そんなデザイナーとの付き合い方。彼は明らかに彼が何をしているかを知っているので、私は彼に昇給をあげました！