Как вы справляетесь с веб-дизайнерами, которые слишком боятся читать и трогать код PHP?

9

Меня наняли, чтобы сделать сайт, и я работаю с дизайнером (который оказался парнем, который общается с клиентом и нанял меня, поэтому нет, я не могу надрать ему задницу =)), который слишком боится чтобы прикоснуться к php-коду, он слишком новичок в html и css, чтобы давать мне достаточно хороших моделей, поэтому сегодня мы будем работать над его новой html-моделью наполовину запрограммированной страницы, удаляя <div>s и меняя классы и тому подобное. ,

Есть ли какой-то инструмент или какой-то лучший рабочий процесс, чтобы сделать это проще для нас обоих? Может быть, я имею дело с этим совершенно неправильно, я новичок в веб-разработке, и я не знаю достаточно HTML / CSS (и он, вероятно, знает), чтобы он просто дал мне графический макет и сделал В общем, то, что мы делаем, он дает мне статическую HTML-страницу, которая выглядит так, как он хочет, и я <?php ?>обошел ее =)

Кто-нибудь может дать мне совет по этому поводу?

php html css workflows Lacrymology
источник
трудный вопрос ...
4
Если вас наняли для создания сайта, вам нужно знать HTML и CSS.
SLaks
Нет, он занимается дизайном html / css, я решил пойти по этому пути (внедрить php в шаблоны), потому что это лучшее, что я могу придумать (приведите пример того, как это должно выглядеть, я ищу базу данных и заполняю в деталях), я спрашиваю, есть ли другой (лучший) способ сделать это. И я изучаю html / css по пути, я смогу сделать это для моей следующей работы. Я ОЧЕНЬ быстро учусь =)
Лакримология
3
Дизайн и разработка - это два совершенно разных набора навыков. Лучшие дизайнеры, с которыми я встречался, не были инженерами-программистами, но они могли собрать вместе 15-долларовые веб-сайты для клиентов с высокими ценами. Так что, если дизайнер знает больше HTML / CSS, чем вы, то вам придется наверстать упущенное. Помните, это не его работа - делать кодирование, для этого вы должны быть здесь.
jmort253
1
Я обычно нахожу, что для дизайнеров лучше придерживаться дизайна и держаться подальше от HTML / CSS. Большинство дизайнеров, с которыми я работаю, понимают, что работает в сети, а что нет. Насколько я их прошу, я задаю атрибуты шрифта CSS, которые они использовали в оригинальной PSD. Я беру это оттуда. Это логическое разделение и работает хорошо. Вам нужно знать HTML и CSS.
Брэд

Ответы:

7

Раньше я занимался фриланс-разработкой, мой рабочий процесс проходил примерно так:

  1. Определите вещи, которые ваш клиент предоставляет вам, и вещи, которые вы доставите своему клиенту. Обязательно укажите, за что конкретно вам платят и каковы результаты. Установка ожиданий очень важна.
  2. Пусть они предоставят любые активы, которые вам необходимы для выполнения вашей работы. В моем случае это обычно были PSD дизайна, а также дополнительные PSD для страниц / интерфейсов, которые отличались от стандартной компоновки. Файлы шрифтов должны быть включены при предоставлении указанных PSD.
  3. Нарежьте, нарисуйте и закодируйте дизайн в простом «оле» HTML / CSS.
  4. Остановите любой JavaScript, необходимый для пользовательских интерфейсов (AJAX, необычные эффекты и т. Д., И т. Д.)
  5. Кодируйте логику, необходимую для резервного копирования любых динамических функций на вашем сайте. AJAX-вызовы, которым требуются конечные точки, взаимодействие с базой данных и настройка сервера, подпадают под этот шаг.
  6. QA. Убедитесь, что все работает так, как определено в первом шаге, при необходимости повторите от 2 до 6.
Дэмиен Уилсон
источник
19

Веб-дизайнерам обычно не нужно сильно трогать код PHP, если вообще нужно.

Обычно дизайнеры разрабатывают визуальные эффекты в некотором графическом пакете (где это необходимо), обычно в Photoshop. Создайте HTML / CSS для статической версии контента, а также создайте альтернативный контент для динамики. Затем программист стремится взять это и сделать это динамичным. В противном случае, когда требуется полное разделение, программист сообщает разработчику, какие переменные доступны для кода, и имеет что-то для построения HTML для зацикленных секций.

Дизайнеры обычно могут уйти, не зная необходимых языков кодирования, программисты, обеспечивающие динамичность сайта, обычно должны знать, что делает HTML / CSS, чтобы правильно им манипулировать.

Если и дизайнер, и программист плохо разбираются в HTML / CSS, тогда Бог поможет вам.

Orbling
источник
1
Какая-то система шаблонов является ключевой здесь, но +1 для строки «Если и дизайнер, и программист плохо разбираются в HTML / CSS, тогда Бог поможет вам».
Николь
1
Обычно дизайнеры разрабатывают визуальные эффекты в каком-то графическом пакете. Да, некоторые «дизайнеры» из стран третьего мира, которых вы можете найти в рентакодере. Они делают все, что угодно (код, системный администратор, графика) ... качество ужасное, и работа таким образом больше напоминает детскую игру, чем реальную работу. Просить графического редактора сделать HTML - все равно что попросить копирайтера сделать ассемблер.
Славек
1
к сожалению, не все из нас были благословлены рождением в Соединенных Штатах или Европе, и каждый и каждый должен делать то, что он может. Я из "страны третьего мира" (Аргентина), и если я не знаю, как это сделать, потому что я был занят программированием на реальных языках
Lacrymology
1
@ Лакримология - не расстраивайтесь. Каждый должен начать где-нибудь. Просто знайте, что из-за недостатка опыта вы можете сделать некоторые ошибки в этом проекте. Я предлагаю быть гибким, и, возможно, найти эксперта, который поможет QA вашего кода и даст вам советы и рекомендации. Я бы порекомендовал хороший HTML Validator, например расширение HTML Validator для Firefox, которое поможет сохранить ваш HTML чистым и профессиональным.
jmort253
1
@Slawek: Я обнаружил, что за много лет обычные графические дизайнеры не могут хорошо проектировать для Интернета. Вам нужны технические дизайнеры, которые в полной мере ценят возможности и проблемы, связанные с рендерингом HTML, чтобы их проекты пригодились для построения HTML. Так что я бы только нанял дизайнера / строителя, для меня они никогда не были отдельными ролями, конечно, они могут быть, но это создает дополнительную головную боль.
Orbling
4

Проверьте сетку CSS, это очень быстро, чтобы учиться для неэкспертов и сделать составление страниц действительно простым.

вот несколько из них:

regilero
источник
2
Как CSS-фреймворки связаны с PHP-кодом на стороне сервера? Или я неправильно понимаю ваш ответ.
Крис
Они связаны с рабочим процессом между дизайнером и парнем, который должен будет вставить рендеринг в CMS. Оба они не являются экспертами CSS. По крайней мере, они смогут размещать элементы в нужном месте и иметь HTML-прототипы, основанные на тех же классах.
Regilero
+1 за предложение решения, которое облегчит жизнь.
jmort253
1

Склонны соглашаться с общим настроением. Это действительно сводится к тому, что дизайнеры и программисты - это 2 разных лагеря:

Дизайнеры: Как правило, в колледже изучают предметы искусства, их учат создавать красивые вещи, цветовую координацию, анимацию и т. Д.

Программисты: Как правило, какой-то компьютерный майор, преподающий естественные науки и / или бизнес всю свою жизнь.

Поэтому обучение дизайнера программированию сродни обучению эскимосов тому, как заниматься серфингом ... у них просто нет опыта, хотя это может случиться, если вы будете достаточно настаивать.

tekiegreg
источник
хорошо, я не прошу его кодировать, просто спрашиваю, есть ли инструменты или способы сделать это лучше. Если бы дизайн был закончен, когда я начал программировать, история была бы совсем другой, но ему нужно что-то менять по ходу дела
Lacrymology
@Lacrymology - Иногда вещи просто должны измениться, как они идут. Так работает веб-разработка. Я могу представить, что это полностью отличается от игровой индустрии; правила здесь совсем другие.
jmort253
все меняется по ходу игры. Много ... слишком много
Лакримология
-2

Вы можете передать html / css конверсию проекта на аутсорсинг. Чего я не понимаю, так это почему он сначала не создает разметку, а потом заставляет вас вставлять php в шаблоны?


источник
-5

Веб-дизайнеры, графики никогда не должны, НИКОГДА не трогать ЛЮБОЙ КОД. Нет HTML, CSS, PHP (!), JavaScript, НИЧЕГО.

Повторите это 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, я бы сошел с ума, верно?»). Вы, вероятно, думаете, что быть графическим специалистом - это не «настоящая» работа, поэтому он может писать код и, возможно, быть администратором сервера :)

Как бороться с такими дизайнерами. Я лично дал ему повышение, потому что он, очевидно, знает, что делает!

Slawek
источник
3
Вы оскорбляете меня, в моем вопросе моя проблема изложена довольно повсеместно: этот парень не дизайнер, но он босс, я ОЧЕНЬ опытный программист, уже четыре года создаю видеоигры для nintendo, только для новичков в сети. Я не пытаюсь заниматься проектированием и НЕ позволяю ему писать код, я просто хочу, чтобы он был достаточно смел, чтобы перейти и изменить классы CSS прямо на PHP.
Лакримология
2
@Lacrymology - Почему вы не можете быть достаточно смелыми, чтобы изменить классы CSS в PHP? Опять же, это не его работа и не его навыки. Кроме того, чем больше вы взаимодействуете с кодированием, тем лучше вы будете. Я впечатлен, что вы делаете видеоигры для Nintendo. Если вы можете сделать это, то вы определенно можете сделать это :) Хотя, я не согласен с @Slawek, лучшие дизайнеры, которых я знаю, могут закодировать сайт с помощью PHP и / или Wordpress.
jmort253
1
Хорошо делать видеоигры - это не webdev, и я бы остался в разработке видеоигр, если бы вы могли это сделать. Суть в том, что если webdev не знает html / css - он не знает свою работу. Ваша проблема в том, что вы думаете, что каждый должен иметь возможность программировать PHP, потому что вы делаете @Lacry: тогда эти дизайнеры действительно плохие программисты, которые создают спагетти вместо чистого кода. Вы слышали, например. дизайнеров автомобилей, которые также являются инженерами, которые делают прототипы турбин. Не угадайте :) Когда вы увидите несколько проектов человека, который делает графику только для жизни ... php / graphicians в лучшем случае стали посредственными :)
Slawek
@Slawek - Я думал, что ты собираешься попытаться смягчить свою ярость?
Уолтер
1
@Slawek - тогда ты должен был сказать это вместо бесполезной напыщенной речи. Когда ты так ругаешься, люди не слушают. Если вы хотите, чтобы ваша точка зрения была воспринята всерьез, тогда я бы подумал об ее смягчении.
Уолтер