web-dev-qa-db-ja.com

PHPコードを読んだり触れたりすることを恐れすぎているWebデザイナーにどのように対処しますか?

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

私たち両方にとってこれを簡単にするための何らかのツール、またはより良いワークフローはありますか?たぶん私はこれを完全に間違った方法で扱っています、私はウェブ開発に不慣れです、そして私は彼にグラフィックモックアップを与えてそして私たちがやっていることは、彼が望んでいるように見える静的なHTMLページを私に与えて、私は<?php ?>をその周りに配置します=)

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

9
Lacrymology

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

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

Webデザイナーは通常、PHPコードに触れる必要はほとんどありません。

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

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

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

19
Orbling

Cssグリッドを確認してください。これは専門家でない人にとっては非常に速く学び、ページ構成を非常に簡単にします。

ここにそれらのいくつかがあります:

4
regilero

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

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

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

したがって、デザイナーにコードを教えることは、エスキモーにサーフィンの仕方を教えることに似ています...十分に強く押すと起こるかもしれませんが、彼らには背景がありません。

1
tekiegreg