PHP 코드를 읽고 만지기를 두려워하는 웹 디자이너를 어떻게 다루십니까?

나는 웹 사이트를 만들기 위해 고용되었으며 디자이너와 일하고 있습니다 (고객과 접촉하고 나를 고용 한 사람이되기 때문에 아니오, 나는 그의 엉덩이를 걷어 차지 못합니다 =)) PHP 코드를 다루기에는 너무 좋은 모델을 제공하기에 html과 CSS가 너무 초보자입니다. 오늘의 작업은 반 프로그래밍 페이지의 새로운 html 모델을 통해 <div>s를 제거 하고 클래스를 변경하는 것입니다. .

우리 모두에게 이것을 쉽게하기 위해 어떤 종류의 도구 또는 더 나은 워크 플로우가 있습니까? 어쩌면 나는 이것을 완전히 잘못된 방법으로 처리하고 있으며, 나는 웹 개발에 익숙하지 않으며, 그래픽 모의를 제공하고 할 수있는 충분한 HTML / CSS (그리고 아마도 그렇게 할 것)를 모른다 모든 것은, 그래서 우리가하고있는 것은 그가 나에게 있음을 그가 원하는 모습처럼 정적 HTML 페이지를 제공하고, 내가 넣어 <?php ?>)가 = 약

누구든지 이것에 대해 조언을 해 줄 수 있습니까?

저는 프리랜서 프론트 엔드 개발을했지만 워크 플로는 다음과 같이 진행되었습니다.

1. 고객이 제공하는 사항과 고객에게 제공 할 사항을 정의하십시오. 그들이 구체적으로 지불하는 금액과 결과물을 반드시 포함하십시오. 기대치를 설정하는 것은 매우 중요합니다.
2. 업무 수행에 필요한 모든 자산을 제공하십시오. 필자의 경우 이것은 보통 디자인의 PSD 일뿐 아니라 표준 레이아웃과 다른 페이지 / 인터페이스 용 추가 PSD였습니다. 상기 PSD를 제공 할 때 폰트 파일이 포함되어야한다.
3. 평범한 'ole'HTML / CSS로 디자인을 슬라이스, 주사위 및 코딩하십시오.
4. 사용자 인터페이스 (AJAX, 팬시 효과 등)에 필요한 모든 자바 스크립트 제거
5. 사이트 내에서 동적 기능을 백업하는 데 필요한 논리를 코딩하십시오. 엔드 포인트, 데이터베이스 상호 작용 및 서버 설정이 필요한 AJAX 호출이 모두이 단계에 해당합니다.
6. 품질 관리 1 단계에서 정의한대로 모든 것이 작동하는지 확인하고 필요에 따라 2-6 개를 반복하십시오.

웹 디자이너는 대개 PHP 코드를 많이 만질 필요가 없습니다.

일반적으로 디자이너는 일부 그래픽 패키지 (필요한 경우), 일반적으로 Photoshop에서 비주얼을 개발합니다. 정적 버전의 컨텐츠에 대한 HTML / CSS를 빌드하고 동적 컨텐츠에 대한 대체 컨텐츠도 빌드하십시오. 그런 다음 프로그래머는 이것을 가져 와서 동적으로 만드는 경향이 있습니다. 완전한 분리가 필요한 경우 프로그래머는 디자이너가 코드에 사용할 수있는 변수를 알고 루프 된 섹션에 대한 HTML을 빌드 할 수있는 무언가를 알 수 있습니다.

디자이너는 일반적으로 필요한 코딩 언어를 모른 채 도망 갈 수 있으며, 사이트에 역 동성을 제공하는 프로그래머는 일반적으로 HTML / CSS가 올바르게 조작하기 위해 수행하는 작업을 알아야합니다.

디자이너와 프로그래머 모두 HTML / CSS에 능숙하지 않으면 신이 도와줍니다.

CSS 그리드를 확인하십시오. 이것은 전문가가 아닌 사람에게 배우는 것이 빠르고 페이지 구성을 정말 쉽게 만듭니다.

여기에 몇 가지가 있습니다 :

• BluePrint (이것은 내가 사용하는 것임 )
• 유이 그리드
• Yaml 그리드
• 960

일반적인 감정에 동의하는 경향이 있습니다. 디자이너와 프로그래머가 서로 다른 두 가지 캠프라는 사실로 요약됩니다.

디자이너 : 일반적으로 대학의 미술 전공은 예쁜 것들, 색상 조정, 애니메이션 등을 만드는 방법을 배웠습니다.

프로그래머 : 일반적으로 어떤 종류의 컴퓨터 전공은 과학 및 / 또는 비즈니스에 전 생애를 가르쳤습니다.

따라서 디자이너에게 코딩을 가르치는 것은 에스키모에게 서핑하는 방법을 가르치는 것과 비슷합니다. 만약 강하게 밀면 배경이 없어도됩니다.

디자인의 html / css 변환을 아웃소싱 할 수 있습니다. 내가 얻지 못하는 것은 왜 마크 업을 먼저 만든 다음 템플릿에 PHP를 주입하지 않는 것입니까?

웹 디자이너, 그래픽 전문가는 절대로 코드를 만지지 마십시오. HTML, CSS, PHP (!), JavaScript, NOTHING이 없습니다.

100 번 반복 한 다음 작동하지 않으면 1000 번 다시 반복하십시오. 또한 개발자 / 프로그래머는 절대 그래픽을 디자인해서는 안됩니다.

그것은 전문적이지 않으며 그래픽 전문가가 여러 번 해낸 MESS를 보았습니다. 일반적으로 하나의 브라우저에서 작동하며 코드 품질은 다음 예제와 같습니다.

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

다른 곳에서는 사용할 수 없지만 현지 빵집 웹 사이트 (주당 10-15 방문자)와 같은 연락처 + 사진.

저는 웹 개발에 익숙하지 않습니다
. 문제입니다. 당신은 아마도 자신의 물건 (컬러, 벡터, 상업용 인쇄 / 디자인)을 알고있는 전문 그래픽 전문가를 다루고있을 것입니다 ... 반면에 당신은 개발자입니다 ... 우리는 그의 직업을 알지 못할 것입니다!

DEV에 그래픽과 그래픽을하는 개발자. 그것은 전문가가 아닌 헛소리입니다. 그들은 아무것도 얻을 수 없습니다. 잘못된 코드가 표시되고 그래픽이 흐릿 해 보입니다.

HTML / CSS를 알고 있는 개발자를 고용해야 할 수도 있습니다 ( "php를 아는 그래픽 전문가가 있다면 말도 안됩니다."). 그래픽 전문가가되는 것은 "실제"작업이 아니라고 생각하기 때문에 코드를 작성하고 서버 관리자도 될 수 있습니다. :)

그러한 디자이너를 다루는 방법. 그는 자신이하고있는 일을 분명히 알고 있기 때문에 개인적으로 그에게 인상을주었습니다!