Como você lida com web designers que têm muito medo de ler e tocar no código PHP?

9

Fui contratado para criar um site e estou trabalhando com um designer (que é o cara que está em contato com o cliente e me contratou, então não, não posso chutar a bunda dele =)) que está com muito medo para tocar no código php, e é muito novato em html e css para me dar modelos bons o suficiente, então o trabalho de hoje passará por seu novo modelo html de uma página semiprogramada e removerá se <div>mudando de classe e assim por diante .

Existe algum tipo de ferramenta ou algum fluxo de trabalho melhor para facilitar isso para nós dois? Talvez eu esteja lidando com isso da maneira errada, sou novo no desenvolvimento web e não conheço HTML / CSS suficiente (e ele supostamente sabe) para que ele me dê uma maquete gráfica e faça o coisa toda, então o que estamos fazendo é que ele me dê uma página HTML estática que parece com o que ele quer, e eu a contigo <?php ?>=)

Alguém pode me dar alguns conselhos sobre isso?

php html css workflows Lacrymology
fonte
pergunta difícil ...
4
Se você foi contratado para criar um site, precisa conhecer HTML e CSS.
SLaks
Não, ele está fazendo o design html / css, decidi seguir esse caminho (injetando php nos modelos) porque é o melhor que eu poderia criar (me dê um exemplo de como deve ser, procuro o banco de dados e preenchei nos detalhes), estou perguntando se há outra maneira (melhor) de fazer isso. E estou aprendendo alguns html / css no caminho, poderei fazer isso no meu próximo trabalho. Eu sou um aprendiz MUITO rápido =)
Lacrymology
3
Design e desenvolvimento são duas habilidades completamente diferentes. Os melhores designers que conheci não eram engenheiros de software, mas podiam montar sites de US $ 15 mil para clientes caros. Portanto, se o designer conhece mais HTML / CSS do que você, você tem muito o que fazer. Lembre-se, não é o trabalho dele fazer a codificação, é para isso que você deveria estar aqui.
precisa saber é o seguinte
11
Normalmente, acho que é melhor para os designers manter o design e ficar fora do HTML / CSS. A maioria dos designers com quem trabalho tem uma noção do que funciona na web e do que não funciona. Até onde eu peço para eles irem é especificar os atributos de fonte CSS que eles usaram no PSD original. Eu pego de lá. É uma divisão lógica e funciona bem. Você precisa conhecer HTML e CSS.
Brad

Respostas:

7

Eu costumava fazer desenvolvimento freelance de front-end, meu fluxo de trabalho era mais ou menos assim:

  1. Defina o que o seu cliente está fornecendo e o que você entregará ao seu cliente. Não se esqueça de incluir o que especificamente eles estão pagando e quais são os resultados. Definir expectativas é MUITO importante.
  2. Peça que eles forneçam todos os ativos necessários para o seu trabalho. No meu caso, esse geralmente era um PSD do design, além de PSDs adicionais para páginas / interfaces que diferiam do layout padrão. Arquivos de fonte devem ser incluídos ao fornecer os PSDs mencionados.
  3. Fatie, corte e codifique o design em HTML / CSS simples 'ole'.
  4. Remova qualquer javascript necessário para interfaces de usuário (AJAX, efeitos especiais, etc, etc)
  5. Codifique a lógica que você precisa para fazer backup de qualquer funcionalidade dinâmica em seu site. As chamadas AJAX que precisam de terminais, interação com o banco de dados e configuração do servidor se enquadram nesta etapa.
  6. QA. Verifique se tudo funciona como definido na etapa um, repita de 2 a 6 conforme necessário.
Damien Wilson
fonte
19

Geralmente, os designers da Web não precisam tocar muito no código PHP.

Geralmente, os designers desenvolvem os recursos visuais em alguns pacotes gráficos (quando necessário), geralmente no Photoshop. Crie o HTML / CSS para uma versão estática do conteúdo, também com conteúdo alternativo para dinâmica. Então o programador tende a pegar isso e torná-lo dinâmico. Falhando que, onde a separação completa é desejada, o programador informa ao designer quais variáveis ​​estão disponíveis para o código e cria algo para criar o HTML para seções em loop.

Os designers geralmente podem se safar sem conhecer as linguagens de codificação necessárias; os programadores que fornecem dinamismo ao site geralmente precisam saber o que o HTML / CSS está fazendo para manipulá-lo adequadamente.

Se o designer e o programador não são bons em HTML / CSS, Deus o ajude.

Orbling
fonte
11
Algum tipo de sistema de modelos é fundamental aqui, mas +1 para a linha "Se o designer e o programador não são bons em HTML / CSS, então Deus o ajude."
Nicole
11
Geralmente, os designers desenvolvem o visual em alguns pacotes gráficos Sim, alguns "designers" de países do terceiro mundo que você pode encontrar no rentacoder. Eles fazem tudo (código, administrador de sistemas, gráficos) ... a qualidade é horrível e funciona dessa maneira mais para uma brincadeira de criança do que para um trabalho real. Pedir ao grafista que faça HTML é como pedir ao redator para fazer o assembler.
Slawek
11
infelizmente, nem todos nós fomos abençoados por termos nascido nos estados unidos ou na europa, e todos têm que se contentar com o que podem. Eu sou de um "país do terceiro mundo" (Argentina) e se eu não sei como fazer isso, porque eu estive ocupado programando em linguagens reais
Lacrymology
11
@ Lacrymology - Não desanime. Todo mundo tem que começar de algum lugar. Apenas saiba que, devido à sua falta de experiência, você pode cometer alguns erros neste projeto. Minha sugestão é ser flexível, e talvez encontre um especialista para ajudar no controle de qualidade do seu código e fornecer dicas e conselhos. Eu recomendaria um bom HTML Validator, como a extensão HTML Validator para Firefox, que ajudará a manter seu HTML limpo e profissional.
precisa saber é o seguinte
11
@ Slawwe: Descobri há muitos anos que designers gráficos regulares não conseguem projetar bem para a web. Você precisa de designers técnicos, que apreciem totalmente os recursos e problemas envolvidos na renderização de HTML, para que seus designs se prestem à criação de HTML. Então, eu só contrataria um designer / construtor, eles nunca são papéis separados para mim, com certeza eles podem ser, mas isso introduz mais dor de cabeça.
Orbling 17/01
4

Verifique as grades de CSS, é muito rápido aprender para quem não é especialista e facilitar a composição da página.

aqui estão alguns deles:

regilero
fonte
2
O que as estruturas CSS têm a ver com o código php do lado do servidor? Ou estou entendendo mal sua resposta.
Chris
Eles têm a ver com o fluxo de trabalho entre o designer e o cara, que precisará colar a renderização em um CMS. Ambos não são especialistas em CSS. Pelo menos eles poderão colocar elementos no lugar certo e ter protótipos de html com base nas mesmas classes.
regilero 16/01
+1 por sugerir uma solução que facilitará a vida.
precisa saber é o seguinte
1

Tende a concordar com o sentimento geral. Tudo se resume ao fato de que designers e programadores são dois campos diferentes:

Designers: tipicamente estudantes de artes da faculdade, eles foram ensinados a criar coisas bonitas, coordenação de cores, animação, etc.

Programadores: Tipicamente, algum tipo de especialista em informática, ensinou ciências e / ou negócios por toda a vida.

Portanto, ensinar um designer a codificar é como ensinar um esquimó a surfar ... eles simplesmente não têm o fundo, embora isso possa acontecer se você se esforçar o suficiente.

tekiegreg
fonte
ok, não estou pedindo para ele codificar, apenas perguntando aqui se há ferramentas ou maneiras de fazer isso melhor. Se o design tivesse terminado quando eu comecei a programar isso, a história teria sido bem diferente, mas ele está precisando mudar as coisas à medida que
avançamos
@ Lacrologia - Às vezes, as coisas precisam mudar à medida que avançam. É assim que o desenvolvimento da web funciona. Eu posso imaginar que seja completamente diferente da indústria de jogos; as regras são bem diferentes aqui.
precisa saber é o seguinte
tudo muda à medida que passa .. os jogos mudam. Muito ... muito
Lacrymology
-2

Você pode terceirizar a conversão html / css do design. O que eu não entendo é por que ele não está criando a marcação primeiro e depois fazendo você injetar php nos modelos?


fonte
-5

Web designers, designers gráficos NUNCA, NUNCA devem tocar em nenhum código. Sem HTML, CSS, PHP (!), JavaScript, NADA.

Repita isso 100 vezes e, se não funcionar, repita-o 1000 vezes novamente. E desenvolvedores / programadores NUNCA devem projetar gráficos.

Isso não é profissional e eu já vi um MESS feito pelo designer gráfico por tantas vezes. Normalmente, ele funciona em um navegador e a qualidade do código é como no exemplo a seguir:

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

Realmente inutilizável para qualquer outra coisa, mas entre em contato + foto como o site da padaria local (10 a 15 visitantes em uma semana).

Eu sou novo no desenvolvimento web,
ei, esse é o problema aqui. Você provavelmente está lidando com um designer profissional que conhece as coisas dele (cores, vetores, impressão / design comercial) ... você, por outro lado, é um desenvolvedor que ... não conheceremos o trabalho dele!

Desenvolvedores que fazem gráficos e gráficos para DEV. Isso é besteira não profissional. Eles não conseguem acertar nada. Você receberá um código incorreto e o gráfico ficará uma merda.

Talvez você deva contratar um desenvolvedor que conhece HTML / CSS (bem, se eu disser "contrate um designer que saiba php, eu pareceria insano, certo?"). Você provavelmente acha que ser um gráfico não é um trabalho "real", por isso ele pode escrever código e talvez também ser administrador de servidores :)

Como lidar com esses designers. Eu pessoalmente lhe dei um aumento, porque ele obviamente sabe o que está fazendo!

Slawek
fonte
3
você me insulta, minha pergunta afirma o meu problema de maneira geral: o cara não é um designer, mas ele é o chefe, sou um programador MUITO experiente, faz videogames para a nintendo há quatro anos, novo na web. Eu não tento fazer design, e NÃO o deixo escrever código, apenas desejo que ele seja corajoso o suficiente para mudar as classes css diretamente no PHP.
precisa saber é o seguinte
2
@ Lacrologia - Por que você não pode ser corajoso o suficiente para alterar as classes CSS no PHP? Novamente, não é o trabalho dele, nem essas são suas habilidades. Além disso, quanto mais você interagir com a codificação, melhor será. Estou impressionado que você faça videogames para a Nintendo. Se você pode fazer isso, definitivamente pode fazer isso :) Embora eu discorde do @Slawek, os melhores designers que conheço podem codificar um site usando PHP e / ou Wordpress.
precisa saber é o seguinte
11
Bem, fazer videogames não é o webdev e eu realmente ficaria no desenvolvimento de videogames, se você puder. A linha inferior é se o webdev não conhece html / css - ele não conhece seu trabalho. Seu problema é que você acha que todos devem poder programar PHP porque você faz o @Lacry: esses designers são realmente maus programadores que produzem espaguete em vez de código limpo. Você já ouviu, por exemplo. de designers de carros que também são engenheiros que estão criando protótipos de turbinas. Acho que não :) Quando você verá alguns projetos de uma pessoa que só faz gráfico para viver ... php / graphicians tornou-se medíocre no melhor :)
Slawek
@ Slawk - eu pensei que você estava indo para tentar suavizar seus discursos?
Walter
11
@ Slavwe - então você deveria ter dito isso em vez do discurso inútil. Quando você fala assim, as pessoas não ouvem. Se você quer que seu argumento seja levado a sério, considero atenuá-lo ainda mais.
Walter