¿Cómo lidias con los diseñadores web que tienen demasiado miedo de leer y tocar el código PHP?

9

Me contrataron para hacer un sitio web y estoy trabajando con un diseñador (que resulta ser el tipo que está en contacto con el cliente y me contrató, así que no, no puedo patearle el trasero =)) que tiene demasiado miedo para tocar el código php, y es demasiado novato en html y css para darme modelos lo suficientemente buenos, por lo que el trabajo de hoy pasará por su nuevo modelo html de una página medio programada y eliminará <div>y cambiará las clases y demás .

¿Existe algún tipo de herramienta, o algún mejor flujo de trabajo para que esto sea más fácil para los dos? Tal vez estoy lidiando con esto de la manera incorrecta, soy nuevo en el desarrollo web y no conozco suficiente HTML / CSS (y supuestamente lo sabe) para que me dé una maqueta gráfica y haga el Todo, así que lo que estamos haciendo es que me da una página HTML estática que parece que él quiere, y la puse <?php ?>alrededor =)

¿Alguien puede darme algún consejo sobre esto?

— Lacrymology
fuente

pregunta difícil ...

44

Si ha sido contratado para crear un sitio web, debe conocer HTML y CSS.

— SLaks

No, está haciendo el diseño html / css, decidí seguir este camino (inyectando php en las plantillas) porque es lo mejor que se me ocurrió (dame un ejemplo de cómo debería ser, busco la base de datos y la lleno en los detalles), estoy preguntando si hay otra (mejor) forma de hacerlo. Y estoy aprendiendo algo de html / css en el camino, podré hacer esto para mi próximo trabajo. Soy un aprendiz MUY rápido =)

— Lacrymology

3

Diseño y desarrollo son dos conjuntos de habilidades completamente diferentes. Los mejores diseñadores que he conocido no eran ingenieros de software, pero podían crear sitios web de $ 15k para clientes de alto precio. Entonces, si el diseñador sabe más HTML / CSS que usted, entonces tiene que ponerse al día. Recuerde, no es su trabajo hacer la codificación, para eso se supone que debe estar aquí.

— jmort253

1

Normalmente encuentro que es mejor que los diseñadores se adhieran al diseño y se mantengan fuera del HTML / CSS. La mayoría de los diseñadores con los que trabajo tienen una idea de lo que funciona en la web y lo que no. Hasta donde les pido que vayan, está especificando los atributos de fuente CSS que usaron en el PSD original. Lo tomo desde allí. Es una división lógica y funciona bien. Necesitas saber HTML y CSS.

— Brad

7

Solía hacer desarrollo front-end independiente, mi flujo de trabajo fue algo como esto:

Defina las cosas que su cliente le está proporcionando y las cosas que entregará a su cliente. Asegúrese de incluir lo que le están pagando específicamente y cuáles son los entregables. Establecer expectativas es MUY importante.
Haga que le brinden los activos que necesita para hacer su trabajo. En mi caso, esto generalmente era una PSD del diseño, así como PSD adicionales para páginas / interfaces que diferían del diseño estándar. Los archivos de fuentes deben incluirse al proporcionar dichos PSD.
Corta, corta en dados y codifica el diseño en HTML / CSS simple.
Elimine cualquier javascript necesario para las interfaces de usuario (AJAX, efectos de fantasía, etc., etc.)
Codifique la lógica que necesita para hacer una copia de seguridad de cualquier funcionalidad dinámica dentro de su sitio. Las llamadas AJAX que necesitan puntos finales, interacción con la base de datos y configuración del servidor se incluyen en este paso.
QA Asegúrese de que todo funcione como se define en el paso uno, repita de 2 a 6 según sea necesario.

— Damien Wilson
fuente

19

Los diseñadores web no deberían tener que tocar mucho el código PHP, si es que lo hacen.

Por lo general, los diseñadores desarrollan las imágenes en algún paquete de gráficos (donde sea necesario), generalmente Photoshop. Cree el HTML / CSS para una versión estática del contenido, con contenido alternativo para la dinámica también construido. Entonces el programador tiende a tomar esto y hacerlo dinámico. De lo contrario, cuando se desea una separación completa, el programador le permite al diseñador saber qué variables están disponibles para el código y tener algo en su lugar para construir el HTML para las secciones en bucle.

Los diseñadores generalmente pueden escapar sin conocer los lenguajes de codificación necesarios, los programadores que proporcionan dinamismo al sitio generalmente necesitan saber qué está haciendo el HTML / CSS para manipularlo correctamente.

Si tanto el diseñador como el programador no son buenos en HTML / CSS, entonces Dios lo ayude.

— Orbling
fuente

1

Aquí es clave algún tipo de sistema de plantillas, pero +1 para la línea "Si el diseñador y el programador no son buenos en HTML / CSS, entonces Dios lo ayudará".

— Nicole

1

Por lo general, los diseñadores desarrollan las imágenes en un paquete de gráficos Sí, algunos "diseñadores" de países del tercer mundo que puedes encontrar en rentacoder. Hacen todo (código, administrador de sistemas, gráficos) ... la calidad es horrible y trabajar de esta manera se parece más a un juego de niños que a un trabajo real. Pedirle a un gráfico que haga HTML es como pedirle al redactor que haga el ensamblador.

— Slawek

1

Lamentablemente, no todos hemos sido bendecidos con haber nacido en los Estados Unidos o Europa, y todos y cada uno tiene que conformarse con lo que puede. Soy de un "país del tercer mundo" (Argentina) y si no sé cómo hacerlo es porque he estado ocupado programando en idiomas reales

— Lacrymology

1

@Lacrimología: no se desanime. Todos tienen que comenzar en alguna parte. Solo sepa que debido a su falta de experiencia, puede cometer algunos errores en este proyecto. Mi sugerencia es ser flexible, y tal vez encontrar un experto para ayudar a QA su código y darle consejos y sugerencias. Recomendaría un buen Validator HTML, como la extensión Validator HTML para Firefox, que ayudará a mantener su HTML limpio y profesional.

— jmort253

1

@Slawek: He descubierto durante muchos años que los diseñadores gráficos habituales no pueden diseñar bien para la web. Necesita diseñadores técnicos, que aprecien plenamente las capacidades y los problemas relacionados con la representación HTML, para que sus diseños se presten a la creación de HTML. Por lo tanto, solo contrataría a un diseñador / constructor, nunca son roles separados para mí, seguro que pueden serlo, pero introduce más dolor de cabeza.

— Orbling

4

Verifique las cuadrículas de CSS, esto es realmente rápido de aprender para los no expertos y hace que la composición de la página sea realmente fácil.

Aquí hay algunos de ellos:

BluePrint (este es el que uso)
Rejilla Yui
Rejilla Yaml
960

— regilero
fuente

2

¿Qué tienen que ver los frameworks CSS con el código php del lado del servidor? ¿O estoy malinterpretando tu respuesta?

— Chris

Tienen que ver con el flujo de trabajo entre el diseñador y el tipo que tendrá que pegar el renderizado en un CMS. Ambos no son expertos en CSS. Al menos podrán colocar elementos en el lugar correcto y tener prototipos html basados en las mismas clases.

— regilero

+1 por sugerir una solución que facilitará la vida.

— jmort253

1

Tienden a estar de acuerdo con el sentimiento general. Realmente se reduce al hecho de que los diseñadores y programadores son 2 campos diferentes:

Diseñadores: Típicamente estudiantes de artes en la universidad, se les enseñó cómo construir cosas bonitas, coordinación de colores, animación, etc.

Programadores: por lo general, un experto en informática de algún tipo, enseñó ciencias y / o negocios durante toda su vida.

Por lo tanto, enseñar a un diseñador a codificar es similar a enseñarle a un esquimal a navegar ... simplemente no tienen los antecedentes, aunque podría suceder si presionas lo suficiente.

— tekiegreg
fuente

ok, no le pido que codifique, solo pregunto aquí si hay herramientas o formas de hacerlo mejor. Si el diseño se hubiera terminado cuando comencé a programar esto, la historia habría sido bastante diferente, pero él necesita cambiar las cosas a medida que avanzamos

— Lacrymology

@Lacrimología: a veces las cosas solo tienen que cambiar a medida que avanzan. Así es como funciona el desarrollo web. Me imagino que es completamente diferente de la industria del juego; Las reglas son simplemente diferentes aquí.

— jmort253

todo cambia a medida que avanza ... los juegos lo hacen. Mucho ... demasiado

— Lacrymology

-2

Puede externalizar la conversión html / css del diseño. Lo que no entiendo es por qué no está creando el marcado primero y luego haciendo que inyecte php en las plantillas.

-5

Los diseñadores web, los gráficos nunca deben tocar NUNCA NINGÚN CÓDIGO. Sin HTML, CSS, PHP (!), JavaScript, NADA.

Repita eso 100 veces, luego, si no funciona, repítalo 1000 veces OTRA VEZ. Y los desarrolladores / programadores NUNCA deberían diseñar GRÁFICOS.

Eso no es profesional y he visto un MESS hecho por un gráfico por muchas veces. Por lo general, funcionará en un navegador y la calidad del código es como en el siguiente ejemplo:

<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 inutilizable para cualquier otra cosa, pero contacto + foto como el sitio web de la panadería local (10-15 visitantes en una semana).

Soy nuevo en el desarrollo web.
Hola, ese es el problema aquí. Probablemente estés tratando con un gráfico profesional que conoce sus cosas (colores, vectores, impresión / diseño comercial) ... por otro lado, eres un desarrollador que ... ¡no conoceremos su trabajo!

Desarrolladores que hacen gráficos y gráficos que DEV. Eso es una mierda no profesional. No pueden hacer nada bien. Obtendrá un código incorrecto y el gráfico se verá horrible.

Tal vez deberías contratar a un desarrollador que conozca HTML / CSS (bueno, si yo dijera "contratar a un gráfico que sepa php, me parecería una locura, ¿verdad?"). Probablemente piense que ser un gráfico no es un trabajo "real", por eso puede escribir código y quizás también ser administrador del servidor :)

Cómo lidiar con tales diseñadores. ¡Personalmente le di un aumento porque obviamente él sabe lo que está haciendo!

— Slawek
fuente

3

me insultas, mi pregunta indica mi problema por completo: el tipo no es diseñador, pero él es el jefe, soy un programador MUY experimentado, he estado haciendo videojuegos para nintendo durante cuatro años, solo que soy nuevo en la web. NO intento diseñar, y NO le dejo escribir código, solo deseo que sea lo suficientemente valiente como para ir y cambiar las clases de CSS directamente en PHP.

— Lacrymology

2

@Lacrymology: ¿por qué no puedes ser lo suficientemente valiente como para cambiar las clases de CSS en PHP? Nuevamente, no es su trabajo ni esas son sus habilidades. Además, cuanto más interactúes con la codificación, mejor serás. Estoy impresionado de que hagas videojuegos para Nintendo. Si puede hacer eso, entonces definitivamente puede hacer esto :) Aunque, no estoy de acuerdo con @Slawek, los mejores diseñadores que conozco pueden codificar un sitio web usando PHP y / o Wordpress.

— jmort253

1

Bueno, hacer videojuegos no es webdev y realmente me quedaría en el desarrollo de videojuegos si puedes hacerlo. La conclusión es que si webdev no conoce html / css, no conoce su trabajo. Tu problema es que crees que todos deberían poder programar PHP porque lo haces con @Lacry: entonces esos diseñadores son realmente malos programadores que producen espagueti en lugar de código limpio. ¿Has oído, por ejemplo. de diseñadores de automóviles que también son ingenieros que están haciendo prototipos de turbinas. Supongo que no :) Cuando veas algunos proyectos de una persona que solo hace gráficos para vivir ... php / gráficos se volvieron mediocres en el mejor de los casos :)

— Slawek

@Slawek - ¿Pensé que ibas a tratar de atenuar tus comentarios?

— Walter

1

@Slawek: entonces deberías haber dicho eso en lugar de la diatriba inútil. Cuando gritas así, la gente no te escucha. Si desea que su punto sea tomado en serio, entonces consideraría atenuarlo aún más.

— Walter